@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@800&family=Barlow:wght@400;600;700&display=swap";:root{font-family:Barlow,Arial,sans-serif;color:#edf4f8;background:#070d18;color-scheme:dark}*{box-sizing:border-box}html,body{width:100%;height:100%;height:100dvh;margin:0;overflow:hidden;overscroll-behavior:none}#space,#hud,#labels,#lobby{height:100%;height:100dvh}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:4px}button:disabled{opacity:.45;cursor:wait}#space{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}#lobby{position:fixed;inset:0;overflow-y:auto;background:linear-gradient(90deg,#050b16f2,#050b16b8 32%,transparent 75%)}header{display:flex;justify-content:space-between;align-items:center;padding:max(24px,env(safe-area-inset-top)) max(28px,env(safe-area-inset-right)) 0 max(28px,env(safe-area-inset-left))}.brand{font-weight:700;font-size:24px;color:#fff;text-decoration:none;letter-spacing:-2px}.live{font-size:12px;color:#a1b5c7}.intro{margin:clamp(32px,9vh,110px) 0 48px 9vw;width:320px}h1{font-family:Barlow Condensed,Impact,sans-serif;font-weight:800;font-size:clamp(84px,10vw,132px);line-height:.8;letter-spacing:-2px;margin:0 0 38px}h1>span:first-child{font-size:.6em;vertical-align:top;color:#718194;margin-left:16px;line-height:1}h1 .period{color:#76ecd7}form label{display:block;font-size:12px;color:#aabacb;margin:18px 0 8px}input{width:100%;height:48px;padding:12px 14px;background:#0a1525d9;border:1px solid #344356;border-radius:8px;color:#fff;font-size:16px}.teams{display:flex;gap:10px}.team{flex:1;display:flex;align-items:center;justify-content:space-between;color:#aabacb;border:1px solid #344356;padding:16px 14px;background:#0a1525dc;border-radius:8px;min-height:56px}.team b{font-size:20px;letter-spacing:1px}.team span{font-size:12px}.team.selected{border-color:#77ebd9;color:#8cf9e6;background:#173c41e6}.team.dog.selected{border-color:#ffab70;color:#ffba8f;background:#482c27e6}#launch{margin-top:20px;width:100%;background:#9bf6df;color:#09211f;border:0;border-radius:8px;padding:16px;text-align:left;font-size:16px;font-weight:700;min-height:54px}#launch span{float:right;font-size:21px}#status{font-size:12px;color:#aabacb;min-height:18px;margin:10px 0 0}#hud,#labels{position:fixed;inset:0;pointer-events:none}.score{position:absolute;top:max(18px,env(safe-area-inset-top));left:50%;transform:translate(-50%);display:flex;gap:20px;align-items:center;background:#071322bf;padding:8px 18px;border-radius:10px;font-size:12px;font-weight:600;white-space:nowrap}.score b{font-size:28px;margin:0 8px;font-variant-numeric:tabular-nums}.score small{font-size:10px;color:#a1b5c7}.cat{color:#81efd9}.dog-text{color:#ffae7b}.panel{position:absolute;bottom:max(42px,env(safe-area-inset-bottom));background:#081523b8;border-radius:8px;padding:12px 16px}.pilot{left:max(24px,env(safe-area-inset-left));width:170px}.pilot small{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a1b5c7}.hp-row{display:flex;align-items:baseline;gap:10px;margin:5px 0}.hp-row b{font-size:24px}.hp-row span{font-size:10px;color:#a1b5c7}.hp-track{height:3px;background:#253b4e}.hp-track i{display:block;height:100%;background:#85f4de;transition:width .15s}.telemetry{right:max(24px,env(safe-area-inset-right));display:flex;gap:16px;color:#a1b5c7;font-size:12px}.controls{position:absolute;bottom:18px;width:100%;text-align:center;color:#a1b5c7;font-size:11px}.controls span{margin:0 10px}#reticle{position:absolute;left:50%;top:50%;font:32px monospace;color:#a5fbe4;transform:translate(-50%,-50%);text-shadow:0 0 8px #80e8c8}#round{position:absolute;top:23%;width:100%;padding:0 20px;text-align:center;font-size:clamp(18px,3vw,28px);text-shadow:0 2px 15px #000}#notice{position:absolute;top:92px;right:24px;color:#aec0d4;font-size:11px;text-align:right;line-height:1.8;white-space:pre-line}.nameplate{position:absolute;font-size:10px;white-space:nowrap;transform:translate(-50%,-50%);text-shadow:0 1px 4px #000;color:#87f4df}.nameplate.enemy{color:#ffac77}[hidden]{display:none!important}#version{position:fixed;right:max(10px,env(safe-area-inset-right));bottom:max(5px,env(safe-area-inset-bottom));color:#8191a3;font:10px/1.4 monospace;pointer-events:none}#touch-controls,#population,.touch-mode .controls{display:none}.touch-mode #touch-controls{display:block}#stick{position:absolute;left:max(24px,env(safe-area-inset-left));bottom:calc(28px + env(safe-area-inset-bottom));width:132px;height:132px;border:1px solid #adc9da55;border-radius:50%;background:#0c1e3273;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.stick-guide{position:absolute;inset:24px;border:1px solid #adc9da22;border-radius:50%}#stick-knob{position:absolute;top:44px;left:44px;width:42px;height:42px;border-radius:50%;background:#c3edea40;border:1px solid #c3edea99}.stick-label{position:absolute;bottom:10px;width:100%;text-align:center;color:#a1b5c7;font-size:10px}.touch-actions{position:absolute;right:max(24px,env(safe-area-inset-right));bottom:calc(28px + env(safe-area-inset-bottom));display:grid;grid-template-columns:56px 80px;gap:10px;align-items:center}.touch-actions button{pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #adc9da66;color:#d6e5ef;background:#0c1e32c4;border-radius:50%;width:56px;height:56px;font-size:12px}.touch-actions #fire{grid-column:2;grid-row:1 / 3;width:80px;height:80px;color:#a1f4df;border-color:#86efd3aa;background:#183e42cc;font-size:16px;font-weight:700}.touch-actions button.pressed{background:#8bf0d6;color:#09211f}.touch-mode .pilot{bottom:calc(182px + env(safe-area-inset-bottom));width:132px;padding:8px 12px}.touch-mode .telemetry{bottom:calc(172px + env(safe-area-inset-bottom));padding:6px 12px}@media(max-width:600px){#lobby{background:linear-gradient(90deg,#050b16d9,#050b1655),linear-gradient(0deg,#050b16,transparent)}header{padding:max(20px,env(safe-area-inset-top)) 24px 0}.intro{width:auto;max-width:360px;margin:clamp(28px,8vh,70px) 24px 32px}h1{font-size:88px;margin-bottom:30px}.score{gap:8px;padding:6px 12px}.score b{font-size:24px}}@media(max-height:540px)and (orientation:landscape){header{padding-top:max(12px,env(safe-area-inset-top))}.intro{display:flex;align-items:center;justify-content:space-between;gap:32px;width:auto;margin:16px max(40px,env(safe-area-inset-right)) 20px max(40px,env(safe-area-inset-left))}h1{font-size:88px;margin:0}form{width:min(320px,48vw)}form label{margin-top:8px}.team{min-height:48px;padding:10px 14px}#launch{margin-top:12px;min-height:48px;padding:12px 16px}.touch-mode .pilot,.touch-mode .telemetry{top:max(12px,env(safe-area-inset-top));bottom:auto}.touch-mode .pilot small{display:none}.score{top:max(12px,env(safe-area-inset-top))}}@media(max-width:360px){#stick{left:max(16px,env(safe-area-inset-left))}.touch-actions{right:max(16px,env(safe-area-inset-right));gap:8px}}@keyframes feed-dismiss{0%,65%{opacity:1}to{opacity:0;visibility:hidden}}@media(orientation:portrait)and (max-width:600px),(orientation:landscape)and (max-height:600px)and (max-width:1100px){#hud{--edge-left: max(10px, env(safe-area-inset-left));--edge-right: max(10px, env(safe-area-inset-right));--edge-top: max(8px, env(safe-area-inset-top));--edge-bottom: calc(18px + env(safe-area-inset-bottom)) ;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.controls{display:none}.score{top:var(--edge-top);gap:clamp(8px,2vw,14px);width:max-content;max-width:calc(100% - var(--edge-left) - var(--edge-right));min-height:46px;padding:6px 12px;border:1px solid #adc9da30;border-radius:5px;font-size:11px;background:#071322b8}.score b{font-size:20px;margin:0 3px}.score small{font-size:9px}.score small:before,.score small:after{content:"·";padding:0 5px;color:#637b90}#notice{display:block;top:calc(var(--edge-top) + 52px);right:var(--edge-right);max-width:min(68%,300px);font-size:clamp(9px,2.4vw,11px);line-height:1.4;white-space:normal;overflow-wrap:anywhere;text-shadow:0 1px 3px #000}.feed-item{animation:feed-dismiss 4s linear forwards;margin-bottom:3px}.panel,.touch-mode .panel{top:auto;bottom:var(--edge-bottom);padding:5px 8px;border-radius:4px;background:#081523b8;border:1px solid #adc9da25}.pilot,.touch-mode .pilot{left:var(--edge-left);width:clamp(130px,40%,190px);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 6px}.pilot small,.touch-mode .pilot small{display:block;font-size:10px;line-height:16px}.hp-row{margin:0;gap:4px;align-items:baseline}.hp-row b{font-size:16px;line-height:18px}.hp-row span{font-size:8px}.hp-track{grid-column:1 / -1;height:3px}.telemetry,.touch-mode .telemetry{right:var(--edge-right);max-width:calc(55% - var(--edge-right));display:flex;flex-wrap:wrap;justify-content:flex-end;gap:3px 8px;font-size:10px;line-height:14px;padding:0;background:none;border:0;text-shadow:0 1px 3px #000}#population{display:block;flex-basis:100%;text-align:right}#ping{display:inline}#round{top:calc(var(--edge-top) + 48px);font-size:14px}#stick{left:var(--edge-left);bottom:calc(var(--edge-bottom) + 44px);background:#0c1e323d}.touch-actions{right:var(--edge-right);bottom:calc(var(--edge-bottom) + 44px);gap:8px}#version{font-size:8px;bottom:max(2px,env(safe-area-inset-bottom))}}@media(orientation:portrait)and (max-width:600px){.score{max-width:min(92%,330px)}.pilot,.touch-mode .pilot{width:clamp(150px,48%,205px)}.telemetry,.touch-mode .telemetry{max-width:44%}}@media(orientation:landscape)and (max-height:600px)and (max-width:1100px){.score{min-height:34px;padding:3px 10px;gap:8px}.score b{font-size:18px}#notice{top:calc(var(--edge-top) + 40px);max-width:min(30%,260px);font-size:9px}#round{top:calc(var(--edge-top) + 38px)}.pilot,.touch-mode .pilot{width:clamp(150px,22%,190px)}.telemetry,.touch-mode .telemetry{max-width:30%}#stick,.touch-actions{bottom:calc(var(--edge-bottom) + 39px)}}#sound-toggle{position:fixed;z-index:20;top:max(10px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));min-height:36px;padding:7px 10px;border:1px solid #adc9da40;border-radius:5px;color:#cee4ee;background:#081523cc;font:11px ui-monospace,monospace;cursor:pointer;touch-action:manipulation}@media(max-width:600px){#sound-toggle{top:calc(max(8px,env(safe-area-inset-top)) + 56px);left:max(10px,env(safe-area-inset-left));right:auto}}.radar.panel,.touch-mode .radar.panel{bottom:auto;position:absolute;right:24px;top:100px;width:180px;padding:12px;pointer-events:none;background:#07121ddb}.radar-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#a6c7cf}.radar-heading span{font-size:9px;letter-spacing:0}#minimap{display:block;width:100%;height:auto}.radar-key{display:flex;justify-content:space-between;font-size:10px}.radar-key span:first-child{color:#6cebd3}.radar-key span:nth-child(2){color:#ff995e}@media(max-width:700px),(max-height:600px){.radar.panel,.touch-mode .radar.panel{right:12px;top:76px;width:112px;padding:8px}.radar-heading{font-size:8px}.radar-heading span{display:none}.radar-key{font-size:8px}}#notice{right:220px;max-width:280px}@media(max-width:700px),(max-height:600px){#notice{right:140px;max-width:38%}}#touch-controls #stick{position:fixed;bottom:auto;width:120px;height:120px;transform:translate(-50%,-50%);pointer-events:none;background:#0c1e3255}#touch-controls #stick-knob{left:39px;top:39px}.touch-actions #missile{grid-column:2;grid-row:3;width:80px;height:48px;border-radius:14px;border-color:#ffd09a88;color:#ffd09a;font-size:12px}#missile-cooldown{display:block;font-size:9px;margin-top:3px}#missile.reloading{opacity:.6}.weapon-status{position:absolute;bottom:104px;right:24px;color:#ffd09a;font-size:11px;text-shadow:0 1px 4px #000}.touch-mode .weapon-status{display:none}.respawning #touch-controls,.respawning #reticle{visibility:hidden}.respawning #round{color:#ffd09a}@media(orientation:landscape)and (max-height:600px){.radar.panel,.touch-mode .radar.panel{left:12px;right:auto;top:58px;width:100px}#notice{right:12px;max-width:30%}}