:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eaf2f5;font-synthesis:none;background:#080e17;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.topbar{border-bottom:1px solid #233041;justify-content:space-between;align-items:center;padding:24px 4vw;display:flex}.brand{letter-spacing:-1px;font-size:24px;font-weight:900}.brand span{letter-spacing:3px;color:#7a94a9;margin-top:6px;font:10px monospace;display:block}.phase{letter-spacing:1.5px;color:#94a9ba;align-items:center;gap:10px;font:10px monospace;display:flex}.phase i{background:#55dcb0;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #55dcb060}main{grid-template-columns:300px minmax(0,1fr);gap:4vw;padding:44px 4vw 30px;display:grid}.eyebrow{letter-spacing:2px;color:#65d9b6;margin-bottom:24px;font:10px monospace}h1{letter-spacing:-2px;margin:0 0 22px;font-size:42px;line-height:1.08}h1 em{color:#65d9b6;font-style:normal}.intro>p:not(.eyebrow){color:#91a6b9;font-size:13px;line-height:1.7}form{gap:14px;margin-top:28px;display:grid}label{color:#8fa7b9;font:11px monospace}input{color:#eaf2f5;background:#111c2b;border:1px solid #29394b;border-radius:5px;width:100%;margin-top:7px;padding:12px;font-size:12px;display:block}input:focus{outline:1px solid #65d9b6}.connect-button{color:#10271f;background:#65d9b6;border:0;border-radius:5px;justify-content:space-between;padding:14px;font-size:13px;font-weight:700;display:flex}.connect-button span{font-size:20px;line-height:15px}output{color:#8ca5b8;min-height:35px;padding-top:14px;font-size:11px;line-height:1.5;display:block}.controls-note{color:#99aec0;margin-top:30px;font:11px/2 monospace}.controls-note b{color:#65d9b6;margin-right:8px}.controls-note small{color:#607d95;margin-top:12px;line-height:1.6;display:block}.arena-panel{background:#0c1522;border:1px solid #28394a;border-radius:8px;align-self:start;min-width:0;overflow:hidden;box-shadow:0 22px 70px #0005}.arena-caption,footer{letter-spacing:1px;color:#a4b8c9;border-bottom:1px solid #28394a;justify-content:space-between;padding:14px 18px;font:10px monospace;display:flex}#connection-state{color:#65d9b6}.arena{height:580px;position:relative;overflow:hidden}canvas,#view-hud{width:100%;height:100%;position:absolute;inset:0}canvas{touch-action:none}#view-hud{pointer-events:none}.view-hud{pointer-events:none;border:1px solid #2a3e55;padding:14px;position:absolute;overflow:hidden}.view-heading{letter-spacing:1px;color:#b5cfdf;font:10px monospace}.view-stats{color:#89b5c8;font:10px monospace;position:absolute;bottom:16px;left:14px}.actor-labels{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.touch-controls{color:#89b5c8;justify-content:space-between;align-items:center;font:10px monospace;display:none;position:absolute;inset:auto 14px 40px}.touch-controls button{pointer-events:auto;color:#9bffda;touch-action:none;background:#284457aa;border:1px solid #5da28c;border-radius:50%;width:42px;height:42px;font-size:22px}.empty-state{text-align:center;background:radial-gradient(#15283b40,#0000 60%);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.empty-state[hidden]{display:none}.crosshair{color:#3e816f;margin-bottom:22px;font:50px monospace}.empty-state b{letter-spacing:2px;color:#adc4d4;font:11px monospace}.empty-state p{color:#657f97;font-size:12px;line-height:1.8}footer{color:#607e96;border-top:1px solid #28394a;border-bottom:0;font-size:9px}.bottom-note{letter-spacing:1px;color:#65d9b6;border-top:1px solid #213044;justify-content:space-between;margin:0 4vw 30px;padding-top:18px;font:10px monospace;display:flex}.bottom-note span{color:#607b91;letter-spacing:0}@media (pointer:coarse){.touch-controls{display:flex}}@media (width<=1000px){main{grid-template-columns:240px minmax(0,1fr);gap:24px}h1{font-size:34px}.arena{height:550px}}@media (width<=760px){.topbar{padding:18px 20px}.phase{text-align:right;max-width:150px;font-size:8px}main{flex-direction:column;gap:24px;padding:26px 20px;display:flex}.intro>p:not(.eyebrow),.controls-note{display:none}.eyebrow{margin:0 0 10px}h1{margin-bottom:18px;font-size:28px;line-height:1.1}h1 br{display:none}form{grid-template-columns:1fr 1fr;gap:10px;margin:0}form button{grid-column:1/-1}.arena{height:55vh;min-height:340px}.arena-caption{padding:12px;font-size:8px}.bottom-note{gap:20px;margin:0 20px 20px;font-size:8px}.bottom-note span{text-align:right}.view-hud{padding:8px}.view-heading{font-size:8px}.view-stats{font-size:8px;bottom:12px;left:8px}body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}}.gamepad-assignment{pointer-events:auto;color:#7896ac;font-size:9px;position:absolute;top:32px;right:12px}.gamepad-assignment select{color:#aac8d9;background:#102132;border:1px solid #294354;border-radius:4px;max-width:110px;padding:4px;font-size:9px}