@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#223c39;background:#eef0e6;font-synthesis:none;font-weight:400;--orange:#e96439;--ink:#233b36;--paper:#f5f4e9}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e96439;outline-offset:5px}button{color:inherit}button:hover{filter:brightness(.95)}[hidden]{display:none!important}.topbar{height:78px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cbd2c5;background:var(--paper)}.brand{display:flex;align-items:center;gap:12px;font-size:23px;letter-spacing:-1px;font-weight:800;text-decoration:none;color:var(--ink)}.brand-icon{display:flex;background:var(--orange);color:var(--paper);width:34px;height:34px;border-radius:50%;padding:4px}.brand-divider{height:21px;width:1px;background:#bec8bd;margin:0 8px}.edition{font:600 12px DM Sans,sans-serif;letter-spacing:2px}.header-right{display:flex;align-items:center;gap:28px}.local-status{font-size:10px;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.local-status i,.live-dot{background:#5e8264;border-radius:50%;width:6px;height:6px;display:inline-block}.text-button{border:0;background:none;font-size:12px}.text-button span{margin-left:12px}.icon-button{height:34px;width:34px;background:transparent;border:1px solid #c7cec0;border-radius:50%;font-size:22px}#viewport{height:calc(100dvh - 138px);position:relative;overflow:hidden;min-height:360px}#game{position:absolute;inset:0}#game canvas{display:block}.map-caption{position:absolute;left:34px;top:26px;font-size:10px;font-weight:700;letter-spacing:2px;color:#335c56;pointer-events:none}.map-caption span{display:block;font-size:9px;letter-spacing:1px;font-weight:400;margin-top:7px;opacity:.7}.briefing{position:absolute;top:19%;left:4.5%;width:300px;background:#f5f4e9ed;border:1px solid #faffee88;padding:29px 30px 22px;box-shadow:0 12px 60px #325d5114;border-radius:3px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;display:flex;align-items:center;gap:8px}.small-line{width:20px;height:2px;background:var(--orange)}h1{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:76px;font-weight:600;line-height:.92;letter-spacing:-2px;margin:23px 0 20px}h1 em{font-style:normal;color:var(--orange)}.briefing>p{font-size:12px;line-height:1.8;color:#64776c;margin-bottom:24px}.mission{border-top:1px solid #d6dacd;padding:19px 0 23px;display:flex;gap:12px}.mission-icon{font-size:25px;color:#6b8373;line-height:1}.mission strong{font-size:11px;display:block;margin-bottom:7px}.mission div>span{font-size:10px;color:#738173;line-height:1.7;display:block}.launch{width:100%;background:var(--orange);color:#fff8eb;border:0;border-radius:2px;padding:15px 17px;text-align:left;font-size:13px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.launch span{font-size:20px;font-weight:400;line-height:.8}.briefing-note{font-size:8px;letter-spacing:1.6px;text-align:center;color:#7a8979;margin-top:15px}.telemetry{position:absolute;top:29px;right:30px;width:178px;padding:19px 17px 11px;background:#f4f3e8ed;border-radius:3px;box-shadow:0 4px 30px #28423a0c;pointer-events:none}.telemetry-label{font-size:9px;letter-spacing:1.4px;display:flex;align-items:center;gap:7px}.speed{display:flex;align-items:baseline;gap:9px;margin-top:9px}.speed strong{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-size:57px;font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums}.speed>span{font-size:10px;color:#7b8a7c}.speed-label{font-size:7px;letter-spacing:1px;color:#82907d;border-bottom:1px solid #d3d9c9;padding:4px 0 15px;margin-bottom:12px}.instrument-row{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;margin-top:10px}.instrument-row>span{color:#7b897c}.instrument-row b{font-weight:500}.radar{margin-top:19px;height:108px;position:relative;background:#dce2d4;border:1px solid #c9d2c0}.radar canvas{width:100%;height:100%}.radar-n{font-size:7px;position:absolute;right:6px;top:5px}.radar-footer{display:flex;justify-content:space-between;align-items:center;font-size:6px;letter-spacing:1px;text-transform:uppercase;margin-top:8px;color:#7a897a}.radar-footer>span:last-child{font-size:13px}.compass{position:absolute;top:26px;left:50%;transform:translate(-50%);display:flex;gap:24px;align-items:center;font-size:9px;color:#315f57;opacity:.8;pointer-events:none}.compass i{height:6px;border-left:1px solid #416e63}.compass b{position:absolute;left:50%;top:15px;color:var(--orange);font-size:13px;transform:translate(-50%)}.boost-panel{position:absolute;bottom:27px;left:50%;transform:translate(-50%);width:190px;pointer-events:none}.boost-panel>div:first-child{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;margin-bottom:9px}.boost-panel b{font-weight:500;font-variant-numeric:tabular-nums}.boost-track{height:4px;background:#4d7f7338}.boost-track i{display:block;height:100%;background:#f4f1d9;width:100%;transition:width .08s linear}.boost-panel small{font-size:7px;letter-spacing:1.1px;display:block;text-align:center;margin-top:11px;opacity:.75}.boost-panel kbd{background:transparent;border-color:#507c7166;font-size:7px;padding:1px 4px}.bottom-bar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:var(--paper);border-top:1px solid #cbd2c5}.controls{display:flex;align-items:center;gap:25px;font-size:10px;color:#6f7c70}.controls>span{display:flex;align-items:center;gap:5px}kbd{font-family:inherit;font-size:9px;font-weight:500;background:#e8ebdf;border:1px solid #cdd5c5;border-radius:3px;padding:3px 6px;min-width:19px;text-align:center;color:#4a6050}.build-info{font-size:8px;letter-spacing:1.2px;color:#74816f;display:flex;align-items:center;gap:5px}.build-info i{width:3px;height:3px;border-radius:50%;background:#8e9c86;margin:0 8px}.flight-card{position:absolute;top:110px;left:34px;width:250px;padding:23px;background:#f5f4e9eb;border-radius:3px;pointer-events:none}.flight-card .eyebrow{justify-content:space-between;color:#70816e;font-size:8px}.flight-card h2{font-family:Barlow Condensed,sans-serif;font-size:30px;font-weight:500;margin:17px 0 8px}.flight-card p{font-size:10px;color:#74816e;line-height:1.7}.gate-progress{display:flex;justify-content:space-between;margin-top:24px;font-size:8px;letter-spacing:1px;color:#72836b}.gate-progress b{color:var(--orange);font-size:14px}.progress-track{height:3px;background:#dce1d3;margin-top:10px}.progress-track i{display:block;height:100%;width:0;background:var(--orange);transition:width .2s}.toast{position:absolute;bottom:115px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:.6px;background:#f5f4e9e8;padding:10px 18px;border-radius:2px;opacity:0;transition:opacity .2s;pointer-events:none}.toast.visible{opacity:1}.pause-overlay{position:absolute;inset:0;background:#1f40395c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center}.pause-card{width:320px;background:var(--paper);padding:35px}.pause-card h2{font-family:Barlow Condensed,sans-serif;font-size:42px;font-weight:500;margin:15px 0}.pause-card p{font-size:12px;color:#71816d;margin-bottom:25px}.small-screen{display:none}@media(min-width:1600px){.briefing{left:6%;top:22%}.telemetry{right:40px}}@media(max-height:750px){.briefing{top:14%;padding:22px;width:270px}h1{font-size:61px;margin:18px 0}.briefing>p{margin-bottom:15px}.mission{padding:14px 0 17px}.briefing-note{margin-top:11px}.telemetry{padding-top:14px}}@media(max-width:900px){.header-right{gap:12px}.local-status{display:none}.topbar{padding:0 20px}.controls{gap:12px}.bottom-bar{padding:0 20px}.telemetry{right:18px;width:145px}.briefing{left:22px;width:250px}.build-info,.compass{display:none}.flight-card{left:20px;width:200px}.map-caption{left:22px}}@media(max-width:620px){.edition,.brand-divider{display:none}.telemetry{width:112px;padding:12px;top:20px}.radar{height:75px}.speed strong{font-size:40px}.telemetry-label{font-size:7px}.speed-label{font-size:6px}.briefing{top:95px;width:230px;padding:20px}.briefing h1{font-size:54px}.mission{display:none}.small-screen{display:block;position:absolute;bottom:61px;background:#f5f4e9d9;left:0;right:0;padding:5px;text-align:center;font-size:8px}.flight-card{top:95px;width:170px;padding:15px}.flight-card h2{font-size:24px}.boost-panel{bottom:38px}}.callsign-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;margin:0 0 8px}.callsign-label span{color:#87917c;font-size:7px}.callsign-input{display:block;width:100%;border:1px solid #cdd5c5;border-radius:2px;background:#fbfaef;padding:10px 12px;font:12px DM Sans,sans-serif;color:#29473c;margin-bottom:12px}.callsign-input:focus{outline:2px solid #e96439;outline-offset:2px}.secondary-button{width:100%;border:0;background:none;text-align:center;padding:12px 2px 2px;font-size:10px;color:#5a715f}.join-status{font-size:10px!important;line-height:1.5!important;color:#a54c30!important;margin:10px 0 0!important}.join-status:empty{display:none}button:disabled{opacity:.5;cursor:default}.combat-card{position:absolute;left:34px;top:110px;width:250px;padding:23px;background:#f5f4e9ed;border-radius:3px}.combat-card .eyebrow{justify-content:space-between;font-size:8px;color:#72816e}.combat-card .eyebrow span{font-size:7px;letter-spacing:.5px}.combat-card h2{font:500 32px Barlow Condensed,sans-serif;margin:16px 0 6px}.combat-card>p{font-size:10px;line-height:1.6;color:#74816e;min-height:32px;margin-bottom:22px}.score-heading,.score-row,.connection-row{display:flex;justify-content:space-between;gap:8px}.score-heading{font-size:7px;letter-spacing:1px;color:#80907a;padding-bottom:8px;border-bottom:1px solid #d6dccd}.score-row{align-items:center;font-size:10px;padding:12px 0;border-bottom:1px solid #dce1d5}.score-row b{font:600 22px Barlow Condensed,sans-serif;color:#e96439}.score-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-row{font-size:8px;color:#7d8b73;letter-spacing:.5px;padding:15px 0}.invite-button{display:flex;justify-content:space-between;width:100%;font-size:10px;padding:10px;border:1px solid #becbb7;background:transparent;border-radius:2px}.second-pilot{display:block;font-size:9px;text-align:center;color:#677e69;text-decoration:none;margin-top:12px}.health-panel{border-top:1px solid #d5dccb;margin-top:15px;padding-top:12px}.health-panel>div:first-child{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px}.health-track{height:4px;background:#d5ddcc;margin-top:8px}.health-track i{display:block;width:100%;height:100%;background:#e96439;transition:width .12s}.health-panel small{display:block;font-size:6px;letter-spacing:.5px;color:#7e8d76;margin-top:7px}.respawn-banner{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);background:#f5f4e9ee;border-left:3px solid #e96439;padding:18px 24px;font-size:15px;box-shadow:0 8px 30px #26463722;pointer-events:none}.briefing{top:12%}.briefing .mission{padding-bottom:17px}.briefing-note{margin-top:12px}@media(max-height:800px){.briefing{top:10%;padding:20px 24px}.briefing h1{font-size:58px;margin:16px 0}.briefing>p{margin-bottom:12px}.briefing .mission{padding:12px 0}.mission div>span{font-size:9px}.briefing-note{margin-top:8px}.callsign-input{padding:8px 10px}.combat-card{top:88px}}@media(max-width:900px){.combat-card{left:20px;width:210px;padding:18px}.controls{gap:10px}}@media(max-width:620px){.combat-card{width:180px;padding:14px}.combat-card h2{font-size:28px}.controls{font-size:8px;gap:8px}.controls kbd{font-size:7px;padding:3px}.briefing{top:80px}.respawn-banner{font-size:12px;width:220px;text-align:center}}.opponent-marker{position:absolute;transform:translate(-50%,-50%);pointer-events:none;text-align:center;color:#b4482d}.opponent-marker>span{display:block;font-size:23px;line-height:1;filter:drop-shadow(0 1px 2px #f3f0db)}.opponent-marker small{display:block;font-size:7px;letter-spacing:1px;margin-top:9px;background:#f5f4e9dc;padding:3px 5px;border-radius:2px}.hit-confirmation{position:absolute;top:65px;left:50%;transform:translate(-50%);padding:7px 12px;background:#f5f4e9eb;color:#294b40;border:1px solid #e5eed6;border-radius:2px;font-size:10px;font-weight:700;letter-spacing:1.2px;pointer-events:none}.hit-confirmation.takedown{color:#ae492b;border-color:#e9b49b}.combat-feed{position:absolute;bottom:25px;left:34px;width:250px;display:flex;flex-direction:column;gap:5px;pointer-events:none}.combat-feed>div{padding:8px 10px;font-size:9px;line-height:1.4;color:#496453;background:#f5f4e9e8;border-left:2px solid #829985;border-radius:2px;overflow-wrap:anywhere}.combat-feed>.own-takedown{border-color:#e96439;color:#9b462c}.health-panel.damaged{box-shadow:0 0 0 5px #be482921;background:#be482914}.health-panel.critical small,.health-panel.critical b{color:#ac4029;font-weight:700}@media(max-width:900px){.combat-feed{left:20px;width:210px}.hit-confirmation{top:25px}}@media(max-width:620px){.combat-feed{width:170px;bottom:18px;font-size:8px}}.abilities{position:absolute;bottom:27px;left:50%;transform:translate(-50%);display:flex;gap:24px;pointer-events:none}.abilities .boost-panel{position:static;transform:none;width:175px}#loop-panel .boost-track i{background:#427b79}#loop-panel.loop-active{color:#245a5b}#loop-panel small{font-size:6px;white-space:nowrap}@media(max-width:900px){.abilities{gap:16px}.abilities .boost-panel{width:145px}.controls{gap:9px;font-size:9px}.briefing{padding:20px 24px}.briefing h1{font-size:58px;margin:16px 0}.briefing>p{margin-bottom:12px}.briefing .mission{padding:12px 0}.briefing-note{margin-top:8px}}@media(max-width:620px){.abilities{bottom:40px;gap:12px}.abilities .boost-panel{width:125px}}