:root{--s-bg: #f2f0ec;--s-surface: #ffffff;--s-ink: #17171a;--s-ink-2: #5f6068;--s-ink-3: #91929b;--s-rule: #d8d5cf;--s-rule-soft: #e8e5df;--s-accent: #b4472f;--s-accent-soft: #f6e5e0;--s-good: #2f6b4f;--s-good-soft: #e2eee8;--s-font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--s-font-body: ui-sans-serif, system-ui, -apple-system, sans-serif;--s-font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--s-gap: 12px;--s-radius: 2px;--s-tap: 44px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--s-bg: #0e0f12;--s-surface: #17191e;--s-ink: #e9eaee;--s-ink-2: #a0a3ac;--s-ink-3: #6d707a;--s-rule: #292c33;--s-rule-soft: #1f2228;--s-accent: #ec6a4e;--s-accent-soft: #33201b;--s-good: #6fc099;--s-good-soft: #16281f}}:root[data-theme=dark]{--s-bg: #0e0f12;--s-surface: #17191e;--s-ink: #e9eaee;--s-ink-2: #a0a3ac;--s-ink-3: #6d707a;--s-rule: #292c33;--s-rule-soft: #1f2228;--s-accent: #ec6a4e;--s-accent-soft: #33201b;--s-good: #6fc099;--s-good-soft: #16281f}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;overscroll-behavior:none}body{background:var(--s-bg);color:var(--s-ink);font-family:var(--s-font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;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;background:none;border:none;cursor:pointer;min-height:var(--s-tap);padding:0 14px}:focus-visible{outline:2px solid var(--s-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.s-shell{display:flex;flex-direction:column;min-height:100dvh;max-width:620px;margin:0 auto;padding:0 16px 20px}.s-bar{display:flex;align-items:center;gap:10px;padding:10px 0;min-height:52px}.s-title{font-family:var(--s-font-display);font-size:17px;font-weight:700;letter-spacing:-.01em;margin:0}.s-sub{font-family:var(--s-font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--s-ink-3);font-variant-numeric:tabular-nums}.s-spacer{flex:1}.s-icon{display:grid;place-items:center;width:var(--s-tap);height:var(--s-tap);min-height:0;padding:0;color:var(--s-ink-2);border-radius:var(--s-radius)}.s-icon:hover{background:var(--s-rule-soft);color:var(--s-ink)}.s-sheet{position:fixed;inset:0;display:grid;place-items:end center;background:color-mix(in srgb,var(--s-ink) 40%,transparent);z-index:20}.s-sheet-panel{width:min(560px,100%);background:var(--s-surface);border-top:1px solid var(--s-rule);border-radius:12px 12px 0 0;padding:22px 20px calc(22px + env(safe-area-inset-bottom));animation:s-rise .18s ease-out}@keyframes s-rise{0%{transform:translateY(14px);opacity:0}}.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--s-rule);border-radius:var(--s-radius);background:var(--s-surface);font-weight:600;font-size:15px}.s-btn-primary{background:var(--s-accent);border-color:var(--s-accent);color:#fff}.s-btn-quiet{border-color:transparent;color:var(--s-ink-3);font-weight:400}.s-lattice{fill:var(--s-ink-3);opacity:.22}.s-lane{stroke:var(--s-ink-3);stroke-width:1;opacity:.17;stroke-linecap:round}.s-lane-live{stroke:var(--s-ink-2);opacity:.3}.s-chain{animation:s-chain-fade 3.2s ease-in-out infinite}.s-chain-line{stroke:var(--s-accent);stroke-width:2.6;fill:none;stroke-linecap:round;animation:s-chain-draw 3.2s ease-in-out infinite}.s-chain-head,.s-chain-badge{fill:var(--s-accent)}.s-chain-x{stroke:var(--s-accent);stroke-width:2.4;stroke-linecap:round}.s-chain-num{fill:#fff;font-family:var(--s-font-mono);font-size:9px;font-weight:600}.s-chain-label{fill:var(--s-accent);font-family:var(--s-font-mono);font-size:9px;font-weight:600}@keyframes s-chain-draw{0%{stroke-dashoffset:var(--len)}22%,72%{stroke-dashoffset:0}92%,to{stroke-dashoffset:var(--len)}}@keyframes s-chain-fade{0%{opacity:0}18%,72%{opacity:1}92%,to{opacity:0}}.s-mark{stroke:var(--s-ink-3);stroke-width:2.4;stroke-linecap:round;opacity:.75}.s-mark-auto{stroke:var(--s-rule);stroke-width:2;stroke-linecap:round;opacity:.9}.s-look{fill:none;stroke:var(--s-accent);stroke-width:2.5;animation:s-ping 1.3s ease-out infinite}@keyframes s-ping{0%{r:17;opacity:.9}70%{r:30;opacity:0}to{opacity:0}}.s-pill{font-family:var(--s-font-mono);font-size:10px;letter-spacing:.06em;padding:2px 6px;border-radius:8px;background:var(--s-rule-soft);color:var(--s-ink-3)}.s-pill-free{background:var(--s-good-soft);color:var(--s-good)}.s-btn-offered{border-color:var(--s-accent);color:var(--s-accent);font-weight:600;animation:s-breathe 2s ease-in-out infinite}@keyframes s-breathe{0%,to{box-shadow:0 0 0 0 var(--s-accent-soft)}50%{box-shadow:0 0 0 6px var(--s-accent-soft)}}.s-btn{gap:7px}.s-shake{animation:s-shake .18s ease-in-out 2}@keyframes s-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.teach{margin:0 0 8px;font-size:15px;color:var(--s-ink-2);text-align:center;text-wrap:balance}.progress-line{margin:8px 0 0;font-family:var(--s-font-mono);font-size:13px;color:var(--s-ink-3);text-align:center}.progress-line.is-warn{color:var(--s-accent)}.hint-text{margin:4px 0 0;font-size:14px;color:var(--s-ink-2);text-align:center;min-height:1.4em}.toast{position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--s-ink);color:var(--s-bg);font-size:14px;font-weight:600;padding:10px 18px;border-radius:999px;z-index:40}.s-dots{display:flex;gap:5px;padding:0 0 8px}.s-dots i,.s-dots button{height:4px;flex:1;border-radius:2px;background:var(--s-rule);transition:background .25s;border:0;padding:0;min-height:0}.s-dots button{position:relative;cursor:pointer}.s-dots button:not(:disabled):after{content:"";position:absolute;inset:-11px -2px}.s-dots button:disabled{cursor:default}.s-dots button:focus-visible{outline:2px solid var(--s-accent);outline-offset:3px}.s-dots i.is-done,.s-dots button.is-done{background:var(--s-good)}.s-dots i.is-here,.s-dots button.is-here{background:var(--s-accent)}@media (prefers-reduced-motion: reduce){.s-dots i,.s-dots button{transition:none}}.s-done{display:grid;gap:2px;justify-items:center;text-align:center;padding:10px 0 2px}.s-done .headline{font-family:var(--s-font-display);font-weight:800;font-size:22px;letter-spacing:-.02em;color:var(--s-accent)}.s-done .detail{font-family:var(--s-font-mono);font-size:12px;letter-spacing:.06em;color:var(--s-ink-3);text-transform:uppercase}.s-done .aside{font-size:14px;color:var(--s-ink-2);margin-top:4px;text-wrap:balance}.s-quiet{display:block;margin:0 0 8px;padding:4px 0;min-height:0;border:0;background:none;font-size:13px;color:var(--s-ink-3);text-align:center;width:100%;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--s-rule)}.s-quiet:hover,.s-quiet:focus-visible{color:var(--s-accent);text-decoration-color:currentColor}.s-home{display:grid;place-items:center;flex:none;color:inherit;text-decoration:none;border-radius:3px;padding:4px;margin:-4px;transition:opacity .15s}.s-home:hover{opacity:.65}.s-home:focus-visible{outline:2px solid var(--s-accent);outline-offset:1px}@media (prefers-reduced-motion: reduce){.s-home{transition:none}}.s-board{list-style:none;margin:0;padding:0;display:grid;gap:2px}.s-board li{display:grid;grid-template-columns:2.2em 1fr auto;gap:10px;align-items:baseline;padding:5px 8px;border-radius:2px}.s-board li.is-you{background:var(--s-accent-soft);color:var(--s-accent);font-weight:600}.s-board .rank{font-family:var(--s-font-mono);font-size:12px;color:var(--s-ink-3);font-variant-numeric:tabular-nums}.s-board li.is-you .rank{color:var(--s-accent)}.s-board .who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s-board .time{font-family:var(--s-font-mono);font-size:13px;font-variant-numeric:tabular-nums}.s-streak{font-family:var(--s-font-mono);font-size:12px;letter-spacing:.06em;color:var(--s-ink-3);background:none;border:0;padding:6px 4px;min-height:0;cursor:pointer;border-radius:3px}.s-streak:hover{color:var(--s-ink)}.s-streak:focus-visible{outline:2px solid var(--s-accent);outline-offset:1px}:root[data-game]{--s-accent-soft: color-mix(in srgb, var(--s-accent) 15%, var(--s-surface))}:root[data-game=arrows]{--s-accent: #7a4b96}:root[data-game=slitherlink]{--s-accent: #33588c}:root[data-game=bridges]{--s-accent: #b4472f}:root[data-game=starbattle]{--s-accent: #8a6410}:root[data-game=pushpar]{--s-accent: #55702c}:root[data-game=lastpiece]{--s-accent: #6d4886}:root[data-game=shikaku]{--s-accent: #1f6f68}:root[data-game=rewind]{--s-accent: #96366f}:root[data-game=telegraph]{--s-accent: #9d2c3c}:root[data-game=shadowplay]{--s-accent: #5a51a8}@media (prefers-color-scheme: dark){:root:not([data-theme=light])[data-game=arrows]{--s-accent: #b58fd0}:root:not([data-theme=light])[data-game=slitherlink]{--s-accent: #82aede}:root:not([data-theme=light])[data-game=bridges]{--s-accent: #ec6a4e}:root:not([data-theme=light])[data-game=starbattle]{--s-accent: #dfb04a}:root:not([data-theme=light])[data-game=pushpar]{--s-accent: #a5bf5e}:root:not([data-theme=light])[data-game=lastpiece]{--s-accent: #b892d8}:root:not([data-theme=light])[data-game=shikaku]{--s-accent: #58c0b5}:root:not([data-theme=light])[data-game=rewind]{--s-accent: #d886b4}:root:not([data-theme=light])[data-game=telegraph]{--s-accent: #e57384}:root:not([data-theme=light])[data-game=shadowplay]{--s-accent: #a29ae0}}:root[data-theme=dark][data-game=slitherlink]{--s-accent: #82aede}:root[data-theme=dark][data-game=bridges]{--s-accent: #ec6a4e}:root[data-theme=dark][data-game=starbattle]{--s-accent: #dfb04a}:root[data-theme=dark][data-game=pushpar]{--s-accent: #a5bf5e}:root[data-theme=dark][data-game=lastpiece]{--s-accent: #b892d8}:root[data-theme=dark][data-game=shikaku]{--s-accent: #58c0b5}:root[data-theme=dark][data-game=rewind]{--s-accent: #d886b4}:root[data-theme=dark][data-game=telegraph]{--s-accent: #e57384}:root[data-theme=dark][data-game=shadowplay]{--s-accent: #a29ae0}.board{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hit{fill:transparent;cursor:pointer}.dot{fill:var(--s-ink-3)}.dot.is-bad{fill:var(--s-accent)}.clue{font-family:var(--s-font-display);font-size:19px;font-weight:700;fill:var(--s-ink);pointer-events:none;transition:fill .12s ease}.clue.is-met{fill:var(--s-ink-3)}.clue.is-over{fill:var(--s-accent)}.line{stroke:var(--s-ink);stroke-width:3.5;stroke-linecap:round;pointer-events:none}.line.is-bad{stroke:var(--s-accent)}.line.is-solved{stroke:var(--s-good)}.line-hint{stroke:var(--s-accent);stroke-dasharray:4 5;animation:pulse 1.2s ease-in-out infinite}.cross line{stroke:var(--s-ink-2);stroke-width:1.6;stroke-linecap:round;pointer-events:none}.cross-implied line{stroke:var(--s-ink-3);opacity:.45}.cross.is-hint line{stroke:var(--s-accent)}@keyframes solved-sweep{0%{stroke-dashoffset:1800}to{stroke-dashoffset:0}}.solved-flash{fill:none;stroke:var(--s-accent);stroke-width:3;stroke-dasharray:1800;animation:solved-sweep .9s ease-out both}@keyframes pulse{50%{opacity:.35}}