@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg-start:#050913;--bg-end:#02050d;--text-color:#f3f7ff;--muted-text:#ebf1ffb8;--display-font:"Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--ui-font:"Manrope", "Avenir Next", "Segoe UI", sans-serif;color:var(--text-color);background:radial-gradient(circle at top, #6be6ff17, transparent 34%), linear-gradient(180deg, var(--bg-start), var(--bg-end));font-family:var(--ui-font);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button{font:inherit}h2,p{margin:0}.app-shell{place-items:center;min-height:100svh;padding:24px 16px;display:grid;position:relative;overflow:hidden}.phone-frame{--safe-top:max(env(safe-area-inset-top,0px), var(--safe-area-inset-top,0px));--top-ui-offset:0px;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at top,#7af0ff1f,#0000 38%),linear-gradient(#060a12f5,#050810fa);border:1px solid #ffffff14;border-radius:32px;width:min(100%,460px);min-height:min(100svh - 32px,960px);position:relative;overflow:hidden;box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff14}.phone-frame.screen-lab{border-radius:36px;width:min(100%,1540px);min-height:calc(100svh - 48px);max-height:calc(100svh - 48px);overflow:auto}.screen-lab .ambient{opacity:.3}.ambient{filter:blur(80px);pointer-events:none;opacity:.5;border-radius:999px;position:absolute}.platform-android>.ambient{display:none}.ambient-a{background:#49c7ff38;width:240px;height:240px;inset:auto auto 12% -10%}.ambient-b{background:#ff71a12e;width:260px;height:260px;inset:6% -14% auto auto}.setup-screen{flex-direction:column;gap:22px;padding:28px 22px 24px;display:flex;position:relative}.mode-select-screen{min-height:inherit;justify-content:center;align-items:center}.mode-select-actions{width:min(100%,320px)}.color-rush-mode-button{background:radial-gradient(circle at 16% 30%,#b1ff183d,#0000 34%),radial-gradient(circle at 84% 76%,#52e2ff33,#0000 38%),#ffffff14;border-color:#bbff2c80;gap:3px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 24px #9cff1e1a}.landing-screen{min-height:inherit;flex-direction:column;justify-content:center;align-items:center;gap:22px;padding:28px 22px 32px;display:flex;position:relative;overflow:hidden}.landing-wheel-wrap{aspect-ratio:1;place-items:center;width:min(82vw,360px);display:grid;position:relative}.landing-wheel-wrap:before{content:"";filter:blur(38px);pointer-events:none;background:radial-gradient(circle,#4d91ff33,#ff5ca314 48%,#0000 72%);border-radius:50%;position:absolute;inset:12%}.landing-logo{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 0 22px #ffffff0f)drop-shadow(0 0 64px #6081ff2e);width:min(74vw,320px);position:relative}.landing-copy{text-align:center}.brand-lockup h1,.landing-copy h1,.block-head h2,.sheet-head h2{font-family:var(--display-font);letter-spacing:-.08em;margin:0;font-size:clamp(2.5rem,7vw,3.5rem);line-height:.95}.brand-lockup p,.block-head p,.panel-name,.panel-values,.card-tag,.selection-card p,.sheet-grid p,.summary-row p,.leaderboard-row span:last-child{color:var(--muted-text)}.hero-copy{max-width:28ch;margin:14px 0 0;font-size:.98rem}.landing-actions{flex-direction:column;gap:12px;width:min(100%,320px);display:flex}.landing-web-links{flex-wrap:wrap;justify-content:center;gap:10px 16px;margin-top:6px;display:flex}.landing-web-links a,.web-footer-links a,.web-nav-link{color:#ffffffc2;letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;text-decoration:none}.landing-web-links a:hover,.web-footer-links a:hover,.web-nav-link:hover,.web-nav-link.is-active{color:#fffffffa}.web-page-shell{min-height:100svh;padding:28px 20px;position:relative;overflow:hidden}.web-page-frame{z-index:1;flex-direction:column;gap:26px;width:min(100%,1180px);margin:0 auto;display:flex;position:relative}.web-page-header,.web-hero,.web-section,.web-feature-card,.web-faq-item,.web-download-panel,.web-page-footer{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff0d;border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff0a,0 20px 44px #0000002e}.web-page-header,.web-hero,.web-section,.web-download-panel,.web-page-footer{border-radius:28px;padding:22px 24px}.web-page-header{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;justify-content:space-between;align-items:center;gap:24px;display:flex}.web-brand{appearance:none;color:#fffffff5;font:inherit;letter-spacing:-.02em;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-weight:700;display:inline-flex}.web-brand-logo{object-fit:contain;width:44px;height:44px}.web-page-nav,.web-footer-links{flex-wrap:wrap;align-items:center;gap:10px 18px;display:flex}.web-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;display:grid}.web-hero-copy h1,.web-section h2{font-family:var(--display-font);letter-spacing:-.08em;margin:0;line-height:.95}.web-hero-copy h1{font-size:clamp(3rem,8vw,5.4rem)}.web-section h2{font-size:clamp(2rem,5vw,3rem)}.web-hero-copy p,.web-section p,.web-feature-card p,.web-faq-item p,.web-page-note,.web-list li{color:var(--muted-text)}.web-hero-copy p,.web-section p{max-width:64ch;margin:14px 0 0}.web-hero-actions{flex-wrap:wrap;justify-content:end;gap:12px;display:flex}.web-page-content{flex-direction:column;gap:18px;display:flex}.tile-style-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.tile-style-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;gap:12px;padding:18px;display:flex;box-shadow:inset 0 1px #ffffff0a,0 20px 44px #0000002e}.tile-style-card strong{color:#fffffffa}.tile-style-card p{color:var(--muted-text);margin:0}.tile-style-preview{background:radial-gradient(circle at top,#ffffff14,#0000 58%),#070a1294;border:1px solid #ffffff0f;border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;display:grid}.tile-style-swatch{--tile-base:#67a8c0;--tile-bright:#acd7e7;--tile-mid:#7db8ce;--tile-dark:#294f5d;--tile-deep:#142832;--tile-glow:#acd7e73d;aspect-ratio:1;isolation:isolate;background:var(--tile-base);border:1px solid #ffffff24;position:relative;overflow:hidden;box-shadow:0 10px 28px #00000042}.tile-style-swatch.is-b{--tile-base:#c27b63;--tile-bright:#ebb6a5;--tile-mid:#d28e79;--tile-dark:#623524;--tile-deep:#31170f;--tile-glow:#ebb6a538}.tile-style-swatch:before,.tile-style-swatch:after{content:"";pointer-events:none;position:absolute;inset:0}.tile-style-chip{z-index:2;color:#fffffff5;letter-spacing:.08em;background:#05080ead;border-radius:999px;place-items:center;min-width:30px;height:30px;padding:0 8px;font-size:.72rem;font-weight:800;display:inline-grid;position:absolute;top:8px;left:8px}.tile-style-01:before{background:linear-gradient(180deg, var(--tile-bright), transparent 44%), linear-gradient(180deg, transparent 56%, var(--tile-dark))}.tile-style-01:after{background:radial-gradient(circle at 50% 22%, var(--tile-glow), transparent 54%);filter:blur(10px);inset:-8%}.tile-style-02:before{background:linear-gradient(135deg, var(--tile-bright) 0%, transparent 38%, var(--tile-dark) 100%)}.tile-style-02:after{background:radial-gradient(circle at 26% 24%, var(--tile-glow), transparent 48%);filter:blur(14px);inset:-10%}.tile-style-03:before{background:radial-gradient(circle at 50% 42%, var(--tile-bright) 0%, var(--tile-mid) 24%, transparent 58%), linear-gradient(180deg, transparent 52%, var(--tile-dark))}.tile-style-03:after{background:radial-gradient(circle at 50% 110%, var(--tile-deep), transparent 46%);inset:0}.tile-style-04:before{background:radial-gradient(circle at 50% 50%, transparent 52%, var(--tile-bright) 78%, transparent 88%), linear-gradient(180deg, var(--tile-mid), var(--tile-dark))}.tile-style-04:after{background:radial-gradient(circle at 50% 50%, var(--tile-glow), transparent 60%);filter:blur(16px);inset:-6%}.tile-style-05:before{background:linear-gradient(90deg, var(--tile-bright) 0%, transparent 42%), linear-gradient(180deg, transparent 58%, var(--tile-dark))}.tile-style-05:after{background:linear-gradient(90deg, transparent 48%, var(--tile-deep))}.tile-style-06:before{background:linear-gradient(270deg, var(--tile-bright) 0%, transparent 42%), linear-gradient(180deg, transparent 58%, var(--tile-dark))}.tile-style-06:after{background:linear-gradient(90deg, var(--tile-deep), transparent 52%)}.tile-style-07:before{background:linear-gradient(180deg, #ffffff2e, #ffffff0a), linear-gradient(180deg, var(--tile-mid), var(--tile-dark))}.tile-style-07:after{background:radial-gradient(circle at 50% 20%, var(--tile-glow), transparent 62%);filter:blur(18px);inset:-10%}.tile-style-08:before{background:linear-gradient(180deg, #ffffff14, transparent 26%, transparent 66%, #0000002e), linear-gradient(180deg, var(--tile-mid), var(--tile-dark))}.tile-style-08:after{content:none}.tile-style-09:before{background:radial-gradient(circle at 50% 50%, transparent 58%, var(--tile-bright) 78%, transparent 86%), linear-gradient(180deg, var(--tile-mid), var(--tile-deep))}.tile-style-09:after{background:radial-gradient(circle at 50% 14%, var(--tile-glow), transparent 44%);filter:blur(10px)}.tile-style-10:before{background:radial-gradient(circle at 50% 14%, var(--tile-bright) 0%, transparent 44%), linear-gradient(180deg, var(--tile-mid), var(--tile-dark))}.tile-style-10:after{background:radial-gradient(circle at 50% 18%, var(--tile-glow), transparent 52%);filter:blur(16px);inset:-10%}.tile-style-11:before{background:radial-gradient(circle at 50% 92%, var(--tile-bright) 0%, transparent 42%), linear-gradient(180deg, var(--tile-mid), var(--tile-dark))}.tile-style-11:after{background:linear-gradient(180deg, #0000, var(--tile-deep))}.tile-style-12:before{background:linear-gradient(135deg, var(--tile-bright), transparent 38%), linear-gradient(315deg, var(--tile-dark), transparent 44%), linear-gradient(180deg, var(--tile-mid), var(--tile-base))}.tile-style-12:after{background:radial-gradient(circle at 34% 26%, var(--tile-glow), transparent 48%);filter:blur(12px);inset:-8%}.tile-style-13:before{background:linear-gradient(145deg, #ffffff29, #fff0 48%), linear-gradient(325deg, #00000038, #0000 46%), linear-gradient(180deg, var(--tile-mid), var(--tile-dark))}.tile-style-13:after{content:none}.tile-style-14:before{background:radial-gradient(circle at 34% 24%, var(--tile-bright) 0%, transparent 42%), radial-gradient(circle at 70% 78%, var(--tile-dark) 0%, transparent 44%), linear-gradient(180deg, var(--tile-mid), var(--tile-base))}.tile-style-14:after{background:radial-gradient(circle at 36% 28%, var(--tile-glow), transparent 54%);filter:blur(20px);inset:-12%}.tile-style-15:before{background:linear-gradient(180deg, var(--tile-bright) 0 18%, transparent 18%), linear-gradient(90deg, var(--tile-bright) 0 16%, transparent 16%), linear-gradient(180deg, transparent 78%, var(--tile-dark) 78%), linear-gradient(90deg, transparent 84%, var(--tile-dark) 84%), linear-gradient(180deg, var(--tile-mid), var(--tile-base))}.tile-style-15:after{content:none}.tile-style-16:before{background:linear-gradient(180deg, #ffffff2e, transparent 24%), linear-gradient(90deg, #ffffff1a, transparent 26%), linear-gradient(180deg, transparent 70%, #0000002e), linear-gradient(90deg, transparent 76%, #00000024), linear-gradient(180deg, var(--tile-mid), var(--tile-dark))}.tile-style-16:after{background:radial-gradient(circle at 34% 24%, var(--tile-glow), transparent 54%);filter:blur(12px);inset:-8%}.tile-style-17:before{background:radial-gradient(circle at 20% 18%, var(--tile-bright) 0%, transparent 34%), linear-gradient(160deg, #ffffff24, transparent 42%), linear-gradient(180deg, var(--tile-mid), var(--tile-dark))}.tile-style-17:after{background:radial-gradient(circle at 24% 20%, var(--tile-glow), transparent 48%);filter:blur(16px);inset:-10%}.tile-style-18:before{background:linear-gradient(90deg, transparent 0 28%, var(--tile-bright) 48%, transparent 72%), linear-gradient(180deg, var(--tile-mid), var(--tile-dark))}.tile-style-18:after{background:radial-gradient(circle at 50% 28%, var(--tile-glow), transparent 44%);filter:blur(14px);inset:-8%}.tile-style-19:before{background:linear-gradient(180deg, #ffffff0f, transparent 24%), linear-gradient(180deg, transparent 58%, var(--tile-dark)), linear-gradient(180deg, var(--tile-mid), var(--tile-base))}.tile-style-19:after{content:none}.tile-style-20:before{background:linear-gradient(140deg, var(--tile-bright) 0%, transparent 34%), linear-gradient(200deg, #ffffff1a, transparent 44%), linear-gradient(320deg, var(--tile-dark) 0%, transparent 42%), linear-gradient(180deg, var(--tile-mid), var(--tile-base))}.tile-style-20:after{background:radial-gradient(circle at 38% 24%, var(--tile-glow), transparent 50%);filter:blur(14px);inset:-10%}.web-section{flex-direction:column;gap:14px;display:flex}.web-section h3,.web-faq-item h3,.web-feature-card strong,.web-store-button strong{color:#fffffffa;margin:0}.web-feature-grid,.web-store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.web-feature-card,.web-faq-item{border-radius:22px;padding:18px 18px 20px}.web-list{gap:8px;margin:0;padding-left:18px;display:grid}.web-faq-list{gap:14px;display:grid}.web-store-button{appearance:none;color:#fffffff5;text-align:left;background:linear-gradient(#ffffff14,#ffffff08),#060b14d1;border:1px solid #ffffff1f;border-radius:24px;min-height:118px;padding:18px 20px;box-shadow:inset 0 1px #ffffff0f,0 18px 36px #0003}.web-store-kicker{color:#ffffffa8;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:.74rem;display:block}.web-page-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.loading-screen{background:radial-gradient(circle at 18% 18%, var(--loading-start-soft), transparent 34%), radial-gradient(circle at 82% 82%, var(--loading-end-soft), transparent 38%), linear-gradient(135deg, var(--loading-start), var(--loading-end));place-items:center;min-height:100%;padding:0;display:grid;position:absolute;inset:0;overflow:hidden}@media (width<=880px){.web-page-header,.web-hero,.web-page-footer{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.web-hero-actions{justify-content:flex-start}.web-feature-grid,.web-store-grid{grid-template-columns:1fr}}.loading-background-logo{opacity:.12;object-fit:contain;width:min(96vw,520px);height:auto;position:absolute}.loading-progress-block{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.loading-progress-value{font-family:var(--display-font);letter-spacing:-.08em;color:#fffffff5;text-shadow:0 10px 28px #00000038;font-size:clamp(3.6rem,16vw,6.8rem);line-height:.9}.loading-progress-label{letter-spacing:.18em;text-transform:uppercase;color:#ffffffc7;font-size:.82rem}.landing-play-button,.landing-login-button{justify-content:center;width:100%}.eyebrow,.summary-label,.panel-label,.card-tag{text-transform:uppercase;letter-spacing:.22em;color:#e4eaffa8;align-items:center;gap:8px;font-size:.7rem;display:inline-flex}.summary-strip,.selection-card,.sheet,.session-pill,.channel-badge,.control-pad,.result-band,.summary-row,.leaderboard-row,.palette-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff0d;border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff0a}.summary-strip{border-radius:22px;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 16px;display:grid}.summary-strip-four{grid-template-columns:repeat(4,minmax(0,1fr))}.summary-strip-table{grid-template-columns:none;gap:0;padding:0;display:block;overflow:hidden}.summary-strip strong,.result-band strong,.summary-row strong,.leaderboard-row strong,.palette-card strong{margin-top:4px;display:block}.selection-block{flex-direction:column;gap:14px;display:flex}.block-head{justify-content:space-between;align-items:end;gap:12px;display:flex}.block-head-full{width:100%}.block-head h2,.sheet-head h2{font-size:1.35rem;line-height:1}.selection-grid{gap:12px;display:grid}.selection-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.selection-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.selection-grid-flat{align-items:stretch;gap:0}.selection-card{text-align:left;border-radius:24px;padding:18px 16px;transition:transform .18s,border-color .18s,box-shadow .18s,background .18s}.selection-card strong{margin:10px 0 8px;font-size:1rem;display:block}.selection-card-centered{text-align:center}.selection-card-flat{box-shadow:none;opacity:.46;filter:grayscale();background:0 0;border:0;border-left:1px solid #ffffff24;border-radius:0;padding:6px 5px 10px}.selection-grid-flat .selection-card-flat:first-child{border-left:0}.selection-card-flat strong{color:#fffffff5;margin:6px 0 0}.selection-card-head{align-items:center;gap:10px;display:flex}.selection-card.is-selected{background:linear-gradient(#43bcff2e,#ffffff0d);border-color:#75ecff70;transform:translateY(-2px);box-shadow:0 18px 32px #0000002e,inset 0 0 40px #58d1ff14}.selection-card-flat.is-selected{opacity:1;filter:none;background:0 0;border-color:#ffffff3d;transform:none;box-shadow:inset 0 -2px #fffffff5,inset 0 0 28px #ffffff0a}.palette-preview,.summary-list,.leaderboard-list,.leaderboard-preview{flex-direction:column;gap:10px;display:flex}.palette-card,.summary-row,.leaderboard-row{border-radius:18px;align-items:center;padding:12px 14px;display:grid}.palette-card{grid-template-columns:auto 1fr;gap:12px}.palette-swatch,.mini-swatch,.result-swatch{border-radius:14px;box-shadow:inset 0 0 24px #ffffff24,0 12px 20px #00000038}.palette-swatch{width:44px;height:44px}.setup-footer,.sheet-actions,.session-bar,.result-swatches,.result-band{justify-content:space-between;align-items:center;gap:12px;display:flex}.setup-actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:10px;display:flex}.setup-actions-full{width:100%}.progress-note{flex-direction:column;display:flex}.inline-info-button{appearance:none;color:#ffffffdb;width:26px;height:26px;font:inherit;background:0 0;border:1px solid #ffffff3d;border-radius:50%;place-items:center;display:grid}.account-fab,.avatar-button{appearance:none;color:var(--text-color);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0c1685;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;padding:8px 12px 8px 8px;display:inline-flex}.account-fab{top:calc(var(--safe-top) + 16px);z-index:2;position:absolute;right:22px}.account-fab img,.avatar-button img,.leaderboard-avatar,.profile-preview{object-fit:cover;border-radius:50%}.avatar-fallback{background:linear-gradient(135deg, var(--avatar-start), var(--avatar-end));color:#fff;border-radius:50%;place-items:center;display:inline-grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff38,0 0 0 1px #ffffff24}.avatar-fallback:after{content:"";pointer-events:none;border:1px solid #ffffff24;border-radius:50%;position:absolute;inset:3px}.avatar-fallback>span{z-index:1;letter-spacing:.01em;text-transform:uppercase;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700;line-height:1;position:relative}.account-fab img,.avatar-button img,.account-fab .avatar-fallback,.avatar-button .avatar-fallback{width:30px;height:30px}.account-fab .avatar-fallback>span,.avatar-button .avatar-fallback>span{font-size:.92rem}.primary-button,.ghost-button,.info-button{appearance:none;color:var(--text-color);font:inherit;cursor:pointer;border:0}.primary-button-full{justify-content:center;width:100%}.selection-card,.primary-button,.ghost-button,.info-button,.account-fab,.avatar-button,.assist-toggle,.direction-guide,.channel-pill,.dock-button{-webkit-tap-highlight-color:transparent}.primary-button{color:#01131a;letter-spacing:.01em;background:linear-gradient(#81f1fff5,#58d1ffdb);border-radius:999px;padding:15px 22px;font-weight:800;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 18px 32px #42c4ff4d,inset 0 1px #ffffff2e,inset 0 -2px #00000014}.ghost-button{background:#ffffff12;border:1px solid #ffffff17;border-radius:999px;padding:12px 18px;transition:transform .12s,box-shadow .12s,filter .12s;box-shadow:0 12px 24px #00000029,inset 0 1px #ffffff14,inset 0 -2px #0000002e}.primary-button:active,.ghost-button:active{filter:saturate(.96);transform:translateY(2px)scale(.992)}.primary-button:active{box-shadow:0 6px 14px #42c4ff2e,inset 0 2px 4px #ffffff14,inset 0 -10px 18px #0003}.remove-ads-button{color:#241205;background:linear-gradient(#ffcc6cfa,#f1983ceb);box-shadow:0 18px 32px #ff9e3a42,inset 0 1px #fff8e242,inset 0 -2px #5c310829}.remove-ads-button:active{box-shadow:0 6px 14px #ff9e3a29,inset 0 2px 4px #fff7e21a,inset 0 -10px 18px #5c310833}.ghost-button:active{box-shadow:0 4px 10px #0000001f,inset 0 2px 4px #ffffff0d,inset 0 -10px 18px #00000038}.game-screen{min-height:inherit;--pad-size:clamp(128px, 38vw, 152px);--thumb-inset:clamp(24px, 7.2vw, 28px);--top-ui-offset:clamp(18px, 4svh, 34px);--game-ui-text:#fffffff5;--game-ui-muted:#fff8ffd1;--game-ui-surface:#0a0c1680;--game-ui-surface-soft:#0c0a183d;--game-ui-border:#ffffff29;--game-ui-border-weak:#ffffff14;--game-ui-pill-bg:#110b20a8;--game-ui-dock-bg:linear-gradient(180deg, #14121bd1, #0b0a11f0);--game-ui-dock-shadow:0 18px 32px #0000004d, inset 0 1px 0 #ffffff0d;--game-ui-dot:#fff8ff2e;--game-ui-dot-active:#fffffff5;--game-toggle-knob:#ffffff2e;--game-toggle-knob-highlight:#ffffff29;--game-toggle-knob-active:#ffffffdb;--game-player-ink:#06080ce0;--game-player-dot:#06080c2e;--game-player-dot-active:#06080ce6;--game-player-meta-bg:#ffffff2e;--game-player-meta-border:#0000001a;position:relative}.game-screen.is-inverted{--game-ui-text:#080a0ef5;--game-ui-muted:#080a0ec7;--game-ui-surface:#f6f9ff8a;--game-ui-surface-soft:#f6f9ff5c;--game-ui-border:#080a0e2e;--game-ui-border-weak:#080a0e1a;--game-ui-pill-bg:#f6f9ffb8;--game-ui-dock-bg:linear-gradient(180deg, #f4f7fce0, #dfe5eef0);--game-ui-dock-shadow:0 18px 32px #ffffff38, inset 0 1px 0 #ffffff8c;--game-ui-dot:#080a0e2e;--game-ui-dot-active:#080a0ef0;--game-toggle-knob:#0000002e;--game-toggle-knob-highlight:#0000001f;--game-toggle-knob-active:#080a0edb;--game-player-ink:#f8fafff5;--game-player-dot:#f8faff3d;--game-player-dot-active:#f8fafff5;--game-player-meta-bg:#0000002e;--game-player-meta-border:#ffffff1f}.brief-screen{min-height:inherit;place-items:center;padding:28px 22px;display:grid}.brief-card{text-align:center;background:linear-gradient(#0f121deb,#060810f0);border:1px solid #ffffff14;border-radius:30px;width:100%;padding:28px 22px 24px;box-shadow:0 24px 48px #0000004d,inset 0 1px #ffffff0f}.brief-card h2{font-family:var(--display-font);letter-spacing:-.06em;margin:8px 0 0;font-size:2rem;line-height:.95}.brief-icon-wrap{place-items:center;margin-bottom:18px;display:grid}.brief-icon-wrap .session-glyph{width:84px;height:84px}.brief-icon-wrap .glyph-image{filter:brightness(0)saturate()invert()drop-shadow(0 0 18px #ffffff29);width:84px;height:84px}.brief-icon-wrap{color:var(--ui-accent,#ffffffeb)}.brief-points{gap:10px;margin-top:18px;display:grid}.brief-points p{color:var(--muted-text)}.brief-meta{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px;display:inline-flex}.brief-meta span{color:#ffffffeb;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff14;border-radius:999px;padding:6px 12px;font-size:.8rem}.split-view{min-height:inherit;grid-template-rows:minmax(0,1.15fr) minmax(0,1.85fr);display:grid}.match-color-game-screen{min-height:inherit;background:var(--match-surface-background);--game-ui-text:#fffffff5;--game-ui-muted:#ffffffc7;--game-ui-surface:#ffffff0f;--game-ui-surface-soft:#ffffff0f;--game-ui-border:#ffffff1f;--game-ui-border-weak:#ffffff14;--game-ui-pill-bg:#ffffff0f;--game-ui-dock-bg:linear-gradient(180deg, #1c1e21f5, #0c0d10f5);--game-ui-dock-shadow:0 18px 32px #0000005c, inset 0 1px 0 #ffffff0a;--game-player-ink:#fffffff5;--game-player-dot:#ffffff2e;--game-player-dot-active:#fffffff5}.match-color-theme-black{--match-surface-background:#050607}.match-color-theme-white{--match-surface-background:#f6f4ef}.color-rush-game-screen{--match-surface-background:radial-gradient(circle at 15% 82%, #701ed033, transparent 34%), radial-gradient(circle at 88% 30%, #00c4d629, transparent 32%), radial-gradient(circle at 24% 22%, #a6ff0017, transparent 28%), #020304}.color-rush-panel{isolation:isolate;overflow:hidden}.color-rush-ambient{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.color-rush-ambient i{opacity:.14;filter:blur(54px);border-radius:50%;width:260px;height:260px;animation:8s ease-in-out infinite alternate color-rush-ambient-drift;position:absolute}.color-rush-ambient i:first-child{background:#b7ff20;top:16%;left:-34%}.color-rush-ambient i:nth-child(2){background:#27e6ff;animation-duration:10s;animation-delay:-2.6s;top:40%;right:-38%}.color-rush-ambient i:nth-child(3){background:#8d3cff;animation-duration:12s;animation-delay:-5s;bottom:-20%;left:24%}@keyframes color-rush-ambient-drift{0%{transform:translate(-10px,-18px)scale(.88)}to{transform:translate(28px,34px)scale(1.16)}}.color-panel{transition:background .42s;position:relative}.target-panel{border-bottom:0}.info-button{z-index:2;background:var(--game-ui-surface-soft);border:1px solid color-mix(in srgb, var(--ui-accent,#ffffffeb) 55%, transparent);width:42px;height:42px;color:var(--game-ui-text);border-radius:50%;place-items:center;padding:0;font-weight:800;display:grid;position:static}.hero-panel-copy{inset:calc(var(--safe-top) + var(--top-ui-offset) + 68px) 18px 0;z-index:1;text-align:center;pointer-events:none;place-items:center;display:grid;position:absolute}.color-match-target-copy{flex-direction:column;align-items:center;gap:8px;display:flex}.color-match-target-copy strong{letter-spacing:-.06em;color:var(--game-ui-text);font-size:clamp(1.6rem,7vw,2.4rem);line-height:.94}.hero-label{text-transform:uppercase;letter-spacing:.16em;color:var(--game-ui-text);font-size:.78rem}.player-heading{top:calc(var(--safe-top) + var(--top-ui-offset) + 24px);z-index:2;text-align:center;flex-direction:column;gap:14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.player-values{letter-spacing:.055em;color:var(--game-player-ink);margin:0;font-size:clamp(1.55rem,9vw,2.05rem);line-height:1}.player-panel .hero-label,.player-panel .player-values,.player-panel .direction-guide,.player-panel .direction-text{color:var(--game-player-ink);text-shadow:none}.player-panel .direction-arrow{text-shadow:none}.top-right-cluster{top:calc(var(--safe-top) + var(--top-ui-offset) + 16px);z-index:3;align-items:center;gap:10px;display:flex;position:absolute;right:22px}.history-button{appearance:none;border:1px solid color-mix(in srgb, var(--ui-accent,#ffffffeb) 55%, transparent);background:var(--game-ui-surface-soft);width:42px;height:42px;color:var(--game-ui-text);border-radius:50%;place-items:center;padding:0;display:grid;position:relative}.top-icon-svg{width:20px;height:20px;display:block;overflow:visible}.icon-mask,.glyph-mask{-webkit-mask-image:var(--glyph-url);mask-image:var(--glyph-url);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--glyph-url);background-color:currentColor;display:block;-webkit-mask-position:50%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.icon-mask{width:20px;height:20px}.history-badge{color:#fff;background:#ff6a48;border-radius:999px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.58rem;font-weight:800;line-height:1;display:grid;position:absolute;top:-5px;right:-6px;box-shadow:0 6px 16px #ff6a484d}.avatar-button span{white-space:nowrap;text-overflow:ellipsis;max-width:108px;color:var(--game-ui-text);font-size:.92rem;font-weight:500;line-height:1;overflow:hidden}.assist-toggle{top:calc(var(--safe-top) + var(--top-ui-offset) + 16px);z-index:3;border:1px solid var(--game-ui-border);background:var(--game-ui-surface);min-height:42px;color:var(--game-ui-text);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:8px 14px 8px 8px;display:inline-flex;position:absolute;left:22px}.assist-toggle-label{letter-spacing:.08em;text-transform:none;font-size:.82rem}.assist-toggle.is-disabled{opacity:.72}.assist-toggle-knob{background:var(--game-toggle-knob);width:28px;height:28px;box-shadow:inset 0 1px 0 var(--game-toggle-knob-highlight);border-radius:50%}.assist-toggle.is-on .assist-toggle-knob{background:var(--game-toggle-knob-active)}.assist-toggle{display:none}.control-cluster{z-index:2;flex-direction:column;justify-content:end;align-items:center;gap:14px;display:flex;position:absolute;inset:clamp(118px,22vw,150px) 18px 24px}.color-match-control-cluster{inset:calc(var(--safe-top) + 6px) 10px 22px;z-index:1;justify-content:space-between;gap:14px}.top-utility-button .glyph-image{width:18px;height:18px}.channel-pill{appearance:none;text-align:center;background:var(--game-ui-pill-bg);border:1px solid color-mix(in srgb, var(--badge-accent) 60%, #ffffff14);width:auto;min-width:106px;color:var(--badge-accent);letter-spacing:.08em;box-shadow:0 0 22px color-mix(in srgb, var(--badge-accent) 28%, transparent), inset 0 1px 0 #ffffff1f;cursor:pointer;font-size:.86rem;font-weight:800;font:inherit;border-radius:999px;justify-self:center;padding:10px 22px}.control-stage{grid-template-columns:minmax(54px,.72fr) auto minmax(54px,.72fr);align-items:center;gap:clamp(10px,3vw,18px);width:100%;display:grid}.find-color-control-header{grid-template-columns:55px minmax(0,1fr) 55px;align-items:center;gap:clamp(10px,3vw,18px);width:100%;padding-inline:10px;display:grid}.find-color-mode-toggle{appearance:none;min-width:55px;height:55px;color:var(--game-ui-text);box-shadow:none;background:0 0;border:0;justify-self:start;place-items:center;margin-inline-start:0;padding:0;display:grid;transform:none}.find-color-submit-toggle{justify-self:end;min-width:55px;transform:none}.find-color-mode-toggle-icon{opacity:.1125;filter:drop-shadow(0 1px #ffffff61)drop-shadow(0 0 4px #ffffff24);width:65%;height:65%;transform:none}.find-color-control-header-spacer{display:block}.direction-guide{appearance:none;text-align:center;cursor:pointer;color:var(--ui-accent,#ffffffeb);font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.direction-guide-match{gap:10px}.match-action-button-face{color:#d6d6d6f5;text-shadow:0 1px #ffffff1f,0 -2px #0000008a;background:radial-gradient(circle at 50% 54%,#0000002e 0%,#000000f5 28%,#0d0c0c 50%,#0000 53%),radial-gradient(circle at 42% 57%,#0000 58%,#70707040 72%,#ffffff96 82%,#44424cad 90%,#000000de 96%,#0d0c0c 100%),linear-gradient(#0d0c0c,#0d0c0c);border:1px solid #44424cad;border-radius:50%;place-items:center;width:clamp(60px,16vw,74px);height:clamp(60px,16vw,74px);font-size:clamp(1.4rem,5.8vw,1.95rem);font-weight:900;display:grid;box-shadow:inset 0 2px 5px #ffffff0f,inset 0 -8px 14px #00000082,inset 0 0 0 3px #00000026,0 5px 14px #00000087}.match-action-button-icon{object-fit:contain;filter:drop-shadow(0 1px #ffffff29)drop-shadow(0 -2px #00000085);width:54%;height:54%}.direction-arrow{color:inherit;text-shadow:0 0 14px color-mix(in srgb, var(--ui-accent,#ffffffeb) 40%, transparent), 0 0 34px color-mix(in srgb, var(--ui-accent,#ffffffeb) 16%, transparent);font-size:clamp(2.4rem,9vw,3.6rem);line-height:1}.direction-text{letter-spacing:.08em;text-transform:uppercase;color:var(--game-ui-muted);font-size:.75rem}.edge-swipe-indicator{top:clamp(16px, calc(var(--swipe-indicator-y) - 250px), calc(100vh - 356px));pointer-events:none;z-index:8;width:340px;height:340px;opacity:clamp(.18, calc(var(--swipe-indicator-progress) * 1.7), .98);transform:scale(clamp(.001, calc(.55 + var(--swipe-indicator-progress) * .65), 1.2));background:radial-gradient(circle,#ffffff29 0 18%,#ffffff12 18% 28%,#000000f5 28% 58%,#000c 72%,#0000 100%);border-radius:50%;flex-direction:column;justify-content:center;gap:10px;transition:opacity 70ms linear,transform 70ms linear;display:flex;position:fixed;box-shadow:0 0 0 1px #ffffff1a,0 0 38px #ffffff1f}.edge-swipe-indicator-left{text-align:right;align-items:flex-end;padding-right:58px;left:-170px}.edge-swipe-indicator-right{text-align:left;align-items:flex-start;padding-left:58px;right:-170px}.edge-swipe-indicator-label,.edge-swipe-indicator-hint{color:#fffffff7;text-shadow:0 2px 10px #0000006b;max-width:108px}.edge-swipe-indicator-label{letter-spacing:.14em;text-transform:uppercase;font-size:.92rem;font-weight:900}.edge-swipe-indicator-hint{letter-spacing:.12em;text-transform:uppercase;color:#ffffffc7;font-size:.72rem;font-weight:700}.control-pad{width:var(--pad-size);height:var(--pad-size);isolation:isolate;touch-action:none;-webkit-touch-callout:none;background:radial-gradient(circle at 50% 48%,#ffffff1a 0%,#3b336c2e 28%,#11101eeb 52%,#05050e 100%);border:4px solid #ffffffa6;border-radius:50%;place-items:center;transition:transform .18s,box-shadow .18s;display:grid;position:relative;overflow:visible;transform:scale(1);box-shadow:0 0 16px #fff0,0 0 38px #ffffff30,0 0 78px #ffffff0a,inset 0 0 20px #ffffff0a,inset 0 -16px 34px #000}.control-pad.is-active{transform:scale(1.045);box-shadow:0 0 18px #ffffff14,0 0 42px #ffffff42,0 0 84px #ffffff14,inset 0 0 20px #ffffff14,inset 0 -18px 38px #000}.control-pad:after{content:"";z-index:-1;filter:blur(6px);background:radial-gradient(circle,#ffffff4d 0%,#ffffff29 36%,#0000 72%);border-radius:50%;position:absolute;inset:-15px}.thumb-orb{inset:var(--thumb-inset);background:radial-gradient(circle at 50% 54%,#00000036 0%,#000000f7 28%,#0d0c0c 50%,#0000 53%),radial-gradient(circle at 42% 57%,#0000 58%,#70707040 72%,#ffffff96 82%,#44424cad 90%,#000000de 96%,#0d0c0c 100%),linear-gradient(#0d0c0c,#0d0c0c);border:1px solid #44424cad;border-radius:50%;transition:transform 90ms ease-out;position:absolute;box-shadow:inset 0 2px 5px #ffffff0f,inset 0 -8px 14px #00000082,inset 0 0 0 3px #00000026,0 5px 14px #00000087}.color-match-grade-button{font:inherit;color:#f4f4f4fa;border:4px solid #ffffffa6}.color-match-grade-button:after{content:"";inset:var(--thumb-inset);background:radial-gradient(circle at 50% 54%,#00000036 0%,#000000f7 28%,#0d0c0c 50%,#0000 53%),radial-gradient(circle at 42% 57%,#0000 58%,#70707040 72%,#ffffff96 82%,#44424cad 90%,#000000de 96%,#0d0c0c 100%),linear-gradient(#0d0c0c,#0d0c0c);border:1px solid #44424cad;border-radius:50%;position:absolute;box-shadow:inset 0 2px 5px #ffffff0f,inset 0 -8px 14px #00000082,inset 0 0 0 3px #00000026,0 5px 14px #00000087}.color-match-grade-button.is-holding{transform:scale(1.045)}.color-match-grade-progress{opacity:0;pointer-events:none;z-index:1;border:4px solid #e22a2af5;border-radius:50%;width:calc(100% - 14px);height:calc(100% - 14px);transition:opacity .12s;position:absolute;top:50%;left:50%;box-shadow:0 0 24px #e22a2a61,inset 0 0 16px #ff6e6e2e}.color-match-grade-button.is-holding .color-match-grade-progress{opacity:1}.color-match-grade-label{z-index:2;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px #ffffff1f,0 -2px #0000008a;font-size:.84rem;font-weight:900;position:relative}.color-match-stage{scrollbar-width:none;flex:auto;align-items:flex-start;width:100%;min-height:0;padding:0;display:flex;position:relative;overflow:hidden auto;container-type:size}.color-match-stage::-webkit-scrollbar{display:none}.color-match-grid{border-radius:0;grid-template-columns:repeat(12,minmax(0,1fr));gap:0;width:100%;margin:0 auto;padding:108px 4px 8px;display:grid;position:relative;overflow:visible}.color-match-half-tile{aspect-ratio:1/2;pointer-events:none;min-width:0;margin-bottom:-50%;position:relative;overflow:hidden}.color-match-half-tile:before,.color-match-half-tile:after{content:"";width:200%;height:100%;position:absolute;top:0}.color-match-half-tile.is-left:before,.color-match-half-tile.is-left:after{left:-100%}.color-match-half-tile.is-right:before,.color-match-half-tile.is-right:after{left:0}.color-match-half-tile:before{z-index:1;clip-path:polygon(50% 0,100% 25%,50% 50%,0 25%);background:linear-gradient(145deg,#3a3f44,#24282c)}.color-match-half-tile:after{height:var(--tower-depth,75%);clip-path:polygon(0 0, 50% var(--tower-slope,33.333%), 100% 0, 100% 100%, 0 100%);background:linear-gradient(90deg,#20252a 0 50%,#0e1216 50% 100%);top:25%}.color-match-edge-tile{aspect-ratio:1;pointer-events:none;min-width:0;margin-bottom:-25%;position:relative;overflow:visible}.color-match-edge-tile:before,.color-match-edge-tile:after{content:"";height:100%;position:absolute;inset:0}.color-match-bottom-tile{--edge-bright:#3a3f44;--edge-fill:#24282c;--edge-left:#20252a;--edge-right:#0e1216}.color-match-edge-tile:before{z-index:1;background:linear-gradient(145deg, var(--edge-bright), var(--edge-fill));clip-path:polygon(50% 0,100% 25%,50% 50%,0 25%)}.color-match-edge-tile:after{height:var(--tower-depth,75%);background:linear-gradient(90deg, var(--edge-left) 0 50%, var(--edge-right) 50% 100%);clip-path:polygon(0 0, 50% var(--tower-slope,33.333%), 100% 0, 100% 100%, 0 100%);inset:25% 0 auto}.color-match-tile{--tile-elevation:30px;--tile-pressed-elevation:calc(var(--tile-elevation) * .2);isolation:isolate;aspect-ratio:1;box-shadow:none;background:0 0;border:0;border-radius:0;margin-bottom:-25%;padding:0;transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s cubic-bezier(.2,.8,.2,1),outline-color .12s;position:relative;overflow:visible}.color-match-tile.is-glass{border:0;border-radius:0}.color-match-tile.is-blank{box-shadow:none;background:0 0;border:0;border-radius:0;transform:translateY(0)}.color-match-tile-base{pointer-events:none}.color-match-tile:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(145deg, var(--color-match-bright), var(--color-match-fill));clip-path:polygon(50% 0,100% 25%,50% 50%,0 25%);height:100%;box-shadow:inset 1px 1px 0 var(--color-match-bright-soft), inset -1px -1px 0 var(--color-match-dark-soft);transition:transform .15s cubic-bezier(.2,.8,.2,1),box-shadow .15s cubic-bezier(.2,.8,.2,1),filter .15s;position:absolute;inset:0}.color-match-tile.is-glass:before{filter:saturate(1.05)}.color-match-tile.is-glass:after{content:"";z-index:0;height:var(--tower-depth,75%);pointer-events:none;clip-path:polygon(0 0, 50% var(--tower-slope,33.333%), 100% 0, 100% 100%, 0 100%);background:linear-gradient(90deg, var(--color-match-left) 0 50%, var(--color-match-right) 50% 100%);transition:transform .15s cubic-bezier(.2,.8,.2,1),filter .15s;position:absolute;inset:25% 0 auto}.color-match-tile.is-blank:before{z-index:1;clip-path:polygon(50% 0,100% 25%,50% 50%,0 25%);background:linear-gradient(145deg,#3a3f44,#24282c);transform:none;box-shadow:inset 1px 1px #ffffff0f,inset -1px -1px #0006}.color-match-tile.is-blank:after{content:"";z-index:0;height:var(--tower-depth,75%);pointer-events:none;clip-path:polygon(0 0, 50% var(--tower-slope,33.333%), 100% 0, 100% 100%, 0 100%);background:linear-gradient(90deg,#20252a 0 50%,#0e1216 50% 100%);position:absolute;inset:25% 0 auto}.color-match-tile.is-focused{z-index:2;outline:0}.color-match-tile.is-pending,.color-match-tile.is-correct-pair{box-shadow:none;transform:none}.color-match-tile.is-correct-pair{pointer-events:none;animation:.56s cubic-bezier(.2,.8,.2,1) forwards color-match-pop-away}@keyframes color-match-pop-away{0%{opacity:1;filter:brightness()}38%{opacity:1;filter:brightness(1.28)saturate(1.18)}70%{opacity:.72;filter:brightness(1.08)}to{opacity:0;filter:brightness(.9)}}.color-match-tile.is-pending:before,.color-match-tile.is-correct-pair:before{transform:translateY(var(--tower-press-offset,12%));box-shadow:inset 1px 1px 0 var(--color-match-bright-soft), inset -1px -1px 0 var(--color-match-dark-soft);filter:saturate(.96)brightness(.9)}.color-match-tile.is-pending:after,.color-match-tile.is-correct-pair:after{inset:calc(25% + var(--tower-press-offset,12%)) 0 auto;height:var(--tower-pressed-depth,63%);clip-path:polygon(0 0, 50% var(--tower-pressed-slope,39.682%), 100% 0, 100% 100%, 0 100%);filter:brightness(.88);transform:none}@media (prefers-reduced-motion:reduce){.color-match-tile{transition:none}}.color-match-grid{padding:0;display:block}.color-match-grid.color-match-physics-field{aspect-ratio:auto;touch-action:none;flex:1 0 100%;width:100%;height:100%;min-height:100%;position:relative;overflow:hidden}.color-match-grid-points{z-index:0;pointer-events:none;grid-template-rows:repeat(12,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));padding-top:126px;display:grid;position:absolute;inset:0}.color-match-grid-point{background:#ffffffd1;border-radius:50%;place-self:center;width:3px;height:3px;box-shadow:0 0 4px #ffffff57}.color-rush-grid:before{content:"";z-index:0;pointer-events:none;border:1.5px solid #ffffffb8;border-radius:34px;position:absolute;inset:112px 4px 4px;box-shadow:0 0 10px #ffffff38,-8px 10px 34px #8cff1414,8px -4px 34px #2bdeff1a}.color-rush-grid .color-match-grid-points{opacity:0}.color-rush-grid .color-match-disc{border-radius:var(--rush-organic-radius);filter:saturate(1.16) brightness(1.04) drop-shadow(0 0 7px color-mix(in srgb, var(--color-match-fill) 44%, transparent)) drop-shadow(0 0 16px color-mix(in srgb, var(--color-match-fill) 18%, transparent));animation:color-rush-organic-breathe var(--rush-organic-duration) ease-in-out var(--rush-organic-delay) infinite alternate;will-change:border-radius, box-shadow}@keyframes color-rush-organic-breathe{0%{border-radius:var(--rush-organic-radius);box-shadow:0 0 8px color-mix(in srgb, var(--color-match-fill) 24%, transparent)}50%{box-shadow:0 0 var(--rush-organic-halo) color-mix(in srgb, var(--color-match-fill) 34%, transparent);border-radius:54% 46% 43% 57%/47% 56% 44% 53%}to{box-shadow:0 0 10px color-mix(in srgb, var(--color-match-fill) 28%, transparent);border-radius:47% 53% 56% 44%/55% 45% 52% 48%}}.color-rush-face{z-index:2;pointer-events:none;transform:rotate(var(--face-tilt)) scale(var(--face-scale));transform-origin:50%;position:absolute;inset:12%}.color-rush-eye{width:var(--face-eye-size);aspect-ratio:1;animation:color-rush-face-blink var(--face-blink-duration) ease-in-out var(--face-blink-delay) infinite;transform-origin:50%;background:#090b0f;border-radius:52% 48% 54% 46%/48% 52% 46% 54%;position:absolute;top:24%;box-shadow:inset -1px -1px 1px #000c,0 .5px 1px #ffffff38}.color-rush-eye:before{content:"";aspect-ratio:1;background:#fffffff0;border-radius:50%;width:34%;position:absolute;top:18%;left:20%;box-shadow:2px 2px 0 -1px #ffffff6b}.color-rush-eye-left{left:var(--face-eye-inset)}.color-rush-eye-right{right:var(--face-eye-inset)}.color-rush-cheek{width:23%;height:15%;opacity:var(--face-cheek-opacity);filter:blur(.25px);background:radial-gradient(#ff7084fa 0%,#ff687e9e 48%,#0000 78%);border-radius:50%;position:absolute;top:56%}.color-rush-cheek-left{left:3%}.color-rush-cheek-right{right:3%}.color-rush-mouth{color:#101116;position:absolute;top:57%;left:50%;transform:translate(-50%)}.color-rush-face-0 .color-rush-mouth{width:16%;height:25%;top:53%}.color-rush-face-0 .color-rush-mouth:before{content:"3";font:700 10px/1 Arial,sans-serif;position:absolute;inset:0;transform:rotate(-7deg)scaleX(.72)}.color-rush-face-1 .color-rush-mouth{border-bottom:2px solid;border-radius:0 0 50% 50%;width:24%;height:13%}.color-rush-face-1 .color-rush-mouth:before,.color-rush-face-1 .color-rush-mouth:after{content:"";border-bottom:1.5px solid;width:42%;height:55%;position:absolute;top:0}.color-rush-face-1 .color-rush-mouth:before{left:-22%;transform:rotate(28deg)}.color-rush-face-1 .color-rush-mouth:after{right:-22%;transform:rotate(-28deg)}.color-rush-face-2 .color-rush-mouth,.color-rush-face-3 .color-rush-mouth{background:#111217;border:1px solid #000000d1;border-radius:45% 45% 50% 50%;width:29%;height:22%;overflow:hidden;box-shadow:inset 0 1px 1px #000000bf}.color-rush-face-2 .color-rush-mouth:after,.color-rush-face-3 .color-rush-mouth:after{content:"";background:#ff879d;border-radius:50% 50% 40% 40%;height:48%;position:absolute;bottom:-2%;left:16%;right:16%}.color-rush-face-2 .color-rush-eye{border-radius:50% 50% 42% 42%;height:12%;top:27%}.color-rush-face-3 .color-rush-mouth{width:25%;height:26%;top:54%}.color-rush-face-4 .color-rush-mouth{border:2px solid;border-top:0;border-radius:0 0 52% 52%;width:25%;height:22%;top:52%}.color-rush-face-0 .color-rush-cheek{width:21%;top:53%}.color-rush-face-2 .color-rush-cheek,.color-rush-face-3 .color-rush-cheek{top:58%}.color-rush-grid .color-match-disc.is-super-kawaii{outline-offset:2px;filter:saturate(1.28) brightness(1.12) drop-shadow(0 0 8px #ffef52eb) drop-shadow(0 0 20px color-mix(in srgb, var(--color-match-fill) 56%, transparent));outline:2px solid #ffec52f2}.color-rush-grid .color-match-disc.is-super-kawaii:before,.color-rush-grid .color-match-disc.is-super-kawaii:after{content:"";z-index:5;pointer-events:none;border-radius:50%;position:absolute}.color-rush-grid .color-match-disc.is-super-kawaii:before{background:conic-gradient(from 0deg, #ffe42c2e 0 42%, #fff 48%, #fff052 53%, #ffe42c2e 61% 100%);-webkit-mask-composite:xor;filter:drop-shadow(0 0 4px #fff046f2);padding:2px;animation:1.3s linear infinite color-rush-super-ring-glint;inset:-6px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.color-rush-grid .color-match-disc.is-super-kawaii:after{background:#fff;width:5px;height:5px;animation:.85s ease-in-out infinite alternate color-rush-super-sparkle;top:-7px;right:-8px;box-shadow:0 0 0 2px #fff158b3,0 0 9px 4px #ffe52df2,-5px 5px 0 -1px #ffffffe6}@keyframes color-rush-super-ring-glint{to{transform:rotate(360deg)}}@keyframes color-rush-super-sparkle{0%{opacity:.42;transform:scale(.55)rotate(0)}to{opacity:1;transform:scale(1.25)rotate(45deg)}}.color-rush-super-face{z-index:3}.color-rush-super-face .color-rush-eye{background:#06070b;width:21%;top:21%}.color-rush-super-face .color-rush-eye:after{content:"";border-top:2px solid #14131b;border-radius:50%;width:112%;height:28%;position:absolute;top:-38%;left:-6%}.color-rush-super-face .color-rush-mouth{background:#111217;border:1px solid #000000d6;border-radius:44% 44% 55% 55%;width:32%;height:22%;top:53%;overflow:hidden}.color-rush-super-face .color-rush-mouth:before{content:"";background:#ffffffeb;border-radius:0 0 50% 50%;height:28%;position:absolute;top:0;left:15%;right:15%}.color-rush-super-face .color-rush-mouth:after{content:"";background:#ff7896;border-radius:50% 50% 36% 36%;height:42%;position:absolute;bottom:-2%;left:18%;right:18%}.color-rush-grid .color-match-disc.is-super-flying{filter:saturate(1.35) brightness(1.28) drop-shadow(0 0 12px #fffffff2) drop-shadow(-16px 8px 18px color-mix(in srgb, var(--color-match-fill) 64%, transparent));outline-color:#fff158;transform:translate(-50%,-50%)scale(1.22)rotate(-7deg)}@keyframes color-rush-face-blink{0%,43%,47%,to{transform:translate(var(--face-gaze-x), var(--face-gaze-y)) scaleY(1)}45%{transform:translate(var(--face-gaze-x), var(--face-gaze-y)) scaleY(.12)}}.platform-android .color-rush-grid .color-match-disc.is-dragging{will-change:transform}.color-rush-grid .color-match-disc.is-dragging{filter:saturate(1.2) brightness(1.18) drop-shadow(0 0 12px color-mix(in srgb, var(--color-match-fill) 72%, transparent)) drop-shadow(0 10px 18px #00000085);transform:translate(-50%,-50%)scale(1.12)}.color-rush-grid .color-match-disc.is-support-falling{pointer-events:none;animation:color-rush-support-fall .82s cubic-bezier(.2, .78, .24, 1) var(--rush-fall-delay) both, color-rush-organic-breathe var(--rush-organic-duration) ease-in-out var(--rush-organic-delay) infinite alternate;transition:width .22s cubic-bezier(.2,.8,.2,1),opacity .22s,filter .18s}.color-rush-grid .color-match-disc.is-support-falling .color-rush-face{animation:color-rush-face-look-down .82s ease var(--rush-fall-delay) both}@keyframes color-rush-support-fall{0%,34%{transform:translate3d(-50%, calc(-50% + var(--rush-fall-distance)), 0) scale(1)}42%{transform:translate3d(-50%, calc(-50% + var(--rush-fall-distance)), 0) scale(.98) rotate(1.5deg)}70%{transform:translate(-50%,-43%)scaleX(1.06)scaleY(.9)}84%{transform:translate(-50%,-55%)scaleX(.97)scaleY(1.05)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes color-rush-face-look-down{0%,12%{transform:rotate(var(--face-tilt)) scale(var(--face-scale))}22%,48%{transform:translateY(10%) rotate(var(--face-tilt)) scale(var(--face-scale))}72%{transform:translateY(4%) rotate(var(--face-tilt)) scale(var(--face-scale)) scaleX(1.04) scaleY(.94)}to{transform:rotate(var(--face-tilt)) scale(var(--face-scale))}}.color-rush-grid .color-match-disc.is-merged-away{animation:.52s cubic-bezier(.16,.84,.24,1) forwards color-rush-disc-pop-away}@keyframes color-rush-disc-pop-away{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}28%{opacity:1;filter:brightness(1.75)saturate(1.25);transform:translate(-50%,-50%)scale(1.38)}to{opacity:0;filter:brightness(2);transform:translate(-50%,-50%)scale(.08)}}.color-rush-grid.has-impact:before{animation:.44s cubic-bezier(.16,.8,.24,1) color-rush-board-impact}@keyframes color-rush-board-impact{0%{filter:brightness();border-color:#ffffffb8}28%{filter:brightness(1.7);border-color:#fff}to{filter:brightness();border-color:#ffffffb8}}.color-rush-drag-beam{z-index:8;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.color-rush-drag-beam line{stroke:var(--rush-beam-color);stroke-width:9px;stroke-linecap:round;opacity:.72;filter:drop-shadow(0 0 5px var(--rush-beam-color)) drop-shadow(0 0 12px var(--rush-beam-color));stroke-dasharray:2 14;animation:.48s linear infinite color-rush-beam-flow}@keyframes color-rush-beam-flow{to{stroke-dashoffset:-32px}}.color-rush-burst{z-index:28;pointer-events:none;width:0;height:0;position:absolute}.color-rush-love-effect{z-index:36;pointer-events:none;width:0;height:0;position:absolute}.color-rush-love-effect i{filter:drop-shadow(0 0 5px #ff4894e6);font-size:18px;font-style:normal;line-height:1;animation:1.4s cubic-bezier(.16,.72,.22,1) forwards color-rush-heart-rise;position:absolute;top:-10px;left:-10px}.color-rush-love-effect i:nth-child(2){--heart-x:-24px;--heart-rotate:-18deg;font-size:14px;animation-delay:.11s}.color-rush-love-effect i:nth-child(3){--heart-x:24px;--heart-rotate:20deg;font-size:16px;animation-delay:.21s}@keyframes color-rush-heart-rise{0%{opacity:0;transform:translateY(4px)scale(.35)rotate(0)}18%{opacity:1;transform:translateY(-8px)scale(1.18)rotate(0)}to{opacity:0;transform:translate(var(--heart-x,0), -62px) scale(.82) rotate(var(--heart-rotate,8deg))}}.color-rush-grid .color-match-disc.is-cell-splitting{animation:.7s cubic-bezier(.18,.82,.2,1) both color-rush-cell-split}.color-rush-grid .color-match-disc.is-courting{pointer-events:none;animation:.68s cubic-bezier(.18,.82,.2,1) both color-rush-courtship-swell}@keyframes color-rush-courtship-swell{0%{transform:translate(-50%,-50%)scale(1)}58%{filter:brightness(1.22)saturate(1.18);transform:translate(-50%,-50%)scale(1.18)}to{filter:brightness(1.12)saturate(1.14);transform:translate(-50%,-50%)scale(1.1)}}@keyframes color-rush-cell-split{0%{filter:brightness(1.55)saturate(1.3);transform:translate(-50%,-50%)scale(.72,1.16)}36%{transform:translate(-50%,-50%)scale(1.22,.78)}68%{transform:translate(-50%,-50%)scale(.9,1.08)}to{filter:brightness()saturate(1.16);transform:translate(-50%,-50%)scale(1)}}.color-rush-grid .color-match-disc.is-long-press-popping{pointer-events:none;animation:.62s cubic-bezier(.16,.82,.22,1) both color-rush-long-press-pop}@keyframes color-rush-long-press-pop{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}38%{opacity:1;transform:translate(-50%,-50%)scale(1.18,.94)}72%{opacity:1;filter:brightness(1.5)saturate(1.25);transform:translate(-50%,-50%)scale(1.72,1.6)}to{opacity:0;filter:brightness(2);transform:translate(-50%,-50%)scale(2.15)}}.color-rush-burst b{border:3px solid var(--rush-burst-color);width:24px;height:24px;box-shadow:0 0 14px var(--rush-burst-color), inset 0 0 10px var(--rush-burst-color);border-radius:50%;animation:.76s cubic-bezier(.12,.72,.18,1) forwards color-rush-shockwave;position:absolute;top:-12px;left:-12px}.color-rush-burst i{left:calc(var(--particle-size) / -2);top:calc(var(--particle-size) / -2);width:var(--particle-size);height:var(--particle-size);background:color-mix(in srgb, var(--rush-burst-color) 72%, white);box-shadow:0 0 8px var(--rush-burst-color);animation:color-rush-particle .72s cubic-bezier(.08, .72, .22, 1) var(--particle-delay) forwards;border-radius:68% 32% 61% 39%/42% 66% 34% 58%;position:absolute}@keyframes color-rush-shockwave{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(5.6)}}@keyframes color-rush-particle{0%{opacity:1;transform:rotate(var(--particle-angle)) translateX(0) translateY(0) scaleX(1) scaleY(var(--particle-stretch))}48%{opacity:1;transform:rotate(var(--particle-angle)) translateX(var(--particle-mid-distance)) translateY(var(--particle-curve)) rotate(32deg) scaleX(.82) scaleY(var(--particle-stretch))}78%{opacity:.82}to{opacity:0;transform:rotate(var(--particle-angle)) translateX(var(--particle-distance)) translateY(0) rotate(76deg) scale(.12)}}.color-match-drop-zone,.color-match-disc{aspect-ratio:1;border-radius:50%;width:100%;min-width:0;display:block;position:relative}.color-match-drop-zone{pointer-events:auto;background:0 0}.color-match-disc{cursor:grab;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--color-match-fill) 92%, transparent) 0%, color-mix(in srgb, var(--color-match-fill) 92%, transparent) 20%, color-mix(in srgb, var(--color-match-fill) 79%, transparent) 55%, color-mix(in srgb, var(--color-match-fill) 45%, transparent) 61%, color-mix(in srgb, var(--color-match-fill) 45%, transparent) 80%, transparent 100%);box-sizing:border-box;filter:saturate(1.06) drop-shadow(0 0 8px color-mix(in srgb, var(--color-match-fill) 24%, transparent));border:1.5px solid #ffffff73;place-self:center;transition:left .18s cubic-bezier(.2,.8,.2,1),top .18s cubic-bezier(.2,.8,.2,1),width .22s cubic-bezier(.2,.8,.2,1),transform .18s cubic-bezier(.2,.8,.2,1),opacity .22s,filter .18s;position:absolute;transform:translate(-50%,-50%)}.color-match-disc.is-dragging{cursor:grabbing;filter:saturate(1.14)brightness(1.08)drop-shadow(0 12px 18px #0000007a);transition:none;transform:translate(-50%,-50%)scale(1.08)}.color-match-disc.is-merged-away{pointer-events:none;animation:.36s cubic-bezier(.2,.8,.2,1) forwards color-match-disc-merge-away}@keyframes color-match-disc-merge-away{0%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;filter:brightness(1.35);transform:translate(-50%,-50%)scale(.2)}}.color-match-disc.is-merged-result{filter:saturate(1.12) brightness(1.08) drop-shadow(0 0 16px color-mix(in srgb, var(--color-match-fill) 46%, transparent));animation:.42s cubic-bezier(.2,.9,.2,1) color-match-disc-merge-pop}@keyframes color-match-disc-merge-pop{0%{transform:translate(-50%,-50%)scale(.78)}58%{transform:translate(-50%,-50%)scale(1.12)}to{transform:translate(-50%,-50%)scale(1)}}.color-match-tile.color-match-light{aspect-ratio:1;isolation:auto;z-index:0;border:0;border-radius:50%;place-self:center;width:61.12%;margin:0;padding:0;transition:transform .15s cubic-bezier(.2,.8,.2,1),filter .15s,box-shadow .15s,background .18s;overflow:visible;transform:none}.color-match-tile.color-match-light:before,.color-match-tile.color-match-light:after{content:none}.color-match-light.is-on{cursor:pointer;box-shadow:none;background:0 0!important}.color-match-light.is-off{pointer-events:none;opacity:1;box-shadow:none;filter:none;background:#4a4a4a!important}.color-match-tile.color-match-light.is-focused{outline-offset:4px;outline:1px solid #ffffff6b}.color-match-tile.color-match-light.is-pending{filter:brightness(.78);transform:scale(.82);box-shadow:0 0 4px #ffffff3d,inset 0 4px 10px #00000052}.color-match-tile.color-match-light.is-correct-pair{opacity:1;animation:none;transform:none}@media (prefers-reduced-motion:reduce){.color-match-disc,.color-rush-eye,.color-rush-grid .color-match-disc.is-super-kawaii:before,.color-rush-grid .color-match-disc.is-super-kawaii:after,.color-rush-love-effect i,.color-match-disc.is-merged-away,.color-match-disc.is-merged-result{transition:none;animation:none}.color-match-disc.is-merged-away{opacity:0}}.color-match-pair-counter{top:calc(var(--safe-top) + var(--top-ui-offset) + 19px);z-index:30;text-align:center;width:54px;height:42px;box-shadow:none;background:0 0;border:0;border-radius:0;place-content:center;gap:0;display:grid;position:absolute;left:22px}.color-rush-hud-stat{top:calc(var(--safe-top) + clamp(12px, 2svh, 20px) + 30px);z-index:31;color:#fff;pointer-events:none;text-transform:uppercase;gap:5px;min-width:112px;display:grid;position:absolute}.color-rush-hud-stat span{color:#ffffff94;letter-spacing:.2em;font-size:.62rem;font-weight:800}.color-rush-hud-stat strong{color:#eaffb5;letter-spacing:.04em;text-shadow:0 0 9px #b7ff2075;font:750 1.28rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.color-rush-score{justify-items:start;left:20px}.color-rush-level{justify-items:end;right:20px}.color-rush-level strong{color:#b7ff20;font-size:1.45rem}.color-rush-timer{top:calc(var(--safe-top) + var(--top-ui-offset) + 54px);z-index:30;width:88px;height:88px;position:absolute;left:50%;transform:translate(-50%)}.color-rush-timer-ring{background:radial-gradient(circle, #06080a 61%, transparent 62%), conic-gradient(from -90deg, #b7ff20 var(--rush-timer-progress), #b7ff201a 0);border-radius:50%;place-items:center;width:100%;height:100%;display:grid;box-shadow:inset 0 0 0 1px #ffffff14,0 0 22px #b7ff201f}.color-rush-timer-ring strong{color:#b7ff20;letter-spacing:-.04em;text-shadow:0 0 10px #b7ff2094;font:500 1.08rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.color-rush-timer .color-match-clock-bonuses{left:calc(100% + 8px)}.color-rush-timer.is-bonus .color-rush-timer-ring{animation:.62s cubic-bezier(.15,.85,.22,1) color-rush-timer-bonus}@keyframes color-rush-timer-bonus{0%{filter:brightness();transform:scale(1)}34%{filter:brightness(1.65);transform:scale(1.14)}to{filter:brightness();transform:scale(1)}}.color-rush-combo{top:calc(var(--safe-top) + var(--top-ui-offset) + 154px);z-index:32;color:#fff;pointer-events:none;text-transform:uppercase;justify-items:center;animation:.76s cubic-bezier(.12,.88,.24,1) color-rush-combo-pop;display:grid;position:absolute;right:22px}.color-rush-combo strong{color:#b7ff20;text-shadow:0 0 12px #b7ff20b8;font:900 1.7rem/.9 system-ui,sans-serif}.app-shell.is-color-rush-active>.ambient,.is-color-rush-active .color-rush-ambient{display:none}.is-color-rush-active .phone-frame,.is-color-rush-active .color-rush-grid:before,.is-color-rush-active .color-match-grid-point,.is-color-rush-active .color-rush-eye,.is-color-rush-active .color-rush-eye:before,.is-color-rush-active .color-rush-mouth,.is-color-rush-active .color-rush-cheek,.is-color-rush-active .color-rush-grid .color-match-disc,.is-color-rush-active .color-rush-grid .color-match-disc:before,.is-color-rush-active .color-rush-grid .color-match-disc:after,.is-color-rush-active .color-rush-drag-beam line,.is-color-rush-active .color-rush-love-effect i,.is-color-rush-active .color-rush-burst b,.is-color-rush-active .color-rush-burst i,.is-color-rush-active .color-rush-hud-stat strong,.is-color-rush-active .color-rush-timer-ring,.is-color-rush-active .color-rush-timer-ring strong,.is-color-rush-active .color-rush-combo,.is-color-rush-active .color-rush-combo strong{filter:none!important;box-shadow:none!important;text-shadow:none!important}.is-color-rush-active .color-rush-grid .color-match-disc{transform:translate3d(calc(-50% + var(--rush-drag-x,0px)), calc(-50% + var(--rush-drag-y,0px)), 0)}.is-color-rush-active .color-rush-grid .color-match-disc.is-dragging{transform:translate3d(calc(-50% + var(--rush-drag-x,0px)), calc(-50% + var(--rush-drag-y,0px)), 0) scale(1.12);will-change:transform;transition:none}.is-color-rush-active .color-rush-grid .color-match-disc.is-super-flying{transform:translate3d(calc(-50% + var(--rush-drag-x,0px)), calc(-50% + var(--rush-drag-y,0px)), 0) scale(1.22) rotate(-7deg)}.color-rush-grid.is-dragging .color-match-disc:not(.is-dragging),.color-rush-grid.is-dragging .color-rush-eye{animation-play-state:paused}.platform-android.is-color-rush-active .color-rush-grid .color-match-disc{contain:layout style;backface-visibility:hidden}.platform-android.is-color-rush-active .color-rush-grid .color-match-disc:not(.is-dragging):not(.is-support-falling):not(.is-merged-away):not(.is-cell-splitting):not(.is-courting):not(.is-long-press-popping),.platform-android.is-color-rush-active .color-rush-eye,.platform-android.is-color-rush-active .color-rush-grid .color-match-disc.is-super-kawaii:before,.platform-android.is-color-rush-active .color-rush-grid .color-match-disc.is-super-kawaii:after,.platform-android.is-color-rush-active .color-rush-drag-beam line{animation:none}.platform-android.is-color-rush-active .color-rush-grid .color-match-disc:not(.is-dragging){will-change:auto}.color-rush-combo span{letter-spacing:.2em;margin-top:5px;font-size:.55rem;font-weight:850}@keyframes color-rush-combo-pop{0%{opacity:0;transform:translateY(12px)scale(.55)rotate(-7deg)}36%{opacity:1;transform:translateY(0)scale(1.18)rotate(2deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}.color-match-pair-counter strong{gap:.12em;height:28px;display:flex}.color-match-clock-bonuses{pointer-events:none;width:34px;height:32px;position:absolute;top:50%;left:calc(100% + 5px);transform:translateY(-50%)}.color-match-clock-bonuses i{top:calc(var(--bonus-index,0) * 3px);color:#fffffff5;text-shadow:0 0 8px #ffffffb8;font:800 .82rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;animation:.9s cubic-bezier(.16,.8,.24,1) forwards color-match-clock-bonus;position:absolute;left:0}@keyframes color-match-clock-bonus{0%{opacity:0;transform:translate(-3px,6px)scale(.8)}20%{opacity:1;transform:translate(0,0)scale(1)}to{opacity:0;transform:translate(2px,-18px)scale(1.08)}}.lcd-digit{width:.62em;height:1em;font-size:28px;display:block;position:relative}.lcd-segment{box-shadow:none;background:#ffffff1a;border-radius:999px;display:block;position:absolute}.lcd-segment-a,.lcd-segment-d,.lcd-segment-g{clip-path:polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%);width:70%;height:8%;left:15%}.lcd-segment-a{top:2%}.lcd-segment-g{top:46%}.lcd-segment-d{bottom:2%}.lcd-segment-b,.lcd-segment-c,.lcd-segment-e,.lcd-segment-f{clip-path:polygon(50% 0,100% 9%,100% 91%,50% 100%,0 91%,0 9%);width:10%;height:38%}.lcd-segment-b{top:8%;right:5%}.lcd-segment-c{bottom:8%;right:5%}.lcd-segment-e{bottom:8%;left:5%}.lcd-segment-f{top:8%;left:5%}.lcd-digit:is([data-value="0"],[data-value="2"],[data-value="3"],[data-value="5"],[data-value="6"],[data-value="7"],[data-value="8"],[data-value="9"]) .lcd-segment-a,.lcd-digit:is([data-value="0"],[data-value="1"],[data-value="2"],[data-value="3"],[data-value="4"],[data-value="7"],[data-value="8"],[data-value="9"]) .lcd-segment-b,.lcd-digit:is([data-value="0"],[data-value="1"],[data-value="3"],[data-value="4"],[data-value="5"],[data-value="6"],[data-value="7"],[data-value="8"],[data-value="9"]) .lcd-segment-c,.lcd-digit:is([data-value="0"],[data-value="2"],[data-value="3"],[data-value="5"],[data-value="6"],[data-value="8"],[data-value="9"]) .lcd-segment-d,.lcd-digit:is([data-value="0"],[data-value="2"],[data-value="6"],[data-value="8"]) .lcd-segment-e,.lcd-digit:is([data-value="0"],[data-value="4"],[data-value="5"],[data-value="6"],[data-value="8"],[data-value="9"]) .lcd-segment-f,.lcd-digit:is([data-value="2"],[data-value="3"],[data-value="4"],[data-value="5"],[data-value="6"],[data-value="8"],[data-value="9"]) .lcd-segment-g{background:#fffffffa;box-shadow:0 0 5px #ffffff8c,0 0 14px #fff3}.color-match-badge,.color-match-lock{z-index:1;place-items:center;display:inline-grid;position:absolute}.color-match-badge{color:#fffffff5;background:#0a0c12c7;border-radius:999px;min-width:34px;height:34px;padding:0 8px;font-size:.84rem;font-weight:800;display:none;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.color-match-lock{color:#ffffffeb;letter-spacing:.08em;text-transform:uppercase;background:#0a0c12bd;border-radius:999px;padding:4px 7px;font-size:.58rem;top:8px;right:8px}.color-match-pending-ring{display:none}.color-match-review-lines{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:visible}.color-match-review-frame{z-index:4;pointer-events:none;position:absolute;inset:0}.color-match-review-frame.is-selected-correct{box-shadow:inset 0 0 0 3px #3ade6efa}.color-match-review-frame.is-selected-wrong{box-shadow:inset 0 0 0 3px #ec4040fa}.color-match-panel{min-height:inherit;background:var(--match-surface-background)}.color-match-review-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.color-match-review-actions .primary-button,.color-match-review-actions .ghost-button{justify-content:center;width:100%}.color-match-tile.is-review-mode{cursor:default}.mode-sheet{justify-self:center;width:100%;max-width:460px}.mode-grid{gap:12px;display:grid}.game-screen .avatar-button{border-color:var(--game-ui-border);background:var(--game-ui-surface);color:var(--game-ui-text)}.game-screen.is-inverted .avatar-button img,.game-screen.is-inverted .avatar-button .avatar-fallback,.game-screen.is-inverted .control-pad,.game-screen.is-inverted .thumb-orb{filter:invert()hue-rotate(180deg)}.overlay{z-index:6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#03070e6b;align-items:end;padding:20px;display:grid;position:absolute;inset:0}.sheet{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;border-radius:28px;max-height:calc(100svh - 40px);padding:22px 18px 18px;overflow:hidden scroll}.sheet-head{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.sheet-actions{margin-top:18px}.sticky-sheet-actions{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#0f121b00,#0f121beb 36%,#0f121bfa);padding-top:12px;padding-bottom:2px;position:sticky;bottom:-18px}.grade-chip{color:#85f2ff;background:#78f2ff29;border-radius:999px;padding:10px 14px;font-weight:700}.sheet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sheet-grid article,.leaderboard-block{background:#ffffff0a;border-radius:20px;padding:14px}.settings-sheet,.mode-sheet{justify-self:center;width:100%;max-width:460px}.profile-sheet,.settings-sheet{scrollbar-width:thin;scrollbar-color:#ffffff6b #ffffff14}.profile-sheet::-webkit-scrollbar{width:10px}.settings-sheet::-webkit-scrollbar{width:10px}.profile-sheet::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.settings-sheet::-webkit-scrollbar-track{background:#ffffff14;border-radius:999px}.profile-sheet::-webkit-scrollbar-thumb{background:#ffffff6b padding-box padding-box;border:2px solid #0000;border-radius:999px}.settings-sheet::-webkit-scrollbar-thumb{background:#ffffff6b padding-box padding-box;border:2px solid #0000;border-radius:999px}.profile-sheet::-webkit-scrollbar-thumb:hover{background:#ffffff8f padding-box padding-box}.settings-sheet::-webkit-scrollbar-thumb:hover{background:#ffffff8f padding-box padding-box}.settings-stack{flex-direction:column;gap:12px;display:flex}.settings-note{color:#ebf1ffb8;margin:-2px 2px 2px;font-size:.82rem;line-height:1.35}.settings-panel{flex-direction:column;gap:10px;display:flex}.settings-panel-surface{background:#ffffff0a;border-radius:20px;padding:14px}.settings-panel-wide{grid-column:1/-1}.settings-row{flex-direction:row;justify-content:space-between;align-items:center}.sensitivity-control{align-items:center;gap:14px;display:flex}.sensitivity-control input[type=range]{accent-color:#ffffffeb;width:100%}.sensitivity-control span{text-align:right;color:#fffffff5;min-width:56px;font-weight:700}.settings-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.switch{justify-content:center;align-items:center;display:inline-flex;position:relative}.switch input{opacity:0;position:absolute;inset:0}.switch-track{background:#ffffff1f;border:1px solid #ffffff1a;border-radius:999px;width:54px;height:32px;transition:background .18s,border-color .18s;position:relative}.switch-track:after{content:"";background:#ffffffe6;border-radius:50%;width:24px;height:24px;transition:transform .18s;position:absolute;top:3px;left:3px}.switch input:checked+.switch-track{background:#ffffff3d;border-color:#ffffff2e}.switch input:checked+.switch-track:after{transform:translate(22px)}.result-band{border-radius:22px;margin-bottom:16px;padding:14px 16px}.result-swatches{margin-bottom:18px}.result-swatches article{background:#ffffff0a;border-radius:22px;flex:1 1 0;padding:14px}.result-swatch{width:100%;height:90px;margin-bottom:12px;display:block}.summary-sheet .summary-list{margin:18px 0}.summary-row{grid-template-columns:auto 1fr auto;gap:12px}.color-match-summary-list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.color-match-summary-row{align-items:center}.color-match-summary-row.is-correct{border-color:#7af0a247}.color-match-summary-row.is-incorrect{border-color:#ff80963d}.color-match-summary-swatches{align-items:center;gap:6px;display:flex}.mini-swatch{width:24px;height:24px}.leaderboard-block{margin-bottom:18px}.leaderboard-row{grid-template-columns:48px 1fr auto auto;gap:12px}.leaderboard-person{align-items:center;gap:10px;min-width:0;display:flex}.leaderboard-person span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.leaderboard-avatar,.leaderboard-person .avatar-fallback{flex:none;width:32px;height:32px}.leaderboard-person .avatar-fallback>span{font-size:.76rem}.leaderboard-row.is-mine{background:#48c3ff1f;border-color:#75ecff6b}.leaderboard-scroll{max-height:320px;padding-right:4px;overflow:auto}.leaderboard-locked{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.leaderboard-locked-copy{color:var(--muted-text);margin:0}.stats-table{border-collapse:collapse;table-layout:fixed;width:100%}.stats-table th,.stats-table td{text-align:left;width:25%;padding:14px 16px}.stats-table th{vertical-align:bottom;letter-spacing:.18em;text-transform:uppercase;color:#e4eaffa8;font-size:.72rem;font-weight:600}.stats-table td{vertical-align:top;color:#fffffff5;font-size:1rem;font-weight:700}.stats-table td:before{content:none}.stats-table th+th,.stats-table td+td{border-left:1px solid #ffffff14}.profile-sheet,.auth-sheet{justify-self:center;width:100%;max-width:460px}.profile-editor,.summary-block{flex-direction:column;gap:14px;display:flex}.profile-avatar-shell{width:84px;margin-inline:auto;position:relative}.profile-preview,.profile-editor .avatar-fallback.profile-preview{align-self:center;width:84px;height:84px}.profile-editor .avatar-fallback.profile-preview>span{font-size:1.7rem}.avatar-remove-button{color:#fffffff5;background:#0d101beb;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:28px;height:28px;font-size:1rem;line-height:1;display:grid;position:absolute;top:-8px;right:-8px}.hidden-file-input{display:none}.profile-upload-button{justify-content:center}.profile-actions{flex-wrap:wrap;align-items:center}.profile-actions .ghost-button,.profile-actions .primary-button{flex:180px;justify-content:center}.profile-actions .profile-auth-button{flex:none;min-width:0}.profile-save-actions{margin-top:2px}.profile-save-actions,.settings-save-actions{margin-inline:-4px;padding-inline:4px}.profile-save-actions.sticky-sheet-actions,.settings-save-actions.sticky-sheet-actions{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding-top:8px;padding-bottom:0}.profile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:4px;display:grid}.profile-stat-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;justify-content:space-between;min-height:76px;padding:12px 14px;display:flex;box-shadow:inset 0 1px #ffffff0a}.profile-stats-grid .summary-label{display:block}.profile-stat-card strong{margin-top:6px}.profile-billing-panel,.profile-password-panel{margin-top:10px}.profile-billing-head,.profile-billing-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.profile-billing-actions{flex-wrap:wrap}.profile-password-actions{justify-content:flex-end;display:flex}.profile-billing-actions .primary-button,.profile-billing-actions .ghost-button{flex:180px;justify-content:center}.profile-billing-status{letter-spacing:.08em;text-transform:uppercase;color:#ffffffeb;background:#ffffff14;border-radius:999px;align-items:center;padding:5px 10px;font-size:.72rem;display:inline-flex}.profile-billing-status.is-active{color:#a1ffbaf5;background:#73eb9924}.profile-billing-status.is-pending{color:#ffdfa2f5;background:#ffc15c24}.profile-billing-status.is-rejected,.profile-billing-status.is-revoked,.profile-billing-status.is-refunded{color:#ffb8c4f5;background:#ff6e8624}.profile-billing-copy,.profile-billing-meta,.profile-notice{font-size:.82rem;line-height:1.45}.profile-billing-copy,.profile-billing-meta{color:#ebf1ffb8}.profile-billing-meta{word-break:break-word}.profile-notice{color:#a1ffbaf5}.profile-delete-link{appearance:none;color:#ffffffb8;font:inherit;background:0 0;border:0;margin-top:14px;padding:0;font-size:.72rem;text-decoration:underline}.field{flex-direction:column;gap:8px;display:flex}.field span{color:#ffffffd1;font-size:.82rem}.field input{width:100%;color:var(--text-color);font:inherit;-webkit-user-select:text;user-select:text;background:#04080f99;border:1px solid #ffffff1a;border-radius:14px;padding:12px 14px}.field input:disabled{opacity:.58;cursor:not-allowed}.field-input-lock{color:#ffffff9e;width:100%;font:inherit;text-align:left;cursor:not-allowed;background:#04080f61;border:1px solid #ffffff1a;border-radius:14px;padding:12px 14px}.field-hint{color:#ebf1ffb3;margin:-2px 0 0;font-size:.78rem;line-height:1.45}.profile-billing-indicator{justify-content:space-between;align-items:center;gap:10px;margin-top:10px;display:flex}.inline-link-button{appearance:none;color:#8ee7ffeb;font:inherit;text-align:left;background:0 0;border:0;padding:0;font-size:.82rem;text-decoration:underline}.inline-link-button:disabled{opacity:.5;cursor:default}.auth-reset-link{align-self:flex-start;margin-top:-2px}.auth-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.auth-switch-button{appearance:none;color:#ffffffd1;font:inherit;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:11px 14px}.auth-switch-button.is-active{color:#fffffffa;background:#ffffff1f;border-color:#ffffff2e}.auth-error{color:#ff9dad;margin:0;font-size:.9rem}.auth-notice{color:#ebf1ffc2;margin:2px 0 14px;font-size:.84rem;line-height:1.45}.web-reset-password-page{max-width:560px;margin-inline:auto}.web-reset-form{flex-direction:column;gap:14px;display:flex}.web-reset-actions{margin-top:4px}.inline-check{align-items:center;gap:10px;display:inline-flex}.summary-callout{background:#ffffff0a;border-radius:22px;padding:16px}.model-glyph{place-items:center;width:72px;height:72px;display:inline-grid;position:relative;overflow:visible}.glyph-image{object-fit:contain;width:100%;height:100%;display:block}.glyph-image.is-monochrome{filter:brightness(0)saturate()invert()drop-shadow(0 0 10px #ffffff24)}.glyph-mask{width:100%;height:100%}.selection-card-flat .model-glyph,.selection-card-flat .session-glyph{background:0 0;border:0;border-radius:0;width:100%;height:86px}.selection-card-flat .session-glyph{height:58px}.session-glyph{color:#fffffff0;background:0 0;border-radius:12px;place-items:center;width:36px;height:36px;font-size:1.1rem;display:inline-grid}.selection-card-flat .session-glyph .glyph-image{width:52px;height:52px}.result-sheet{text-align:center}.result-hero{background:linear-gradient(#ffffff0a,#ffffff05);border:1px solid #ffffff14;border-radius:28px;min-height:240px;padding:28px 20px 24px;position:relative;overflow:hidden}.result-score{z-index:1;font-family:var(--display-font);letter-spacing:-.07em;color:#fffffffa;margin:26px 0 0;font-size:clamp(4rem,16vw,6.3rem);line-height:.88;position:relative}.result-stars{z-index:1;justify-content:space-between;align-items:center;gap:14px;width:min(100%,340px);margin:24px auto 0;display:flex;position:relative}.result-stars span{color:#0000;-webkit-text-stroke:1.8px #ffffff80;text-shadow:0 0 16px #ffffff14;font-size:clamp(3.2rem,13vw,5.4rem);line-height:1}.result-stars span.is-earned{color:#fff4b8f5;-webkit-text-stroke:1.2px #ffe385eb;text-shadow:0 0 16px #ffdc7838,0 0 30px #ffbe4624}.result-actions{flex-direction:column;align-items:stretch;margin-top:20px}.result-confetti{pointer-events:none;position:absolute;inset:0}.result-confetti span{top:-12%;left:calc(6% + (var(--piece-index) * 5.2%));background:hsl(calc(18 * var(--piece-index)) 92% 66%);opacity:0;width:9px;height:22px;transform:rotate(calc(var(--piece-index) * 12deg));animation:1.35s ease-out forwards confetti-fall;animation-delay:calc(var(--piece-index) * 35ms);border-radius:999px;position:absolute}.result-confetti span:nth-child(2n){height:16px}.result-confetti span:nth-child(3n){background:#ffffffeb;width:7px}.leaderboard-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-12px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate3d(calc((var(--piece-index) - 8) * 5px), 240px, 0) rotate(calc(120deg + var(--piece-index) * 30deg))}}@keyframes breathe{0%,to{opacity:.72;transform:scale(.985)}50%{opacity:1;transform:scale(1.015)}}@media (width<=420px){.app-shell{padding:0}.phone-frame{width:100%;min-height:100svh;box-shadow:none;border:0;border-radius:0}.phone-frame.screen-admin{width:100%}.setup-screen,.overlay{padding-inline:16px}.sheet-grid{grid-template-columns:1fr}.selection-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.selection-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-grid-flat.selection-grid-three{gap:0}.summary-strip{grid-template-columns:1fr}.result-band,.result-swatches,.sheet-actions,.setup-footer{flex-direction:column;align-items:stretch}.account-fab{position:static}.landing-screen{padding-block:22px 28px;padding-inline:16px}.landing-wheel-wrap{width:min(88vw,360px)}.landing-logo{width:min(76vw,280px)}.summary-strip-four{grid-template-columns:1fr}.profile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-table{table-layout:auto}.stats-table thead{display:none}.stats-table tbody,.stats-table tr{width:100%;display:block}.stats-table tr{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px;display:grid}.stats-table td{aspect-ratio:1.45;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;justify-content:space-between;gap:10px;width:100%;min-height:88px;padding:14px;display:flex}.stats-table td:before{content:attr(data-label);letter-spacing:.18em;text-transform:uppercase;color:#e4eaffa8;font-size:.68rem;font-weight:600;display:block}.assist-toggle{min-width:auto;padding-right:12px}.top-right-cluster{top:calc(var(--safe-top) + var(--top-ui-offset) + 12px);gap:8px;right:16px}.color-match-pair-counter{top:calc(var(--safe-top) + var(--top-ui-offset) + 15px);left:16px}.avatar-button{gap:8px;padding-right:10px}.avatar-button span{max-width:76px;font-size:.82rem}.assist-toggle{top:calc(var(--safe-top) + var(--top-ui-offset) + 12px);left:16px}.hero-panel-copy{inset:calc(var(--safe-top) + var(--top-ui-offset) + 68px) 18px 0}.player-heading{top:calc(var(--safe-top) + var(--top-ui-offset) + 18px);width:calc(100% - 44px)}.selection-card-flat{padding:4px 5px 8px}.selection-card-flat strong{margin-top:4px;font-size:.9rem}.selection-card-flat .model-glyph,.selection-card-flat .session-glyph{height:clamp(50px,15vw,68px)}.control-cluster{inset-block:106px 26px;inset-inline:14px}.color-match-grid{padding-top:68px}.game-screen{--top-ui-offset:clamp(28px, 8svh, 54px)}}@media (width<=430px) and (height<=920px){.player-heading{top:calc(var(--safe-top) + var(--top-ui-offset) + 12px);gap:10px;width:calc(100% - 40px)}.player-values{font-size:clamp(1.3rem,7.2vw,1.75rem)}.player-meta{letter-spacing:.05em;gap:6px;font-size:.68rem}.player-meta span{padding:3px 8px}.control-cluster{gap:10px;inset-block:96px 24px}.color-match-grid{padding-top:60px}.channel-pill{min-width:92px;padding:8px 16px;font-size:.76rem}}.lab-screen{flex-direction:column;gap:20px;min-height:100%;padding:28px 22px 24px;display:flex}.lab-header{justify-content:space-between;align-items:start;gap:18px;display:flex}.lab-header h1{font-family:var(--display-font);letter-spacing:-.06em;margin:4px 0 0;font-size:clamp(2rem,5vw,2.8rem);line-height:.95}.lab-subtitle{max-width:44ch;color:var(--muted-text);margin-top:12px}.lab-actions{flex-wrap:wrap;justify-content:end;gap:10px;display:flex}.lab-layout{grid-template-columns:minmax(340px,420px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.lab-preview-card,.lab-controls-card,.lab-code-block{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:28px;box-shadow:inset 0 1px #ffffff0a}.lab-preview-card{text-align:center;z-index:2;align-self:start;padding:28px 22px 26px;position:sticky;top:24px}.lab-preview-title{letter-spacing:.18em;text-transform:uppercase;color:#ffffff9e;font-size:13px}.lab-channel-pill{margin:10px auto 30px}.lab-preview-row{justify-content:center;align-items:center;gap:30px;display:flex}.lab-arrow-wrap{text-align:center;width:78px}.lab-arrow{text-shadow:0 0 14px currentColor, 0 0 34px color-mix(in srgb, currentColor 45%, transparent);font-size:58px;line-height:1}.lab-arrow-label{letter-spacing:.08em;text-transform:uppercase;color:#ffffffb8;margin-top:4px;font-size:12px}.lab-joystick{border-radius:50%;position:relative}.lab-joystick-glow,.lab-joystick-core{border-radius:50%;position:absolute}.lab-joystick-glow{z-index:-1;filter:blur(6px);inset:-24px}.lab-toggle{color:#ffffffd1;align-items:center;gap:10px;margin-top:26px;display:inline-flex}.lab-controls-card{flex-direction:column;gap:18px;min-width:0;padding:20px;display:flex}.lab-controls-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.lab-section{background:#ffffff08;border-radius:22px;padding:16px}.lab-section h2,.lab-code-head h2{letter-spacing:.02em;margin:0 0 14px;font-size:1rem}.lab-control{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.lab-control:last-child{margin-bottom:0}.lab-control-label{color:#ffffffd6;font-size:.82rem}.lab-control-row,.lab-color-row{grid-template-columns:minmax(0,1fr) 84px;align-items:center;gap:10px;display:grid}.lab-color-row{grid-template-columns:56px minmax(0,1fr)}.lab-number,.lab-text,.lab-select,.lab-code{width:100%;color:var(--text-color);font:inherit;background:#04080f99;border:1px solid #ffffff1a;border-radius:14px;padding:10px 12px}.lab-select{appearance:none}.lab-control input[type=range]{width:100%}.lab-control input[type=color]{background:0 0;border:0;width:56px;height:42px;padding:0}.lab-code-block{padding:16px}.lab-code-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.lab-code{resize:vertical;min-height:280px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem;line-height:1.45}@media (width<=900px){.lab-preview-card{position:static}.lab-layout{grid-template-columns:1fr}}@media (width<=640px){.lab-header,.lab-actions{flex-direction:column;align-items:stretch}.lab-controls-grid{grid-template-columns:1fr}.lab-preview-row{gap:18px}.lab-arrow-wrap{width:60px}.lab-arrow{font-size:42px}}.admin-app-shell{padding:0}.phone-frame.screen-admin{width:min(100%,1480px);min-height:100svh;max-height:100svh;box-shadow:none;border:0;border-radius:0;overflow:auto}.admin-screen{flex-direction:column;gap:18px;padding:28px 24px 36px;display:flex}.admin-header{justify-content:space-between;align-items:start;gap:20px;display:flex}.admin-header h1{font-family:var(--display-font);letter-spacing:-.08em;margin:6px 0 0;font-size:clamp(2.4rem,4vw,4rem);line-height:.95}.admin-copy{max-width:66ch;color:var(--muted-text);margin-top:12px}.admin-header-actions{flex:none}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-pill{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;align-items:center;min-height:42px;padding:10px 16px;display:inline-flex}.admin-status{color:#fff8ffe0}.admin-state-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:22px}.admin-state-card p{color:var(--muted-text);margin-top:8px}.admin-table-wrap{background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;overflow:auto}.admin-table{border-collapse:collapse;width:100%;min-width:1180px}.admin-table th,.admin-table td{vertical-align:top;text-align:left;border-bottom:1px solid #ffffff0f;padding:14px 12px}.admin-table th{z-index:1;text-transform:uppercase;letter-spacing:.16em;background:#0a0e18f5;font-size:.72rem;position:sticky;top:0}.admin-table td input{width:100%;color:var(--text-color);font:inherit;background:#05080fb8;border:1px solid #ffffff1f;border-radius:12px;padding:10px 12px}.admin-table td input[type=color]{min-width:72px;height:44px;padding:4px}.admin-rgb-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.admin-rgb-text{color:var(--muted-text);margin-top:8px;font-size:.82rem;display:block}.admin-row-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-row-actions .ghost-button,.admin-row-actions .primary-button{padding:10px 14px}@media (width<=900px){.admin-screen{padding-inline:14px}.admin-header{flex-direction:column}}