@font-face{font-family:Audiowide;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/audiowide-latin-400-normal-6GFCX7ni.woff2)format("woff2"),url(/assets/audiowide-latin-400-normal-D6mHIfnv.woff)format("woff")}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/exo-2-latin-400-normal-D8MC3_dU.woff2)format("woff2"),url(/assets/exo-2-latin-400-normal-_vYD6UCb.woff)format("woff")}@font-face{font-family:"Exo 2";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/exo-2-latin-600-normal-DOMk466V.woff2)format("woff2"),url(/assets/exo-2-latin-600-normal-DZPWd1Z-.woff)format("woff")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0221;--panel:#170636;--text:#ffe3f3;--muted:#b48ac9;--accent:#05d9e8;--accent-2:#ff2a6d;--edge:#ff2a6d;--glow:#ff2a6d99;--font-display:Audiowide, system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Exo 2", system-ui, -apple-system, "Segoe UI", sans-serif}html,body{overscroll-behavior:none;background:var(--bg);height:100%;font-family:var(--font-body);color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;overflow:hidden}body{position:fixed;inset:0}#game{top:env(safe-area-inset-top,0px);right:env(safe-area-inset-right,0px);bottom:env(safe-area-inset-bottom,0px);left:env(safe-area-inset-left,0px);touch-action:none;position:fixed}#board{width:100%;height:100%;display:block}#ui{pointer-events:none;position:absolute;inset:0}#ui>*{pointer-events:auto}dialog.screen{min-width:min(20rem,80vw);max-width:min(32rem,94vw);max-height:calc(100dvh - 2rem - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));box-sizing:border-box;touch-action:pan-y;border:1px solid var(--edge);box-shadow:0 0 18px color-mix(in srgb, var(--edge) 45%, transparent), inset 0 0 22px color-mix(in srgb, var(--edge) 12%, transparent);background:var(--panel);color:var(--text);text-align:center;border-radius:14px;padding:1.5rem 2rem;overflow:auto}dialog.screen:focus{outline:none}dialog.screen::backdrop{background:color-mix(in srgb, var(--bg) 65%, transparent)}dialog.screen h1,dialog.screen h2{font-family:var(--font-display);letter-spacing:.04em;color:var(--accent);text-shadow:0 0 10px color-mix(in srgb, var(--accent) 80%, transparent);margin:0 0 .5rem;font-weight:400}@media (prefers-reduced-motion:no-preference){dialog.screen[open]{animation:.15s ease-out dialog-in}}@keyframes dialog-in{0%{opacity:0;transform:scale(.96)}}dialog.screen p{margin:.5rem 0 1rem}dialog.screen .hint{color:var(--muted);margin:.75rem 0 0;font-size:.85rem}dialog.screen.touch .hint{display:none}dialog.screen .gesture{color:var(--accent);margin-left:.3rem}dialog.screen .error{color:#ff8a8a}dialog.screen .score{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:1.6rem}dialog.screen .buttons{justify-content:center;gap:.75rem;display:flex}button{font:inherit;border:1px solid color-mix(in srgb, var(--edge) 60%, transparent);color:var(--text);cursor:pointer;touch-action:manipulation;background:0 0;border-radius:999px;padding:.5rem 1.25rem}@media (hover:hover){button:hover{border-color:var(--edge)}}button.primary{background:var(--accent-2);border-color:var(--accent-2);color:var(--bg);box-shadow:0 0 14px var(--glow);font-weight:600}button[aria-busy=true]{opacity:.6;cursor:progress}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}dialog.screen table.controls{border-collapse:collapse;text-align:left;margin:.5rem auto 1rem}dialog.screen table.controls th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.6rem 0 .2rem;font-size:.75rem}dialog.screen table.controls td{padding:.15rem 0}dialog.screen table.controls td.keys{text-align:right;padding-left:1.5rem}kbd{border:1px solid color-mix(in srgb, var(--edge) 60%, transparent);min-width:1.4em;font:inherit;text-align:center;border-radius:4px;margin-left:.3rem;padding:.05rem .4rem;font-size:.85rem;display:inline-block}.hud-button{background:0 0;border:none;place-items:center;padding:0;font-weight:700;line-height:1;display:grid;position:absolute}.hud-button>span{width:var(--size);height:var(--size);box-sizing:border-box;border:1px solid color-mix(in srgb, var(--edge) 80%, transparent);box-shadow:0 0 8px var(--glow);border-radius:50%;place-items:center;display:grid}.hud-button[data-button=pause]>span:before{content:"";border-left:.2em solid;border-right:.2em solid;width:.2em;height:.75em}.hud-button:focus-visible{outline:none}.hud-button:focus-visible>span{outline:2px solid var(--accent);outline-offset:2px}dialog.screen .best,dialog.screen .details{color:var(--muted)}dialog.screen .news{color:var(--accent);font-weight:600}dialog.screen table.top{border-collapse:collapse;text-align:left;width:100%;margin:.5rem 0 1rem;font-size:.85rem}dialog.screen table.top th{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.2rem .4rem;font-size:.7rem}dialog.screen table.top td{white-space:nowrap;padding:.2rem .4rem}dialog.screen table.top .number{text-align:right}dialog.screen table.top tr.latest td{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent);font-weight:600}.word-list{box-sizing:border-box;color:var(--text);scrollbar-width:thin;touch-action:pan-y;margin:0;padding:0;list-style:none;position:absolute;overflow-y:auto}.word-list li{gap:.5em;padding:.1em 0;font-weight:600;display:flex}.word-list .points{color:var(--muted)}.word-list .chain,.word-list .board-clear{color:var(--accent)}.word-list li.fresh{color:var(--accent);text-shadow:0 0 8px color-mix(in srgb, var(--accent) 70%, transparent)}.word-list li.fresh .points{color:var(--accent)}.word-strip{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--edge) 35%, transparent);white-space:nowrap;border-radius:6px;justify-content:space-between;align-items:center;gap:.75em;padding:0 .6em;font-weight:600;display:flex;position:absolute;overflow:hidden}.word-strip[hidden]{display:none}.word-strip .latest{gap:1em;min-width:0;display:flex;overflow:hidden}.word-strip .latest>span{gap:.4em;display:flex}.word-strip .points,.word-strip .count,.word-strip .empty{color:var(--muted)}.word-strip .chain,.word-strip .board-clear,.word-strip .fresh,.word-strip .fresh .points{color:var(--accent)}dialog.screen ol.words{text-align:left;touch-action:pan-y;max-height:50vh;margin:.5rem 0 1rem;padding:0;list-style:none;overflow-y:auto}dialog.screen ol.words li{gap:.5em;padding:.15em 0;font-weight:600;display:flex}dialog.screen ol.words .points{color:var(--muted)}dialog.screen ol.words .chain,dialog.screen ol.words .board-clear{color:var(--accent)}
