@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color-scheme:light;--accent: #7357ff;--page: #f5f2ea;--page-2: #ebe6dc;--surface: rgba(255, 255, 255, .78);--surface-strong: #fffefa;--surface-soft: rgba(255, 255, 255, .5);--text: #17161b;--muted: #67636e;--hairline: rgba(38, 35, 44, .13);--hairline-strong: rgba(38, 35, 44, .23);--shadow: 0 26px 70px -40px rgba(34, 26, 58, .45), 0 4px 18px -10px rgba(34, 26, 58, .18);--focus: #5941e8;font-family:DM Sans,system-ui,sans-serif;font-synthesis:none}:root[data-mode=dark]{color-scheme:dark;--page: #0f1015;--page-2: #181922;--surface: rgba(27, 28, 37, .84);--surface-strong: #20212b;--surface-soft: rgba(255, 255, 255, .045);--text: #f5f2ec;--muted: #a9a6b0;--hairline: rgba(255, 255, 255, .12);--hairline-strong: rgba(255, 255, 255, .23);--shadow: 0 30px 90px -42px rgba(0, 0, 0, .86), inset 0 1px 0 rgba(255, 255, 255, .035);--focus: #b7a8ff}:root[data-theme=sorbet]{--page: #fff3ee;--page-2: #f9ddd7;--surface: rgba(255,255,255,.76)}:root[data-theme=terminal]{--page: #09120e;--page-2: #101c16;--surface: rgba(14,34,24,.86)}:root[data-theme=lagoon]{--page: #07141c;--page-2: #0d2530;--surface: rgba(10,31,42,.84)}:root[data-theme=sunroom]{--page: #fff8df;--page-2: #f4e6b6;--surface: rgba(255,254,243,.8)}:root[data-contrast=high]{--muted: var(--text);--hairline: currentColor;--hairline-strong: currentColor}*{box-sizing:border-box}html{min-height:100%;background:var(--page)}body{min-width:320px;min-height:100vh;margin:0;color:var(--text);background:radial-gradient(900px 520px at 15% -10%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 68%),linear-gradient(160deg,var(--page),var(--page-2))}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.noscript{margin:30px;text-align:center}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.ambient i{position:absolute;width:32vw;height:32vw;min-width:260px;min-height:260px;border-radius:50%;filter:blur(100px);opacity:.1;background:var(--accent);animation:drift 16s ease-in-out infinite alternate}.ambient i:nth-child(1){left:-10%;top:20%}.ambient i:nth-child(2){right:-7%;top:-10%;animation-delay:-7s}.ambient i:nth-child(3){left:45%;bottom:-22%;animation-delay:-11s}@keyframes drift{to{transform:translate3d(7vw,-5vh,0) scale(1.12)}}.app-shell{position:relative;z-index:1;width:min(100%,1080px);margin:0 auto;padding:0 24px 40px}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--hairline)}.joybox-mark{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.04em}.joybox-mark svg{width:30px;height:30px}.joybox-mark svg>rect{fill:var(--accent)}.joybox-mark svg g rect,.joybox-mark svg circle{fill:#fff}.joybox-mark svg g rect:nth-child(2),.joybox-mark svg g rect:nth-child(3){opacity:.48}.top-actions{display:flex;gap:7px}.icon-button{width:38px;height:38px;border:1px solid var(--hairline);border-radius:12px;background:var(--surface-soft);display:grid;place-items:center;cursor:pointer;font-weight:800;font-size:16px;transition:transform .16s ease,background .16s ease}.icon-button:hover{background:var(--surface);transform:translateY(-1px)}.game-shell{width:min(100%,780px);margin:0 auto}.game-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:clamp(28px,6vw,52px) 4px 24px}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.daily-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--game-accent, var(--accent));box-shadow:0 0 0 4px color-mix(in srgb,var(--game-accent, var(--accent)) 16%,transparent)}.game-heading h1{display:flex;align-items:center;gap:11px;margin:0;font:800 clamp(30px,7vw,48px)/.95 Manrope,sans-serif;letter-spacing:-.055em}.game-heading h1>span{color:var(--game-accent);font-size:.72em}.game-heading h1 sup{font-size:9px;margin-left:-6px;align-self:flex-start;letter-spacing:0}.game-tagline{margin:10px 0 0;color:var(--muted);font-size:clamp(14px,2vw,17px)}.mode-switch{flex:none;display:flex;padding:4px;border:1px solid var(--hairline);border-radius:14px;background:var(--surface-soft)}.mode-switch__button{min-width:76px;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer}.mode-switch__button--active{color:var(--text);background:var(--surface-strong);box-shadow:0 3px 12px -8px #00000080}.game-card{position:relative;overflow:hidden;border:1px solid var(--hairline);border-radius:clamp(22px,4vw,30px);background:var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(22px)}.game-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,transparent,var(--game-accent),transparent);opacity:.8}.game-card__hud{height:66px;padding:13px clamp(15px,3vw,24px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--hairline)}.hud-status,.hud-score{display:flex;flex-direction:column;gap:2px}.hud-status span,.hud-score span{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.hud-status strong,.hud-score strong{font:800 16px Manrope,sans-serif;font-variant-numeric:tabular-nums}.hud-score{text-align:right}.hud-score__bump{animation:score-bump .24s ease}@keyframes score-bump{50%{transform:scale(1.17);color:var(--game-accent)}}.game-root{position:relative;min-height:min(62vh,560px);display:grid;place-items:center;padding:clamp(14px,3vw,28px);transition:filter .3s ease,opacity .3s ease}.game-root--done{filter:saturate(.7)}.game-card__foot{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px clamp(15px,3vw,24px);border-top:1px solid var(--hairline)}.game-card__foot p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.text-button{flex:none;border:0;background:none;color:var(--game-accent);cursor:pointer;font-weight:800;font-size:12px}.game-flash{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .22s ease}.game-flash--show{opacity:1}.game-flash--danger{box-shadow:inset 0 0 80px #ef444457}.game-flash--success{box-shadow:inset 0 0 80px #22c55e42}.game-flash--perfect{box-shadow:inset 0 0 95px color-mix(in srgb,var(--game-accent) 35%,transparent)}.suite-link{margin:18px 0 0;text-align:center;color:var(--muted);font-size:12px}.suite-link a{color:var(--text);font-weight:700;text-decoration:none}.canvas-stage{width:100%;display:grid;place-items:center}.canvas-stage canvas{display:block;width:100%;max-height:min(55vh,520px);aspect-ratio:720/520;border-radius:20px;background:color-mix(in srgb,var(--surface-strong) 74%,transparent);touch-action:none;cursor:crosshair}.flood-shell{width:min(100%,470px);display:grid;gap:22px}.flood-grid,.flip-grid,.thread-grid{display:grid;grid-template-columns:repeat(var(--grid-size),1fr);gap:clamp(5px,1.4vw,9px);width:min(100%,460px);aspect-ratio:1;margin:auto}.flood-cell{border-radius:clamp(7px,2vw,13px);box-shadow:inset 0 1px 1px #ffffff47;animation:cell-in .25s ease both}@keyframes cell-in{0%{transform:scale(.86);opacity:.5}}.palette{display:flex;justify-content:center;gap:clamp(10px,2vw,16px)}.color-button{width:clamp(43px,9vw,55px);aspect-ratio:1;border:5px solid var(--surface-strong);border-radius:50%;background:var(--color);box-shadow:0 0 0 1px var(--hairline),0 8px 18px -12px #000;cursor:pointer;transition:transform .15s ease}.color-button:hover{transform:translateY(-3px) scale(1.04)}.thread-grid{width:min(100%,440px)}.thread-cell{position:relative;border:1px solid var(--hairline);border-radius:11px;background:var(--surface-soft);cursor:pointer;font-weight:800}.thread-cell--path{background:color-mix(in srgb,var(--thread) 24%,var(--surface-strong));border-color:color-mix(in srgb,var(--thread) 58%,var(--hairline))}.thread-cell--path:after{content:"";position:absolute;inset:32%;border-radius:50%;background:var(--thread)}.thread-cell--endpoint{color:#fff;background:var(--thread);border-color:transparent;box-shadow:inset 0 2px 2px #ffffff47}.thread-cell--endpoint:after{display:none}.thread-cell--active{box-shadow:0 0 0 4px color-mix(in srgb,var(--thread) 28%,transparent)}.lumen-shell{width:min(100%,600px)}.lumen-strip{display:grid;grid-template-columns:repeat(9,1fr);gap:clamp(3px,1vw,7px);height:clamp(210px,40vw,330px)}.lumen-swatch{position:relative;border:0;border-radius:15px;background:var(--swatch-color);box-shadow:inset 0 1px 1px #ffffff52,0 14px 26px -20px #000;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.lumen-swatch span{position:absolute;left:50%;bottom:9px;transform:translate(-50%);width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#00000047;color:#fff;font-size:10px;font-weight:800}.lumen-swatch--selected{transform:translateY(-12px);box-shadow:0 0 0 4px var(--surface-strong),0 0 0 7px var(--accent)}.lumen-caption{margin:20px 0 0;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.lumen-caption:before{content:"COOL"}.lumen-caption:after{content:"WARM"}.flip-grid{width:min(100%,430px)}.flip-cell{border:1px solid var(--hairline);border-radius:14px;background:color-mix(in srgb,var(--surface-strong) 82%,#111);box-shadow:inset 0 2px 4px #00000014;cursor:pointer;transition:.18s ease}.flip-cell--on{border-color:color-mix(in srgb,var(--game-accent) 55%,transparent);background:var(--game-accent);box-shadow:inset 0 2px 2px #ffffff4d,0 0 24px -8px var(--game-accent);transform:scale(.92)}.echo-shell{width:min(100%,440px);display:grid;gap:24px}.echo-pads{display:grid;grid-template-columns:1fr 1fr;gap:12px;aspect-ratio:1}.echo-pad{border:0;border-radius:25%;background:color-mix(in srgb,var(--pad) 35%,var(--surface-strong));box-shadow:inset 0 2px 3px #fff3,0 15px 35px -26px #000;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.echo-pad:active,.echo-pad--lit{background:var(--pad);transform:scale(.94);box-shadow:0 0 40px -5px var(--pad),inset 0 2px 4px #ffffff61}.echo-start{justify-self:center}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 17px;border:1px solid var(--hairline);border-radius:13px;background:var(--surface-strong);color:var(--text);cursor:pointer;font-weight:800;font-size:13px;transition:transform .16s ease,filter .16s ease}.button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.04)}.button:disabled{opacity:.56;cursor:default}.button--primary{color:#fff;background:var(--accent);border-color:transparent;box-shadow:0 9px 24px -15px var(--accent)}.button--small{min-height:36px;padding:7px 12px;font-size:11px}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:#0c0b1080;backdrop-filter:blur(7px);opacity:0;transition:opacity .18s ease}.modal-backdrop--in{opacity:1}.modal{width:min(100%,520px);max-height:min(88vh,760px);overflow:auto;border:1px solid var(--hairline);border-radius:25px;background:var(--surface-strong);box-shadow:0 34px 100px -28px #0000009e;transform:translateY(12px) scale(.98);transition:transform .2s ease}.modal--wide{width:min(100%,720px)}.modal-backdrop--in .modal{transform:none}.modal__head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px 15px;border-bottom:1px solid var(--hairline);background:color-mix(in srgb,var(--surface-strong) 92%,transparent);backdrop-filter:blur(18px)}.modal__head h2{margin:0;font:800 23px/1.1 Manrope,sans-serif;letter-spacing:-.035em}.modal__close{font-size:25px;font-weight:400}.modal__body{padding:22px}.lead{color:var(--muted);font-size:16px;line-height:1.65}.muted{color:var(--muted);font-size:13px;line-height:1.55}.section-title{margin:24px 0 12px;font-size:13px}.result__hero{text-align:center}.result__icon{width:74px;height:74px;display:grid;place-items:center;margin:0 auto 16px;border:1px solid var(--hairline);border-radius:24px;background:var(--surface-soft);color:var(--accent);font-size:35px}.result__hero--win .result__icon{color:#fff;background:var(--accent);box-shadow:0 16px 35px -20px var(--accent)}.result__hero h3{margin:0;font:800 28px Manrope,sans-serif;letter-spacing:-.04em}.result__hero p:last-child{margin:8px 0 0;color:var(--muted)}.result__score{margin:22px 0 14px;padding:16px;border:1px solid var(--hairline);border-radius:16px;background:var(--surface-soft);display:grid;grid-template-columns:1fr auto;align-items:center}.result__score span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.result__score strong{font:800 27px Manrope,sans-serif}.result__score small{grid-column:1 / -1;margin-top:3px;color:var(--muted)}.result__grid{margin:0;padding:14px;overflow-wrap:anywhere;white-space:pre-wrap;border-radius:14px;background:var(--page);text-align:center;font:20px/1.5 system-ui}.result__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.stat-grid>div{padding:14px 8px;border:1px solid var(--hairline);border-radius:14px;text-align:center;background:var(--surface-soft)}.stat-grid strong{display:block;font:800 23px Manrope,sans-serif}.stat-grid span{color:var(--muted);font-size:10px}.recent-grid{min-height:45px;display:flex;gap:7px;flex-wrap:wrap}.recent-chip{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--page-2);color:var(--muted)}.recent-chip--win{background:color-mix(in srgb,var(--accent) 17%,var(--surface-strong))}.wallet{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:14px;background:var(--page)}.wallet span{color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.wallet strong{font:800 18px Manrope,sans-serif}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.theme-card{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:12px;border:1px solid var(--hairline);border-radius:16px;background:var(--surface-soft)}.theme-card>.button{grid-column:1 / -1}.theme-card__sample{display:flex;align-items:end;gap:4px;padding:9px;border-radius:11px;background:color-mix(in srgb,var(--swatch) 16%,#fff)}.theme-card--dark .theme-card__sample{background:color-mix(in srgb,var(--swatch) 16%,#101017)}.theme-card__sample i{width:17px;height:70%;border-radius:5px;background:var(--swatch)}.theme-card__sample i:nth-child(2){height:100%;opacity:.66}.theme-card__sample i:nth-child(3){height:45%;opacity:.42}.theme-card strong{font-size:13px}.theme-card p{margin:4px 0;color:var(--muted);font-size:11px;line-height:1.4}.pass-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px;border:1px solid color-mix(in srgb,var(--accent) 38%,var(--hairline));border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 11%,var(--surface-strong)),var(--surface-strong))}.pass-card h3{margin:0;font:800 18px Manrope,sans-serif}.pass-card p:last-child{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.settings-list{display:grid;gap:8px}.setting-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 2px;border-bottom:1px solid var(--hairline);cursor:pointer}.setting-row span{display:grid;gap:3px}.setting-row strong{font-size:14px}.setting-row small{color:var(--muted);font-size:11px}.setting-row input{position:absolute;opacity:0}.setting-row i{flex:none;width:45px;height:26px;padding:3px;border-radius:999px;background:var(--page-2);transition:.18s ease}.setting-row i:after{content:"";display:block;width:20px;height:20px;border-radius:50%;background:var(--surface-strong);box-shadow:0 2px 6px #00000038;transition:transform .18s ease}.setting-row input:checked+i{background:var(--accent)}.setting-row input:checked+i:after{transform:translate(19px)}.settings-footer{display:flex;flex-wrap:wrap;gap:10px 17px;margin:18px 0 0}.settings-footer a{color:var(--accent);font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap}.howto__icon{width:72px;height:72px;display:grid;place-items:center;border-radius:22px;color:#fff;background:var(--game-accent);font-size:34px}.howto ol{padding-left:22px;color:var(--muted);line-height:1.55}.howto li{margin-bottom:12px}.howto li strong{color:var(--text)}.fair-play{padding:15px;border-radius:14px;background:color-mix(in srgb,var(--accent) 9%,var(--surface-soft))}.fair-play p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.share-text{width:100%;min-height:160px;padding:14px;border:1px solid var(--hairline);border-radius:12px;background:var(--page);color:var(--text)}.toast-host{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:100;display:grid;gap:8px;transform:translate(-50%);pointer-events:none}.toast{min-width:190px;padding:11px 15px;border:1px solid var(--hairline);border-radius:12px;background:var(--surface-strong);color:var(--text);box-shadow:var(--shadow);text-align:center;font-size:12px;font-weight:700;opacity:0;transform:translateY(8px);transition:.2s ease}.toast--in{opacity:1;transform:none}.toast--success{border-color:#22c55e}.toast--error{border-color:#ef4444}.game-ad{min-height:80px;margin-top:20px;padding:8px;border:1px solid var(--hairline);border-radius:14px;text-align:center}.game-ad>span{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.1em}.rival-banner{display:flex;align-items:center;gap:13px;margin:-8px 0 16px;padding:12px 15px;border:1px solid color-mix(in srgb,var(--accent) 34%,var(--hairline));border-radius:16px;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 10%,var(--surface)),var(--surface));box-shadow:0 12px 35px -28px var(--accent)}.rival-banner[hidden]{display:none}.rival-banner__icon{width:38px;height:38px;display:grid;place-items:center;flex:none;border-radius:12px;color:#fff;background:var(--accent);font-size:18px}.rival-banner strong{display:block;font:800 12px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.06em}.rival-banner p{margin:2px 0 0;color:var(--muted);font-size:12px}.rival-banner b{color:var(--text)}.rival-result{display:flex;align-items:center;gap:12px;margin-top:12px;padding:13px 14px;border:1px solid var(--hairline);border-radius:14px;background:var(--surface-soft)}.rival-result--win{border-color:color-mix(in srgb,#20a66a 48%,var(--hairline));background:color-mix(in srgb,#20a66a 8%,var(--surface-soft))}.rival-result>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--page-2)}.rival-result strong{font-size:13px}.rival-result p{margin:2px 0 0;color:var(--muted);font-size:11px}.social-stage{width:min(100%,620px);margin:auto}.inline-actions{display:flex;justify-content:center;gap:9px}.stage--quarry{display:grid;gap:13px;width:min(100%,455px)}.quarry-clock{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px;overflow:hidden}.quarry-clock span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.quarry-clock strong{font:800 16px Manrope,sans-serif;font-variant-numeric:tabular-nums}.quarry-clock i,.oddity-timer i{position:absolute;left:0;bottom:0;width:var(--time);height:3px;border-radius:999px;background:var(--game-accent);transition:width .2s linear}.quarry-word{min-height:36px;display:grid;place-items:center;color:var(--muted);font:800 18px Manrope,sans-serif;letter-spacing:.18em;text-transform:uppercase}.quarry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(8px,2vw,12px)}.quarry-tile{position:relative;aspect-ratio:1;border:1px solid var(--hairline);border-radius:17px;background:linear-gradient(145deg,var(--surface-strong),color-mix(in srgb,var(--game-accent) 7%,var(--surface-strong)));box-shadow:inset 0 1px #fff3,0 12px 25px -22px #000;cursor:pointer;font:800 clamp(19px,5vw,28px) Manrope,sans-serif;transition:transform .16s ease,background .16s ease,color .16s ease}.quarry-tile--selected{color:#fff;background:var(--game-accent);transform:translateY(-3px) scale(.96)}.quarry-tile--selected:after{content:attr(data-order);position:absolute;right:6px;top:5px;font-size:9px;opacity:.75}.quarry-tray{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.quarry-tray span{padding:8px 3px;border-radius:10px;background:var(--page);color:var(--muted);text-align:center;font:800 10px Manrope,sans-serif;letter-spacing:.08em}.quarry-tray span.found{color:#fff;background:var(--game-accent)}.stage--vault{display:grid;gap:15px;width:min(100%,460px)}.vault-rows{min-height:214px;display:grid;align-content:end;gap:7px;padding:12px;border:1px solid var(--hairline);border-radius:19px;background:var(--page)}.vault-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;animation:cell-in .2s ease}.vault-code,.vault-current{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.vault-code i,.vault-current span{min-height:38px;display:grid;place-items:center;border:1px solid var(--hairline);border-radius:10px;background:var(--surface-strong);font-style:normal;font-size:18px}.vault-current span{min-height:48px;color:var(--muted);font-size:23px}.vault-current span.filled{color:var(--game-accent);border-color:color-mix(in srgb,var(--game-accent) 52%,var(--hairline))}.vault-feedback{font-size:11px;letter-spacing:-2px;white-space:nowrap}.vault-keypad{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.vault-key{aspect-ratio:1;border:1px solid var(--hairline);border-radius:13px;color:hsl(var(--key-hue) 72% 58%);background:var(--surface-strong);cursor:pointer;font-size:20px;box-shadow:0 9px 18px -16px #000}.stage--mosaic{display:grid;gap:15px;width:min(100%,470px)}.mosaic-heading{display:flex;align-items:center;justify-content:space-between;padding:0 3px}.mosaic-heading span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.mosaic-heading strong{font:800 15px Manrope,sans-serif}.mosaic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(6px,1.7vw,10px);padding:clamp(9px,2vw,14px);border:1px solid var(--hairline);border-radius:21px;background:var(--page)}.mosaic-tile{aspect-ratio:1;border:0;border-radius:14px;background:var(--mosaic-color);box-shadow:inset 0 2px 2px #ffffff38,0 9px 18px -16px #000;cursor:pointer;transition:transform .14s ease,background .2s ease}button.mosaic-tile:active{transform:scale(.9)}.mosaic-tile--empty{border:1px dashed var(--hairline-strong);background:var(--surface-soft);box-shadow:none}.mosaic-grid--preview{animation:mosaic-pulse 1.4s ease-in-out infinite alternate}@keyframes mosaic-pulse{to{box-shadow:0 0 34px -16px var(--game-accent)}}.mosaic-palette{display:flex;justify-content:center;gap:12px}.mosaic-swatch{width:46px;aspect-ratio:1;border:5px solid var(--surface-strong);border-radius:50%;background:var(--mosaic-color);box-shadow:0 0 0 1px var(--hairline);cursor:pointer;transition:transform .15s ease}.mosaic-swatch.selected{transform:translateY(-4px) scale(1.08);box-shadow:0 0 0 3px var(--text)}.stage--mosaic>.button{justify-self:center}.stage--oddity{display:grid;gap:15px;width:min(100%,520px)}.oddity-timer{position:relative;height:26px;text-align:right}.oddity-timer strong{font:800 15px Manrope,sans-serif}.oddity-field{display:grid;grid-template-columns:repeat(var(--oddity-width),1fr);gap:clamp(5px,1.5vw,9px)}.oddity-tile{aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--hairline);border-radius:15px;background:color-mix(in srgb,var(--game-accent) 6%,var(--surface-strong));color:var(--game-accent);cursor:pointer;font-size:clamp(19px,5vw,31px);transition:transform .12s ease,background .12s ease}.oddity-tile:hover{background:color-mix(in srgb,var(--game-accent) 13%,var(--surface-strong))}.oddity-tile:active{transform:scale(.91)}.oddity-tile span{display:block;transform:rotate(var(--oddity-turn))}.stage--knot canvas,.stage--stack canvas,.stage--dash canvas,.stage--rally canvas{cursor:grab}.stage--stack canvas{cursor:pointer}.stage--merge{display:grid;gap:18px;width:min(100%,470px);touch-action:none}.merge-board{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(7px,1.8vw,11px);padding:clamp(9px,2vw,14px);border-radius:22px;background:color-mix(in srgb,var(--game-accent) 9%,var(--page-2))}.merge-tile{aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--hairline);border-radius:15px;background:var(--surface-soft);color:var(--muted);font:800 clamp(16px,5vw,28px) Manrope,sans-serif;transition:transform .16s ease,background .16s ease}.merge-tile--filled{color:#fff;border-color:transparent;background:var(--game-accent);box-shadow:inset 0 2px 2px #ffffff40,0 10px 22px -18px #000;animation:merge-pop .18s ease}.merge-tile[data-value="2"]{background:#94a3b8}.merge-tile[data-value="4"]{background:#0ea5e9}.merge-tile[data-value="8"]{background:#14b8a6}.merge-tile[data-value="16"]{background:#22c55e}.merge-tile[data-value="32"]{background:#eab308}.merge-tile[data-value="64"]{background:#f97316}.merge-tile[data-value="128"],.merge-tile[data-value="256"]{background:#8b5cf6}@keyframes merge-pop{50%{transform:scale(.9)}}.merge-controls{display:grid;grid-template-columns:repeat(4,52px);justify-content:center;gap:8px}.merge-controls button{aspect-ratio:1;border:1px solid var(--hairline);border-radius:15px;background:var(--surface-strong);color:var(--game-accent);cursor:pointer;font-size:21px;font-weight:800}.stage--sequence{display:grid;gap:20px;width:min(100%,600px)}.sequence-progress{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.sequence-progress i{height:5px;border-radius:99px;background:var(--page-2)}.sequence-progress i.current{background:color-mix(in srgb,var(--game-accent) 44%,var(--page-2));animation:score-bump 1s ease infinite}.sequence-progress i.right{background:var(--game-accent)}.sequence-progress i.wrong{background:#e85973}.sequence-card{padding:clamp(18px,4vw,32px);border:1px solid var(--hairline);border-radius:23px;background:linear-gradient(145deg,var(--surface-strong),color-mix(in srgb,var(--game-accent) 7%,var(--surface-strong)));text-align:center}.sequence-card>span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.sequence-card>div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(6px,1.8vw,12px);margin-top:20px}.sequence-card strong{min-width:42px;font:800 clamp(18px,4vw,27px) Manrope,sans-serif}.sequence-card b{color:var(--muted);font-weight:400}.sequence-card .unknown{color:var(--game-accent)}.sequence-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sequence-option{min-height:55px;border:1px solid var(--hairline);border-radius:15px;background:var(--surface-strong);cursor:pointer;font:800 17px Manrope,sans-serif;transition:transform .14s ease,border-color .14s ease}.sequence-option:hover{transform:translateY(-2px);border-color:var(--game-accent)}@media(max-width:620px){.app-shell{padding:0 12px 28px}.topbar{height:60px;padding:0 3px}.joybox-mark span{display:none}.icon-button{width:35px;height:35px;border-radius:11px}.game-heading{align-items:flex-start;padding:24px 4px 17px}.game-heading h1{font-size:clamp(27px,9vw,38px)}.game-tagline{max-width:25ch}.mode-switch{flex-direction:column}.mode-switch__button{min-width:72px;padding:6px 9px;font-size:11px}.game-card{border-radius:22px}.game-root{min-height:min(60vh,490px);padding:12px}.canvas-stage canvas{max-height:min(52vh,430px);border-radius:14px}.game-card__foot p{font-size:10px}.theme-grid{grid-template-columns:1fr}.pass-card{align-items:stretch;flex-direction:column}.stat-grid{grid-template-columns:1fr 1fr}.result__actions{grid-template-columns:1fr}.modal__body{padding:18px}.rival-banner{margin-top:-2px}.quarry-tray{grid-template-columns:1fr 1fr}.vault-rows{min-height:190px}.vault-keypad{gap:5px}.vault-key{border-radius:10px;font-size:17px}.sequence-card{padding:18px 10px}.sequence-options{grid-template-columns:1fr}}@media(max-height:700px)and (orientation:landscape){.topbar{height:52px}.game-heading{padding:15px 4px 12px}.game-heading h1{font-size:29px}.game-tagline,.eyebrow{display:none}.game-root{min-height:360px}.canvas-stage canvas{max-height:350px;width:auto;max-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}