:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f1b2e;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink:#1f1b2e;--muted:#777386;--accent:#499614;background:#fff;font-family:Poppins,sans-serif}*{box-sizing:border-box}html,body,#root{background:#fff;width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;font-family:Poppins,sans-serif}.page{background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:clamp(12px,2vh,22px);min-height:100svh;padding:24px 20px;display:flex}.page-header{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.title{letter-spacing:-.085em;margin:0;font-size:clamp(38px,5.5vw,64px);font-weight:800;line-height:1}.title span{color:var(--accent)}.tagline{color:var(--muted);letter-spacing:.19em;text-transform:uppercase;margin:7px 0 0;font-size:clamp(10px,1.2vw,13px);font-weight:500}.arena{aspect-ratio:16/9;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#fff;outline:none;width:max(280px,min(1180px,100vw - 40px,177.778svh - 408.889px));position:relative;overflow:hidden}.arena:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.arena canvas{width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.status{min-width:104px;color:var(--ink);letter-spacing:.05em;background:#fff;border:1px solid #eceaf0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:600;display:inline-flex;box-shadow:0 4px 14px #1f1b2e0d}.dot{background:#b9b5c7;border-radius:50%;width:7px;height:7px}.dot.walking{background:var(--accent);animation:.5s steps(2,end) infinite blink}.hint{color:var(--muted);text-align:center;margin:0;font-size:clamp(10px,1vw,10px);font-weight:400}.hint span{color:#c5c2ce;margin:0 5px}@keyframes blink{50%{opacity:.35}}@media (width<=600px){.page{gap:14px;padding:18px 0}.page-header{gap:2px}.title{font-size:42px}.tagline{margin-top:5px;font-size:9px}.arena{border-left:0;border-right:0;border-radius:0;width:100%}.hint{max-width:300px;padding:0 16px;line-height:1.6}}@media (height<=620px) and (width>=601px){.page{gap:9px;padding-top:12px;padding-bottom:12px}.title{font-size:36px}.tagline{margin-top:3px;font-size:9px}.arena{width:max(280px,min(1180px,100vw - 40px,177.778svh - 275.556px))}}@media (prefers-reduced-motion:reduce){.dot.walking{animation:none}}