:root{--bg0: #010104;--bg1: #0d2756;--grid: rgba(162, 229, 238, .075);--text: #e1ecf1;--muted: rgba(225, 236, 241, .7);--neon-blue: #0ba1e0;--neon-cyan: #a2e5ee;--accent-orange: #f15e0b}html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;background:radial-gradient(700px 460px at 22% 20%,#f15e0b38,#f15e0b00 55%),radial-gradient(1000px 700px at 65% 15%,#0ba1e038,#0ba1e000 55%),radial-gradient(1200px 900px at 50% 35%,#a2e5ee1a,#a2e5ee00 60%),radial-gradient(1200px 700px at 30% 10%,var(--bg1) 0%,var(--bg0) 58%,#000 100%);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}#app{height:100%;display:grid;place-items:center;position:relative}canvas.three-canvas{image-rendering:auto;box-shadow:none;border-radius:0;position:absolute;top:0;left:0;z-index:10;pointer-events:none;object-fit:contain}canvas:not(.three-canvas){position:relative;z-index:20}canvas{image-rendering:pixelated;touch-action:none;box-shadow:0 0 0 2px #a2e5ee1f,0 20px 80px #0009;border-radius:14px;max-width:100vw;max-height:100vh}@media(max-width:720px){#app{place-items:stretch}canvas{border-radius:0;box-shadow:none}}@media(orientation:portrait)and (max-width:720px)and (pointer:coarse){#app:after{content:"ROTATE DEVICE · LANDSCAPE COMBAT MODE";position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:24px;box-sizing:border-box;color:var(--neon-cyan);background:#01030af0;border:2px solid rgba(162,229,238,.35);font-size:clamp(16px,5vw,26px);font-weight:700;text-align:center;letter-spacing:.08em}}