.sd-page{display:flex;flex-direction:column;align-items:center;gap:18px;padding:8px 0 24px}.sd-loading{padding:80px 0;color:var(--text-dim);font-size:1.1rem}.sd-picker{max-width:720px;width:100%;text-align:center;margin-top:24px}.sd-picker .eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:8px}.sd-picker h1{font-size:clamp(2rem,4vw,2.6rem);margin-bottom:8px}.sd-picker p{color:var(--text-dim);margin:0 auto 28px;max-width:50ch}.sd-picker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-top:20px}.sd-pick-tile{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius-3);padding:22px 18px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;position:relative;overflow:hidden;transition:transform .22s var(--ease-out),border-color .22s ease,box-shadow .22s ease}.sd-pick-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(140% 80% at 50% -10%,var(--pick-glow, var(--accent-soft)),transparent 60%);opacity:0;transition:opacity .22s ease;pointer-events:none}.sd-pick-tile:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-1)}.sd-pick-tile:hover:after{opacity:1}.sd-pick-tile[data-difficulty=easy]{--pick-glow: rgba(74, 222, 128, .12)}.sd-pick-tile[data-difficulty=medium]{--pick-glow: rgba(96, 165, 250, .14)}.sd-pick-tile[data-difficulty=hard]{--pick-glow: rgba(167, 139, 250, .14)}.sd-pick-tile[data-difficulty=expert]{--pick-glow: rgba(245, 185, 66, .14)}.sd-pick-name{font-family:var(--font-display);font-weight:600;font-size:1.2rem;color:var(--text)}.sd-pick-blurb{color:var(--text-dim);font-size:.85rem}.sd-pick-best{margin-top:8px;font-size:.78rem;color:var(--gold);font-variant-numeric:tabular-nums}.sd-toolbar{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:center;width:100%;max-width:600px;padding:14px 18px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius-3)}.sd-toolbar .label{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);display:block;margin-bottom:2px}.sd-difficulty-label .difficulty-value{font-family:var(--font-display);font-weight:600;font-size:1.1rem;text-transform:capitalize}.sd-timer .value,.sd-best .value{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:600;font-size:1.4rem;letter-spacing:.02em}.sd-best .value{color:var(--gold)}.sd-toolbar-actions{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}.sd-icon-btn{width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center;gap:0;font-size:1.05rem;line-height:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2);color:var(--text)}.sd-icon-btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.sd-icon-btn:disabled{opacity:.35;cursor:not-allowed}.sd-icon-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.sd-new-btn{padding:8px 14px}.sd-menu{position:relative}.sd-menu-popover{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-2);padding:6px;box-shadow:var(--shadow-2);min-width:280px;z-index:40;display:flex;flex-direction:column;gap:2px}.sd-menu-section{display:flex;flex-direction:column;gap:2px;padding:6px 4px}.sd-menu-section+.sd-menu-section{border-top:1px solid var(--border);margin-top:4px;padding-top:8px}.sd-menu-heading{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);padding:4px 10px 6px}.sd-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-1);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.92rem}.sd-menu-item:hover{background:var(--surface-3)}.sd-menu-button{text-align:left;background:transparent;border:none;padding:10px 12px;border-radius:var(--radius-1);cursor:pointer;display:flex;align-items:center;gap:10px;font-size:.92rem;color:var(--text);width:100%}.sd-menu-button:hover{background:var(--surface-3);border-color:transparent}.sd-menu-button:disabled{opacity:.4;cursor:not-allowed}.sd-menu-button.danger{color:var(--danger-strong)}.sd-menu-button.danger:hover{background:var(--danger-soft)}.sd-menu-icon{width:20px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-dim)}.sd-menu-button.danger .sd-menu-icon{color:var(--danger)}.sd-menu-row{padding:8px 10px 10px;display:flex;flex-direction:column;gap:8px}.sd-menu-row-label{font-size:.8rem;color:var(--text-dim)}.sd-segmented{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2);padding:3px;gap:2px}.sd-segmented button{background:transparent;border:none;padding:6px 12px;border-radius:6px;font-size:.82rem;color:var(--text-dim);font-weight:500;cursor:pointer}.sd-segmented button:hover{color:var(--text)}.sd-segmented button.on{background:var(--accent-soft);color:var(--accent-strong);border:1px solid var(--accent);padding:5px 11px}.sd-board-wrap{width:min(92vw,600px);aspect-ratio:1 / 1;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-strong);border-radius:var(--radius-3);padding:10px;box-shadow:var(--shadow-1);position:relative}.sd-board-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sd-board-wrap.paused .sd-grid{filter:blur(6px) saturate(.5)}.sd-pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-3);background:#0b0d12c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:3;animation:sd-fade .2s var(--ease-out)}.sd-pause-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.sd-pause-icon{font-size:2.5rem;color:var(--accent);line-height:1}.sd-pause-title{font-family:var(--font-display);font-size:1.6rem;font-weight:600;letter-spacing:-.01em}.sd-pause-sub{color:var(--text-dim);font-size:.88rem;margin-bottom:10px}.sd-grid{height:100%;width:100%;display:flex;flex-direction:column;background:var(--bg-tint);border-radius:var(--radius-2);overflow:hidden;border:1px solid var(--border-strong)}.sd-row{display:flex;flex:1}.sd-cell{flex:1;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--hl-cell-edge);font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:500;font-size:clamp(1.1rem,4.2vw,1.9rem);color:var(--accent-strong);cursor:pointer;position:relative;transition:background .14s var(--ease-out),color .14s ease;padding:0}.sd-cell:hover{background:var(--surface-2)}.sd-cell.given{color:var(--text);font-weight:700;cursor:default}.sd-cell.box-right{border-right:2px solid var(--border-strong)}.sd-cell.box-bottom{border-bottom:2px solid var(--border-strong)}.sd-cell.peer{background:var(--hl-peer)}.sd-cell.same-digit{background:var(--hl-same)}.sd-cell.selected{background:var(--hl-selected);box-shadow:inset 0 0 0 2px var(--accent);z-index:2}.sd-cell.selected .value{transform:scale(1.04)}.sd-cell.wrong .value{color:var(--danger)}.sd-cell.wrong:not(.selected){background:var(--wrong-bg);box-shadow:inset 0 0 0 1px var(--wrong-ring)}.sd-cell.wrong.selected{background:var(--wrong-sel);box-shadow:inset 0 0 0 2px var(--danger)}.sd-cell.wrong.same-digit{background:var(--wrong-same)}.sd-cell .value{display:inline-block;transition:transform .16s var(--ease-out);animation:sd-pop .18s var(--ease-out)}@keyframes sd-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}.sd-cell .notes{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);width:80%;height:80%;font-family:var(--font-ui);font-weight:500;font-size:clamp(.55rem,1.4vw,.7rem);color:var(--text-dim);line-height:1}.sd-cell .notes span{display:flex;align-items:center;justify-content:center}.sd-hint{width:min(92vw,600px);display:flex;align-items:center;gap:14px;padding:12px 16px;background:linear-gradient(180deg,#60a5fa1a,#60a5fa0a),linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid rgba(96,165,250,.32);border-radius:var(--radius-3);box-shadow:0 0 0 1px #60a5fa1a,0 6px 24px #60a5fa14;animation:sd-hint-in .22s var(--ease-out)}@keyframes sd-hint-in{0%{transform:translateY(-4px);opacity:0}to{transform:translateY(0);opacity:1}}.sd-hint-body{flex:1;display:flex;flex-direction:column;gap:4px}.sd-hint-title{font-family:var(--font-display);font-weight:600;font-size:1.05rem;display:inline-flex;align-items:center;gap:6px}.sd-hint-digit{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;background:var(--accent-soft);color:var(--accent-strong);font-family:var(--font-display);font-weight:700;font-variant-numeric:tabular-nums;font-size:1.1rem;margin:0 2px}.sd-hint-where{color:var(--text-dim);font-weight:500;font-size:.95rem}.sd-hint-text{color:var(--text-dim);font-size:.86rem;line-height:1.4}.sd-hint-tech{color:var(--accent-strong);font-weight:600}.sd-hint-actions{display:flex;gap:6px}@media (max-width: 600px){.sd-hint{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.sd-hint-actions{justify-content:flex-end}}.sd-pad{width:min(92vw,600px);display:flex;flex-direction:column;gap:12px;padding:14px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius-3);transition:border-color .22s ease,box-shadow .22s ease,background .22s ease}.sd-pad.pencil-on{border-color:#a78bfa73;box-shadow:0 0 0 1px #a78bfa38,0 8px 28px #a78bfa1a;background:linear-gradient(180deg,#a78bfa14,#a78bfa05),linear-gradient(180deg,var(--surface-2),var(--surface))}.sd-pad-modebar{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px}.sd-pad-modes{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2);padding:3px;gap:2px}.sd-pad-mode{background:transparent;border:1px solid transparent;padding:6px 13px;border-radius:6px;font-size:.86rem;color:var(--text-dim);font-weight:500;cursor:pointer;transition:color .12s ease,background .12s ease,box-shadow .16s ease}.sd-pad-mode:hover{color:var(--text);background:var(--surface-2)}.sd-pad-mode.on{color:#fff;font-weight:600;border-color:transparent}.sd-pad-mode.on.mode-enter{background:linear-gradient(180deg,var(--accent-strong),var(--accent));color:#061025;box-shadow:0 2px 10px #60a5fa52}.sd-pad-mode.on.mode-pencil{background:linear-gradient(180deg,#b29bff,var(--violet));color:#1a1233;box-shadow:0 2px 10px #a78bfa52}.sd-pad-mode.on.mode-auto{background:linear-gradient(180deg,#5eead4,var(--teal));color:#062b25;box-shadow:0 2px 10px #2dd4bf4d}.sd-pad-hint{font-size:.84rem;color:var(--text-dim);text-align:right;padding:0 4px}.sd-pad.pencil-on .sd-pad-hint{color:var(--violet)}.sd-pad.auto-on .sd-pad-hint{color:var(--teal)}.sd-pad-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sd-pad-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2);cursor:pointer;font-weight:500;color:var(--text);width:100%;transition:background .12s ease,border-color .12s ease}.sd-pad-action:hover{background:var(--surface-3);border-color:var(--border-strong)}.sd-pad-action:disabled{opacity:.45;cursor:not-allowed}.sd-pad-action.active{background:var(--surface-3);border-color:var(--accent);color:var(--accent-strong)}.sd-pad-reset-wrap{position:relative}.sd-pad-reset-popover{position:absolute;bottom:calc(100% + 8px);right:0;width:min(92vw,320px);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-2);padding:8px;box-shadow:var(--shadow-2);display:flex;flex-direction:column;gap:4px;z-index:30;animation:sd-hint-in .18s var(--ease-out)}.sd-pad-reset-title{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);padding:6px 10px 4px}.sd-pad-reset-item{text-align:left;background:transparent;border:1px solid transparent;padding:10px 12px;border-radius:var(--radius-1);cursor:pointer;color:var(--text);display:flex;flex-direction:column;gap:2px;align-items:stretch}.sd-pad-reset-item .row-main{font-size:.95rem;font-weight:600}.sd-pad-reset-item .row-sub{font-size:.78rem;color:var(--text-dim);line-height:1.4}.sd-pad-reset-item:hover{background:var(--surface-3)}.sd-pad-reset-item:disabled{opacity:.45;cursor:not-allowed}.sd-pad-reset-item.danger .row-main{color:var(--danger-strong)}.sd-pad-reset-item.danger:hover{background:var(--danger-soft);border-color:#f871714d}.sd-pad-reset-cancel{margin-top:4px;background:transparent;border:1px solid var(--border);padding:8px 12px;border-radius:var(--radius-1);color:var(--text-dim);cursor:pointer;font-size:.85rem}.sd-pad-reset-cancel:hover{background:var(--surface-3);color:var(--text)}.sd-pad-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}.sd-pad-key{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-2);padding:0;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;gap:0;font-family:var(--font-display);font-variant-numeric:tabular-nums;font-weight:600;font-size:clamp(1.05rem,3.4vw,1.5rem);color:var(--text);position:relative;transition:background .12s ease,border-color .12s ease,color .18s ease,transform 80ms ease}.sd-pad-key:hover{background:var(--surface-3);border-color:var(--border-strong)}.sd-pad-key:active{transform:translateY(1px)}.sd-pad-key .digit{transition:font-weight .18s ease,opacity .18s ease}.sd-pad.pencil-on .sd-pad-key{background:transparent;border-color:#a78bfa4d;color:var(--violet)}.sd-pad.pencil-on .sd-pad-key:hover{background:#a78bfa1a;border-color:var(--violet)}.sd-pad.pencil-on .sd-pad-key .digit{font-weight:500;opacity:.92}.sd-pad-key .pencil-mark{position:absolute;top:4px;right:6px;font-size:.65rem;color:#a78bfaa6;line-height:1}.sd-pad-key.exhausted{opacity:.4}.sd-pad-key.exhausted .dot{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--text-faint)}.sd-help{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;color:var(--text-faint);font-size:.82rem}.sd-help kbd{font-family:var(--font-num);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:2px 6px;font-size:.78rem;color:var(--text);margin-right:4px}.sd-win{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a10a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:100;animation:sd-fade .24s var(--ease-out)}@keyframes sd-fade{0%{opacity:0}to{opacity:1}}.sd-win-card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-strong);border-radius:var(--radius-4);padding:36px 40px;text-align:center;max-width:92vw;width:380px;box-shadow:var(--shadow-2),0 0 60px var(--gold-glow);animation:sd-rise .32s var(--ease-out)}@keyframes sd-rise{0%{transform:translateY(20px) scale(.97);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.sd-win-best{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-strong);background:var(--gold-soft);padding:4px 10px;border-radius:999px;margin-bottom:14px}.sd-win-tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);background:var(--surface-3);border:1px solid var(--border);padding:4px 10px;border-radius:999px;margin-bottom:14px}.sd-win.revealed .sd-win-card{box-shadow:var(--shadow-2)}.sd-win.revealed .sd-win-time .value{color:var(--text)}.sd-win-meta-note{color:var(--text-faint);font-size:.85em}.sd-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a108c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;animation:sd-fade .2s var(--ease-out)}.sd-modal-card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-strong);border-radius:var(--radius-4);padding:28px 28px 22px;width:min(92vw,520px);box-shadow:var(--shadow-2);animation:sd-rise .28s var(--ease-out)}.sd-modal-card h2{font-family:var(--font-display);font-size:1.6rem;margin-bottom:6px}.sd-modal-sub{color:var(--text-dim);font-size:.92rem;margin:0 0 18px;line-height:1.5}.sd-share-url{width:100%;font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:.85rem;padding:10px 12px;margin-bottom:14px}.sd-modal-actions{display:flex;justify-content:flex-end;gap:8px}.sd-win-card h2{font-family:var(--font-display);font-size:2rem;margin-bottom:6px}.sd-win-time{display:flex;flex-direction:column;align-items:center;gap:4px;margin:18px 0 6px}.sd-win-time .label{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.sd-win-time .value{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:3rem;font-weight:700;color:var(--gold-strong);letter-spacing:-.02em}.sd-win-meta{color:var(--text-dim);text-transform:capitalize;margin-bottom:22px}.sd-win-actions{display:flex;justify-content:center;gap:10px}@media (max-width: 600px){.sd-toolbar{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"diff time best" "actions actions actions";row-gap:12px}.sd-difficulty-label{grid-area:diff}.sd-timer{grid-area:time}.sd-best{grid-area:best}.sd-toolbar-actions{grid-area:actions;justify-content:stretch;gap:6px}.sd-toolbar-actions .sd-icon-btn,.sd-toolbar-actions .sd-new-btn,.sd-menu{flex:1}.sd-menu .sd-icon-btn{width:100%}.sd-menu-popover{min-width:280px;right:0}.sd-difficulty-label .difficulty-value,.sd-timer .value,.sd-best .value{font-size:1.15rem}.sd-board-wrap{padding:6px}.sd-pad{padding:10px}.sd-pad-grid{gap:6px}.sd-pad-modebar{grid-template-columns:1fr;gap:6px}.sd-pad-modes{justify-content:center}.sd-pad-hint{text-align:center;font-size:.8rem}.sd-pad-bottom{grid-template-columns:1fr 1fr;gap:6px}.sd-pad-action{padding:11px 10px;font-size:.88rem}.sd-pad-reset-popover{width:min(92vw,280px)}.sd-help{display:none}}@media (prefers-reduced-motion: reduce){.sd-cell .value,.sd-win,.sd-win-card{animation:none!important}}.mz-page{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:18px;padding-bottom:24px}.mz-loading{text-align:center;color:var(--text-dim);padding:80px 0;font-size:1.05rem}.mz-picker{display:flex;flex-direction:column;gap:10px;padding:28px 4px 8px}.mz-picker .eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal)}.mz-picker h1{font-size:clamp(2rem,4vw,2.8rem);background:linear-gradient(180deg,#fff 25%,#b8c0d0);-webkit-background-clip:text;background-clip:text;color:transparent}:root[data-theme=light] .mz-picker h1{background:linear-gradient(180deg,#1a1d24 25%,#4c5566);-webkit-background-clip:text;background-clip:text;color:transparent}.mz-picker p{color:var(--text-dim);max-width:60ch;margin-bottom:8px}.mz-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:12px}.mz-pick-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px 20px 18px;border-radius:var(--radius-3);border:1px solid var(--border);background:linear-gradient(180deg,var(--surface-2),var(--surface));text-align:left;cursor:pointer;transition:transform .2s var(--ease-out),border-color .18s ease,box-shadow .18s ease;overflow:hidden;color:var(--text)}.mz-pick-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 100% 0%,var(--pick-glow, rgba(45,212,191,.12)),transparent 60%);opacity:0;transition:opacity .2s ease;pointer-events:none}.mz-pick-tile:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-1)}.mz-pick-tile:hover:after{opacity:1}.mz-pick-tile[data-difficulty=easy]{--pick-glow: rgba(74, 222, 128, .14)}.mz-pick-tile[data-difficulty=medium]{--pick-glow: rgba(45, 212, 191, .14)}.mz-pick-tile[data-difficulty=hard]{--pick-glow: rgba(96, 165, 250, .14)}.mz-pick-tile[data-difficulty=expert]{--pick-glow: rgba(167, 139, 250, .16)}.mz-pick-name{font-family:var(--font-display);font-size:1.4rem;font-weight:600;letter-spacing:-.01em}.mz-pick-blurb{color:var(--text-dim);font-size:.9rem}.mz-pick-best{color:var(--gold);font-size:.85rem;font-weight:600;margin-top:4px;font-variant-numeric:tabular-nums}.mz-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;padding:14px 16px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius-3)}.mz-stat{display:flex;flex-direction:column;min-width:0}.mz-stat .label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:2px}.mz-stat .value{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:1.05rem;font-weight:600;color:var(--text)}.mz-stat .value.capitalize{text-transform:capitalize}.mz-best-sub{color:var(--text-dim);font-weight:500;font-size:.9em;margin-left:4px}.mz-toolbar-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.mz-icon-btn{width:38px;height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2);color:var(--text);cursor:pointer;transition:background .12s ease,border-color .12s ease}.mz-icon-btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.mz-icon-btn:disabled{opacity:.35;cursor:not-allowed}.mz-icon-btn.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.mz-new-btn{padding:9px 16px}.mz-menu{position:relative}.mz-menu-popover{position:absolute;top:calc(100% + 8px);right:0;min-width:260px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-3);padding:8px;box-shadow:var(--shadow-2);z-index:30}.mz-menu-section+.mz-menu-section{border-top:1px solid var(--border);margin-top:4px;padding-top:8px}.mz-menu-heading{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);padding:6px 10px 4px}.mz-menu-button{display:flex;width:100%;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-2);background:transparent;border:1px solid transparent;color:var(--text);cursor:pointer;text-align:left;font-size:.92rem}.mz-menu-button:hover{background:var(--surface-3);border-color:transparent}.mz-menu-icon{width:22px;display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;color:var(--text-dim)}.mz-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-2);cursor:pointer;color:var(--text);font-size:.92rem}.mz-menu-item:hover{background:var(--surface-3)}.mz-menu-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.mz-menu-sub{color:var(--text-dim);font-size:.85em;font-weight:400;display:block;margin-top:2px}.mz-board-wrap{position:relative;width:100%;aspect-ratio:1 / 1;background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:var(--radius-3);padding:12px;overflow:hidden;touch-action:none;cursor:pointer;box-shadow:var(--shadow-1);-webkit-user-select:none;user-select:none}.mz-board-wrap.paused{filter:blur(8px) brightness(.5);cursor:default}.mz-joystick{position:absolute;width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(96,165,250,.18),rgba(96,165,250,.05) 70%,transparent 75%);border:1.5px solid var(--accent-glow);pointer-events:none;z-index:6;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:mz-joy-pop .14s var(--ease-out)}@keyframes mz-joy-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.mz-joystick-knob{position:absolute;top:50%;left:50%;width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:50%;background:linear-gradient(180deg,var(--accent-strong),var(--accent));box-shadow:0 0 20px var(--accent-glow),0 2px 8px #00000059,inset 0 1px #ffffff59;pointer-events:none;will-change:transform}:root[data-theme=light] .mz-joystick{background:radial-gradient(circle at 50% 50%,rgba(37,99,235,.15),rgba(37,99,235,.04) 70%,transparent 75%);border-color:#2563eb59}.mz-svg{width:100%;height:100%;display:block}.mz-floor{fill:var(--bg-tint)}:root[data-theme=light] .mz-floor{fill:#fbf8f1}.mz-wall{fill:none;stroke:var(--text);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}:root[data-theme=light] .mz-wall{stroke:#2a2f3a}.mz-trail{fill:#2dd4bf14}:root[data-theme=light] .mz-trail{fill:#0d94881a}.mz-trail-line{fill:none;stroke:var(--teal);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.75;pointer-events:none}.mz-trail-glow{fill:none;stroke:var(--teal);stroke-width:9;stroke-linecap:round;stroke-linejoin:round;opacity:.3;filter:blur(2.5px);pointer-events:none}:root[data-theme=light] .mz-trail-line{stroke:#0d9488;opacity:.8}:root[data-theme=light] .mz-trail-glow{stroke:#14b8a6;opacity:.25}.mz-trail-segment{fill:none;stroke:var(--teal);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.75;pointer-events:none;stroke-dasharray:30;stroke-dashoffset:30;animation:mz-trail-draw linear forwards}.mz-trail-segment-glow{fill:none;stroke:var(--teal);stroke-width:9;stroke-linecap:round;stroke-linejoin:round;opacity:.3;filter:blur(2.5px);pointer-events:none;stroke-dasharray:30;stroke-dashoffset:30;animation:mz-trail-draw linear forwards}:root[data-theme=light] .mz-trail-segment{stroke:#0d9488;opacity:.8}:root[data-theme=light] .mz-trail-segment-glow{stroke:#14b8a6;opacity:.25}@keyframes mz-trail-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){.mz-trail-segment,.mz-trail-segment-glow{animation:none;stroke-dashoffset:0}}.mz-entry{fill:var(--text-faint);opacity:.45}.mz-exit-bg{fill:var(--gold-soft)}.mz-exit-glow{animation:mz-exit-pulse 1.6s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes mz-exit-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:.95;transform:scale(1.05)}}.mz-exit-mark{fill:var(--gold-strong);font-size:14px;font-weight:700;pointer-events:none;filter:drop-shadow(0 0 4px var(--gold-glow))}:root[data-theme=light] .mz-exit-mark{fill:#92400e}.mz-player-halo{fill:var(--accent);opacity:.25;animation:mz-player-halo 1.8s ease-in-out infinite;transform-origin:center;transform-box:fill-box}@keyframes mz-player-halo{0%,to{transform:scale(.85);opacity:.18}50%{transform:scale(1.15);opacity:.35}}.mz-player{filter:drop-shadow(0 0 6px var(--accent-glow))}.mz-hint-line{fill:none;stroke:var(--gold-strong);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.mz-hint-glow{fill:none;stroke:var(--gold);stroke-width:10;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;filter:blur(3px)}.mz-pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0a0c128c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-3);z-index:5}.mz-pause-content{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.mz-pause-icon{font-size:2.4rem;color:var(--accent-strong)}.mz-pause-title{font-family:var(--font-display);font-size:1.5rem;font-weight:600}.mz-pause-sub{color:var(--text-dim);margin-bottom:8px;font-size:.9rem}.mz-dpad{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-template-areas:".    up    ." "left .     right" ".    down  .";gap:8px;width:min(220px,70vw);margin:4px auto 0}.mz-dpad-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-2);color:var(--text);font-size:1.05rem;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .12s ease,border-color .12s ease,transform 80ms ease}.mz-dpad-btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.mz-dpad-btn:active{transform:scale(.94);background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.mz-dpad-btn:disabled{opacity:.35;cursor:not-allowed}.mz-dpad-btn.up{grid-area:up}.mz-dpad-btn.left{grid-area:left}.mz-dpad-btn.right{grid-area:right}.mz-dpad-btn.down{grid-area:down}.mz-help{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;color:var(--text-faint);font-size:.82rem}.mz-help kbd{display:inline-block;font-family:var(--font-num);background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-size:.78rem;color:var(--text-dim);margin:0 1px}.mz-win{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a10a8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:100;animation:mz-fade .22s var(--ease-out);padding:20px}@keyframes mz-fade{0%{opacity:0}to{opacity:1}}.mz-win-card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-strong);border-radius:var(--radius-3);padding:32px 30px 26px;text-align:center;max-width:460px;width:100%;position:relative;box-shadow:var(--shadow-2);animation:mz-pop .32s var(--ease-out)}@keyframes mz-pop{0%{transform:scale(.92) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.mz-win-card h2{font-size:1.6rem;margin-bottom:16px}.mz-win-best{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--gold-soft);color:var(--gold-strong);border:1px solid var(--gold);margin-bottom:10px}.mz-win-best.alt{background:var(--accent-soft);color:var(--accent-strong);border-color:var(--accent)}.mz-win-tag{display:inline-block;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--surface-3);color:var(--text-dim);border:1px solid var(--border);margin:0 4px 10px}.mz-win-stats{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;margin:6px 0 18px}.mz-win-stat{display:flex;flex-direction:column;align-items:center;padding:12px 6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2)}.mz-win-stat .label{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:4px}.mz-win-stat .value{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:1.15rem;font-weight:600}.mz-win-stat .value.gold{color:var(--gold)}.mz-win-meta{color:var(--text-dim);text-transform:capitalize;margin-bottom:18px;font-size:.9rem}.mz-win-meta-note{color:var(--text-faint);font-size:.85em;text-transform:none}.mz-win-actions{display:flex;justify-content:center;gap:10px}.mz-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a10a8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.mz-modal-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-3);padding:26px;max-width:460px;width:100%;box-shadow:var(--shadow-2)}.mz-modal-card h2{font-size:1.3rem;margin-bottom:8px}.mz-modal-sub{color:var(--text-dim);font-size:.92rem;margin-bottom:16px}.mz-share-url{width:100%;font-family:var(--font-num);font-size:.88rem;margin-bottom:16px}.mz-modal-actions{display:flex;justify-content:flex-end;gap:10px}@media (max-width: 600px){.mz-page{gap:12px}.mz-toolbar{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"diff time" "moves best" "actions actions";gap:8px 14px;padding:12px}.mz-toolbar .mz-stat:nth-child(1){grid-area:diff}.mz-toolbar .mz-stat:nth-child(2){grid-area:time}.mz-toolbar .mz-stat:nth-child(3){grid-area:moves}.mz-toolbar .mz-stat:nth-child(4){grid-area:best}.mz-toolbar-actions{grid-area:actions;margin-left:0;justify-content:stretch;gap:6px}.mz-toolbar-actions .mz-icon-btn,.mz-toolbar-actions .mz-new-btn,.mz-menu{flex:1}.mz-menu .mz-icon-btn{width:100%}.mz-menu-popover{min-width:260px;right:0}.mz-board-wrap{padding:8px}.mz-dpad{width:min(240px,75vw)}.mz-help{display:none}.mz-win-stats{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion: reduce){.mz-exit-glow,.mz-player-halo,.mz-player,.mz-win,.mz-win-card{animation:none!important;transition:none!important}}:root{--snake-head: var(--accent-strong);--snake-body-light: var(--accent);--snake-body-dark: var(--teal);--snake-eye: #fff;--snake-pupil: #0b0d12;--snake-grid: rgba(255, 255, 255, .025);--snake-board-bg: var(--surface);--snake-board-border: var(--border);--snake-obstacle: rgba(155, 165, 190, .28);--snake-obstacle-edge: rgba(155, 165, 190, .55)}[data-theme=light]{--snake-head: #1d4ed8;--snake-body-light: #2563eb;--snake-body-dark: #0d9488;--snake-eye: #fff;--snake-pupil: #20232a;--snake-grid: rgba(0, 0, 0, .035);--snake-obstacle: rgba(80, 90, 105, .18);--snake-obstacle-edge: rgba(80, 90, 105, .55)}.sn-page{max-width:960px;margin:0 auto;padding:clamp(16px,3vw,32px) clamp(12px,3vw,24px) 96px;color:var(--text)}.sn-loading{padding:80px 0;text-align:center;color:var(--text-dim);font-family:var(--font-display);font-size:18px}.sn-picker-header{margin-bottom:28px}.sn-picker-header .eyebrow{display:inline-block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-bottom:8px}.sn-picker-header h1{font-family:var(--font-display);font-size:clamp(28px,4vw,40px);margin:0 0 8px;letter-spacing:-.02em}.sn-picker-header p{color:var(--text-dim);margin:0}.sn-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px}.sn-mode-tile{text-align:left;background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:14px;padding:18px 18px 20px;cursor:pointer;transition:border-color .16s var(--ease-out),background .16s var(--ease-out),transform .16s var(--ease-out),box-shadow .16s var(--ease-out);font-family:var(--font-ui);display:flex;flex-direction:column;gap:6px}.sn-mode-tile:hover{border-color:var(--border-strong);transform:translateY(-1px)}.sn-mode-tile.is-selected{border-color:var(--accent);background:linear-gradient(180deg,var(--accent-softer),transparent 70%);box-shadow:0 0 0 1px var(--accent-glow),0 6px 24px var(--accent-glow)}.sn-mode-tile[data-mode=cozy].is-selected{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal),0 6px 24px #2dd4bf40}.sn-mode-tile[data-mode=frenzy].is-selected{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger),0 6px 24px var(--danger-glow)}.sn-mode-name,.sn-mode-blurb,.sn-mode-detail{text-align:left;width:100%}.sn-mode-name{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:-.01em}.sn-mode-blurb{color:var(--text);line-height:1.4}.sn-mode-detail{color:var(--text-faint);font-size:13px;line-height:1.4}.sn-speed-section{margin-bottom:24px;padding:18px;background:var(--bg-tint);border:1px solid var(--border);border-radius:14px}.sn-speed-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.sn-speed-title{font-family:var(--font-display);font-size:18px;font-weight:600}.sn-speed-readout{color:var(--accent);font-weight:500;font-feature-settings:"tnum" 1}.sn-speed-ms{color:var(--text-faint);font-weight:400}.sn-speed-track{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:12px}.sn-speed-stop{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:12px 8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;font-family:var(--font-ui);transition:border-color .14s,background .14s,transform .14s}.sn-speed-stop:hover{border-color:var(--border-strong)}.sn-speed-stop.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent-glow)}.sn-speed-name{font-weight:600;font-size:14px}.sn-speed-blurb{font-size:11px;color:var(--text-faint);line-height:1.3}.sn-speed-suggested{font-size:13px;color:var(--text-dim)}.sn-speed-suggested strong{color:var(--text);text-transform:capitalize}.sn-link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:13px;margin-left:10px;padding:0;text-decoration:underline;text-underline-offset:2px}.sn-link-btn:hover{color:var(--accent-strong)}.sn-start-row{display:flex;justify-content:center;margin-bottom:36px}.sn-start-btn{min-width:280px}.sn-btn-primary{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:14px 26px;font-size:16px;font-weight:600;font-family:var(--font-ui);cursor:pointer;transition:background .14s,transform .1s,box-shadow .14s;text-transform:capitalize}[data-theme=light] .sn-btn-primary{color:#fff}.sn-btn-primary:hover{background:var(--accent-strong);box-shadow:0 4px 18px var(--accent-glow)}.sn-btn-primary:active{transform:translateY(1px)}.sn-btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:10px;padding:12px 22px;font-size:15px;font-weight:500;cursor:pointer;font-family:var(--font-ui);transition:border-color .14s,background .14s}.sn-btn-secondary:hover{border-color:var(--accent)}.sn-best-section{margin-top:8px}.sn-best-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--text-dim);margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.sn-best-grid{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px}.sn-best-row{display:grid;grid-template-columns:84px repeat(5,1fr);gap:6px;align-items:center}.sn-best-header{color:var(--text-faint);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.sn-best-col-head{text-align:center}.sn-best-row-head{text-transform:capitalize;font-weight:500;color:var(--text-dim)}.sn-best-cell{text-align:center;padding:6px 0;background:var(--bg-tint);border-radius:6px;font-feature-settings:"tnum" 1;color:var(--text-faint);font-size:14px}.sn-best-cell.has{color:var(--gold);font-weight:600;background:var(--gold-soft)}.sn-best-roll{margin-top:10px;font-size:12px;color:var(--text-faint)}.sn-game{padding-bottom:160px}.sn-toolbar{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin-bottom:16px}.sn-tb-left{display:flex;align-items:center;gap:12px}.sn-tb-back{background:transparent;color:var(--text-dim);border:1px solid transparent;border-radius:8px;padding:6px 10px;cursor:pointer;font-family:var(--font-ui);font-size:13px;transition:background .14s,color .14s,border-color .14s}.sn-tb-back:hover{color:var(--text);border-color:var(--border);background:var(--bg-tint)}.sn-tb-mode{font-family:var(--font-display);font-size:16px;font-weight:600}.sn-tb-mode-sep{color:var(--text-faint);margin:0 6px}.sn-tb-mode-speed{color:var(--accent)}.sn-tb-center{display:flex;gap:22px;justify-content:center}.sn-tb-stat{display:flex;flex-direction:column;align-items:center;min-width:56px}.sn-tb-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.sn-tb-num{font-family:var(--font-num);font-size:22px;font-weight:600;font-feature-settings:"tnum" 1;color:var(--text);line-height:1.1}.sn-tb-best .sn-tb-num{color:var(--gold)}.sn-tb-score .sn-tb-num{color:var(--accent)}.sn-tb-right{display:flex;justify-content:flex-end;gap:6px}.sn-tb-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:8px;width:36px;height:36px;cursor:pointer;font-size:16px;transition:border-color .14s,background .14s}.sn-tb-btn:hover{border-color:var(--accent);background:var(--accent-softer)}.sn-board-wrap{display:flex;justify-content:center;touch-action:none;-webkit-user-select:none;user-select:none}.sn-board{width:min(560px,calc(100vw - 32px),calc(100vh - 280px));aspect-ratio:1;background:var(--snake-board-bg);border:1px solid var(--snake-board-border);border-radius:14px;box-shadow:0 8px 32px #0000002e,inset 0 0 0 1px #ffffff05;display:block}.sn-board.is-paused{filter:blur(1.5px) brightness(.6)}.sn-board.is-over{filter:brightness(.85)}.sn-grid line{stroke:var(--snake-grid);stroke-width:.02}.sn-snake .sn-seg{fill:var(--snake-body-light);transition:x var(--tick-ms, .1s) linear,y var(--tick-ms, .1s) linear}.sn-snake .sn-head{fill:var(--snake-head);filter:drop-shadow(0 0 6px var(--accent-glow))}.sn-snake .sn-body-seg{fill:url(#sn-body-grad)}.sn-snake.no-transition .sn-seg{transition:none}.sn-snake.sn-dead .sn-head{fill:var(--danger);filter:drop-shadow(0 0 10px var(--danger-glow));animation:sn-dead-flash .32s var(--ease-out)}@keyframes sn-dead-flash{0%{transform:scale(1)}35%{transform:scale(1.15)}to{transform:scale(1)}}.sn-head-face .sn-eye-white{fill:var(--snake-eye)}.sn-head-face .sn-eye-pupil{fill:var(--snake-pupil)}.sn-head-face .sn-eye-white,.sn-head-face .sn-eye-pupil{transition:cx var(--tick-ms, .1s) linear,cy var(--tick-ms, .1s) linear}.sn-head-face.dead .sn-eye-pupil{fill:var(--danger-strong)}.sn-pellet .sn-pellet-core{fill:var(--gold);animation:sn-pellet-pop .32s var(--ease-out);transform-origin:center;transform-box:fill-box}.sn-pellet .sn-pellet-aura{animation:sn-pellet-pulse 1.5s ease-in-out infinite,sn-pellet-pop .32s var(--ease-out);transform-origin:center;transform-box:fill-box}@keyframes sn-pellet-pulse{0%,to{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes sn-pellet-pop{0%{transform:scale(.3);opacity:0}60%{transform:scale(1.18);opacity:1}to{transform:scale(1)}}.sn-obstacle rect{fill:var(--snake-obstacle);stroke:var(--snake-obstacle-edge);stroke-width:.04}.sn-obstacle line{stroke:var(--snake-obstacle-edge);stroke-width:.06;stroke-linecap:round}.sn-controls{position:fixed;bottom:16px;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;padding:0 max(16px,calc((100vw - 960px)/2));pointer-events:none;z-index:5}.sn-controls>*{pointer-events:auto}.sn-dpad{display:grid;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(3,48px);gap:4px;position:relative}.sn-dbtn{background:var(--surface);border:1px solid var(--border-strong);color:var(--text);border-radius:12px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .1s,border-color .1s,transform 60ms}.sn-dbtn:active{transform:scale(.94);background:var(--accent-soft)}.sn-dbtn.up{grid-column:2;grid-row:1}.sn-dbtn.left{grid-column:1;grid-row:2}.sn-dbtn.right{grid-column:3;grid-row:2}.sn-dbtn.down{grid-column:2;grid-row:3}.sn-dpad-hub{grid-column:2;grid-row:2;background:var(--bg-tint);border:1px solid var(--border);border-radius:50%}.sn-aux{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.sn-aux-btn{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:10px;padding:8px 14px;font-family:var(--font-ui);font-weight:500;cursor:pointer;font-size:13px;transition:border-color .14s,background .14s}.sn-aux-btn:hover{border-color:var(--accent)}.sn-pause-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:6;animation:sn-fade-in .18s var(--ease-out)}.sn-pause-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:32px 40px;text-align:center;box-shadow:0 12px 48px #0006}.sn-pause-icon{font-size:36px;margin-bottom:8px}.sn-pause-title{font-family:var(--font-display);font-size:22px;font-weight:600;margin-bottom:16px}@keyframes sn-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sn-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;display:flex;align-items:center;justify-content:center;animation:sn-fade-in .22s var(--ease-out)}.sn-overlay-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 32px 24px;width:min(440px,calc(100% - 32px));text-align:center;position:relative;box-shadow:0 16px 64px #00000080;animation:sn-card-pop .28s var(--ease-out)}.sn-overlay-card.is-best{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold-glow),0 16px 64px var(--gold-glow)}@keyframes sn-card-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.sn-best-ribbon{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--gold);color:#20232a;font-weight:700;font-size:12px;letter-spacing:.08em;padding:5px 14px;border-radius:999px;box-shadow:0 4px 18px var(--gold-glow)}.sn-go-title{font-family:var(--font-display);font-size:26px;margin:8px 0;letter-spacing:-.01em}.sn-go-hint{color:var(--text-dim);margin:0 0 20px;font-size:14px;line-height:1.4}.sn-go-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px}.sn-go-stat{background:var(--bg-tint);border-radius:10px;padding:12px 6px;display:flex;flex-direction:column;gap:2px}.sn-go-stat-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.sn-go-stat-num{font-family:var(--font-num);font-size:20px;font-weight:600;font-feature-settings:"tnum" 1;color:var(--text)}.sn-go-actions{display:flex;gap:10px;justify-content:center;margin-bottom:12px}.sn-go-help{font-size:12px;color:var(--text-faint)}.sn-go-help kbd{font-family:var(--font-ui);font-size:11px;padding:2px 5px;border:1px solid var(--border);border-radius:4px;background:var(--bg-tint);color:var(--text-dim)}.sn-help{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:16px;font-size:12px;color:var(--text-faint)}.sn-help kbd{font-family:var(--font-ui);font-size:11px;padding:2px 6px;border:1px solid var(--border);border-radius:4px;background:var(--bg-tint);color:var(--text-dim);margin-right:2px}@media (max-width: 640px){.sn-toolbar{grid-template-columns:1fr;gap:8px}.sn-tb-left,.sn-tb-right{justify-content:center}.sn-tb-right{display:flex}.sn-tb-center{gap:14px}.sn-tb-num{font-size:18px}.sn-controls{padding:0 12px}.sn-dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px)}.sn-go-stats{grid-template-columns:repeat(2,1fr)}.sn-mode-grid{grid-template-columns:1fr}}@media (min-width: 900px){.sn-controls .sn-dpad{display:none}.sn-aux{gap:6px}}.cz-page{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:18px;padding-bottom:24px}.cz-loading{text-align:center;color:var(--text-dim);padding:80px 0;font-size:1.05rem}.cz-list{display:flex;flex-direction:column;gap:20px}.cz-hero{display:flex;flex-direction:column;gap:8px;padding:28px 4px 8px}.cz-hero .eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.cz-hero h1{font-size:clamp(2rem,4vw,2.8rem);background:linear-gradient(180deg,#fff 25%,#b8c0d0);-webkit-background-clip:text;background-clip:text;color:transparent}:root[data-theme=light] .cz-hero h1{background:linear-gradient(180deg,#1a1d24 25%,#4c5566);-webkit-background-clip:text;background-clip:text;color:transparent}.cz-hero p{color:var(--text-dim);max-width:70ch;margin-bottom:4px;line-height:1.5}.cz-hero em{font-style:italic;color:var(--text)}.cz-hero-stats{display:flex;gap:12px;margin-top:12px;flex-wrap:wrap}.cz-hero-stat{flex:1 1 160px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius-3);padding:14px 18px}.cz-hero-stat .label{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:0 0 4px}.cz-hero-stat .value{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:600;color:var(--text)}.cz-hero-stat-sub{color:var(--text-dim);font-weight:500;font-size:.7em;margin-left:2px}.cz-resume{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-radius:var(--radius-3);background:linear-gradient(180deg,#60a5fa1a,#60a5fa0a);border:1px solid var(--accent);box-shadow:0 0 0 1px var(--accent-glow)}.cz-resume strong{color:var(--text);display:block;margin-bottom:2px}.cz-resume-sub{color:var(--text-dim);font-size:.92rem}.cz-test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.cz-test-tile{position:relative;text-align:left;display:flex;flex-direction:column;gap:8px;padding:18px 18px 16px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius-3);color:var(--text);cursor:pointer;transition:transform .2s var(--ease-out),border-color .18s ease,box-shadow .18s ease;overflow:hidden}.cz-test-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 80% at 100% 0%,rgba(96,165,250,.1),transparent 60%);opacity:0;transition:opacity .2s ease;pointer-events:none}.cz-test-tile:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-1)}.cz-test-tile:hover:after{opacity:1}.cz-test-tile.passed{border-color:#4ade8073}.cz-test-tile.passed:after{background:radial-gradient(120% 80% at 100% 0%,rgba(74,222,128,.12),transparent 60%)}.cz-test-tile.resumable{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow)}.cz-test-tile.resumable:after{background:radial-gradient(120% 80% at 100% 0%,rgba(96,165,250,.16),transparent 60%);opacity:1}.cz-tile-top{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.cz-tile-num{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--text-dim);letter-spacing:-.01em}.cz-tile-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.cz-tile-meta{color:var(--text-dim);font-size:.88rem}.cz-tile-status{margin-top:auto;padding-top:6px}.cz-stars{display:inline-flex;gap:1px;font-size:1rem;line-height:1}.cz-star{color:var(--surface-3)}.cz-star.on{color:var(--gold);filter:drop-shadow(0 0 6px var(--gold-glow))}.cz-badge{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--surface-3);color:var(--text-dim);border:1px solid var(--border)}.cz-badge.pass{background:#4ade801f;color:var(--success);border-color:#4ade804d}.cz-badge.attempted{background:#f5b9421a;color:var(--gold-strong);border-color:#f5b9424d}.cz-badge.resume{background:var(--accent-soft);color:var(--accent-strong);border-color:var(--accent)}.cz-runner{display:flex;flex-direction:column;gap:16px}.cz-runner-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius-3)}.cz-runner-meta{display:flex;align-items:center;gap:12px;min-width:0}.cz-runner-exit{padding:7px 12px;font-size:.88rem}.cz-runner-test-label{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text)}.cz-runner-clock{display:flex;flex-direction:column;align-items:flex-end;min-width:0}.cz-runner-clock .label{font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.cz-runner-clock .value{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:600;color:var(--text)}.cz-runner-clock.low .value{color:var(--danger);animation:cz-flash 1s ease-in-out infinite}@keyframes cz-flash{50%{opacity:.55}}.cz-progress-wrap{display:flex;flex-direction:column;gap:10px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-3)}.cz-progress-bar{position:relative;height:5px;border-radius:5px;background:var(--surface-3);overflow:hidden}.cz-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong));border-radius:inherit;transition:width .24s var(--ease-out);box-shadow:0 0 12px var(--accent-glow)}.cz-progress-cells{display:grid;grid-template-columns:repeat(20,1fr);gap:4px}.cz-progress-cell{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0;font-size:.72rem;font-family:var(--font-num);font-variant-numeric:tabular-nums;border-radius:6px;background:var(--surface-3);border:1px solid var(--border);color:var(--text-dim);cursor:pointer}.cz-progress-cell.answered{background:var(--accent-soft);color:var(--accent-strong);border-color:var(--accent)}.cz-progress-cell.mandatory{box-shadow:0 -2px 0 var(--gold) inset}.cz-progress-cell.current{background:linear-gradient(180deg,var(--accent-strong),var(--accent));color:#061025;border-color:transparent;font-weight:700;box-shadow:0 0 0 2px var(--accent-glow)}.cz-progress-cell:hover{border-color:var(--border-strong)}.cz-question-card{display:flex;flex-direction:column;gap:14px;padding:22px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius-3);box-shadow:var(--shadow-1)}.cz-question-tag-row{display:flex;gap:8px;flex-wrap:wrap}.cz-question-tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--surface-3);color:var(--text-dim);border:1px solid var(--border)}.cz-question-tag.mandatory{background:var(--gold-soft);color:var(--gold-strong);border-color:var(--gold)}.cz-question-text{font-family:var(--font-display);font-size:1.4rem;font-weight:600;line-height:1.3;color:var(--text);margin:0;letter-spacing:-.01em}.cz-options{display:flex;flex-direction:column;gap:10px}.cz-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2);color:var(--text);cursor:pointer;transition:background .12s ease,border-color .12s ease;font-size:.98rem;line-height:1.4}.cz-option:hover{background:var(--surface-2);border-color:var(--border-strong)}.cz-option.selected{background:var(--accent-soft);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 6px 22px var(--accent-glow)}.cz-option-letter{flex-shrink:0;width:26px;height:26px;border-radius:8px;background:var(--surface-3);color:var(--text-dim);font-family:var(--font-num);font-weight:700;font-size:.86rem;display:inline-flex;align-items:center;justify-content:center}.cz-option.selected .cz-option-letter{background:var(--accent);color:#061025}.cz-option-text{flex:1}.cz-runner-foot{display:flex;justify-content:space-between;gap:10px;margin-top:2px}.cz-runner-foot .ghost{padding:11px 18px}.cz-runner-foot .primary{padding:11px 22px}.cz-runner-foot .primary.warn{background:linear-gradient(180deg,var(--gold-strong),var(--gold));color:#2a1900;box-shadow:0 4px 16px var(--gold-glow)}.cz-runner-status{text-align:center;color:var(--text-dim);font-size:.9rem}.cz-runner-status strong{color:var(--text)}.cz-runner-status-warn{color:var(--gold-strong)}.cz-result{display:flex;flex-direction:column;gap:22px}.cz-result-card{position:relative;padding:30px 28px 26px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border-strong);border-radius:var(--radius-3);box-shadow:var(--shadow-2);text-align:center}.cz-result-best{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:var(--gold-soft);color:var(--gold-strong);border:1px solid var(--gold);margin-bottom:10px}.cz-result-tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger);margin:0 4px 10px}.cz-result-headline{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;letter-spacing:-.02em;margin:0 0 8px}.cz-result-headline.pass{background:linear-gradient(180deg,var(--success),#16a34a);-webkit-background-clip:text;background-clip:text;color:transparent}.cz-result-headline.fail{background:linear-gradient(180deg,var(--danger-strong),var(--danger));-webkit-background-clip:text;background-clip:text;color:transparent}.cz-result-subhead{color:var(--text-dim);margin-bottom:22px}.cz-result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.cz-result-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2);padding:16px 12px}.cz-result-stat .label{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin:0 0 6px}.cz-result-stat .value{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:600;color:var(--text)}.cz-result-stat .value.ok{color:var(--success)}.cz-result-stat .value.bad{color:var(--danger)}.cz-result-stat .value .cz-stat-sub{color:var(--text-dim);font-weight:500;font-size:.65em;margin-left:2px}.cz-result-stat .meta{color:var(--text-dim);font-size:.78rem;margin-top:4px}.cz-result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.cz-result-actions button{padding:11px 22px}.cz-corrections{display:flex;flex-direction:column;gap:14px}.cz-corrections h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;letter-spacing:-.01em;color:var(--text)}.cz-corrections-sub{color:var(--text-dim);margin:-8px 0 4px}.cz-correction{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius-3);padding:18px 20px;display:flex;flex-direction:column;gap:10px}.cz-correction.mandatory{border-color:#f5b94266}.cz-correction-tag-row{display:flex;gap:8px;flex-wrap:wrap}.cz-correction-q{font-family:var(--font-display);font-size:1.12rem;font-weight:600;letter-spacing:-.01em;color:var(--text);margin:0}.cz-correction-opts{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.cz-correction-opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-2);background:var(--surface);border:1px solid var(--border);color:var(--text-dim);font-size:.94rem}.cz-correction-opt.correct{background:#4ade801a;border-color:#4ade8080;color:var(--text)}.cz-correction-opt.picked-wrong{background:#f871711a;border-color:#f8717180;color:var(--text);text-decoration:line-through}.cz-correction-mark{margin-left:auto;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.cz-correction-mark.correct{color:var(--success)}.cz-correction-mark.wrong{color:var(--danger);text-decoration:none}.cz-correction-mark.you-correct{color:var(--success)}.cz-correction-skipped{padding:10px 12px;color:var(--text-faint);font-style:italic;font-size:.9rem}.cz-correction-explanation{padding:10px 12px;background:var(--surface);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;color:var(--text-dim);margin:0;font-size:.93rem;line-height:1.5}@media (max-width: 600px){.cz-page{gap:12px}.cz-hero{padding:18px 4px 4px}.cz-test-grid{grid-template-columns:1fr 1fr;gap:10px}.cz-test-tile{padding:14px}.cz-tile-num{font-size:1.2rem}.cz-tile-title{font-size:1.05rem}.cz-question-card{padding:16px}.cz-question-text{font-size:1.18rem}.cz-option{padding:12px 14px}.cz-progress-cells{grid-template-columns:repeat(10,1fr)}.cz-progress-cell{height:26px;font-size:.7rem}.cz-result-stats{grid-template-columns:1fr}.cz-runner-clock .value{font-size:1.1rem}}@media (prefers-reduced-motion: reduce){.cz-runner-clock.low .value{animation:none}}:root{color-scheme:dark;--bg: #0b0d12;--bg-tint: #0e1119;--surface: #13171f;--surface-2: #1a2030;--surface-3: #232b3e;--border: #252d3e;--border-strong:#3a4660;--text: #ecf0f7;--text-dim: #97a0b3;--text-faint: #5d6679;--accent: #60a5fa;--accent-strong: #93c5fd;--accent-soft: rgba(96, 165, 250, .16);--accent-softer: rgba(96, 165, 250, .08);--accent-glow: rgba(96, 165, 250, .35);--gold: #f5b942;--gold-strong: #ffcb6b;--gold-soft: rgba(245, 185, 66, .16);--gold-glow: rgba(245, 185, 66, .32);--violet: #a78bfa;--teal: #2dd4bf;--danger: #f87171;--danger-strong:#fca5a5;--danger-soft: rgba(248, 113, 113, .18);--danger-glow: rgba(248, 113, 113, .3);--success: #4ade80;--hl-peer: rgba(96, 165, 250, .05);--hl-same: rgba(96, 165, 250, .15);--hl-selected: rgba(96, 165, 250, .26);--hl-cell-edge:rgba(255, 255, 255, .04);--wrong-bg: rgba(248, 113, 113, .16);--wrong-sel: rgba(248, 113, 113, .28);--wrong-same: rgba(248, 113, 113, .18);--wrong-ring: rgba(248, 113, 113, .35);--radius-1: 8px;--radius-2: 12px;--radius-3: 16px;--radius-4: 20px;--shadow-1: 0 1px 2px rgb(0 0 0 / .25), 0 8px 24px rgb(0 0 0 / .3);--shadow-2: 0 4px 12px rgb(0 0 0 / .4), 0 16px 48px rgb(0 0 0 / .45);--shadow-glow: 0 0 0 1px var(--accent-glow), 0 6px 24px rgb(245 185 66 / .18);--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Fraunces", "Inter", Georgia, serif;--font-num: "Inter", system-ui, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1)}:root[data-theme=light]{color-scheme:light;--bg: #faf6ee;--bg-tint: #f5efe1;--surface: #ffffff;--surface-2: #f3eddc;--surface-3: #e8e0c9;--border: #ddd4ba;--border-strong:#b9af96;--text: #20232a;--text-dim: #5b6273;--text-faint: #8d94a5;--accent: #2563eb;--accent-strong: #1d4ed8;--accent-soft: rgba(37, 99, 235, .12);--accent-softer: rgba(37, 99, 235, .05);--accent-glow: rgba(37, 99, 235, .3);--gold: #d97706;--gold-strong: #b45309;--gold-soft: rgba(217, 119, 6, .16);--gold-glow: rgba(217, 119, 6, .3);--violet: #7c3aed;--teal: #0d9488;--danger: #dc2626;--danger-strong: #b91c1c;--danger-soft: rgba(220, 38, 38, .13);--danger-glow: rgba(220, 38, 38, .3);--success: #15803d;--hl-peer: rgba(37, 99, 235, .07);--hl-same: rgba(37, 99, 235, .18);--hl-selected: rgba(37, 99, 235, .32);--hl-cell-edge:rgba(0, 0, 0, .05);--wrong-bg: rgba(220, 38, 38, .13);--wrong-sel: rgba(220, 38, 38, .28);--wrong-same: rgba(220, 38, 38, .16);--wrong-ring: rgba(220, 38, 38, .45);--shadow-1: 0 1px 2px rgb(0 0 0 / .05), 0 8px 24px rgb(0 0 0 / .07);--shadow-2: 0 4px 12px rgb(0 0 0 / .08), 0 16px 48px rgb(0 0 0 / .1);--shadow-glow: 0 0 0 1px var(--accent-glow), 0 6px 24px rgb(37 99 235 / .18)}:root[data-theme=light] body{background-image:radial-gradient(1100px 600px at 12% -8%,rgba(37,99,235,.07),transparent 60%),radial-gradient(900px 500px at 90% 0%,rgba(124,58,237,.05),transparent 60%),radial-gradient(1200px 700px at 50% 110%,rgba(217,119,6,.04),transparent 60%)}:root[data-theme=light] .app-header{background:#faf6eec7}:root[data-theme=light] .hero h1{background:linear-gradient(180deg,#1a1d24 25%,#4c5566);-webkit-background-clip:text;background-clip:text;color:transparent}:root[data-theme=light] button.primary{color:#fff}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(1100px 600px at 12% -8%,rgba(96,165,250,.08),transparent 60%),radial-gradient(900px 500px at 90% 0%,rgba(167,139,250,.06),transparent 60%),radial-gradient(1200px 700px at 50% 110%,rgba(45,212,191,.04),transparent 60%);background-attachment:fixed;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;margin:0}h1{font-size:2rem;line-height:1.15}h2{font-size:1.5rem}h3{font-size:1.15rem}a{color:var(--accent-strong);text-decoration:none;transition:color .12s ease}a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}*:focus{outline:none}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}button{font:inherit;font-weight:500;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-2);padding:9px 16px;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform 80ms ease;display:inline-flex;align-items:center;gap:8px}button:hover{background:var(--surface-3);border-color:var(--border-strong)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:linear-gradient(180deg,var(--accent-strong),var(--accent));color:#061025;border-color:transparent;font-weight:600;box-shadow:0 4px 16px #60a5fa47}button.primary:hover{filter:brightness(1.05);background:linear-gradient(180deg,var(--accent-strong),var(--accent))}button.ghost{background:transparent}button.ghost:hover{background:var(--surface-2)}input{font:inherit;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-2);padding:10px 14px;transition:border-color .12s ease,background .12s ease}input:focus{border-color:var(--accent);background:var(--surface-2)}.app{display:flex;flex-direction:column;min-height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;border-bottom:1px solid var(--border);background:#0b0d12b3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--text);letter-spacing:-.01em}.brand:hover{text-decoration:none;color:var(--text)}.brand .dot{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--gold-strong),var(--gold));box-shadow:0 0 12px var(--gold-glow)}.brand .name-accent{color:var(--accent)}.app-main{flex:1;padding:32px 28px 56px;max-width:1120px;width:100%;margin:0 auto}.hero{display:flex;flex-direction:column;gap:8px;padding:24px 0 8px}.hero .eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.hero h1{font-size:clamp(2.2rem,4vw,3rem);background:linear-gradient(180deg,#fff 25%,#b8c0d0);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--text-dim);max-width:60ch}.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-top:28px}.tile{position:relative;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius-3);padding:22px 22px 20px;display:flex;flex-direction:column;gap:10px;min-height:158px;overflow:hidden;transition:transform .22s var(--ease-out),border-color .22s ease,box-shadow .22s ease;color:var(--text)}.tile:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(120% 80% at 100% 0%,var(--tile-glow, rgba(245,185,66,.08)),transparent 60%);opacity:0;transition:opacity .22s ease;pointer-events:none}.tile.playable:hover{transform:translateY(-3px);border-color:var(--border-strong);box-shadow:var(--shadow-1)}.tile.playable:hover:before{opacity:1}.tile.disabled{opacity:.58;pointer-events:none}.tile .glyph{width:44px;height:44px;border-radius:var(--radius-2);background:var(--tile-glyph-bg, rgba(245,185,66,.08));color:var(--tile-glyph-fg, var(--accent));display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:1.5rem}.tile .name{font-family:var(--font-display);font-weight:600;font-size:1.25rem;letter-spacing:-.01em}.tile .blurb{color:var(--text-dim);font-size:.9rem;line-height:1.45}.tile .badge{position:absolute;top:18px;right:18px;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:999px;background:var(--surface-3);color:var(--text-dim);border:1px solid var(--border)}.tile .badge.live{background:#4ade801a;color:var(--success);border-color:#4ade8040}.tile[data-slug=sudoku]{--tile-glow: rgba(96, 165, 250, .12);--tile-glyph-bg: rgba(96,165,250,.12);--tile-glyph-fg: var(--accent-strong)}.tile[data-slug=maze]{--tile-glow: rgba(45, 212, 191, .1);--tile-glyph-bg: rgba(45,212,191,.1);--tile-glyph-fg: var(--teal)}.tile[data-slug=jigsaw]{--tile-glow: rgba(167, 139, 250, .1);--tile-glyph-bg: rgba(167,139,250,.1);--tile-glyph-fg: var(--violet)}.tile[data-slug=snake]{--tile-glow: rgba(74, 222, 128, .1);--tile-glyph-bg: rgba(74,222,128,.1);--tile-glyph-fg: var(--success)}.tile[data-slug=toddler]{--tile-glow: rgba(245, 185, 66, .1);--tile-glyph-bg: rgba(245,185,66,.1);--tile-glyph-fg: var(--gold-strong)}.tile[data-slug=citizenship]{--tile-glow: rgba(248, 113, 113, .1);--tile-glyph-bg: rgba(248,113,113,.1);--tile-glyph-fg: var(--danger-strong)}.app-header-right{display:flex;align-items:center;gap:12px}.theme-icon-btn{width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;gap:0;font-size:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2);color:var(--text);cursor:pointer;transition:background .12s ease,border-color .12s ease}.theme-icon-btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.account-bar{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--text-dim)}.account-bar .digits{font-family:var(--font-num);font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--text);background:var(--surface);border:1px solid var(--border);padding:4px 10px;border-radius:var(--radius-1);font-size:.85rem}.card{background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--border);border-radius:var(--radius-3);padding:24px}.card.accent{border-color:var(--accent);box-shadow:var(--shadow-glow)}.label{font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:6px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.account-page{max-width:720px;margin:0 auto}.account-number-big{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-weight:600;font-size:1.6rem;letter-spacing:.04em;color:var(--text)}.theme-toggle{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-2);padding:3px;gap:2px}.theme-toggle button{background:transparent;border:none;padding:7px 14px;border-radius:6px;font-size:.86rem;font-weight:500;color:var(--text-dim);display:inline-flex;align-items:center;gap:6px;cursor:pointer}.theme-toggle button:hover{color:var(--text)}.theme-toggle button.on{background:var(--accent-soft);color:var(--accent-strong);border:1px solid var(--accent);padding:6px 13px}.stats-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.stats-table th,.stats-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border)}.stats-table th{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint)}.stats-table tr:last-child td{border-bottom:none}.stats-table .diff-name{text-transform:capitalize;font-weight:500}.stats-table .num{text-align:right;font-weight:500}.stats-table .num.gold{color:var(--gold);font-weight:600}@media (max-width: 600px){.app-header{padding:12px 16px}.app-main{padding:20px 16px 40px}.tile-grid{grid-template-columns:1fr 1fr;gap:12px}.tile{min-height:138px;padding:16px}}