.battleHero{display:flex;justify-content:space-between;align-items:center;gap:30px}.battleHero h1{font-size:clamp(38px,4.5vw,64px);line-height:1.06}.battleHero p{font-size:13px;color:#90a8bd;line-height:1.8}.battleSignal{display:flex;flex-direction:column;align-items:center;gap:12px;border:1px solid #3e4b6c;background:radial-gradient(ellipse at 50% 25%,#6550a94d,transparent 70%),#101c2b;border-radius:100px 100px 16px 16px;width:260px;padding:25px 15px}.signalOrb{font-size:65px;color:#c5b2ff;filter:drop-shadow(0 0 18px #b08cff88)}.battleSignal small{font-size:7px;color:#a7c6d8;text-align:center;letter-spacing:1px}.battleSignal b{font-size:7px;letter-spacing:1.5px;color:#8c88ba}.battleStats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #2c4356;border-radius:13px;margin:26px 0;background:#111e2c}.battleStats>div{padding:20px 24px;border-right:1px solid #2c4356}.battleStats>div:last-child{border:0}.battleStats strong{display:block;margin-top:10px;font:27px 'Space Grotesk';color:#c4f5e4}.battleStats small{font-size:8px}.battleTabs{display:flex;gap:8px;margin:24px 0}.battleTabs button{background:transparent;border:1px solid #324c60;border-radius:8px;padding:12px 20px;color:#91a7bd;font-size:12px}.battleTabs button.active{background:#233e3d;color:#bcffdf;border-color:#76bda6}.battleModes{display:grid;grid-template-columns:1fr 1fr;gap:20px}.battleMode{position:relative;display:block;border:1px solid #4a4b77;border-radius:16px;padding:28px;background:radial-gradient(ellipse at 95% 5%,#7156993b,transparent 65%),#142132;overflow:hidden}.battleMode.coop{background:radial-gradient(ellipse at 95% 5%,#9b604b38,transparent 65%),#18222e;border-color:#66554b}.battleMode small{font-size:8px;color:#c6b8ee}.battleMode h2{font-size:29px;margin:44px 0 12px;letter-spacing:-.7px}.battleMode p{color:#a4b6c9;font-size:12px;line-height:1.8;max-width:330px;min-height:65px}.modeIcon{position:absolute;right:30px;top:24px;font-size:65px;color:#b2a1d9;opacity:.5}.coop .modeIcon{color:#f2b793}.battleMode .primary{display:flex;width:100%;justify-content:space-between;align-items:center;margin-top:24px;min-width:0}.battleMode .primary b{font-size:9px;letter-spacing:.5px}.coop .primary{background:#f2c19c}.modeTags{display:flex;flex-wrap:wrap;gap:6px;margin:19px 0 5px}.modeTags span{font-size:8px;letter-spacing:1px;border:1px solid #44566a;border-radius:4px;padding:6px 9px;color:#a1b6c9}.battleJoinBar{display:flex;align-items:end;gap:24px;padding:22px 0;border-bottom:1px solid #293e52}.battleJoinBar>label{flex:1}.battleJoinBar form{display:flex;align-items:end;gap:12px;flex:1}.battleJoinBar form label{flex:1}#battlesView label{display:block;font-size:10px;color:#a0b5c7}#battlesView input,#battlesView select{display:block;background:#101c2b;border:1px solid #3a5268;border-radius:7px;padding:11px;color:#e3edf2;font:12px 'DM Sans';margin-top:8px;width:100%}.battleNote{font-size:10px!important;line-height:1.8;color:#839aaf!important;margin:18px 0 28px}.battleEmpty{display:block;text-align:center;padding:35px 25px;border:1px dashed #3b5368;border-radius:12px;background:#111e2b}.battleEmpty>b{font:22px 'Space Grotesk';color:#bfd4e4}.battleEmpty p{font-size:12px;line-height:1.8;color:#839eb4;max-width:540px;margin:12px auto 0}.battleListing{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #2d4256;padding:17px 5px}.battleListing b{font-size:13px}.battleListing small{font-size:8px;margin-top:8px;line-height:1.6}.battleListing button,.clanCard button{background:#1d3e35;border:1px solid #4c7b68;color:#baffde;border-radius:7px;padding:10px 16px;font-size:10px}.battleListing button:disabled,.clanCard button:disabled{opacity:.45}.battleRoomHeading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.battleRoomHeading h2{font-size:32px;letter-spacing:-1px;margin:12px 0}.battleRoomHeading p{font-size:12px;color:#9fb4c7;line-height:1.7}.battleRoster{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:15px 0}.battlePilot{padding:14px 16px;background:#162333;border:1px solid #3b4c63;border-radius:8px}.battlePilot.self{border-color:#6cba9f}.battlePilot.down{border-color:#b48c64}.battlePilot>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px}.battlePilot span{font-size:8px;color:#a0b6c9}.battleHealth{background:#273647;height:4px;border-radius:3px;margin-top:12px;overflow:hidden}.battleHealth i{width:100%;height:100%;border-radius:0;display:block;background:#8eddc3;transition:width .15s;margin:0}.battleViewport{position:relative;height:640px;background:#091522;border:1px solid #4a6079;border-radius:16px;overflow:hidden}.battleViewport canvas{touch-action:none;cursor:crosshair}.battleCanvasTop{position:absolute;left:22px;right:22px;top:18px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#d5ebed;background:#0c1b2bc7;padding:12px;border:1px solid #39536577;border-radius:7px;pointer-events:none}.battleCanvasHint{position:absolute;left:24px;bottom:84px;font-size:9px;line-height:1.9;color:#abc2d6;text-shadow:0 1px 5px #000;pointer-events:none}.battleControls{position:absolute;left:22px;right:22px;bottom:20px;display:flex;gap:8px}.battleControls button{flex:1;background:#162b3ed9;border:1px solid #5c8590;border-radius:8px;padding:14px 8px;color:#baffe2;font:11px 'Space Grotesk'}.battleControls button:disabled{opacity:.4}.battleRoomActions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.battleRoomActions .primary{min-width:180px}.battleInvitePanel{display:flex;align-items:end;gap:14px;background:#142434;border:1px solid #304c63;border-radius:12px;padding:20px}.battleInvitePanel label{flex:1}.rankRow{display:grid;grid-template-columns:44px 1fr 110px 110px 100px 65px;gap:14px;align-items:center;padding:21px 12px;border-bottom:1px solid #2e465d}.rankRow .rankNumber{font:23px 'Space Grotesk';color:#a48fc5}.rankRow strong{font-size:13px}.rankRow small{font-size:7px;margin-top:7px;line-height:1.5;letter-spacing:1px}.rankRow>span{font:20px 'Space Grotesk';color:#bfd1df}.rankRow>b:last-child{font:18px 'Space Grotesk';color:#efcf88}.battleSort{min-width:160px}.clanCreate{display:grid;grid-template-columns:1.4fr 1fr .5fr;gap:18px;align-items:center;border:1px solid #3f586f;border-radius:14px;padding:28px;background:radial-gradient(ellipse at left,#253c53,#101e2c)}.clanCreate h2{font-size:27px;margin:12px 0}.clanCreate p{font-size:11px;color:#94adc2;line-height:1.8}.clanCreate button{grid-column:2/4}.clanDirectory{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.clanDirectory>.battleEmpty{grid-column:1/-1}.clanCard{border:1px solid #3a5269;border-radius:12px;padding:24px;background:#142334}.clanCard h3{font:22px 'Space Grotesk';line-height:1.4}.clanCard h3 span{color:#af9ce3}.clanCard p{font-size:12px;color:#a3b8c9}.myClan{background:linear-gradient(135deg,#24344c,#152736);border:1px solid #59758b;border-radius:14px;padding:28px}.myClan h2{font-size:32px}.myClan p{font-size:13px;color:#bfd6de}.mainnav button{white-space:nowrap}button[hidden]{display:none!important}@media(max-width:1100px){header{gap:9px;padding-left:3%;padding-right:3%}.mainnav button{font-size:9px;padding:10px 6px}.rankRow{grid-template-columns:30px 1fr 80px 80px 65px 55px;gap:8px}}@media(max-width:800px){.battleHero{display:block}.battleSignal{display:none}.battleStats{grid-template-columns:1fr 1fr}.battleStats>div{padding:16px}.battleStats>div:nth-child(2){border-right:0}.battleStats>div:nth-child(-n+2){border-bottom:1px solid #2c4356}.battleStats strong{font-size:23px}.battleModes{grid-template-columns:1fr}.battleMode{padding:24px}.battleMode h2{margin-top:30px}.battleMode p{min-height:0}.battleTabs button{flex:1;font-size:10px;padding:12px 8px}.battleJoinBar{display:block}.battleJoinBar form{margin-top:20px}.battleRoomHeading{align-items:start}.battleRoomHeading h2{font-size:25px}.battleRoomHeading .secondary{font-size:9px;min-width:90px;padding:10px}.battleRoster{grid-template-columns:1fr 1fr}.battlePilot{padding:11px 9px}.battlePilot>div:first-child{display:block;font-size:10px}.battlePilot span{display:block;margin-top:6px;font-size:7px}.battleViewport{height:630px}.battleCanvasTop{left:10px;right:10px;top:10px;font-size:8px;display:block;line-height:1.8}.battleCanvasTop span{display:block}.battleCanvasHint{left:14px;font-size:8px;bottom:83px}.battleControls{left:10px;right:10px;gap:5px}.battleControls button{font-size:8px;padding:15px 3px}.battleInvitePanel{display:block}.battleInvitePanel button{margin-top:12px;width:100%}.battleRoomActions{gap:8px}.battleRoomActions button{flex:1;min-width:120px;font-size:10px}.rankRow{grid-template-columns:23px 1fr 50px 50px;gap:9px;padding:18px 2px}.rankRow>span:nth-of-type(3),.rankRow>b:last-child{display:none}.rankRow small{font-size:6px;letter-spacing:.5px}.rankRow>span{font-size:17px}.rankRow strong{font-size:11px}.rankRow .rankNumber{font-size:16px}.clanCreate{display:block;padding:22px}.clanCreate label{margin:16px 0}.clanCreate button{width:100%}.clanDirectory{grid-template-columns:1fr}.myClan{padding:22px}.battleListing{align-items:start}.battleListing button{font-size:9px;padding:8px 10px}.battleListing small{font-size:7px}.mainnav{overflow-x:auto}.mainnav button{font-size:9px;min-width:54px}}

.rankMobile{display:none}@media(max-width:800px){.rankRow{grid-template-columns:23px 1fr 75px}.rankRow>span,.rankRow>b:not(.rankNumber):not(.rankMobile){display:none}.rankRow>b.rankMobile{display:block;color:#e6d4a8;font:19px 'Space Grotesk'}}