*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020204;color:#fff;font-family:Arial,Helvetica,sans-serif}body{background:#020204}button,input{font:inherit}#auth{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#15151b 0,#050507 38%,#020204 75%)}.panel{width:min(560px,94vw);padding:28px;border:1px solid #303039;background:rgba(5,5,8,.94);box-shadow:0 0 45px #000}.brand{font-size:28px;font-weight:900;letter-spacing:5px}.brand span{font-weight:400;color:#8f8f9a}.sub{font-size:10px;letter-spacing:3px;color:#777783;margin:8px 0 22px}.tabs{display:flex;border-bottom:1px solid #292930;margin-bottom:20px}.tab{flex:1;background:none;border:0;color:#777;padding:10px;cursor:pointer}.tab.active{color:#fff;border-bottom:2px solid #fff}label{display:block;font-size:10px;letter-spacing:2px;color:#888;margin:14px 0 6px}small{float:right;color:#555}input{width:100%;background:#0a0a0e;color:#fff;border:1px solid #292930;padding:12px;outline:0}input:focus{border-color:#777}.primary{width:100%;padding:13px;margin-top:18px;border:0;background:#fff;color:#000;font-weight:800;letter-spacing:1px;cursor:pointer}.primary:hover{background:#ddd}.notice{font-size:10px;color:#555;line-height:1.5;margin-top:18px}.hidden{display:none!important}#authMsg{min-height:20px;color:#ff7b7b;font-size:12px;margin-top:12px}.jetpick{display:flex;gap:8px}.jet{width:72px;height:58px;border:1px solid #292930;background:#08080c;display:grid;place-items:center;cursor:pointer}.jet img{width:44px;height:44px}.jet.selected{border-color:#fff;background:#15151c}#game{width:100%;height:100%;position:relative}.hud{position:absolute;z-index:5;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent);font-size:12px;pointer-events:none}.hud.top{top:0}.hud.bottom{bottom:0;top:auto;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent);color:#888;font-size:10px}.hud button{pointer-events:auto;background:#0a0a0d;color:#aaa;border:1px solid #333;padding:7px 12px;cursor:pointer}.hud b{letter-spacing:1px}.hud span{margin-left:10px;color:#777}.hudStats{white-space:nowrap}#uidHud{color:#666;margin-left:10px;font-size:9px}#coinsHud{color:#ffd84d}canvas{display:block;width:100%;height:100%;background:#000}#menu{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.72);z-index:20}.menuPanel{max-height:92vh;overflow:auto}.menuTabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #292930;margin:20px 0}.menuTab{background:none;border:0;color:#777;padding:11px 5px;font-size:10px;letter-spacing:1px;cursor:pointer}.menuTab.active{color:#fff;border-bottom:2px solid #fff}.menuPage{min-height:260px}.sectionTitle{font-size:12px;letter-spacing:2px;color:#999;margin-bottom:12px}.coinsBox{display:flex;justify-content:space-between;padding:12px;border:1px solid #292930;background:#09090d;margin-bottom:12px}.coinsBox b{color:#ffd84d}.shopNote{color:#666;font-size:11px;margin:8px 0 16px}.shopGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.shopJet{background:#08080c;border:1px solid #292930;color:#aaa;padding:12px 6px;cursor:pointer;display:grid;justify-items:center;gap:4px}.shopJet:hover{border-color:#777}.shopJet.chosen{border-color:#fff;color:#fff}.shopJet img{width:58px;height:58px}.shopJet span{font-size:10px;letter-spacing:1px}.shopJet small{float:none;font-size:8px;color:#666}.upgradeCard{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #1b1b20}.upgradeIcon{width:34px;height:34px;display:grid;place-items:center;border:1px solid #333;color:#ddd}.upgradeMain{flex:1;min-width:0}.upgradeName{font-size:11px;letter-spacing:1px}.upgradeName span{color:#777;margin-left:8px}.upgradeDesc{font-size:9px;color:#666;margin:5px 0}.bars{display:flex;gap:3px}.bars i{display:block;width:22px;height:3px;background:#292930}.bars i.on{background:#fff}.buyBtn{min-width:82px;padding:8px;border:1px solid #444;background:#0b0b0e;color:#fff;cursor:pointer;font-size:10px}.buyBtn:disabled{color:#555;border-color:#222;cursor:not-allowed}.buyBtn:hover:not(:disabled){background:#fff;color:#000}#shopMsg{height:22px;margin-top:10px;color:#ff7b7b;font-size:10px}.row{display:grid;grid-template-columns:35px 1fr 70px;gap:10px;padding:7px 0;border-bottom:1px solid #17171c;font-size:12px}.row .score{text-align:right;color:#aaa}.row .rank{color:#666}.backButton{margin-top:16px;width:100%;padding:10px;background:#0a0a0e;border:1px solid #333;color:#aaa;cursor:pointer}.backButton:hover{color:#fff;border-color:#666}@media(max-width:650px){.panel{padding:22px}.menuTabs{grid-template-columns:repeat(2,1fr)}.shopGrid{grid-template-columns:repeat(2,1fr)}.hudStats{font-size:10px}.hud.bottom span:nth-child(2){display:none}.jet{width:62px}}

.menuPanel{overflow:hidden}.menuTabs{grid-template-columns:repeat(5,1fr);margin:14px 0}.menuTab{padding:9px 3px;font-size:9px}.menuPage{min-height:215px}.backButton{margin-top:10px}.hudActions{display:flex;gap:6px;pointer-events:auto}.colorChoice{display:flex;align-items:center;gap:12px;border:1px solid #292930;background:#09090d;padding:8px 10px;color:#777;font-size:10px}.colorChoice input{width:38px;height:30px;padding:2px;border:0;background:transparent;cursor:pointer}.missionCard{padding:12px 0;border-bottom:1px solid #1b1b20}.missionHead{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px}.missionHead span{color:#ffd84d;font-size:10px}.missionCard p{margin:6px 0 9px;color:#777;font-size:10px}.missionTrack{height:4px;background:#222;border-radius:4px;overflow:hidden}.missionTrack i{height:100%;display:block;background:#72e1ff;box-shadow:0 0 10px #28b5d8}.menuPanel .brand{font-size:23px}.menuPanel{box-shadow:0 0 70px #000,0 0 35px #36d9ff14}@media(max-height:720px){.menuPanel{padding:18px}.menuPanel .brand{font-size:20px}.menuPage{min-height:180px}.shopJet{padding:7px}.shopJet img{width:42px;height:42px}.upgradeCard{padding:8px 0}.menuTabs{margin:8px 0}}@media(max-width:650px){.menuTabs{grid-template-columns:repeat(3,1fr)}.menuPage{min-height:190px}.hudActions button{padding:6px 8px}.hud.top{padding:10px}.hudStats{font-size:9px}.menuPanel{padding:18px}}
.hudActions .statsLink{display:inline-flex;align-items:center;padding:7px 9px;border:1px solid #333;color:#a8dbf2;text-decoration:none;font-size:10px;letter-spacing:1px;pointer-events:auto}.hudActions .statsLink:hover{border-color:#72dffa;color:#72dffa}.statsPageLink{display:block;margin-top:18px;text-align:center;color:#8099ad;font-size:9px;letter-spacing:1.4px;text-decoration:none}.statsPageLink:hover{color:#72dffa}

#serverHud{color:#8edff5!important;font-size:10px}#matchScoreHud{color:#ffd84d!important;font-weight:800;margin-left:6px}.chatMessages{height:190px;overflow:auto;padding:9px;border:1px solid #292930;background:#050609;color:#c7d4e1;font-size:11px}.chatMessage{padding:4px 2px;border-bottom:1px solid #151922;overflow-wrap:anywhere}.chatMessage:last-child{border-bottom:0}.chatMessages+.coinsBox{gap:8px}.coinsBox select{width:100%;padding:8px;background:#0a0a0e;color:#fff;border:1px solid #292930}.teamCurrent{margin-bottom:12px}.teamCurrent .actionButton{float:right}.teamRoster{max-height:160px;overflow:auto;margin:12px 0}.teamRoster .row{grid-template-columns:22px 1fr auto;align-items:center}.teamRoster .rank{color:#63d8f3}.teamRoster .actionButton,.actionButton{border:1px solid #3b4857;background:#101820;color:#cbe1ef;padding:6px 8px;font-size:9px;cursor:pointer}.teamRoster .actionButton:hover,.actionButton:hover{border-color:#72dffa}.teamRoster .actionButton.danger{color:#ffabb0}#teamMsg{min-height:18px;color:#83dff3;font-size:10px;margin-top:8px}#teamActions label{display:block}.hudActions button#chatBtn{color:#8edff5;border-color:#375365}@media(max-width:650px){.chatMessages{height:150px}.teamRoster .row{grid-template-columns:18px 1fr auto;font-size:10px}}
#teamCurrent{margin-bottom:12px}#teamCurrent .actionButton{float:right}#teamRoster{max-height:160px;overflow:auto;margin:12px 0}#teamRoster .row{grid-template-columns:22px 1fr auto;align-items:center}#teamRoster .rank{color:#63d8f3}#teamRoster .actionButton.danger{color:#ffabb0}@media(max-width:650px){#teamRoster .row{grid-template-columns:18px 1fr auto;font-size:10px}}
.creatorCredit{margin-top:5px;color:#6f8298;font-size:9px;letter-spacing:1.5px}
.modQuickPanel{position:absolute;z-index:12;top:62px;right:16px;width:min(280px,calc(100vw - 32px));padding:13px;border:1px solid #3b5266;background:rgba(6,12,19,.96);box-shadow:0 10px 32px #000b;color:#dce8f5}.modQuickHeading{margin-bottom:10px;color:#66d7f4;font-size:10px;font-weight:700;letter-spacing:1.5px}.modQuickPanel>button,.modSpectateActions button{padding:8px 10px;border:1px solid #34495d;background:#101a24;color:#dce8f5;font-size:10px;cursor:pointer}.modQuickPanel>button:hover,.modSpectateActions button:hover{border-color:#6addfa}.modQuickPanel label{margin:11px 0 5px;color:#8fa2b8;font-size:8px}.modQuickPanel select{width:100%;padding:8px;border:1px solid #293b4d;background:#080d13;color:#edf3ff}.modSpectateActions{display:flex;gap:8px;margin-top:8px}.modSpectateActions button{flex:1}.modQuickPanel .modFlameChoice{display:flex;align-items:center;justify-content:space-between}.modFlameChoice input{width:44px;height:30px;padding:2px;border:0;background:transparent;cursor:pointer}#modQuickMsg{min-height:16px;margin-top:8px;color:#8edff5;font-size:9px}
.inMainMenu .hud{display:none}.mainMenu{position:absolute;z-index:30;inset:0;display:grid;place-items:center;padding:18px;background:radial-gradient(ellipse at 50% 30%,#142235d9,#02040af2 72%)}.mainMenuCard{width:min(760px,96vw);max-height:94vh;overflow:auto;padding:26px;border:1px solid #304156;background:rgba(5,9,15,.96);box-shadow:0 24px 80px #000c}.mainMenuBrand{font-size:24px;font-weight:900;letter-spacing:4px}.mainMenuBrand span{color:#8295aa;font-weight:400}.mainMenuBrand small{display:block;float:none;margin-top:5px;font-size:8px;font-weight:500;letter-spacing:2px;color:#687b90}.mainMenuPilot{display:flex;align-items:center;gap:14px;margin:22px 0;padding:13px;border:1px solid #ffffff18;background:#0a1018}.mainMenuPilot>img{width:58px;height:58px;object-fit:cover;border:1px solid #34495d;border-radius:50%;background:#111a23}.mainMenuPilot>img.avatarEmpty{background:radial-gradient(circle,#1a384e,#0c1420)}.mainMenuPilot>div{display:grid;gap:6px}.mainMenuPilot strong{font-size:15px}.mainMenuPilot span{color:#8394a8;font-size:10px;letter-spacing:1px}.mainMenuPilot span b{color:#ffd84d}.mainMenuActions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}.mainMenuActions button,.mainMenuActions>a{min-height:40px;display:grid;place-items:center;padding:10px;border:1px solid #2c3b4e;background:#0b121b;color:#c5d4e5;text-align:center;text-decoration:none;font-size:10px;letter-spacing:1px;cursor:pointer}.mainMenuActions button:hover,.mainMenuActions>a:hover{border-color:#6addfa;color:#fff}.mainMenuActions .mainPlay{grid-column:1/-1;margin:0;background:#6bd8f3;border-color:#6bd8f3;color:#071017;font-size:14px;font-weight:900;letter-spacing:2px}.mainMenuActions .mainPlay:hover{background:#a4ecfb}.mainMenuActions .mainLogout{color:#e7a9ad;border-color:#58353a}.mainMenuSettings{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;padding:14px;border-top:1px solid #ffffff16;background:#090e15}.mainMenuSettings label{margin:7px 0;color:#8294a9;font-size:8px}.mainMenuSettings select,.mainMenuSettings input{width:100%;padding:10px;border:1px solid #2a394a;background:#070b10;color:#eaf3ff}.mainMenuSettings #privateCodeWrap{grid-column:1/-1}.mainMenuSettings #mainMenuMsg{grid-column:1/-1;min-height:18px;margin-top:8px;color:#ff9d9d;font-size:10px}.friendsHeading{display:flex;justify-content:space-between;align-items:center}.friendsHeading h2{font-size:18px;letter-spacing:2px}.friendsHeading button,#friendRequestForm button,.friendActions button{padding:7px 9px;border:1px solid #35485b;background:#101923;color:#dce8f5;font-size:9px;cursor:pointer}.friendsHeading button:hover,#friendRequestForm button:hover,.friendActions button:hover{border-color:#64d9f5}.mainMenuCard h3{margin:18px 0 8px;color:#7f94aa;font-size:9px;letter-spacing:1.5px}.mainMenuCard #friendRequestForm{display:flex;gap:8px}.mainMenuCard #friendLookup{flex:1;min-width:0}.mainMenuCard #friendsMessage{min-height:18px;margin-top:7px;color:#7ddbf4;font-size:10px}.friendsList{max-height:145px;overflow:auto}.friendCard{display:flex;align-items:center;gap:9px;padding:8px 4px;border-bottom:1px solid #ffffff12}.friendAvatar{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;overflow:hidden;border:1px solid #2d4357;border-radius:50%;background:#101c29;color:#72dffa;font-size:10px;font-weight:700}.friendAvatar img{width:100%;height:100%;object-fit:cover}.friendInfo{flex:1;min-width:0;display:grid;gap:4px}.friendInfo strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.friendInfo span,.friendPending{color:#788ca1;font-size:8px}.friendInfo span:first-letter{color:#60e3b7}.friendActions{display:flex;gap:5px}.friendActions button{padding:6px;font-size:8px}.friendsEmpty{padding:10px 3px;color:#6c7d91;font-size:10px}.profilePhotoRow{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #292930;background:#09090d}.profilePhotoRow>img{width:58px;height:58px;object-fit:cover;border:1px solid #3a4b5f;border-radius:50%;background:#111a23}.profilePhotoRow>img.avatarEmpty{background:radial-gradient(circle,#1a384e,#0c1420)}.profilePhotoRow label{flex:1;min-width:0}.profilePhotoRow input{display:block;margin-top:8px;padding:7px;font-size:10px}.profilePhotoRow .actionButton{flex:0 0 auto}#avatarMsg{min-height:18px;margin-top:5px;color:#8edff5;font-size:10px}@media(max-width:650px){.mainMenu{padding:10px}.mainMenuCard{padding:17px}.mainMenuBrand{font-size:20px}.mainMenuActions{grid-template-columns:repeat(2,1fr)}.mainMenuActions .mainPlay{grid-column:1/-1}.mainMenuSettings{grid-template-columns:1fr}.mainMenuSettings #privateCodeWrap,.mainMenuSettings #mainMenuMsg{grid-column:auto}.friendActions{flex-direction:column}.profilePhotoRow{gap:7px}.profilePhotoRow>img{width:45px;height:45px}.profilePhotoRow .actionButton{padding:5px}}

.menuFooterActions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.menuFooterActions .backButton{margin-top:0}.logoutButton{margin-top:0;padding:10px 16px;border:1px solid #5a3036;background:#170d10;color:#e9a5aa;cursor:pointer;font-size:10px;letter-spacing:1px}.logoutButton:hover{background:#32151b;border-color:#bd5c68;color:#fff}
.menuTabs{grid-template-columns:repeat(6,1fr)}.spriteShopGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:34vh;overflow-y:auto;padding-right:3px}.spriteOffer{display:flex;align-items:center;gap:10px;min-width:0;padding:9px;border:1px solid #292930;background:#08080c}.spriteOffer img{width:50px;height:50px;flex:0 0 50px;object-fit:contain;background:#050507}.spriteOfferInfo{flex:1;min-width:0}.spriteOfferName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;letter-spacing:.4px}.spriteOfferPrice{margin-top:5px;color:#ffd84d;font-size:9px}.spriteOffer button{padding:7px 8px;border:1px solid #3d4c5d;background:#0d151d;color:#d3e8f3;font-size:8px;cursor:pointer}.spriteOffer button:hover{border-color:#72dffa;color:#72dffa}.spriteOffer button:disabled{color:#7fcab3;border-color:#286453;cursor:default}#spriteStoreMsg{min-height:16px;margin-top:7px;color:#ffb4a2;font-size:10px}.menuFooterActions{grid-template-columns:1fr auto auto;align-items:center}.moderatorLink{padding:9px 11px;border:1px solid #3a3c46;background:#111116;color:#aeb8c9;text-decoration:none;font-size:9px;letter-spacing:1px;text-align:center}.moderatorLink:hover{border-color:#72dffa;color:#72dffa}@media(max-width:650px){.menuTabs{grid-template-columns:repeat(3,1fr)}.spriteShopGrid{grid-template-columns:1fr;max-height:30vh}.menuFooterActions{grid-template-columns:1fr 1fr}.menuFooterActions .backButton{grid-column:1/-1}.moderatorLink,.logoutButton{text-align:center;padding:8px 5px}}
.dmView{margin-top:10px}.dmHeading{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #ffffff18}.dmHeading>button,#dmComposeForm button{padding:7px 9px;border:1px solid #35485b;background:#101923;color:#dce8f5;font-size:9px;cursor:pointer}.dmHeading>div{display:grid;gap:3px}.dmHeading strong{font-size:11px}.dmHeading span{font-size:8px;color:#7fa08f}.dmMessages{height:min(34vh,260px);min-height:130px;overflow:auto;display:flex;flex-direction:column;gap:7px;padding:10px 3px}.dmMessage{max-width:86%;align-self:flex-start;padding:7px 9px;border:1px solid #263749;background:#0a121b}.dmMessage.own{align-self:flex-end;border-color:#245466;background:#0b1c26}.dmMessageMeta{margin-bottom:4px;color:#7990a7;font-size:8px}.dmMessageText{color:#e2edf8;font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere}#dmComposeForm{display:flex;gap:7px}#dmInput{flex:1;min-width:0;padding:9px;border:1px solid #2a394a;background:#070b10;color:#eaf3ff}#dmStatus{min-height:16px;margin-top:5px;color:#7ddbf4;font-size:9px}#mainFriendsBtn[data-unread]:not([data-unread=""]):after{content:attr(data-unread);margin-left:5px;padding:2px 5px;border-radius:8px;background:#f25b68;color:#fff;font-size:8px}
.hudStats #pingHud{margin-left:0;color:#a8b6c5;font-size:10px;letter-spacing:.5px}.hudStats #pingHud.pingGood{color:#70dfac}.hudStats #pingHud.pingFair{color:#ffd36a}.hudStats #pingHud.pingPoor{color:#ff747c}