*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100dvh;overflow:hidden;background:#10141c;color:#d8e0ee;font-family:Segoe UI,system-ui,-apple-system,sans-serif;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#app{position:fixed;inset:0;width:100dvw;height:100dvh}#game,#game canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}#hud{position:absolute;inset:0;pointer-events:none;z-index:10}.topbar{position:absolute;top:max(6px,env(safe-area-inset-top));left:50%;transform:translate(-50%);pointer-events:none}.scrap{background:#0a0e16d1;border:1px solid #2a3446;border-radius:8px;padding:6px 14px;font-size:17px;font-weight:600;color:#ffd66e;font-variant-numeric:tabular-nums}#minimap{position:absolute;pointer-events:auto;width:128px;height:128px;border:1px solid #2a3446;border-radius:6px;background:#05070c;image-rendering:pixelated}#hud.spectator .buildbar,#hud.spectator .chips,#hud.spectator .scrap{display:none}.versus{position:absolute;top:max(6px,env(safe-area-inset-top));left:50%;transform:translate(-50%);background:#0a0e16d1;border:1px solid #2a3446;border-radius:8px;padding:6px 14px;font-size:14px;font-weight:600;color:#8b98ad;pointer-events:none}.vs-blue{color:#6eb0ff}.vs-red{color:#ff8a7a}.dbg{position:absolute;top:max(6px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));pointer-events:auto;min-height:34px;padding:4px 10px;border-radius:6px;border:1px dashed #3a4a66;background:#0a0e16b3;color:#6f809c;font-size:11px;font-weight:700;letter-spacing:1px}.dbg.off{color:#ffd66e;border-color:#ffd66e}#unzoom{position:absolute;z-index:1000;border:none;background:#ffd66e;color:#10141c;font-weight:800;letter-spacing:.5px}.zoombtns{position:absolute;left:max(8px,env(safe-area-inset-left));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;pointer-events:none}.zb{pointer-events:auto;width:46px;height:46px;border-radius:50%;border:1px solid #2a3446;background:#0a0e16d9;color:#d8e0ee;font-size:22px;font-weight:700;line-height:1}.zb:active{background:#223048}.chips{position:absolute;display:flex;gap:8px;pointer-events:none}.chip{pointer-events:auto;min-height:44px;padding:8px 18px;border-radius:22px;border:1px solid #2a3446;background:#0a0e16e0;color:#d8e0ee;font-size:15px;font-weight:600}.chip.warn{color:#ff9c8a}.chip:active{background:#223048}.buildbar{position:absolute;display:flex;gap:6px;padding:8px;background:#0a0e16d1;border:1px solid #2a3446;pointer-events:auto}.group{display:flex;gap:6px}.sep{background:#2a3446;align-self:stretch}.bb{position:relative;width:58px;height:58px;border-radius:10px;border:1px solid #33415a;background:#182236;color:#d8e0ee;font-weight:700;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;overflow:hidden;flex-shrink:0}.bb .cost{font-size:11px;font-weight:500;color:#ffd66e}.bb:disabled{opacity:.38}.bb.ready{border-color:#37d67a;box-shadow:0 0 0 1px #37d67a inset}.bb.ready:after{content:"PLACE";position:absolute;inset:auto 0 3px;font-size:9px;color:#7ef29b}.bb.placing{background:#1e3a2a}.bb .badge{position:absolute;top:3px;right:3px;background:#4894ff;color:#fff;border-radius:8px;font-size:10px;min-width:16px;height:16px;line-height:16px}.bb .prog{position:absolute;left:0;right:0;bottom:0;background:#7ef29b40;pointer-events:none}@media(orientation:portrait){.buildbar{left:0;right:0;bottom:0;padding-bottom:max(8px,env(safe-area-inset-bottom));flex-direction:row;overflow-x:auto;border-width:1px 0 0 0}.sep{width:1px}#minimap{right:max(8px,env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top))}.chips{left:max(8px,env(safe-area-inset-left));bottom:calc(84px + env(safe-area-inset-bottom))}}@media(orientation:landscape){.buildbar{top:0;bottom:0;right:0;padding-right:max(8px,env(safe-area-inset-right));flex-direction:column;overflow-y:auto;border-width:0 0 0 1px}.group{flex-direction:column}.sep{height:1px}#minimap{right:calc(84px + env(safe-area-inset-right));top:max(8px,env(safe-area-inset-top))}.chips{right:calc(84px + env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}}[hidden]{display:none!important}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#05070cb8;pointer-events:auto}.panel{background:#10141c;border:1px solid #2a3446;border-radius:14px;padding:28px 34px;text-align:center;max-width:min(86vw,400px)}.panel h1{font-size:34px;letter-spacing:3px;margin-bottom:4px}.panel h1.win{color:#7ef29b}.panel h1.lose{color:#ff8a7a}.panel .time{color:#8b98ad;margin-bottom:16px}.panel table{margin:0 auto 20px;border-collapse:collapse;font-size:14px}.panel td,.panel th{padding:4px 12px;text-align:right}.panel td:first-child{text-align:left;color:#8b98ad}.cta{min-height:48px;padding:10px 30px;font-size:17px;font-weight:700;color:#061018;background:#4894ff;border:none;border-radius:10px}.cta:active{background:#6eb0ff}.cta.alt{display:block;margin:10px auto 0;background:#223048;color:#d8e0ee;font-size:14px}#splash .panel h1{color:#6ec1ff;font-family:monospace}#splash .sub{color:#8b98ad;margin-bottom:22px}