@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-ext-wght-normal-DjL33-gN.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-wght-normal-BEAKL7Jp.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-vietnamese-wght-normal-6IgcOCM7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-ext-wght-normal-DC-KSUi6.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-wght-normal-BgDaEnEv.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-ext-wght-normal-X_5orZeX.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-cyrillic-wght-normal-DiZS0aHC.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-symbols2-wght-normal-CO5SzqOn.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-vietnamese-wght-normal-DadHysG0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-ext-wght-normal-Bwz-egvJ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-mono-latin-wght-normal-XN7g48iV.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font:"Geist Variable", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"Geist Mono Variable", ui-monospace, "SF Mono", Consolas, monospace;--bg:#07080c;--bg-glow-1:#6e7dff29;--bg-glow-2:#38d9f514;--grid-line:#ffffff09;--surface:#ffffff07;--surface-2:#ffffff0d;--surface-3:#ffffff16;--panel:#0e1017b8;--modal:#10121af7;--line:#ffffff12;--line-2:#ffffff1f;--ink:#eef0f6;--ink-2:#a6acbb;--ink-3:#6c7385;--accent:#8b9bff;--accent-2:#38d9f5;--accent-ink:#0b0d18;--good:#34d399;--bad:#fb7185;--warn:#fbbf24;--board-bg:#ffffff1a;--tray:#040508;--box-hi:#ffffff3d;--box-lo:#0009;--box-depth:#1d2232;--cell:#0c0e14;--cell-given:#181c2a;--cell-peer:#131726;--cell-hover:#161a28;--radius:16px;--radius-s:10px;--shadow:0 1px 0 #ffffff0a inset, 0 20px 50px -20px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f4f5f8;--bg-glow-1:#6370ff1f;--bg-glow-2:#0ea5e914;--grid-line:#0a0e280b;--surface:#ffffffb3;--surface-2:#0a0e280a;--surface-3:#0a0e2812;--panel:#ffffffd1;--modal:#fffffffa;--line:#0a0e2814;--line-2:#0a0e2824;--ink:#0d1020;--ink-2:#4b5266;--ink-3:#8a90a2;--accent:#5b6cff;--accent-2:#0ea5e9;--accent-ink:#fff;--good:#059669;--bad:#e11d48;--warn:#d97706;--board-bg:#0a0e2829;--tray:#d7dbe6;--box-hi:#fffffff2;--box-lo:#0a0e2838;--box-depth:#b3b9c9;--cell:#fff;--cell-given:#eef0f6;--cell-peer:#f1f3fb;--cell-hover:#e9ecf8;--shadow:0 1px 2px #0a0e280d, 0 18px 40px -24px #0a0e2840;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:#f4f5f8;--bg-glow-1:#6370ff1f;--bg-glow-2:#0ea5e914;--grid-line:#0a0e280b;--surface:#ffffffb3;--surface-2:#0a0e280a;--surface-3:#0a0e2812;--panel:#ffffffd1;--modal:#fffffffa;--line:#0a0e2814;--line-2:#0a0e2824;--ink:#0d1020;--ink-2:#4b5266;--ink-3:#8a90a2;--accent:#5b6cff;--accent-2:#0ea5e9;--accent-ink:#fff;--good:#059669;--bad:#e11d48;--warn:#d97706;--board-bg:#0a0e2829;--tray:#d7dbe6;--box-hi:#fffffff2;--box-lo:#0a0e2838;--box-depth:#b3b9c9;--cell:#fff;--cell-given:#eef0f6;--cell-peer:#f1f3fb;--cell-hover:#e9ecf8;--shadow:0 1px 2px #0a0e280d, 0 18px 40px -24px #0a0e2840;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(900px 500px at 10% -10%, var(--bg-glow-1), transparent 60%), radial-gradient(700px 500px at 100% 0%, var(--bg-glow-2), transparent 60%), var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-feature-settings:"ss01", "cv11";background-attachment:fixed;font-size:15px;line-height:1.5}.bg-grid{pointer-events:none;z-index:-1;background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 75%);mask-image:radial-gradient(80% 60% at 50% 0,#000 30%,#0000 75%)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}code,kbd{font-family:var(--mono);background:var(--surface-3);border:1px solid var(--line);border-radius:6px;padding:.1em .4em;font-size:.85em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ico{flex:none;width:18px;height:18px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.muted{color:var(--ink-2)}.small{font-size:12.5px}.center{text-align:center}.strong{font-weight:600}.grad{background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.good-text{color:var(--good)}.bad-text{color:var(--bad)}.warn-text{color:var(--warn);align-items:center;gap:6px;margin:12px 0 0;display:flex}.warn-text .ico{width:15px;height:15px}.row{align-items:center;display:flex}.row.between{justify-content:space-between}.row.gap{gap:10px}.row.gap-s{gap:6px}.row.wrap,.wrap{flex-wrap:wrap}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:12px;font-weight:500}.display{letter-spacing:-.035em;margin:6px 0 0;font-size:clamp(28px,4.6vw,44px);font-weight:650;line-height:1.05}.display.sm{font-size:clamp(26px,3.6vw,34px)}.title{letter-spacing:-.02em;margin:14px 0 4px;font-size:22px;font-weight:620}.card-title{letter-spacing:-.01em;margin:0 0 4px;font-size:15px;font-weight:600}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin:34px 0 12px;font-size:13px;font-weight:500}.link{color:var(--accent);align-items:center;gap:2px;display:inline-flex}.link .ico{width:14px;height:14px}#view{max-width:1120px;margin:0 auto;padding:8px 20px 110px;animation:.35s both view-in}@keyframes view-in{0%{opacity:0;transform:translateY(6px)}}.topbar{z-index:20;max-width:1120px;padding:calc(12px + env(safe-area-inset-top)) 20px 12px;-webkit-backdrop-filter:blur(14px)saturate(140%);justify-content:space-between;align-items:center;margin:0 auto;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:10px;display:flex}.brand-name{letter-spacing:-.03em;font-size:18px;font-weight:650}.brand-dot{font-family:var(--mono);color:var(--ink-3);letter-spacing:-.04em;font-weight:500}.topnav{align-items:center;gap:4px;display:flex}.topnav a{color:var(--ink-2);border-radius:10px;align-items:center;gap:7px;padding:8px 12px;font-size:14px;transition:color .15s,background .15s;display:flex}.topnav a:hover{color:var(--ink);background:var(--surface-2)}.topnav a.active{color:var(--ink);background:var(--surface-3)}.tabbar,body[data-route=play] .tabbar,body[data-route=play] .topnav a{display:none}@media (width<=760px){.topnav a{display:none}.tabbar{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:30;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(150%);box-shadow:var(--shadow);border-radius:18px;grid-template-columns:repeat(4,1fr);padding:6px;display:grid;position:fixed}.tabbar a{color:var(--ink-3);border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:7px 0 5px;font-size:10.5px;display:flex}.tabbar a.active{color:var(--ink);background:var(--surface-3)}.tabbar .ico{width:20px;height:20px}#view{padding:4px 16px 110px}.topbar{padding-left:16px;padding-right:16px}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);padding:20px;display:block;position:relative}.btn{white-space:nowrap;border:1px solid var(--line-2);background:var(--surface-2);border-radius:11px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:550;transition:transform .12s,background .15s,border-color .15s,box-shadow .2s;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn:active{transform:scale(.98)}.btn.primary{color:var(--accent-ink);background:linear-gradient(110deg, var(--accent), var(--accent-2));box-shadow:0 8px 26px -10px color-mix(in oklab, var(--accent) 70%, transparent);border-color:#0000}.btn.primary:hover{filter:brightness(1.06)}.btn.ghost{background:0 0}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{color:var(--bad);border-color:color-mix(in oklab, var(--bad) 40%, transparent);background:color-mix(in oklab, var(--bad) 8%, transparent)}.btn.lg{height:46px;padding:0 20px;font-size:15px}.btn.sm{height:34px;padding:0 12px;font-size:13px}.btn:disabled{opacity:.6;pointer-events:none}.icon-btn{width:38px;height:38px;color:var(--ink-2);border-radius:11px;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.pill{border:1px solid var(--line);background:var(--surface-2);height:26px;color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12.5px;font-weight:550;display:inline-flex}.pill .ico{width:14px;height:14px}.pill.accent{color:var(--accent);border-color:color-mix(in oklab, var(--accent) 35%, transparent);background:color-mix(in oklab, var(--accent) 10%, transparent)}.pill.good{color:var(--good);border-color:color-mix(in oklab, var(--good) 35%, transparent);background:color-mix(in oklab, var(--good) 10%, transparent)}.diff-easy{--d:#34d399}.diff-medium{--d:#fbbf24}.diff-hard{--d:#fb7185}.pill.diff-easy,.pill.diff-medium,.pill.diff-hard{color:var(--d);border-color:color-mix(in oklab, var(--d) 35%, transparent);background:color-mix(in oklab, var(--d) 10%, transparent)}:root[data-theme=light] .diff-easy{--d:#059669}:root[data-theme=light] .diff-medium{--d:#b45309}:root[data-theme=light] .diff-hard{--d:#e11d48}.seg{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;gap:2px;padding:3px;display:inline-flex}.seg.wide{margin-top:10px;display:flex}.seg.wide .seg-btn{flex:1}.seg-btn{height:32px;color:var(--ink-2);border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;transition:background .15s,color .15s;display:inline-flex}.seg-btn.active{background:var(--surface-3);color:var(--ink);box-shadow:inset 0 1px #ffffff0d}.seg-btn .ico{width:15px;height:15px}.logo{color:var(--c,var(--ink));place-items:center;display:grid}:root[data-theme=light] .logo{color:var(--cl,var(--c,var(--ink)))}@media (prefers-color-scheme:light){:root:not([data-theme]) .logo{color:var(--cl,var(--c,var(--ink)))}}.logo svg{width:100%;height:100%;display:block}.spinner{border:2px solid var(--line-2);border-top-color:var(--accent);vertical-align:-1px;border-radius:50%;width:12px;height:12px;margin-right:4px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.home-head{margin:18px 0 22px}.daily-card{background:radial-gradient(500px 240px at 100% 0%, color-mix(in oklab, var(--accent) 16%, transparent), transparent 70%), var(--surface);grid-template-columns:1fr auto;align-items:center;gap:28px;padding:28px;display:grid;overflow:hidden}.daily-card:before{content:"";border-radius:inherit;background:linear-gradient(130deg, color-mix(in oklab, var(--accent) 55%, transparent), transparent 40%, transparent 70%, color-mix(in oklab, var(--accent-2) 45%, transparent));-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.daily-info>.muted{max-width:46ch;margin:0 0 18px}.daily-done{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;font-size:15px;display:flex}.daily-done .sep{color:var(--ink-3)}.next{align-items:center;gap:6px;margin:16px 0 0;display:flex}.next .ico{width:14px;height:14px}.mini-board{background:var(--board-bg);border-radius:18px;grid-template-columns:repeat(3,1fr);gap:6px;width:168px;padding:8px;display:grid;transform:rotate(-4deg);box-shadow:0 30px 60px -30px #000c}.mini-cell{aspect-ratio:1;background:var(--cell-given);border-radius:11px;place-items:center;display:grid}.mini-cell.dim{background:var(--cell)}.mini-cell .logo{width:54%;height:54%}.home-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.streak-top{align-items:center;gap:14px;display:flex}.flame{background:var(--surface-2);border:1px solid var(--line);width:46px;height:46px;color:var(--ink-3);border-radius:14px;place-items:center;display:grid}.flame .ico{width:24px;height:24px}.flame.on{color:#fb923c;background:oklab(75.764% .0890835 .131746/.14);border-color:oklab(75.764% .0890835 .131746/.35);box-shadow:0 0 30px -8px oklab(75.764% .0890835 .131746/.6)}.big{font-size:30px;font-weight:600;line-height:1}.streak-best{text-align:right;margin-left:auto}.streak-best .mono{font-size:18px;font-weight:600}.week{grid-template-columns:repeat(7,1fr);gap:6px;margin-top:18px;display:grid}.day{flex-direction:column;align-items:center;gap:6px;display:flex}.day .dot{aspect-ratio:1;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;place-items:center;width:100%;max-width:36px;display:grid}.day.on .dot{color:#fff;background:linear-gradient(140deg,#fb923c,#f43f5e);border-color:#0000}.day .dot .ico{stroke-width:2.6px;width:15px;height:15px}.day.today .dot{outline:1.5px dashed var(--ink-3);outline-offset:2px}.day.today.on .dot{outline-color:#fb923c}.day .lbl{color:var(--ink-3);font-size:11px;font-family:var(--mono)}.stack-row{grid-template-columns:repeat(9,1fr);gap:6px;margin:14px 0 12px;display:grid}.stack-logo{aspect-ratio:1;background:color-mix(in oklab, var(--c) 9%, var(--surface-2));border:1px solid color-mix(in oklab, var(--c) 18%, var(--line));border-radius:10px;place-items:center;display:grid}.stack-logo .logo{width:56%;height:56%}.set-card .muted{margin:0}.diff-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.diff-card{transition:transform .18s,border-color .18s,background .18s;overflow:hidden}.diff-card:after{content:"";background:linear-gradient(90deg, transparent, var(--d), transparent);opacity:.7;height:2px;position:absolute;inset:auto 0 0}.diff-card:hover{border-color:color-mix(in oklab, var(--d) 35%, var(--line));background:color-mix(in oklab, var(--d) 4%, var(--surface));transform:translateY(-2px)}.diff-name{letter-spacing:-.02em;font-size:19px;font-weight:620}.diff-bars{gap:3px;display:flex}.diff-bars i{background:var(--surface-3);border-radius:3px;width:6px;height:16px}.diff-bars i.on{background:var(--d)}.diff-card>.muted{margin:4px 0 16px}.diff-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px;display:grid}.diff-stats div{background:var(--surface-2);border-radius:10px;padding:8px 10px}.diff-stats dt{color:var(--ink-3);font-size:11px}.diff-stats dd{margin:0;font-size:14px}.diff-cta{color:var(--d);align-items:center;gap:6px;font-size:14px;font-weight:550;display:inline-flex}.diff-cta .ico{width:15px;height:15px}@media (width<=860px){.diff-grid,.home-grid{grid-template-columns:1fr}}@media (width<=560px){.daily-card{grid-template-columns:1fr;padding:22px}.mini-board{opacity:.35;pointer-events:none;width:120px;position:absolute;top:-18px;right:-26px}.daily-info{position:relative}}.play{--board:min(calc(100vw - 460px), calc(100dvh - 170px), 640px)}.play-head{align-items:center;gap:8px;margin:0 0 14px;display:flex}.play-title{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.play-name{letter-spacing:-.015em;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.play-actions{align-items:center;gap:6px;display:flex}.timer{background:var(--surface-2);border:1px solid var(--line);border-radius:11px;align-items:center;gap:8px;height:38px;padding:0 12px 0 14px;font-size:15px;display:inline-flex}.timer .ico{width:15px;height:15px;color:var(--ink-3)}.play-main{grid-template-columns:auto minmax(280px,360px);justify-content:center;align-items:start;gap:28px;display:grid}.board-wrap{width:var(--board);position:relative}.board{aspect-ratio:1;background:var(--tray);width:100%;box-shadow:inset 0 3px 8px #00000073, inset 0 0 0 1px var(--line), 0 1px 0 var(--line-2), 0 40px 80px -40px #000000b3;-webkit-user-select:none;user-select:none;touch-action:manipulation;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 8px 11px;display:grid}.box{background:var(--line-2);border:1.5px solid var(--box-lo);border-top-color:var(--box-hi);border-left-color:color-mix(in oklab, var(--box-hi) 55%, transparent);border-right-color:color-mix(in oklab, var(--box-lo) 70%, transparent);box-shadow:0 3px 0 var(--box-depth), 0 8px 14px -6px #0000008c;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.cell{background:var(--cell);place-items:center;transition:background .12s;display:grid;position:relative;container-type:size}.cell:hover{background:var(--cell-hover)}.cell.given{background:var(--cell-given)}.cell.peer{background:var(--cell-peer)}.cell.same{background:color-mix(in oklab, var(--accent) 28%, var(--cell));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 45%, transparent)}.cell.sel{background:color-mix(in oklab, var(--accent) 20%, var(--cell));box-shadow:inset 0 0 0 2px var(--accent);z-index:1}.cell.wrong{background:color-mix(in oklab, var(--bad) 24%, var(--cell))}.cell.wrong.sel{box-shadow:inset 0 0 0 2px var(--bad)}.cell.wrong>.logo{opacity:.9;filter:drop-shadow(0 0 #0000)}.cell.wrong:after{content:"";aspect-ratio:1;background:var(--bad);border-radius:50%;width:14%;max-width:7px;position:absolute;bottom:8%;right:8%}.cell.hinted:before{content:"";aspect-ratio:1;background:var(--warn);border-radius:50%;width:12%;max-width:6px;position:absolute;top:9%;left:9%}.cell>.logo{width:60%;height:60%}.cell:not(.given)>.logo{filter:drop-shadow(0 0 10px color-mix(in oklab, var(--c) 28%, transparent))}.cell .num,.pal .num{font-family:var(--mono);color:var(--ink-3);font-size:max(8px,15cqw);line-height:1;position:absolute;top:4%;right:6%}.notes{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:1px;width:100%;height:100%;padding:7%;display:grid}.note{border-radius:3px;place-items:center;display:grid}.note .logo{opacity:.85;width:78%;height:78%}.note.hl{background:color-mix(in oklab, var(--accent) 30%, transparent)}.cell.pop>.logo{animation:.32s cubic-bezier(.2,1.4,.4,1) pop}@keyframes pop{0%{opacity:0;transform:scale(.4)}}.cell.shake{animation:.4s shake}@keyframes shake{20%,60%{transform:translate(-3px)}40%,80%{transform:translate(3px)}}.cell.sweep:after,.cell.wave:after,.cell.reveal:after{content:"";background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 55%, transparent), color-mix(in oklab, var(--accent-2) 45%, transparent));opacity:0;width:100%;max-width:none;height:100%;animation:.7s ease-out flash;animation-delay:inherit;pointer-events:none;border-radius:0;position:absolute;inset:0 auto auto 0}.cell.reveal:after{background:color-mix(in oklab, var(--warn) 50%, transparent)}@keyframes flash{25%{opacity:.55}to{opacity:0}}.cell.wave>.logo{animation:.6s lift;animation-delay:inherit}@keyframes lift{40%{transform:scale(1.18)}}.board.won .cell{cursor:default}.pause-veil{background:color-mix(in oklab, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(16px);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:none;position:absolute;inset:0}.play.paused .pause-veil{display:flex}.side{flex-direction:column;gap:14px;display:flex}.meta{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.meta-item{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;padding:10px 12px;display:flex}.meta-item .mono{font-size:18px;font-weight:560}.palette{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pal{background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:14px;grid-template-columns:28px 1fr;align-items:center;gap:9px;padding:12px 10px;transition:transform .1s,background .15s,border-color .15s,opacity .2s;display:grid;position:relative;container-type:inline-size}.pal:hover{background:color-mix(in oklab, var(--c) 8%, var(--surface-2));border-color:color-mix(in oklab, var(--c) 30%, var(--line))}.pal:active{transform:scale(.96)}.pal.active{border-color:color-mix(in oklab, var(--c) 60%, transparent);background:color-mix(in oklab, var(--c) 12%, var(--surface-2))}.pal.done{opacity:.32}.pal .logo{width:28px;height:28px}.pal-name{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.pal-count{color:var(--ink-3);font-size:10.5px;position:absolute;top:5px;right:7px}.pal .num{font-size:10px;top:6px;left:8px;right:auto}.play.notes-mode .pal{border-style:dashed}.tools{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.tool{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 4px 10px;font-size:12px;transition:background .15s,color .15s,border-color .15s;display:flex;position:relative}.tool:hover{background:var(--surface-2);color:var(--ink)}.tool .ico{width:20px;height:20px}.tool .switch{background:var(--surface-3);border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.tool.on{color:var(--accent);border-color:color-mix(in oklab, var(--accent) 50%, transparent);background:color-mix(in oklab, var(--accent) 10%, var(--surface))}.tool.on .switch{background:var(--accent);box-shadow:0 0 8px var(--accent)}.kbd-help{margin:4px 0 0;line-height:1.9}.kbd-help kbd{font-size:11px}.done-banner{background:color-mix(in oklab, var(--good) 9%, var(--surface));border:1px solid color-mix(in oklab, var(--good) 30%, transparent);border-radius:14px;align-items:center;gap:12px;padding:14px;display:flex}.done-banner>.ico{color:var(--good);width:22px;height:22px}.done-banner div{flex-direction:column;display:flex}.play.finished .palette,.play.finished .tools{opacity:.4;pointer-events:none}@media (width<=900px){.play{--board:min(calc(100vw - 32px), calc(100dvh - 330px), 560px)}.play-main{grid-template-columns:1fr;justify-items:center;gap:14px}.side{width:var(--board);gap:10px;min-width:min(100%,340px)}.meta{order:-1}.meta-item{flex-direction:row;justify-content:space-between;align-items:baseline;padding:6px 10px}.meta-item .mono{font-size:14px}.palette{grid-template-columns:repeat(9,1fr);gap:5px}.pal{border-radius:11px;grid-template-columns:1fr;justify-items:center;gap:4px;padding:9px 2px 6px}.pal .logo{width:min(26px,70cqw);height:min(26px,70cqw)}.pal-name{display:none}.pal-count{font-size:10.5px;position:static}.tools{gap:6px}.tool{flex-direction:row;justify-content:center;padding:10px 4px}.tool .ico{width:18px;height:18px}.kbd-help{display:none}}@media (width<=359px){.tool span,.play-head .pill{display:none}}.page-head{margin:18px 0 20px}.page-head p{margin:6px 0 0}.tabs{scrollbar-width:none;border-bottom:1px solid var(--line);gap:4px;margin-bottom:12px;padding-bottom:2px;display:flex;overflow-x:auto}.tab{color:var(--ink-2);white-space:nowrap;padding:10px 14px;font-weight:520;position:relative}.tab.active{color:var(--ink)}.tab.active:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:2px;height:2px;position:absolute;bottom:-3px;left:10px;right:10px}.periods{margin-bottom:12px}.periods:empty{display:none}.board-list{padding:6px}.lb-head,.lb-row{grid-template-columns:44px 1fr 90px 100px;align-items:center;gap:8px;padding:10px 14px;display:grid}.lb-head{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-size:11.5px}.lb-head span:nth-child(n+3),.lb-row>:nth-child(n+3){text-align:right}.lb-row{border-radius:12px}.lb-row:nth-child(2n){background:var(--surface)}.lb-row.me{background:color-mix(in oklab, var(--accent) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--accent) 35%, transparent)}.me-row .lb-row{margin-top:10px;padding:12px 18px}.me-row p{margin-top:14px}.nick{white-space:nowrap;align-items:center;gap:8px;min-width:0;font-weight:520;display:flex;overflow:hidden}.you{color:var(--accent);background:color-mix(in oklab, var(--accent) 15%, transparent);border-radius:6px;padding:1px 6px;font-size:10.5px;font-weight:600}.perfect{color:var(--good);display:inline-grid}.perfect .ico{width:14px;height:14px}.rank{color:var(--ink-3);padding-left:8px}.medal{width:28px;height:28px;font-family:var(--mono);color:#1a1307;border-radius:9px;place-items:center;font-size:13px;font-weight:700;display:grid}.medal.m1{background:linear-gradient(140deg,#fde68a,#f59e0b);box-shadow:0 0 18px -4px #f59e0b}.medal.m2{background:linear-gradient(140deg,#f1f5f9,#94a3b8)}.medal.m3{background:linear-gradient(140deg,#fed7aa,#c2410c)}.flame-num{justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.flame-num .ico{color:#fb923c;width:15px;height:15px}.lb-row.skel i{background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));background-size:200% 100%;border-radius:6px;height:12px;animation:1.2s linear infinite shimmer;display:block}.lb-row.skel i:nth-child(2){width:60%}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:44px 20px;display:flex}.empty>.ico{width:34px;height:34px;color:var(--ink-3)}.empty p{margin:0}@media (width<=520px){.lb-head,.lb-row{grid-template-columns:36px 1fr 64px 76px;padding:10px;font-size:14px}}.kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.kpi{flex-direction:column;gap:2px;padding:18px;display:flex}.kpi-ico{background:var(--surface-2);width:34px;height:34px;color:var(--ink-2);border-radius:10px;place-items:center;margin-bottom:10px;display:grid}.kpi-ico.hot{color:#fb923c;background:oklab(75.764% .0890835 .131746/.14)}.kpi-ico .ico{width:18px;height:18px}.kpi-val{font-size:28px;font-weight:600;line-height:1.1}.stats .card+.card{margin-top:16px}@media (width<=720px){.kpis{grid-template-columns:repeat(2,1fr)}}.heatmap{grid-template-rows:repeat(7,auto);grid-template-columns:16px;grid-auto-columns:minmax(9px,1fr);grid-auto-flow:column;gap:4px;max-width:760px;margin-top:14px;display:grid}.hm-lbl{font-size:10px;font-family:var(--mono);color:var(--ink-3);align-self:center;line-height:1}.hm{aspect-ratio:1;background:var(--surface-2);border:1px solid var(--line);border-radius:4px;width:100%;display:inline-block}.hm.l2{background:color-mix(in oklab, var(--accent) 45%, transparent);border-color:#0000}.hm.l3{background:linear-gradient(140deg, var(--accent), var(--accent-2));border-color:#0000}.hm.future{opacity:.25}.hm.today{outline:1.5px solid var(--ink-2);outline-offset:1px}.hm-legend{align-items:center;gap:4px;display:inline-flex}.hm-legend .hm{aspect-ratio:auto;width:11px;height:11px}.table-wrap{margin-top:8px;overflow-x:auto}.tbl{border-collapse:collapse;width:100%;font-size:14px}.tbl th,.tbl td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--line);padding:10px 12px}.tbl thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-size:11.5px;font-weight:500}.tbl tbody th{text-align:left}.tbl tr:last-child td,.tbl tr:last-child th{border-bottom:0}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:12px;display:grid}.ach{background:var(--surface);border:1px solid var(--line);opacity:.55;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.ach.got{opacity:1;border-color:color-mix(in oklab, var(--accent) 30%, var(--line))}.ach div,.ach-row div{flex-direction:column;line-height:1.35;display:flex}.ach-ico{background:var(--surface-2);width:36px;height:36px;color:var(--ink-3);border-radius:10px;flex:none;place-items:center;display:grid}.ach.got .ach-ico{color:var(--accent-ink);background:linear-gradient(140deg, var(--accent), var(--accent-2))}.settings .card+.card{margin-top:16px}.logo-picker{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin:16px 0 12px;display:grid}.pick{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:14px 6px 10px;transition:background .15s,border-color .15s,transform .1s;display:flex;position:relative}.pick:active{transform:scale(.97)}.pick .logo{width:30px;height:30px}.pick-name{color:var(--ink-2);font-size:12px}.pick.on{background:color-mix(in oklab, var(--c) 10%, var(--surface-2));border-color:color-mix(in oklab, var(--c) 55%, transparent)}.pick-n{min-width:18px;height:18px;color:var(--accent-ink);background:var(--accent);border-radius:6px;place-items:center;padding:0 4px;font-size:11px;font-weight:600;display:grid;position:absolute;top:6px;right:6px}.toggles{flex-direction:column;margin-top:6px;display:flex}.toggle{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex;position:relative}.toggle:last-child{border-bottom:0}.toggle>span{flex-direction:column;display:flex}.toggle b{font-weight:520}.toggle input{opacity:0;pointer-events:none;position:absolute}.toggle .switch{background:var(--surface-3);border:1px solid var(--line-2);border-radius:999px;flex:none;width:40px;height:24px;transition:background .2s;position:relative}.toggle .switch:after{content:"";background:var(--ink);border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle input:checked+.switch{background:linear-gradient(110deg, var(--accent), var(--accent-2));border-color:#0000}.toggle input:checked+.switch:after{background:#fff;transform:translate(16px)}.toggle input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:2px}.sep-line{border:0;border-top:1px solid var(--line);margin:16px 0}.credits{margin-top:28px}.modal-wrap{z-index:100;-webkit-backdrop-filter:blur(10px);opacity:0;background:#0304089e;place-items:center;padding:20px;transition:opacity .2s;display:grid;position:fixed;inset:0}.modal-wrap.open{opacity:1}.modal{background:var(--modal);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(24px)saturate(150%);border-radius:22px;width:min(440px,100%);max-height:calc(100dvh - 40px);padding:26px;transition:transform .25s cubic-bezier(.2,1,.3,1);position:relative;overflow-y:auto;transform:translateY(10px)scale(.98);box-shadow:0 40px 80px -30px #000000b3}:root[data-theme=light] .modal{background:#fffffff2}.modal-wrap.open .modal{transform:none}.modal-x{position:absolute;top:12px;right:12px}.modal-title{letter-spacing:-.02em;margin:0 0 8px;font-size:20px;font-weight:620}.modal-title.center{text-align:center}.modal-body>p:first-child{margin-top:0}.modal-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.modal-actions.wrap{justify-content:center}.field{background:var(--surface-2);border:1px solid var(--line-2);border-radius:12px;align-items:center;gap:10px;height:46px;padding:0 14px;display:flex}.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 22%, transparent)}.field .ico{color:var(--ink-3)}.field input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:16px}.field-msg{min-height:20px;color:var(--ink-3);margin:8px 2px 0;font-size:12.5px}.field-msg.good{color:var(--good)}.field-msg.bad{color:var(--bad)}.win{text-align:center}.win-badge{width:64px;height:64px;color:var(--accent-ink);background:linear-gradient(140deg, var(--accent), var(--accent-2));box-shadow:0 0 50px -10px var(--accent);border-radius:20px;place-items:center;margin:4px auto 14px;animation:.6s cubic-bezier(.2,1.4,.4,1) badge;display:grid}.win-badge .ico{stroke-width:2.6px;width:32px;height:32px}@keyframes badge{0%{opacity:0;transform:scale(.3)rotate(-20deg)}}.win-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0 12px;display:grid}.win-stats div{background:var(--surface-2);border-radius:12px;flex-direction:column;padding:10px 6px;display:flex}.win-stats .mono{font-size:17px;font-weight:600}.win-streak{background:oklab(75.764% .0890835 .131746/.1);border:1px solid oklab(75.764% .0890835 .131746/.3);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px;display:flex}.win-streak .ico{color:#fb923c}.win-ach{text-align:left;margin-top:14px}.win-ach .eyebrow{margin-bottom:8px}.ach-row{background:var(--surface-2);border-radius:12px;align-items:center;gap:10px;margin-top:6px;padding:10px;display:flex}.ach-row>.ico{color:var(--accent);width:22px;height:22px}.win-online{min-height:20px;margin-top:14px}.win-online .btn{margin-top:8px}.win-online .ico{vertical-align:-2px;width:14px;height:14px}.rules{color:var(--ink-2);margin:16px 0 0;padding-left:20px}.rules li{margin-bottom:10px}.rules b{color:var(--ink);font-weight:560}.help .stack-row{margin-top:4px}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:200;opacity:0;background:var(--panel);border:1px solid var(--line-2);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);pointer-events:none;border-radius:12px;padding:10px 16px;font-size:14px;transition:opacity .2s,transform .25s;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.toast.good{color:var(--good)}.toast.bad{color:var(--bad)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}