:root{color:#e7e9ed;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#15171b;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.app{width:min(100%,1200px);margin:0 auto;padding:24px}header{margin-bottom:20px}h1{margin:0;font-size:1.25rem;font-weight:600}header p{color:#a9b0bd;margin:8px 0 0;font-size:.875rem}.game-viewport{aspect-ratio:16/9;background:#172333;border-radius:8px;width:100%;position:relative;overflow:hidden}.game-viewport canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.game-viewport canvas:focus-visible{outline-offset:-2px;outline:2px solid #91d2ff}.crosshair{pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#f2f7fc;position:absolute;box-shadow:0 0 2px #172333}.crosshair:before{width:14px;height:2px;top:6px;left:0}.crosshair:after{width:2px;height:14px;top:0;left:6px}.game-status{color:#e7e9ed;pointer-events:none;background:#111820d9;border-radius:6px;width:fit-content;max-width:calc(100% - 32px);margin:0;padding:10px 14px;font-size:.875rem;position:absolute;bottom:16px;left:16px;right:16px}.game-status.error{color:#ffcfb0}@media (width<=600px){.app{padding:16px}}