:root{color-scheme:light dark;--bg:#eef1f6;--surface:#fff;--ink:#191a1d;--muted:#5b616c;--accent:#635bff;--danger:#d94b57;--radius:14px}@media(prefers-color-scheme:dark){:root{--bg:#15171b;--surface:#24272e;--ink:#f5f6f8;--muted:#a4aab5;--accent:#9c96ff}}*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input{font:inherit}.game-shell{min-height:100dvh;max-width:390px;margin:auto;padding:12px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}.game-shell header,.status{display:flex;align-items:center;justify-content:space-between}.game-shell header{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.08em}.game-shell time{font-variant-numeric:tabular-nums;font-weight:500}.game-shell h1{margin:7px 0 0;font-size:25px;line-height:1.1}.metric,.instructions{margin:2px 0;color:var(--muted);font-size:12px}.instructions{margin-top:5px}.status{margin:7px 1px 5px}.status strong{font-size:18px}.strikes{display:flex;gap:5px}.strikes i{width:10px;height:10px;border:1px solid var(--danger);border-radius:50%}.strikes i.filled{background:var(--danger)}.rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:8px;border-radius:16px;background:color-mix(in srgb,var(--surface) 84%,transparent);box-shadow:0 10px 28px #33415510;list-style:none}.rank-grid li{display:flex;justify-content:space-between;min-height:36px;align-items:center;padding:0 8px;border-radius:9px;background:color-mix(in srgb,var(--surface) 65%,#dfe3ea);font-size:13px;overflow:hidden}.rank-grid li b{color:var(--muted)}.rank-grid li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-grid li.found{animation:slot-in .22s ease-out;color:var(--accent)}.controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:7px}.picker{grid-column:1/-1;position:relative}.picker label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.picker input{width:100%;min-height:44px;padding:0 12px;color:var(--ink);background:var(--surface);border:1px solid color-mix(in srgb,var(--muted) 35%,transparent);border-radius:12px}.controls>button,.suggestions button{min-height:44px;border:0;border-radius:11px;padding:5px 9px;color:var(--ink);background:var(--surface);font-size:12px}.armed{color:#fff!important;background:var(--accent)!important}.suggestions{position:absolute;z-index:2;left:0;right:0;top:42px;margin:4px 0;padding:5px;list-style:none;background:var(--surface);border-radius:12px;box-shadow:0 14px 30px #0003}.suggestions button{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left}@keyframes slot-in{0%{opacity:.25;transform:scale(.92)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.setup-shell{min-height:100dvh;max-width:390px;margin:auto;display:grid;align-content:center;gap:12px;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink)}.setup-shell h1,.setup-shell p{margin:0}.setup-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.setup-actions button{min-height:48px;border:0;border-radius:12px;background:var(--surface);color:var(--ink);font-weight:700}.play-btn{min-height:54px;border:0;border-radius:14px;background:var(--accent);color:#fff;font-size:17px;font-weight:700;cursor:pointer}.play-btn:disabled{opacity:.5;cursor:default}.hint-toggle{margin-top:10px;text-align:center}.hint-toggle button{border:0;background:none;color:var(--muted);font-size:13px;cursor:pointer;padding:6px 10px;border-radius:8px}.hint-toggle button[aria-pressed=true]{color:var(--accent)}.setup-shell [role=alert]{color:var(--danger)}.loading{color:var(--muted);text-align:center}.wrong-feedback{font-size:13px;color:var(--danger);margin:4px 1px 0;min-height:18px}.hint{grid-column:1/-1;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hint span{font-size:11px;color:var(--muted);font-weight:600;flex:1 0 100%}.hint button{min-height:38px;border:0;border-radius:10px;padding:4px 12px;background:var(--surface);color:var(--ink);font-size:12px;cursor:pointer}.results-shell{padding:20px 0 40px}.results-score{font-size:64px;font-weight:900;line-height:1;margin:20px 0 0}.results-score-unit{font-size:28px;font-weight:600;color:var(--muted)}.results-meta{margin:6px 0 0;color:var(--muted);font-size:13px}.results-streak{margin:4px 0 0;font-size:13px;color:var(--muted)}.results-grid{font-size:18px;line-height:1.5;background:color-mix(in srgb,var(--surface) 80%,transparent);border-radius:12px;padding:12px 16px;margin:16px 0 0;white-space:pre-wrap;letter-spacing:.05em}.results-share{display:block;width:100%;min-height:50px;margin:12px 0 0;border:0;border-radius:13px;background:var(--accent);color:#fff;font-size:15px;font-weight:700;cursor:pointer}.results-missed-label{margin:20px 0 6px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.results-missed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.results-missed li{padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger);font-size:13px;font-weight:500}.results-next{margin:24px 0 0;text-align:center;font-size:12px;color:var(--muted)}@keyframes reveal{0%{opacity:0;transform:translateY(6px)}}.revealed{animation:reveal .25s ease-out}.results-section-label{margin:20px 0 6px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.results-found{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;counter-reset:found-counter}.results-found-item{padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);font-size:13px;font-weight:500}.results-wrong{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px}.results-wrong-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:10px;background:color-mix(in srgb,var(--surface) 80%,transparent);font-size:13px}.results-wrong-rank{color:var(--muted);font-size:12px;white-space:nowrap;margin-left:8px}.metric-chip{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.slot-metric{display:block;font-size:10px;color:var(--muted);margin-top:1px;line-height:1.2}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--surface);border-top:1px solid color-mix(in srgb,var(--muted) 22%,transparent);padding-bottom:env(safe-area-inset-bottom,0px);z-index:10}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:8px 4px;border:0;background:none;color:var(--muted);font:inherit;font-size:10px;font-weight:600;letter-spacing:.02em;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .12s}.nav-item:disabled{opacity:.5;cursor:default;pointer-events:none}.nav-item.active{color:var(--accent)}.nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:8px}.nav-item svg{transition:transform .12s}.nav-item:active:not(:disabled) svg{transform:scale(.88)}.toast-region{position:fixed;bottom:72px;left:12px;right:12px;max-width:390px;margin:0 auto;z-index:100;pointer-events:none}.toast{background:var(--surface);border-radius:var(--radius);box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 18%,transparent),0 2px 6px color-mix(in srgb,var(--ink) 8%,transparent);overflow:hidden;pointer-events:all;display:flex;align-items:center;gap:10px;padding:12px 14px 16px;transform:translateY(calc(100% + 20px));opacity:0;transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.toast.toast-entering{transform:translateY(0);opacity:1}.toast.toast-exiting{transform:translateY(calc(100% + 20px));opacity:0;transition:transform .22s ease-in,opacity .2s ease}.toast-tier-dot{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:13px;font-weight:800}.toast-tier-dot.bronze{background:color-mix(in srgb,#b5724a 15%,transparent);color:#b5724a}.toast-tier-dot.silver{background:color-mix(in srgb,#7090a8 15%,transparent);color:#7090a8}.toast-tier-dot.gold{background:color-mix(in srgb,#b89828 15%,transparent);color:#b89828}.toast-body{flex:1;min-width:0}.toast-name{font-size:14px;font-weight:700;line-height:1.2}.toast-sub{font-size:12px;color:var(--muted);margin-top:2px}.toast-dismiss{border:0;background:none;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:2px 4px;border-radius:6px;flex-shrink:0}.toast-bar-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:color-mix(in srgb,var(--muted) 15%,transparent)}.toast-bar{height:100%;transform-origin:left}.toast-bar.bronze{background:#b5724a}.toast-bar.silver{background:#7090a8}.toast-bar.gold{background:#b89828}@keyframes toast-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.badge-shell{min-height:100dvh;max-width:390px;margin:auto;background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);display:flex;flex-direction:column}.badge-header{display:flex;align-items:center;gap:8px;padding:16px 20px 12px;border-bottom:1px solid color-mix(in srgb,var(--muted) 22%,transparent);position:sticky;top:0;background:var(--bg);z-index:2}.badge-title{font-size:17px;font-weight:700;flex:1}.badge-content{padding:0 20px 120px;overflow-y:auto}.badge-section-label{margin:20px 0 8px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}.streak-track{display:flex;align-items:center;margin:4px 0 8px}.streak-node{display:flex;flex-direction:column;align-items:center;gap:4px}.streak-dot{width:32px;height:32px;border-radius:50%;border:2px solid color-mix(in srgb,var(--muted) 35%,transparent);background:color-mix(in srgb,var(--muted) 8%,transparent);display:flex;align-items:center;justify-content:center;position:relative}.streak-dot.earned{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:var(--accent)}.streak-dot.earned:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,transparent)}.streak-dot-icon{font-size:16px;line-height:1;filter:grayscale(1) opacity(.45)}.streak-dot.earned .streak-dot-icon{filter:none}.streak-label{font-size:10px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums}.streak-line{flex:1;height:2px;background:color-mix(in srgb,var(--muted) 22%,transparent);margin-bottom:14px;position:relative;overflow:hidden}.streak-line:after{content:"";position:absolute;left:0;top:0;bottom:0;background:var(--accent);width:0}.streak-line.filled:after{width:100%}.ach-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--muted) 15%,transparent)}.ach-row:last-child{border-bottom:0}.ach-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;background:color-mix(in srgb,var(--muted) 8%,transparent)}.ach-row.locked .ach-icon{filter:grayscale(1) opacity(.4)}.ach-info{flex:1;min-width:0}.ach-name{font-size:14px;font-weight:600;line-height:1.2}.ach-desc{font-size:12px;color:var(--muted);margin-top:2px;line-height:1.3}.ach-progress{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;margin-top:2px}.ach-right{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ach-row.locked .ach-name{color:var(--muted)}.tier-pips{display:flex;gap:3px}.tier-pip{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:17px;border-radius:4px;font-size:10px;font-weight:700;font-variant-numeric:tabular-nums;border:1.5px solid color-mix(in srgb,var(--muted) 35%,transparent);color:var(--muted);background:transparent;opacity:.55}.tier-pip.bronze-earned{background:#b5724a;border-color:#b5724a;color:#fff;opacity:1}.tier-pip.silver-earned{background:#7090a8;border-color:#7090a8;color:#fff;opacity:1}.tier-pip.gold-earned{background:#b89828;border-color:#b89828;color:#fff;opacity:1}.ach-row.locked .tier-pips{opacity:.4}.cal-month{margin-bottom:32px}.cal-month-heading{font-size:15px;font-weight:700;margin:0 0 10px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-dow{font-size:10px;font-weight:700;color:var(--muted);text-align:center;padding:2px 0}.cal-cell{aspect-ratio:1}.cal-empty{background:transparent}.cal-day-btn{width:100%;height:100%;border:0;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:var(--surface);gap:2px}.cal-day-btn:hover{filter:brightness(1.08)}.cal-day-num{font-size:13px;font-weight:600;color:var(--ink)}.cal-day-score{font-size:9px;color:var(--muted)}.cal-day-btn--played-daily{background:var(--accent)}.cal-day-btn--played-daily .cal-day-num,.cal-day-btn--played-daily .cal-day-score{color:#fff}.cal-day-btn--played-archive{background:color-mix(in srgb,var(--accent) 40%,var(--surface))}.cal-day-btn--playable{background:color-mix(in srgb,var(--surface) 60%,#dfe3ea)}.cal-empty-state{color:var(--muted);font-size:14px}