.play-screen--paint-chaos{--paint-ink: #241a42;--paint-violet: #8f4dde;--paint-pink: #eb3fae;--paint-cyan: #3acbe8;--paint-yellow: #f6bd27;background:radial-gradient(circle at 8% 14%,rgba(58,203,232,.25),transparent 24%),radial-gradient(circle at 90% 78%,rgba(235,63,174,.22),transparent 27%),linear-gradient(150deg,#fdfaff,#eee9fb 48%,#fff5e4)}.paint-chaos{display:flex;flex:1 1 auto;align-items:center;justify-content:center;min-height:0}.paint-chaos__stage{position:relative;width:min(100%,62rem);overflow:hidden;aspect-ratio:16 / 10;border:6px solid #2f2452;border-radius:clamp(16px,2.4vw,28px);background:#2f2452;box-shadow:0 22px 48px #25184540,0 7px #1f173c,inset 0 0 0 3px #ffffff47;isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none}.paint-chaos__canvas{position:absolute;z-index:0;inset:0;display:block;width:100%;height:100%;touch-action:none}.paint-chaos__hud{position:absolute;z-index:4;top:.7rem;left:50%;display:grid;grid-template-columns:max-content minmax(9rem,1fr) max-content;gap:.45rem;align-items:center;width:min(calc(100% - 1.4rem),38rem);transform:translate(-50%);pointer-events:none}.paint-chaos__stat{display:inline-flex;gap:.35rem;align-items:center;justify-content:center;min-height:2.45rem;padding:.38rem .65rem;border:2px solid rgba(72,52,112,.16);border-radius:999px;background:#fffdf7f5;box-shadow:0 7px #2f24521f,0 11px 22px #2d21481f;color:var(--paint-ink);line-height:1;white-space:nowrap;backdrop-filter:blur(6px)}.paint-chaos__stat>span[aria-hidden=true]{color:var(--paint-violet)}.paint-chaos__stat strong{font-size:clamp(.75rem,1.8vw,.94rem);font-variant-numeric:tabular-nums}.paint-chaos__stat-label{color:#675b7c;font-size:.64rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.paint-chaos__stat--coverage{display:grid;grid-template-columns:auto auto;gap:.25rem .45rem;min-width:0;border-radius:14px;box-shadow:0 7px #8f4dde33,0 11px 22px #2d214821}.paint-chaos__meter{--paint-target: 40%;position:relative;grid-column:1 / -1;display:block;width:100%;height:.42rem;overflow:hidden;border-radius:999px;background:linear-gradient(to right,transparent calc(var(--paint-target) - 1px),#42345e calc(var(--paint-target) - 1px),#42345e calc(var(--paint-target) + 1px),transparent calc(var(--paint-target) + 1px)),#ded8e9}.paint-chaos__meter>span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--paint-cyan),var(--paint-violet),var(--paint-pink));transition:width .16s linear}.paint-chaos__status{position:absolute;z-index:4;bottom:.72rem;left:50%;width:min(48%,27rem);max-width:calc(100% - 12rem);margin:0;overflow:hidden;padding:.48rem .72rem;transform:translate(-50%);border:2px solid rgba(255,255,255,.3);border-radius:999px;background:#241a42e0;box-shadow:0 7px 18px #20153a3d;color:#fffdf7;font-size:clamp(.66rem,1.7vw,.84rem);font-weight:800;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.paint-chaos__boost{position:absolute;z-index:4;top:4.05rem;right:.75rem;min-width:7.3rem;margin:0;padding:.42rem .65rem;border:2px solid rgba(255,255,255,.3);border-radius:999px;background:#2f2452eb;box-shadow:0 6px #1f173c38;color:#fffdf7;font-size:clamp(.66rem,1.6vw,.8rem);font-weight:900;letter-spacing:.04em;text-align:center;pointer-events:none}.paint-chaos__boost[data-active=true]{border-color:#fff2a8;background:linear-gradient(135deg,#ffd84a,#ffab1a);color:#3e2a00}.paint-chaos__mission{position:absolute;z-index:4;top:4.05rem;left:50%;width:min(42%,20rem);margin:0;overflow:hidden;padding:.42rem .7rem;transform:translate(-50%);border:2px solid rgba(255,255,255,.62);border-radius:999px;background:#fffdf7f0;box-shadow:0 6px #1f173c24;color:var(--paint-ink);font-size:clamp(.65rem,1.6vw,.8rem);font-weight:900;line-height:1.15;text-align:center;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.paint-chaos__palette{position:absolute;z-index:6;top:4.05rem;left:.75rem;display:flex;gap:.38rem;padding:.34rem;border:2px solid rgba(255,255,255,.55);border-radius:999px;background:#2f2452c7;box-shadow:0 6px #1f173c33;backdrop-filter:blur(5px)}.paint-chaos__colour{position:relative;width:3rem;height:3rem;padding:0;border:3px solid rgba(255,255,255,.82);border-radius:50%;box-shadow:inset 0 4px 6px #ffffff52,0 4px #14102357;cursor:pointer;transition:transform .12s ease,border-color .12s ease;touch-action:manipulation}.paint-chaos__colour span{display:grid;place-items:center;width:1.18rem;height:1.18rem;margin:auto;border-radius:50%;background:#1e1730b8;color:#fff;font-size:.7rem;font-weight:900}.paint-chaos__colour--red{background:#ef4a57}.paint-chaos__colour--yellow{background:#f7c331}.paint-chaos__colour--blue{background:#319be8}.paint-chaos__colour[data-active=true]{border-color:#fff;outline:3px solid #2f2452;transform:translateY(-3px) scale(1.06)}.paint-chaos__colour:focus-visible{outline:4px solid #fff;outline-offset:3px}.paint-chaos__touch{position:absolute;z-index:5;right:.9rem;bottom:.8rem;left:.9rem;display:none;align-items:end;justify-content:space-between;pointer-events:none}.paint-chaos__stick{position:relative;width:clamp(4.7rem,15vw,6.6rem);aspect-ratio:1;border:3px solid rgba(255,255,255,.82);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18) 0 36%,transparent 37%),#2f2452a3;box-shadow:inset 0 0 0 8px #8f4dde38,0 9px #1f173c40,0 15px 28px #2d21482e;pointer-events:auto;touch-action:none;backdrop-filter:blur(4px)}.paint-chaos__stick:after{position:absolute;inset:50% auto auto 50%;color:#ffffffb3;font-size:clamp(1rem,4vw,1.45rem);font-weight:900;transform:translate(-50%,-50%);content:"✣"}.paint-chaos__stick>span{position:absolute;z-index:1;top:25%;left:25%;width:50%;aspect-ratio:1;border:3px solid rgba(255,255,255,.9);border-radius:50%;background:linear-gradient(145deg,#c17cff,#7540ca);box-shadow:inset 0 3px 4px #ffffff47,0 5px #4c278c,0 8px 14px #241a4247;transition:transform 60ms linear;pointer-events:none}.paint-chaos__stick[data-active=true]{background:#fffcf6b8}.paint-chaos__panel{position:absolute;z-index:10;inset:0;display:grid;place-items:center;padding:clamp(.75rem,3vw,1.5rem);background:radial-gradient(circle at 20% 22%,rgba(58,203,232,.38),transparent 25%),radial-gradient(circle at 80% 72%,rgba(235,63,174,.4),transparent 29%),#1d1537b3;backdrop-filter:blur(5px) saturate(1.15)}.paint-chaos__panel[hidden]{display:none}.play-screen--paint-chaos:not([data-paint-module-state=ready]) .paint-chaos__mode-picker,.play-screen--paint-chaos:not([data-paint-module-state=ready]) .paint-chaos__customise,.play-screen--paint-chaos:not([data-paint-module-state=ready]) .paint-chaos__progress,.play-screen--paint-chaos:not([data-paint-module-state=ready]) .paint-chaos__panel-score,.play-screen--paint-chaos:not([data-paint-module-state=ready]) .paint-chaos__speak{display:none}.play-screen--paint-chaos[data-paint-module-state=loading] [data-paint-start]:before{width:.9rem;height:.9rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;content:"";animation:paint-chaos-loading .7s linear infinite}@keyframes paint-chaos-loading{to{transform:rotate(1turn)}}.paint-chaos__panel-card{position:relative;width:min(100%,29rem);max-height:100%;overflow:auto;padding:clamp(1rem,3.5vw,1.55rem);border:3px solid rgba(255,255,255,.82);border-radius:24px;background:radial-gradient(circle at 5% 12%,rgba(58,203,232,.18),transparent 24%),radial-gradient(circle at 96% 90%,rgba(235,63,174,.16),transparent 28%),#fffdf7fa;box-shadow:0 9px #22184166,0 26px 56px #1c12336b;color:var(--paint-ink);text-align:center}.paint-chaos__eyebrow{margin:0 0 .35rem;color:#7a3dbb;font-size:.72rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.paint-chaos__panel-card h2{margin:0;padding:.04em 0;color:var(--paint-ink);font-size:clamp(1.35rem,4vw,2rem);line-height:1.08}.paint-chaos__panel-card>p:not(.paint-chaos__eyebrow,.paint-chaos__panel-score){margin:.7rem auto 0;max-width:38ch;color:#5f5374;font-size:clamp(.84rem,2.4vw,.98rem);line-height:1.42}.paint-chaos__panel-score{margin:.75rem 0 0;color:#c52d92;font-size:clamp(.9rem,2.6vw,1.1rem);font-weight:900}.paint-chaos__mode-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.85rem}.paint-chaos__mode-picker[hidden],.paint-chaos__customise[hidden],.paint-chaos__progress[hidden],.paint-chaos__album[hidden]{display:none}.paint-chaos__mode-picker button{display:grid;gap:.16rem;place-items:center;min-height:5.1rem;padding:.45rem .3rem;border:2px solid #d8cae6;border-radius:14px;background:#fff;box-shadow:0 4px #ded2e8;color:var(--paint-ink);cursor:pointer}.paint-chaos__mode-mark{position:relative;display:block;width:1.55rem;height:1.55rem;border:2px solid #6c407f;border-radius:.45rem;background:#f6efff}.paint-chaos__mode-mark--colour{border-radius:50% 50% .5rem .5rem;background:linear-gradient(135deg,#ef4f6d 0 33%,#f7c948 33% 66%,#4c8dff 66%)}.paint-chaos__mode-mark--territory:before{position:absolute;inset:.16rem .2rem;border-radius:.2rem;background:repeating-conic-gradient(#7040a4 0 25%,#fff 0 50%) 50% / .62rem .62rem;content:""}.paint-chaos__mode-mark--free{border-radius:58% 42% 60% 40%;background:radial-gradient(circle at 32% 35%,#fff 0 8%,transparent 9%),radial-gradient(circle at 68% 33%,#fff 0 8%,transparent 9%),radial-gradient(circle at 38% 70%,#fff 0 8%,transparent 9%),linear-gradient(135deg,#ef4f6d,#f7c948 48%,#4c8dff)}.paint-chaos__mode-picker button strong{font-size:clamp(.68rem,2vw,.82rem);line-height:1.08}.paint-chaos__mode-picker button small{color:#675b7c;font-size:clamp(.59rem,1.7vw,.69rem);line-height:1.12}.paint-chaos__mode-picker button[data-active=true]{border-color:var(--paint-violet);outline:2px solid rgba(143,77,222,.22);background:#f6efff;box-shadow:0 4px #b891dd}.paint-chaos__customise{display:flex;flex-wrap:wrap;gap:.42rem;align-items:center;justify-content:center;margin-top:.72rem;color:#675b7c;font-size:.72rem;font-weight:900}.paint-chaos__customise button:not(.paint-chaos__tool){display:grid;place-items:center;width:2.75rem;min-width:2.75rem;height:2.75rem;padding:0;border:2px solid #d8cae6;border-radius:50%;background:#fff;font-size:1rem;cursor:pointer}.paint-chaos__skin>span{width:1.45rem;height:1.45rem;border:2px solid rgba(49,35,71,.28);border-radius:42% 58% 48% 52%;box-shadow:inset 0 .25rem #ffffff6b}.paint-chaos__skin--violet>span{background:linear-gradient(135deg,#a76ee8,#6b36aa)}.paint-chaos__skin--mint>span{background:linear-gradient(135deg,#8ee7c0,#2a9b75)}.paint-chaos__skin--sunset>span{background:linear-gradient(135deg,#ffcc68,#ec5c77 55%,#7648ad)}.paint-chaos__customise button:not(.paint-chaos__tool)[data-active=true]{border-color:var(--paint-violet);outline:2px solid rgba(143,77,222,.28)}.paint-chaos__customise button:disabled{filter:grayscale(1);opacity:.42;cursor:not-allowed}.paint-chaos__customise .paint-chaos__tool{min-width:4.8rem;min-height:2.75rem;padding:.38rem .65rem;border:2px solid #d8cae6;border-radius:999px;background:#fff;box-shadow:0 3px #ded2e8;color:#4b3e62;font-size:.67rem;font-weight:900;line-height:1.05;cursor:pointer}.paint-chaos__album{margin-top:.6rem;padding:.62rem;border:2px solid #dfd2e8;border-radius:14px;background:#f7f1fdeb}.paint-chaos__album>strong{display:block;margin-bottom:.45rem;font-size:.78rem}.paint-chaos__album-swatches{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem}.paint-chaos__album-swatches span{display:grid;place-items:center;min-width:0;min-height:2.35rem;padding:.25rem .12rem;border:2px solid rgba(52,40,81,.22);border-radius:10px;background:linear-gradient(#ffffff29,#20163314),var(--album-colour);color:#fff;font-size:.57rem;font-weight:900;line-height:1;text-shadow:0 1px 2px rgba(28,17,45,.72)}.paint-chaos__album-swatches span[data-unlocked=false]{color:#655b72;text-shadow:none}.paint-chaos__album small{display:block;margin-top:.4rem;color:#655b72;font-size:.65rem;line-height:1.2}.paint-chaos__progress{margin:.55rem 0 0!important;color:#6c407f!important;font-size:.72rem!important;font-weight:850}.paint-chaos__speak{position:relative;display:grid;place-items:center;width:2.8rem;min-width:2.8rem;padding-inline:0}.paint-chaos__speak>span{position:relative;width:.62rem;height:.72rem;border-radius:.12rem 0 0 .12rem;background:currentColor}.paint-chaos__speak>span:before{position:absolute;top:50%;right:75%;border-top:.42rem solid transparent;border-right:.45rem solid currentColor;border-bottom:.42rem solid transparent;content:"";transform:translateY(-50%)}.paint-chaos__speak>span:after{position:absolute;top:50%;left:calc(100% + .16rem);width:.45rem;height:.7rem;border:2px solid currentColor;border-block-color:transparent;border-left:0;border-radius:0 999px 999px 0;content:"";transform:translateY(-50%)}.paint-chaos__panel-actions{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center;justify-content:center;margin-top:1rem}.paint-chaos__panel-actions .button,.paint-chaos__panel-actions .button--secondary{min-height:2.7rem}.play-screen--paint-chaos[data-game-fullscreen-active=true]{overflow:hidden;background:#ded8f2}.play-screen--paint-chaos[data-game-fullscreen-active=true] .paint-chaos{width:100%;height:100%}.play-screen--paint-chaos[data-game-fullscreen-active=true] .paint-chaos__stage{width:100%;height:100%!important;max-width:none;max-height:none;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}.play-screen--paint-chaos[data-game-fullscreen-active=true] .paint-chaos__hud{top:max(3.9rem,calc(env(safe-area-inset-top) + 3.5rem))}@media(hover:none),(pointer:coarse),(max-width:820px){.paint-chaos__touch{display:flex;justify-content:center}.paint-chaos__stick{width:clamp(5.4rem,19vw,7.2rem)}.paint-chaos__status{bottom:1rem;max-width:calc(100% - 14rem)}.paint-chaos__boost{top:3.55rem;right:.45rem}.paint-chaos__mission{top:3.55rem}.paint-chaos__palette{top:3.55rem;left:.45rem}}@media(max-width:560px){.play-screen--paint-chaos .game-play-header h1{font-size:.95rem}.paint-chaos__stage{width:100%;max-height:min(72svh,34rem);aspect-ratio:3 / 4}.paint-chaos__hud{top:.5rem;right:auto;left:.35rem;grid-template-columns:max-content minmax(7.2rem,1fr) max-content;gap:.3rem;width:calc(100% - 4rem);transform:none}.paint-chaos__stat{min-height:2.2rem;padding:.3rem .45rem}.paint-chaos__stat-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.paint-chaos__stat--coverage{grid-template-columns:1fr;gap:.2rem;border-radius:12px}.paint-chaos__meter{grid-column:1}.paint-chaos__touch{right:.55rem;bottom:.55rem;left:.55rem}.paint-chaos__palette{gap:.25rem;padding:.25rem}.paint-chaos__status{bottom:5.9rem;width:calc(100% - 1.4rem);max-width:none;padding:.38rem .55rem}.paint-chaos__mission{top:6.9rem;width:calc(100% - 9.6rem)}.paint-chaos__boost{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paint-chaos__mode-picker{gap:.34rem;margin-top:.5rem}.paint-chaos__mode-picker button{min-height:3.7rem;padding-inline:.2rem}.paint-chaos__mode-picker button small{display:none}.paint-chaos__panel-card{padding:.68rem .72rem;border-radius:18px}.paint-chaos__panel-card h2{font-size:1.22rem}.paint-chaos__panel-card>p:not(.paint-chaos__eyebrow,.paint-chaos__panel-score){margin-top:.35rem;font-size:.76rem;line-height:1.28}.paint-chaos__customise{margin-top:.4rem}.paint-chaos__customise button:not(.paint-chaos__tool){width:3rem;min-width:3rem;height:3rem}.paint-chaos__customise .paint-chaos__tool{min-width:4.2rem;min-height:3rem;padding-inline:.45rem}.paint-chaos__album{margin-top:.35rem;padding:.42rem}.paint-chaos__album-swatches span{min-height:2rem;font-size:0}.paint-chaos__album-swatches span:after{content:"●";font-size:.85rem}.paint-chaos__progress{margin-top:.25rem!important}.paint-chaos__panel-score{margin-top:.35rem}.paint-chaos__panel-actions{flex-wrap:nowrap;margin-top:.5rem}.paint-chaos__panel-actions .button,.paint-chaos__panel-actions .button--secondary{width:auto;min-height:3rem}.paint-chaos__panel-actions .paint-chaos__speak{flex:0 0 3rem}.paint-chaos__panel-actions [data-paint-start]{flex:1 1 auto}}@media(max-height:520px)and (orientation:landscape){.paint-chaos__hud{top:.42rem}.paint-chaos__stat{min-height:2rem;padding-block:.25rem}.paint-chaos__stick{width:min(20vh,5.2rem)}.paint-chaos__status{bottom:.5rem;max-width:calc(100% - 12rem)}.paint-chaos__panel-card{padding:.8rem 1rem}.paint-chaos__mode-picker button{min-height:3.9rem}.paint-chaos__customise{margin-top:.45rem}.paint-chaos__progress{margin-top:.35rem!important}.paint-chaos__panel-card>p:not(.paint-chaos__eyebrow,.paint-chaos__panel-score){margin-top:.42rem}.paint-chaos__panel-actions{margin-top:.65rem}}@media(prefers-reduced-motion:reduce){.play-screen--paint-chaos[data-paint-module-state=loading] [data-paint-start]:before{animation:none}.paint-chaos__meter>span,.paint-chaos__stick>span{transition:none}}@media(prefers-contrast:more){.paint-chaos__stage{border-color:#15111f}.paint-chaos__stat,.paint-chaos__status,.paint-chaos__boost{border-width:2px;border-color:#15111f;background:#fff;color:#15111f}}