:root{--color-ink:#120e22;--color-lilac:#9a8ae0;--color-yellow:#ffe03d;--color-cream:#f8f5ff;--color-violet:#8b3bdb;--font-display:"Arco", ui-sans-serif, system-ui, sans-serif;--font-text:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif}@font-face{font-family:Arco;src:url(/ARCO.ttf)format("truetype");font-weight:100 900;font-display:swap}*{box-sizing:border-box}html,body{background:var(--color-ink);color:var(--color-cream);font-family:var(--font-text);-webkit-font-smoothing:antialiased;margin:0}#bg{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}main{flex-direction:column;height:100svh;display:flex;position:relative}header{align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.logo{flex:none;width:2.25rem;height:auto}h1{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:1.125rem;font-weight:800;overflow:hidden}.cell{color:var(--color-yellow)}.u{color:var(--color-cream)}.lose{color:var(--color-violet)}.frame{flex:1;min-height:0;padding:0 1rem 1rem}#game{background:color-mix(in srgb, var(--color-ink) 72%, transparent);border:1px solid color-mix(in srgb, var(--color-lilac) 20%, transparent);border-radius:1.5rem;height:100%;position:relative;overflow:hidden}.spinner{border:2px solid color-mix(in srgb, currentColor 25%, transparent);border-top-color:currentColor;border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.boot-loader{color:var(--color-lilac);justify-content:center;align-items:center;gap:.75rem;font-weight:700;display:flex;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}@media (width>=640px){header{padding:.75rem 2rem}h1{font-size:1.5rem}.logo{width:3rem}.frame{padding:0 2rem 2rem}}