:root{--bg: #f2f2f7;--surface: #ffffff;--surface-2: #e9e9ef;--text: #111114;--text-2: #6b6b73;--line: #c9c9d1;--line-strong: #1c1c22;--accent: #2f6fde;--accent-text: #ffffff;--accent-soft: rgba(47, 111, 222, .28);--accent-softer: rgba(47, 111, 222, .14);--select: rgba(255, 204, 0, .55);--error: #e5383b;--success: #24a148;--gold: #d4a017;--done: var(--success);--done-text: #ffffff;--t-focus: rgba(47, 111, 222, .18);--t-elim: rgba(255, 149, 0, .32);--t-target: rgba(52, 199, 89, .45);--shadow: 0 10px 40px rgba(0, 0, 0, .18);--radius: 14px;--grid-thin: #b8b8c2;--grid-thick: #1c1c22;--cell-peer: #e8eefb;--cell-match: #dde8ff;--cell-match-text: #1d5fd6;--cell-sel: #ffd43b;--cell-sel-text: #111114;--sheet-bg: #f2f2f7;--sheet-surface: #ffffff;--sheet-surface-2: #e9e9ef;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #000000;--surface: #1c1c1e;--surface-2: #2c2c2e;--text: #f2f2f7;--text-2: #9b9ba3;--line: #3a3a3e;--line-strong: #d8d8de;--accent: #4d8cf5;--accent-soft: rgba(77, 140, 245, .38);--accent-softer: rgba(77, 140, 245, .2);--select: rgba(255, 204, 0, .42);--error: #ff5a5f;--shadow: 0 10px 40px rgba(0, 0, 0, .6);--grid-thin: #55555c;--grid-thick: #e4e4ea;--cell-peer: #232d40;--cell-match: #2a3a5a;--cell-match-text: #8db5ff;--cell-sel: #f0c419;--cell-sel-text: #111114;--sheet-bg: #1c1c1e;--sheet-surface: #2c2c2e;--sheet-surface-2: #3a3a3c;color-scheme:dark}}:root[data-theme=dark]{--bg: #000000;--surface: #1c1c1e;--surface-2: #2c2c2e;--text: #f2f2f7;--text-2: #9b9ba3;--line: #3a3a3e;--line-strong: #d8d8de;--accent: #4d8cf5;--accent-soft: rgba(77, 140, 245, .38);--accent-softer: rgba(77, 140, 245, .2);--select: rgba(255, 204, 0, .42);--error: #ff5a5f;--shadow: 0 10px 40px rgba(0, 0, 0, .6);--grid-thin: #55555c;--grid-thick: #e4e4ea;--cell-peer: #232d40;--cell-match: #2a3a5a;--cell-match-text: #8db5ff;--cell-sel: #f0c419;--cell-sel-text: #111114;--sheet-bg: #1c1c1e;--sheet-surface: #2c2c2e;--sheet-surface-2: #3a3a3c;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;overscroll-behavior:none}#app{min-height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.4}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.icon{flex:none;display:block}.muted{color:var(--text-2)}.small{font-size:.85rem}.center{text-align:center}.stack.center{align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 18px;border-radius:12px;font-size:1.05rem;font-weight:600;background:var(--surface-2);color:var(--accent);width:100%;transition:transform .08s ease,filter .15s ease}.btn:active:not(:disabled){transform:scale(.98)}.btn.primary{background:var(--accent);color:var(--accent-text)}.btn.danger{color:var(--error)}.btn.compact{min-height:40px;font-size:.95rem;width:auto}.link{color:var(--accent);font-weight:600;padding:6px 4px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px}.icon-btn:active:not(:disabled){background:var(--surface-2)}.home{flex:1;display:flex;flex-direction:column;align-items:center;padding:12px 16px 24px;max-width:460px;width:100%;margin:0 auto}.home-top{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:44px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-2)}.chip.action{color:var(--accent);font-weight:600}.home-title{font-size:clamp(2.6rem,12vw,3.6rem);font-weight:800;letter-spacing:-.02em;margin:6vh 0 5vh;text-align:center}.home-buttons{width:100%;display:flex;flex-direction:column;gap:12px;padding:0 8px}.home-buttons .caption{text-align:center;font-size:.8rem;color:var(--text-2);margin:-6px 0 2px}.install-hint{margin-top:8px;width:100%;padding:12px 14px;border-radius:12px;background:var(--surface);font-size:.88rem;color:var(--text-2);display:flex;gap:10px;align-items:flex-start}.play{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 8px 12px;width:100%;max-width:560px;margin:0 auto}.play-header{width:100%;display:flex;align-items:center;gap:4px;padding:0 4px;min-height:44px}.play-title{font-size:1.2rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px;min-width:0}.play-header .spacer{flex:1}.stat{display:inline-flex;align-items:center;gap:4px;font-weight:600;font-variant-numeric:tabular-nums;margin:0 4px;white-space:nowrap}.stat.bad{color:var(--error)}.badge-offline{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--surface-2);color:var(--text-2);padding:2px 6px;border-radius:6px}.bulb{color:#f5b800}.board-wrap{position:relative;width:min(100%,calc(100dvh - 300px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));min-width:280px;aspect-ratio:1}.board{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);background:var(--surface);border:2.5px solid var(--grid-thick);border-radius:4px;overflow:hidden;user-select:none;-webkit-user-select:none}.cell{position:relative;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--grid-thin);border-bottom:1px solid var(--grid-thin);font-size:min(6.4vw,30px);font-variant-numeric:tabular-nums;padding:0;border-radius:0;background:var(--surface);cursor:pointer}.cell:nth-child(9n){border-right:0}.cell:nth-child(n+73){border-bottom:0}.cell.c3,.cell.c6{border-right:2.5px solid var(--grid-thick)}.cell.r3,.cell.r6{border-bottom:2.5px solid var(--grid-thick)}.cell.peer{background:var(--cell-peer)}.cell.match{background:var(--cell-match);color:var(--cell-match-text)}.cell.sel{background:var(--cell-sel);color:var(--cell-sel-text)}.cell.ghost{box-shadow:inset 0 0 0 2px var(--cell-sel)}.cell.sel .notes,.cell.match .notes{color:inherit;opacity:.75}.cell.t-focus{background:var(--t-focus)}.cell.t-elim{background:var(--t-elim)}.cell.t-target{background:var(--t-target)}.cell .v{line-height:1}.cell.locked .v{font-weight:700}.cell.err .v{color:var(--error)}.notes{position:absolute;top:2px;right:2px;bottom:2px;left:2px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);font-size:min(2.7vw,13px);color:var(--text-2);line-height:1}.notes span{display:flex;align-items:center;justify-content:center}.notes .n-target{color:var(--success);font-weight:700}.notes .n-elim{color:var(--error);font-weight:700;text-decoration:line-through}.pause-cover{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:2.5px solid var(--grid-thick);border-radius:4px;color:var(--text-2);font-weight:600;font-size:1.15rem}.pause-cover .btn{width:auto}.pad{width:min(100%,520px);display:flex;flex-direction:column;gap:8px}.pad-digits{display:grid;grid-template-columns:repeat(9,1fr);gap:5px}.pad-digit{height:52px;border-radius:9px;background:var(--surface-2);font-size:1.5rem;font-weight:600}.pad-digit.on{background:var(--accent);color:var(--accent-text)}.pad-digit.armed{background:var(--accent);color:var(--accent-text);box-shadow:0 0 0 3px var(--accent-soft)}.pad-digit.done{visibility:hidden}.pad-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tool{height:44px;border-radius:9px;background:var(--surface-2);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.92rem;font-weight:600;white-space:nowrap}.tool.on{background:var(--accent);color:var(--accent-text)}.speed-hint{text-align:center;font-size:.82rem;color:var(--text-2);min-height:1.1em;margin:-2px 0 0}.play-controls{display:flex;gap:12px;width:min(100%,520px)}.banner{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--surface);box-shadow:var(--shadow);border-radius:999px;padding:10px 10px 10px 18px;display:flex;align-items:center;gap:12px;z-index:30;white-space:nowrap;animation:rise .2s ease}.toast{position:fixed;left:50%;top:calc(16px + env(safe-area-inset-top));transform:translate(-50%);background:var(--text);color:var(--bg);border-radius:999px;padding:10px 18px;font-weight:600;z-index:60;animation:rise .2s ease;max-width:calc(100vw - 32px)}@keyframes rise{0%{opacity:0;transform:translate(-50%,8px)}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:40;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s ease}.scrim.clear{background:transparent;pointer-events:none}.scrim.clear .sheet{pointer-events:auto;background:var(--surface);border-top:.5px solid var(--line)}@keyframes fade{0%{opacity:0}}.sheet{--surface: var(--sheet-surface);--surface-2: var(--sheet-surface-2);background:var(--sheet-bg);width:100%;max-width:560px;max-height:92dvh;border-radius:18px 18px 0 0;box-shadow:var(--shadow);display:flex;flex-direction:column;animation:slide .24s cubic-bezier(.2,.8,.2,1);padding-bottom:env(safe-area-inset-bottom)}.sheet.short{max-height:50dvh}@media(min-width:700px){.scrim:not(.clear){align-items:center}.scrim:not(.clear) .sheet{border-radius:18px;max-height:86dvh}}@keyframes slide{0%{transform:translateY(40px);opacity:0}}.sheet-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 12px;min-height:52px}.sheet-head h2{margin:0;font-size:1.05rem;font-weight:700;text-align:center}.sheet-head .left{justify-self:start}.sheet-head .right{justify-self:end}.sheet-body{overflow-y:auto;padding:4px 16px 20px;-webkit-overflow-scrolling:touch}.section-title{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2);margin:18px 6px 6px;font-weight:600}.group{background:var(--surface);border-radius:12px;overflow:hidden}.row{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px;width:100%;text-align:left;border-bottom:.5px solid var(--line)}.row:last-child{border-bottom:0}.row .grow{flex:1;min-width:0}.row .sub{font-size:.82rem;color:var(--text-2);margin-top:2px}button.row:active{background:var(--surface-2)}.footnote{font-size:.8rem;color:var(--text-2);margin:6px 6px 0}.switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:51px;height:31px;border-radius:999px;background:var(--surface-2);position:relative;cursor:pointer;flex:none;transition:background .2s;margin:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #00000040;transition:transform .2s}.switch:checked{background:var(--success)}.switch:checked:after{transform:translate(20px)}.segmented{display:flex;background:var(--surface-2);border-radius:10px;padding:2px;gap:2px}.segmented button{flex:1;min-height:34px;border-radius:8px;font-weight:600;font-size:.92rem}.segmented button.on{background:var(--surface);box-shadow:0 1px 4px #00000026}.field{width:100%;padding:14px;border-radius:12px;border:0;background:var(--surface);color:var(--text);font:inherit;font-size:1.05rem}.field.code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.5rem;letter-spacing:.3em;text-align:center}.stack{display:flex;flex-direction:column;gap:14px}.error{color:var(--error);font-size:.88rem}.empty{text-align:center;color:var(--text-2);padding:40px 16px}.fanfare{position:relative;text-align:center;padding:18px 8px 8px;overflow:hidden}.flourish{display:flex;align-items:flex-end;justify-content:center;gap:14px}.flourish .side{color:#ff9f0a;animation:pop .6s cubic-bezier(.3,1.6,.5,1) both .1s}.flourish .side.l{transform:rotate(-20deg)}.flourish .side.r{transform:scaleX(-1) rotate(-20deg)}.flourish .mid{color:var(--success);animation:pop .6s cubic-bezier(.3,1.6,.5,1) both}@keyframes pop{0%{scale:.2;opacity:0}}.solved-title{font-size:2.6rem;font-weight:900;margin:8px 0 4px;background:linear-gradient(90deg,var(--success),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;animation:pop .7s cubic-bezier(.3,1.6,.5,1) both .15s}.confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-12px;width:8px;height:12px;border-radius:2px;animation:fall linear forwards}@keyframes fall{to{transform:translateY(520px) rotate(720deg);opacity:.2}}.stats-line{display:flex;justify-content:center;gap:18px;font-weight:600;font-variant-numeric:tabular-nums;margin:10px 0 4px}.mini-board{width:min(100%,360px);aspect-ratio:1;position:relative;margin:12px auto}.mini-board .cell{font-size:min(5.4vw,24px);cursor:default}.lb-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px}.lb-rank{font-weight:800;font-variant-numeric:tabular-nums;color:var(--text-2);text-align:center}.lb-row.me{background:var(--accent-softer)}.lb-time{font-weight:700;font-variant-numeric:tabular-nums}.badges{display:inline-flex;gap:3px;margin-left:6px;vertical-align:middle}.b-solo{color:var(--success)}.b-manual{color:#8e5cf7}.b-nonet{color:var(--error)}.b-unaided{color:var(--accent)}.b-purist{color:var(--gold)}.b-flawless{color:#2ec4a6}.tutor-head{font-weight:700;font-size:1.05rem}.tutor-narr{font-size:1rem;line-height:1.45;min-height:3em;margin:8px 0 12px}.tutor-ctrls{display:flex;gap:10px}.legend{display:flex;gap:14px;justify-content:center;font-size:.78rem;color:var(--text-2);margin-top:12px}.legend span{display:inline-flex;align-items:center;gap:5px}.legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.coach-intro{background:var(--surface);border-radius:12px;padding:12px 14px;margin-bottom:12px;line-height:1.4}.cal-head{display:flex;align-items:center;justify-content:space-between;margin:6px 0 10px}.cal-head h3{margin:0;font-size:1.1rem}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.cal-dow{text-align:center;font-size:.72rem;color:var(--text-2);font-weight:600;padding-bottom:2px}.cal-day{aspect-ratio:1;border-radius:10px;background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:600;font-variant-numeric:tabular-nums;position:relative;font-size:.95rem}.cal-day.done{background:var(--done);color:var(--done-text)}.cal-day.partial{box-shadow:inset 0 0 0 2px var(--accent)}.cal-day.today{outline:2px solid var(--text);outline-offset:1px}.cal-day.future,.cal-day.before{background:transparent;color:var(--text-2);opacity:.45}.cal-day small{font-size:.6rem;font-weight:500;opacity:.9}.cal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:4px 0 14px}.cal-stat{background:var(--surface);border-radius:12px;padding:10px;text-align:center}.cal-stat b{display:block;font-size:1.4rem;font-variant-numeric:tabular-nums}.cal-stat span{font-size:.75rem;color:var(--text-2)}.players{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.player{padding:4px 10px;border-radius:999px;background:var(--surface-2);font-size:.85rem;font-weight:600}.player.active{background:var(--accent);color:var(--accent-text)}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--surface-2);border-top-color:var(--accent);animation:spin .8s linear infinite;margin:20px auto}@keyframes spin{to{transform:rotate(360deg)}}.veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000040;display:flex;align-items:center;justify-content:center}.veil .card{background:var(--surface);border-radius:16px;padding:18px 26px;box-shadow:var(--shadow);text-align:center;font-weight:600}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.update-bar{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;background:var(--accent-softer);font-size:.92rem;font-weight:600}.update-bar .btn{min-height:34px;padding:0 14px}@media(max-width:420px){.play-header{gap:0;padding:0}.play-header .icon-btn{width:36px}.play-header .stat{margin:0 3px}.play-title{font-size:1.08rem}}.lb-stepper{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-weight:700}.lb-stepper .icon-btn:disabled{opacity:.3}.swatch{width:44px;height:30px;padding:0;border:1px solid var(--line);border-radius:8px;background:none;cursor:pointer}.swatch::-webkit-color-swatch-wrapper{padding:0}.swatch::-webkit-color-swatch{border:0;border-radius:7px}