@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(./outfit-latin-700-normal-Cu9v6i1X.woff2)format("woff2"),url(./outfit-latin-700-normal-D4itBLBr.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(./outfit-latin-800-normal-CQna6-G7.woff2)format("woff2"),url(./outfit-latin-800-normal-BRHLSPcU.woff)format("woff")}:root{--bg:#e9edf2;--bg2:#d6dde6;--board:#c7d0db;--board-edge:#a5b1bf;--slot:#b8c2cf;--ink:#1b2230;--ink-soft:#566173;--accent:#f2a93b;--accent-ink:#2a1a02;--panel:#f6f8fb;--c-up:#ef7a5f;--c-right:#f2b544;--c-down:#3fb8a4;--c-left:#5f8fea;--neutral:#9fb2cb;font-family:Outfit,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#131821;--bg2:#1c2330;--board:#273041;--board-edge:#1a202c;--slot:#313b4e;--ink:#eef2f7;--ink-soft:#9aa6b8;--panel:#1f2633}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;overscroll-behavior:none;margin:0;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hidden{display:none!important}button{font:inherit;color:inherit;cursor:pointer;-webkit-touch-callout:none;border:0}.i svg,.ic svg{fill:currentColor;width:1em;height:1em;display:block}#hud{height:64px;padding:max(10px, env(safe-area-inset-top)) 16px 0;pointer-events:none;grid-template-columns:64px 1fr 64px;align-items:center;display:grid;position:fixed;top:0;left:0;right:0}#hud>*{pointer-events:auto}.lvl{text-align:center;letter-spacing:-.01em;font-size:22px;font-weight:800}.miss{color:var(--ink-soft);justify-content:flex-end;align-items:center;gap:4px;font-size:18px;font-weight:700;transition:color .2s;display:flex}.miss .i{font-size:18px}.miss.bad{color:var(--c-up)}.miss.pop{animation:.35s cubic-bezier(.2,1.6,.4,1) pop}.ic{background:var(--panel);width:44px;height:44px;box-shadow:0 3px 0 var(--board-edge);border-radius:14px;place-items:center;font-size:22px;transition:transform .12s,box-shadow .12s;display:grid}.ic:active{box-shadow:0 0 0 var(--board-edge);transform:translateY(3px)}.ic.big{border-radius:18px;width:60px;height:60px;font-size:28px}.ic.accent{background:var(--accent);color:var(--accent-ink);box-shadow:0 4px #b8771c}.ic.accent:active{box-shadow:0 0 #b8771c}#bar{height:96px;padding:0 16px max(16px, env(safe-area-inset-bottom));pointer-events:none;justify-content:center;align-items:center;gap:20px;display:flex;position:fixed;bottom:0;left:0;right:0}#bar>*{pointer-events:auto}.screen{flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}#start{background:var(--bg)}#win,#fail{background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:.25s fade}.logo{flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:0;display:flex}.logo .word{gap:6px;display:flex}.tile{--c:var(--c-right);width:52px;height:56px;color:#1b2230;background:var(--c);box-shadow:inset 0 -6px 0 #0000002e, 0 6px 0 color-mix(in srgb, var(--c) 55%, #000), 0 12px 16px #0000001f;animation:.55s cubic-bezier(.2,1.4,.4,1) both drop;animation-delay:calc(var(--k) * 45ms);border-radius:12px;place-items:center;font-size:32px;font-weight:800;display:grid}.word.out .tile{animation-name:drop,nudge;animation-duration:.55s,2.8s;animation-iteration-count:1,infinite;animation-delay:calc(var(--k) * 45ms), 1.2s}@media (width<=420px){.tile{border-radius:10px;width:40px;height:44px;font-size:25px}}.cta{background:var(--accent);height:60px;color:var(--accent-ink);white-space:nowrap;border-radius:18px;align-items:center;gap:10px;padding:0 30px;font-size:22px;font-weight:800;transition:transform .12s,box-shadow .12s;display:inline-flex;box-shadow:0 5px #b8771c}.cta:active{transform:translateY(5px);box-shadow:0 0 #b8771c}.cta .i{font-size:24px}.grid{grid-template-columns:repeat(8,46px);gap:10px;display:grid}@media (width<=480px){.grid{grid-template-columns:repeat(5,52px)}}.grid button{background:var(--panel);height:50px;box-shadow:0 3px 0 var(--board-edge);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:17px;font-weight:700;display:flex}.grid button:active{box-shadow:none;transform:translateY(3px)}.grid button[disabled]{opacity:.35;cursor:default;box-shadow:none}.grid button.cur{outline:3px solid var(--accent);outline-offset:1px}.grid .s{letter-spacing:1px;color:var(--accent);height:9px;font-size:9px;line-height:9px}.card{background:var(--panel);box-shadow:0 8px 0 var(--board-edge), 0 24px 48px #0000002e;border-radius:24px;flex-direction:column;align-items:center;gap:18px;padding:28px 32px;animation:.4s cubic-bezier(.2,1.3,.4,1) rise;display:flex}.stars{color:var(--slot);gap:8px;font-size:48px;display:flex}.stars .on{color:var(--accent);animation:.45s cubic-bezier(.2,1.6,.4,1) both pop}.stars .on:nth-child(2){animation-delay:.12s}.stars .on:nth-child(3){animation-delay:.24s}.info{color:var(--ink-soft);gap:18px;font-size:18px;font-weight:700;display:flex}.info span{align-items:center;gap:5px;display:flex}@keyframes pop{0%{transform:scale(.3)}to{transform:scale(1)}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(30px)}}@keyframes drop{0%{opacity:0;transform:translateY(-40px)}}@keyframes nudge{0%,70%,to{transform:none}80%{transform:translate(8px)}90%{transform:translate(-2px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.grid .s{gap:1px;display:flex}.grid .s svg{fill:currentColor;width:9px;height:9px}.mode{background:var(--bg2);border-radius:16px;gap:4px;padding:4px;display:flex}.mode button{height:40px;color:var(--ink-soft);background:0 0;border-radius:12px;padding:0 22px;font-size:17px;font-weight:800}.mode button.on{background:var(--panel);color:var(--ink);box-shadow:0 3px 0 var(--board-edge)}.lives{color:var(--c-up);justify-content:flex-end;gap:2px;font-size:18px;display:flex}.lives .lost{color:var(--slot)}#fail .card{gap:14px}.ttl{font-size:24px;font-weight:800}.cta.alt{background:var(--panel);color:var(--ink);box-shadow:0 5px 0 var(--board-edge);font-size:18px}.cta.alt:active{box-shadow:0 0 0 var(--board-edge)}#fail .cta{justify-content:center;align-self:stretch}