:root{--bg:#111214;--fg:#f2efe8;--dim:#8a8780;--tile:#1d1f23;--tile-edge:#2a2d33;--accent:#ffc53d;--accent-ink:#1a1400;--ok:#4cc38a;--bad:#ff6b5b;--dup:#8a8780;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root{--bg:#f6f3ec;--fg:#17181a;--dim:#6f6c66;--tile:#fff;--tile-edge:#e2ddd2;--accent:#f0a500;--accent-ink:#1a1400;--ok:#1e9e62;--bad:#d8412f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;font-family:Space Grotesk,system-ui,sans-serif}button{font:inherit}.app{--board:min(92vw, 56vh, 480px);-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:12px;max-width:520px;min-height:100dvh;margin:0 auto;padding:16px;display:flex}.hud{width:var(--board);grid-template-columns:1fr auto 1fr;align-items:end;margin-top:2vh;display:grid}.stat{flex-direction:column;gap:2px;display:flex}.stat.right{text-align:right}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:11px}.value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.time{font-variant-numeric:tabular-nums;text-align:center;min-width:2ch;font-size:56px;font-weight:700;line-height:1}.time.low{color:var(--bad);animation:.5s ease-in-out infinite alternate pulse}.timebar{width:var(--board);background:var(--tile-edge);border-radius:2px;height:4px;overflow:hidden}.timebar>div{background:var(--accent);height:100%;transition:width .1s linear}.timebar>div.low{background:var(--bad)}.word{letter-spacing:.08em;justify-content:center;align-items:center;height:56px;font-size:30px;font-weight:700;display:flex}.word .miss{color:var(--dim);text-decoration:line-through}.word .hint{letter-spacing:0;color:var(--dim);font-size:16px;font-weight:500}.flash{flex-direction:column;align-items:center;animation:.25s ease-out pop;display:flex}.flash small{letter-spacing:.04em;white-space:pre;font-size:14px;font-weight:500}.flash.ok small,.flash.board small{color:var(--ok)}.flash.bad{color:var(--bad)}.flash.dup{color:var(--dup)}.flash.board{color:var(--accent)}.grid{width:var(--board);aspect-ratio:1;gap:calc(var(--board) * .03);touch-action:none;cursor:pointer;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.grid.idle .tile{opacity:.25;filter:blur(3px)}.tile{background:var(--tile);border:1px solid var(--tile-edge);font-size:calc(var(--board) * .11);z-index:1;border-radius:14%;justify-content:center;align-items:center;font-weight:700;transition:transform 80ms,background 80ms,color 80ms;display:flex}.tile.on{transform:scale(.94)}.tile.on.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.tile.on.ok,.tile.on.board{background:var(--ok);color:#fff;border-color:var(--ok)}.tile.on.bad{background:var(--bad);color:#fff;border-color:var(--bad);animation:.25s shake}.tile.on.dup{background:var(--tile-edge)}.path{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.path polyline{fill:none;stroke-width:.09px;stroke-linecap:round;stroke-linejoin:round;opacity:.55;stroke:var(--accent-ink)}.play{z-index:3;background:var(--accent);width:50%;height:22%;color:var(--accent-ink);font-size:calc(var(--board) * .07);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:0;border-radius:999px;margin:auto;font-weight:700;position:absolute;inset:0}.play:focus-visible{outline:3px solid var(--fg);outline-offset:4px}.foot{text-align:center;color:var(--fg);font-size:15px;line-height:1.5}.foot p{margin:0}.dim{color:var(--dim)}.results{text-align:center;padding-top:6vh}.results h1{letter-spacing:.04em;margin:0;font-size:64px}.newbest{color:var(--accent);letter-spacing:.14em;margin:0;font-weight:700}.big{font-variant-numeric:tabular-nums;flex-direction:column;margin:4px 0 8px;font-size:44px;font-weight:700;display:flex}.big small{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:12px;font-weight:500}.stats{grid-template-columns:repeat(3,1fr);gap:16px 12px;width:100%;margin:0;display:grid}.stats div{flex-direction:column-reverse;gap:2px;display:flex}.stats dt{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);font-size:11px}.stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:20px;font-weight:700}.play.again{width:auto;height:auto;margin:16px 0 8px;padding:16px 40px;font-size:18px;position:static}.results section{width:100%}.results h2{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:16px 0 6px;font-size:11px;font-weight:500}.words{margin:0;font-size:15px;line-height:1.7}@keyframes pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes shake{25%{translate:-3px}75%{translate:3px}}@keyframes pulse{to{opacity:.55}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}:root{--t1:#2b3a4a;--t2:#23525a;--t3:#2f6b4a;--t4:#8a5a12;--t5:#b8321f}@media (prefers-color-scheme:light){:root{--t1:#dbe8f5;--t2:#c4ece8;--t3:#c9efd2;--t4:#ffe0a3;--t5:#ffb3a3}}.merge .tile{position:relative}.merge .tile.t1{background:var(--t1)}.merge .tile.t2{background:var(--t2)}.merge .tile.t3{background:var(--t3)}.merge .tile.t4{background:var(--t4)}.merge .tile.t5{background:var(--t5)}.merge .tile.on.active{background:var(--accent);color:var(--accent-ink)}.merge .tile.target{outline:3px solid var(--fg);outline-offset:-3px}.merge .tile.grew{animation:.35s ease-out grow}.merge .tile.hinted{outline:3px dashed var(--accent);outline-offset:-3px}.tile .v{font-size:calc(var(--board) * .045);opacity:.85;font-weight:700;position:absolute;bottom:6%;right:8%}.goal{flex-direction:column;align-items:center;gap:4px;display:flex}.chip{text-align:center;background:var(--tile);border:1px solid var(--tile-edge);font-variant-numeric:tabular-nums;border-radius:10px;min-width:2.2em;padding:4px 10px;font-size:34px;font-weight:700;line-height:1.1}.chip.t1{background:var(--t1)}.chip.t2{background:var(--t2)}.chip.t3{background:var(--t3)}.chip.t4{background:var(--t4)}.chip.t5{background:var(--t5)}.word .sum{color:var(--dim);letter-spacing:0;font-size:18px}.overlay{z-index:4;background:color-mix(in srgb, var(--bg) 88%, transparent);text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:-2%}.overlay h1{margin:0;font-size:34px}.overlay p{margin:0}.actions{justify-content:center;gap:20px;display:flex}.link{color:var(--fg);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:8px;font-size:15px;text-decoration:underline}@keyframes grow{40%{transform:scale(1.12)}}.link:disabled{color:var(--dim);cursor:default;text-decoration:none}.tile .hn{font-size:calc(var(--board) * .04);color:var(--accent);font-weight:700;position:absolute;top:6%;left:9%}.merge .tile.biggest{box-shadow:0 0 0 3px var(--accent) inset}.radar{color:var(--dim);text-align:center;margin:0;font-size:15px}.radar b{color:var(--fg)}.found{max-width:var(--board);letter-spacing:.04em;color:var(--dim);text-align:center;margin:0;font-size:13px;line-height:1.6}.clue .tile.hinted{outline:3px dashed var(--accent);outline-offset:-3px;position:relative}.clue .tile{position:relative}.clues{width:var(--board);flex-direction:column;gap:8px;margin:4px 0 0;padding:0;list-style:none;display:flex}.clues li{background:var(--tile);border:1px solid var(--tile-edge);cursor:pointer;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:10px 12px;display:grid}.clues li.active{border-color:var(--accent)}.clues li.found{opacity:.6}.clues .slots{gap:4px;display:flex}.clues .box{border-bottom:2px solid var(--dim);justify-content:center;align-items:center;width:24px;height:28px;font-size:17px;font-weight:700;display:inline-flex}.clues .box.given{color:var(--accent)}.clues li.found .box{color:var(--ok);border-color:var(--ok)}.clues .def{color:var(--fg);grid-column:1/-1;font-size:14px;line-height:1.35}.clues .hintbtn{border:1px solid var(--tile-edge);color:var(--fg);cursor:pointer;background:0 0;border-radius:999px;grid-area:1/2;padding:4px 12px;font-size:13px}.clue .grid{--board:min(92vw, 44vh, 420px);border-radius:12px;overflow:hidden}.clues li.fresh{animation:.3s ease-out pop}.clues li.fresh .slots:after{content:"new";color:var(--accent);letter-spacing:.1em;text-transform:uppercase;align-self:center;margin-left:6px;font-size:11px}.clues .hintbtn:disabled{opacity:.4;cursor:default}.tile.boom{background:var(--ok);color:#fff;z-index:3;animation:.28s ease-out forwards boom}.tile.drop{animation:.32s cubic-bezier(.3,1.3,.5,1) both drop;animation-delay:calc(var(--col) * 30ms)}@keyframes boom{40%{opacity:1;transform:scale(1.25)rotate(-6deg)}to{opacity:0;transform:scale(.2)rotate(12deg)}}@keyframes drop{0%{transform:translateY(calc(var(--fall) * -1 * (100% + var(--board) * .03)))}to{transform:translateY(0)}}.clues li{grid-template-columns:1fr auto auto}.clues .pts{color:var(--accent);font-variant-numeric:tabular-nums;grid-area:1/2;font-size:13px;font-weight:700}.clues .hintbtn{grid-column:3}.clues .btns{grid-area:1/3;gap:6px;display:flex}.clues li.solved{border-color:var(--ok);box-shadow:0 0 0 2px var(--ok), 0 0 24px color-mix(in srgb, var(--ok) 45%, transparent);animation:.3s ease-out pop}.clues li.solved .box,.clues li.solved .pts{color:var(--ok);border-color:var(--ok)}.clues li.skipped{border-color:var(--dim)}.clues li.skipped .box,.clues li.skipped .pts{color:var(--dim)}.clues li.revealed{border-color:var(--dim)}.clues li.revealed .box,.clues li.revealed .pts{color:var(--dim)}.splash{text-align:center;justify-content:center;gap:18px}.logo{flex-direction:column;align-items:center;gap:8px;display:flex}.logo-row{gap:8px;display:flex}.logo-tile{--board:300px;width:62px;height:62px;font-size:34px}.logo-row:last-child .logo-tile{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.logo .drop{animation-duration:.5s;animation-delay:calc(var(--col) * 70ms)}.tagline{margin:4px 0 0;font-size:18px;font-weight:700}.howto{text-align:left;max-width:340px;color:var(--dim);margin:0;padding:0 0 0 1.2em;font-size:15px;line-height:1.7}.howto b{color:var(--fg)}.byline{color:var(--dim);margin:0;font-size:14px}.byline .link{color:var(--dim);padding:0;font-size:14px}.modal{z-index:10;background:color-mix(in srgb, var(--bg) 70%, transparent);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.sheet{background:var(--tile);border:1px solid var(--tile-edge);text-align:center;border-radius:18px;width:100%;max-width:420px;padding:24px}.sheet h2{margin:0 0 8px}.sheet p{line-height:1.5}.small{font-size:13px}.logo-tile.sel{background:var(--fg);color:var(--bg);border-color:var(--fg);transition:transform .12s,background .12s;transform:scale(.92)}.splash.leaving .logo-tile{animation:.5s cubic-bezier(.5,0,.9,.4) forwards fallout;animation-delay:calc(var(--i) * 35ms)}.splash.leaving>:not(.logo){animation:.3s ease-in forwards fadeout}@keyframes fallout{to{opacity:.6;transform:translateY(110vh)rotate(18deg)}}@keyframes fadeout{to{opacity:0;transform:translateY(8px)}}.clues li.enter{animation:.4s ease-out both rise;animation-delay:calc(.3s + var(--i) * 80ms)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}.clues.rail{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;flex-direction:row;gap:10px;width:min(100vw,520px);margin-left:-16px;margin-right:-16px;padding:4px 7.5% 8px;scroll-padding:0 7.5%;overflow:auto hidden}.clues.rail::-webkit-scrollbar{display:none}.clues.rail li{scroll-snap-align:center;flex:0 0 85%;align-content:start;gap:8px 10px;min-height:150px;padding:14px 16px}.clues.rail .def{font-size:17px;line-height:1.4}.clues.rail .pts{font-size:15px}.clues.rail .hintbtn{padding:6px 14px;font-size:14px}.clues.rail li{grid-template-rows:auto 1fr auto;grid-template-columns:1fr auto}.clues.rail .pts{white-space:nowrap;grid-area:1/2}.clues.rail .btns{grid-area:3/1/auto/-1;gap:8px;display:flex}.clues.rail .btns .hintbtn{border-radius:10px;flex:1;min-height:40px;font-weight:700}.foot .link{white-space:nowrap}.actions{flex-wrap:wrap;row-gap:4px}.clue .foot,.splash .byline{margin-top:auto;padding-top:12px}.clue .foot .link,.splash .byline,.splash .byline .link{font-size:11px}.clue .foot.actions{gap:4px 12px}.clues.rail{width:var(--board);gap:0;margin:0;padding:4px 0 8px;scroll-padding:0}.clues.rail li{flex:0 0 100%;grid-template-rows:auto auto auto;position:relative}.clues.rail .slots{grid-area:1/1/auto/-1;justify-content:center;justify-self:center;padding-top:6px}.clues.rail .pts{position:absolute;top:10px;right:14px}.clues.rail .def{text-align:left;justify-self:start}.clue .grid{margin-top:3vh}.splash .logo{margin-top:auto}.tagline{font-size:16px}.clues.rail li{min-height:0}.clues.rail .btns{justify-content:flex-end;gap:6px}.clues.rail .btns .hintbtn{border:1px solid var(--tile-edge);min-height:0;color:var(--fg);background:0 0;border-radius:999px;flex:none;padding:4px 12px;font-size:13px;font-weight:400}.clues.rail li{grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;align-items:center}.clues.rail .slots{grid-area:1/1/auto/-1;justify-content:center;justify-self:stretch;gap:6px;padding:4px 0 2px}.clues.rail .box{width:34px;height:38px;font-size:22px}.clues.rail .def{grid-area:2/1/auto/-1}.clues.rail .pts{grid-area:3/1;align-self:center;position:static}.clues.rail .btns{grid-area:3/2}.clues .slots{align-items:flex-end}.clues .box{flex:none;line-height:1}.app.clue{--board:min(92vw, 44vh, 420px)}.clues.rail{width:var(--board)}.clue .foot.actions{width:var(--board);justify-content:space-between}.clues.rail li.fresh .slots:after{content:none}.clue .tile.boom{animation-delay:calc(max(var(--pop), 0) * .12s);animation-fill-mode:forwards}.app.clue{position:relative}.corner{z-index:5;gap:2px;display:flex;position:absolute;top:6px;right:6px}.mute{color:var(--dim);cursor:pointer;background:0 0;border:0;padding:6px;line-height:0}.mute[aria-pressed=true]{color:var(--fg)}