:root{--aspect-w: 1280;--aspect-h: 720;--letterbox-bar-height: clamp(14px, 2.4vh, 24px);--crt-scan-y: 0px;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#08090d;color:#f5f2e8}*{box-sizing:border-box}html,body,#shell,#game-root{width:100%;height:100%;margin:0}body{position:relative;overflow:hidden;overscroll-behavior:none;background:radial-gradient(circle at 22% 0%,rgba(214,53,64,.26),transparent 32%),radial-gradient(circle at 76% 10%,rgba(68,178,201,.22),transparent 30%),linear-gradient(180deg,#090b14,#111019 52%,#09090c)}body:before,body:after{content:"";position:fixed;left:0;z-index:5;width:100%;height:var(--letterbox-bar-height);pointer-events:none;background:#000}body:before{top:0;box-shadow:0 10px 20px #0000006b}body:after{bottom:0;box-shadow:0 -10px 20px #0000006b}#shell{display:grid;place-items:center}#game-root{position:relative;display:grid;place-items:center;width:min(100vw,calc(100vh * var(--aspect-w) / var(--aspect-h)));height:min(100vh,calc(100vw * var(--aspect-h) / var(--aspect-w)));background:#07080d;isolation:isolate;overflow:hidden}#game-root:before,#game-root:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}#game-root:before{background:linear-gradient(#ffffff09 50%,#0000002e 50%),linear-gradient(90deg,#ff000009,#00ffb406,#005aff09),radial-gradient(circle at 50% 50%,transparent 58%,rgba(0,0,0,.34) 100%);background-size:100% 4px,6px 100%,100% 100%;mix-blend-mode:screen;opacity:.52}#game-root:after{background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.08) 48%,transparent 52%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.05),transparent 62%);background-size:100% 180px,100% 100%;background-position:0 var(--crt-scan-y),0 0;box-shadow:inset 0 0 42px #000000ad,inset 0 0 140px #00000080;opacity:.3;animation:crt-flicker .18s steps(2,end) infinite}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;filter:contrast(1.08) saturate(1.12);outline:none;position:relative;z-index:1;touch-action:none;-webkit-tap-highlight-color:transparent}@keyframes crt-flicker{0%{opacity:.24}to{opacity:.34}}#rotate-hint{display:none}@media(orientation:portrait)and (pointer:coarse){#rotate-hint{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-content:center;gap:1rem;padding:2rem;text-align:center;background:#07080d;color:#f5f2e8}.rotate-hint__icon{font-size:clamp(48px,18vw,96px);line-height:1;animation:rotate-nudge 2s ease-in-out infinite}#rotate-hint p{margin:0;font-size:clamp(15px,5vw,20px);letter-spacing:.04em;color:#c9b48a}}@keyframes rotate-nudge{0%,60%,to{transform:rotate(0)}30%{transform:rotate(-90deg)}}