@import "https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Chakra+Petch:wght@500;700&display=swap";:root{color:#f7f0ff;font-synthesis:none;background:#050611;font-family:Chakra Petch,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 25%,#272050 0,#0d1025 38%,#050611 75%),#050611;place-items:center;min-height:100vh;display:grid;overflow:hidden}.shell{width:min(100vw,1280px);padding:12px clamp(8px,2vw,24px) 10px}.brand{color:#fff8d6;letter-spacing:.04em;text-shadow:3px 3px #f2388f,6px 6px #242a75;justify-content:center;align-items:center;gap:.35em;margin-bottom:8px;font-family:Black Ops One,Impact,sans-serif;font-size:clamp(24px,4vw,46px);line-height:.9;display:flex;transform:skew(-4deg)}.brand i{color:#68f2ff;font-size:.68em}#game-root{aspect-ratio:16/9;background:#090b18;border:3px solid #6873df;border-radius:4px;width:100%;overflow:hidden;box-shadow:0 0 0 2px #171b45,0 18px 55px #000b,0 0 36px #5864c744}#game-root canvas{display:block}.controls{color:#a9abd0;letter-spacing:.04em;flex-wrap:wrap;justify-content:center;gap:5px 16px;margin:10px 0 0;font-size:clamp(10px,1.5vw,14px);display:flex}.controls strong{color:#68f2ff;margin-right:-10px}@media (max-height:720px){.brand{font-size:24px}.shell{width:min(100vw,177.778vh - 149.333px);padding-top:7px}}