@import url('/fonts.css');
:root{--bg:#101a17;--panel:#18231e;--line:#344137;--muted:#94a194;--text:#e9eee0;--lime:#ddf98f;--hero-color:#ddf98f;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{border:0;background:none}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.shell{max-width:1680px;margin:auto;padding:0 46px}.topbar{height:101px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:62px}.brand{display:flex;align-items:center;gap:11px;font-family:Impact,'Arial Narrow',sans-serif;font-size:30px;letter-spacing:1px;line-height:.95}.brand small{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:3.1px;margin-top:6px}.brand-mark{font-size:47px;position:relative;line-height:1;transform:skew(-8deg);color:var(--lime);font-family:Impact,sans-serif}.brand-mark span{position:absolute;font-size:56px;left:9px;top:-5px;color:var(--bg)}nav{display:flex;align-self:stretch;gap:33px}.nav-item{position:relative;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#9ca79a;padding:0 2px}.nav-item.active{color:var(--lime)}.nav-item.active:after{content:'';height:3px;position:absolute;bottom:-1px;left:0;right:0;background:var(--lime)}.nav-item span{font-size:15px;margin-left:7px}.top-actions{display:flex;align-items:center;margin-left:auto;gap:23px}.connection{font-size:9px;letter-spacing:1px;white-space:nowrap;color:#b5c6aa;display:flex;gap:7px;align-items:center}i{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%}.icon-button{font-size:23px;color:#bac5b2;padding:8px}.account{display:flex;align-items:center;gap:10px;text-align:left;padding:0}.avatar{width:34px;height:36px;background:#303d32;border:1px solid #657551;display:grid;place-items:center;font-family:Impact,sans-serif;color:var(--lime);font-size:19px}.account>span:nth-child(2){font-size:10px;font-weight:bold;letter-spacing:1px}.account small{display:block;font-size:8px;font-weight:normal;color:#84917e;margin-top:5px;letter-spacing:1px}.account-arrow{margin-left:6px;color:#9eab93}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:36px 0 25px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.8px;color:#bac8aa}.eyebrow i{margin-right:6px}.slash{margin:0 14px;color:#5d6b58}h1,h2,h3,p{margin:0}h1{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:43px;letter-spacing:.5px;margin-top:12px}h1>span{color:var(--lime)}.edition{text-align:right;font-size:10px;font-weight:bold;letter-spacing:2px;line-height:1.9}.edition span{display:block;font-size:8px;font-weight:normal;color:#86937f;letter-spacing:1.6px}.page{display:none}.page.active{display:block}.arena-layout{display:grid;grid-template-columns:minmax(0,1fr) 294px;gap:20px}.showcase{position:relative;border:1px solid #485640;min-height:487px;overflow:hidden;background:linear-gradient(108deg,#263a2c 0%,#233e34 45%,#425542 100%)}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#b5c9a509 1px,transparent 1px),linear-gradient(90deg,#b5c9a509 1px,transparent 1px);background-size:45px 45px}.scene-landscape{position:absolute;inset:25% -10% 0 14%;opacity:.38;background:linear-gradient(135deg,transparent 40%,#101f1b 41% 65%,transparent 65%),linear-gradient(45deg,transparent 48%,#162a20 49% 68%,transparent 68%);clip-path:polygon(0 100%,0 65%,15% 65%,15% 45%,20% 45%,20% 65%,35% 65%,35% 25%,40% 25%,40% 10%,45% 10%,45% 62%,55% 62%,55% 37%,70% 37%,70% 67%,78% 67%,78% 4%,83% 4%,83% 43%,91% 43%,91% 60%,100% 60%,100% 100%)}.scene-orbit{position:absolute;width:480px;height:480px;border:1px solid #bdd49c25;border-radius:50%;right:-42px;top:34px;box-shadow:0 0 0 34px #bdd49c08,0 0 0 70px #bdd49c04}.showcase:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#121f1ae8,transparent 28%,transparent 90%,#1f302355)}.showcase-top{position:relative;display:flex;justify-content:space-between;z-index:3;margin:22px 25px;font-size:8px;letter-spacing:1.1px}.tag{display:flex;align-items:center;gap:7px;color:#e7edce}.coordinates{color:#b3c09b;font-size:7px}.hero-copy{position:relative;z-index:3;padding:37px 30px 70px;max-width:48%;pointer-events:none}.hero-copy button{pointer-events:auto}.overline{font-size:9px;letter-spacing:1.8px;color:#bfd393;font-weight:bold}.overline>span{margin:0 9px;color:#88a677}.hero-copy h2{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:clamp(46px,5vw,78px);letter-spacing:1px;margin:17px 0 12px;color:#e7efcf;line-height:1}.hero-copy>p{font-size:13px;line-height:1.8;color:#c7d1b8;min-height:48px}.text-button{padding:15px 0;font-size:9px;font-weight:bold;letter-spacing:1.3px;color:var(--lime)}.text-button span{font-size:16px;margin-left:18px}.ability-preview{display:flex;gap:14px;align-items:center;margin-top:29px}.ability-icon{width:44px;height:44px;border:1px solid #82996280;display:grid;place-items:center;font-size:33px;color:var(--lime);background:#c2dba80a}.ability-preview small{font-size:7px;letter-spacing:1.7px;color:#a9ba97}.ability-preview strong{font-size:14px;display:block;letter-spacing:.3px;margin:6px 0}.ability-preview p{font-size:10px;color:#a4b392}.hero-watermark{position:absolute;left:45%;top:30px;font-family:Impact,sans-serif;font-size:350px;font-weight:900;color:#ccddb20a;line-height:1.1}.hero-art{position:absolute;right:-3%;bottom:12px;width:62%;height:97%;z-index:2;filter:drop-shadow(13px 16px 8px #06120c88);transition:filter .2s}.hero-art svg{height:100%;width:100%;overflow:visible}.hero-label{position:absolute;right:24px;top:84px;display:flex;align-items:end;gap:6px;flex-direction:column;z-index:4;font-size:7px;letter-spacing:1.5px;color:#c6d5a8}.hero-label span:first-child{border-bottom:1px solid #b4c9926b;padding-bottom:8px}.hero-label b{color:var(--lime);font-size:14px}.showcase-bottom{position:absolute;bottom:20px;left:25px;right:25px;z-index:4;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.7px;color:#c3ceb4}.small-square{border-radius:0;width:4px;height:4px;margin-right:7px}.side-panel{display:grid;grid-template-rows:1.2fr 1fr;gap:15px}.map-card,.briefing{border:1px solid var(--line);background:#19241e}.card-heading{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.5px;font-weight:bold;color:#c4cfb5;padding:16px 17px}.card-heading>span:last-child{font-size:13px}.map-art{height:114px;position:relative;overflow:hidden;background:linear-gradient(150deg,#243b32,#56634b)}.map-grid{position:absolute;inset:-100%;background-image:linear-gradient(#a8ba9620 1px,transparent 1px),linear-gradient(90deg,#a8ba9620 1px,transparent 1px);background-size:28px 28px;transform:rotate(-28deg)}.map-river{position:absolute;left:25%;width:15px;height:220px;top:-40px;background:#71836a;transform:rotate(-35deg);box-shadow:0 0 0 5px #182c23,92px 0 0 0 #364638}.map-blocks{position:absolute;left:47%;top:25%;width:43px;height:28px;background:#9ea68a;transform:rotate(-28deg) skew(8deg);box-shadow:50px -9px #65785e,47px 28px #7e8e72,-34px 32px #76866b,6px -40px #71816a,96px 28px #56654e,-67px -15px #a0a588;border:3px solid #4b5c43}.map-pin{position:absolute;left:51%;top:30%;font-size:37px;color:#e6ffac;text-shadow:0 0 20px #deff8e}.map-label{position:absolute;top:12px;left:13px;color:#b6c69c;font-size:6px;letter-spacing:2px}.map-badge{position:absolute;bottom:10px;right:12px;background:#14231ccd;border:1px solid #7d8d614d;font-size:6px;letter-spacing:1px;padding:5px 7px;color:#d7e8b7}.map-copy{padding:15px 17px}.map-copy .overline{font-size:7px;color:#92a37d;letter-spacing:1.4px}.map-copy h3{font-size:20px;margin:7px 0 5px;letter-spacing:-.5px;font-weight:500}.map-copy p{font-size:10px;color:#93a187}.map-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.map-footer>span{font-size:6px;letter-spacing:.8px;color:#a9b799}.map-footer i{width:4px;height:4px;margin-right:4px}.map-dots{display:flex;gap:4px}.map-dots button{width:10px;height:14px;padding:0;position:relative}.map-dots button:after{content:'';display:block;height:3px;background:#4b5843}.map-dots button.active:after{background:var(--lime)}.briefing{padding-bottom:17px}.tiny-badge{font-size:7px!important;border:1px solid #536248;padding:3px 6px;color:#bacba1}.briefing-title{display:flex;align-items:center;gap:13px;padding:0 17px}.crosshair-icon{font-size:41px;color:#a4b67e}.briefing h3{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:24px;line-height:1.07;letter-spacing:.5px}.briefing>p{color:#91a084;font-size:10px;line-height:1.7;padding:13px 17px 15px}.briefing-numbers{display:flex;margin:0 17px;border-top:1px solid #35432e;padding-top:13px;justify-content:space-between}.briefing-numbers>div{padding-right:15px}.briefing-numbers strong{font-size:21px;font-weight:400;font-family:Impact,sans-serif;letter-spacing:1px}.briefing-numbers small{display:block;font-size:6px;letter-spacing:1.2px;color:#95a583;margin-top:3px}.section-label{display:flex;justify-content:space-between;align-items:center;margin:25px 0 12px;font-size:8px;letter-spacing:1.5px;font-weight:bold}.section-label>span:last-child{font-size:7px;color:#88987c;font-weight:normal}.section-label i{width:4px;height:4px;margin-left:7px}.hero-roster{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.hero-card{height:87px;position:relative;overflow:hidden;text-align:left;background:#1c2820;border:1px solid #34432f;padding:0;transition:background .2s,border-color .2s}.hero-card:hover{background:#31452f;border-color:#748664}.hero-card.selected{border-color:var(--lime);background:#394c2e}.hero-card .portrait{position:absolute;left:-12px;bottom:-30px;width:92px;height:123px;filter:drop-shadow(5px 2px 3px #0006)}.hero-card.selected:before{content:'✓';position:absolute;top:6px;right:7px;color:var(--lime);font-size:10px}.hero-card .hero-card-text{position:absolute;left:71px;bottom:21px;right:3px}.hero-card strong{display:block;font-family:Impact,'Arial Narrow',sans-serif;font-size:13px;letter-spacing:.3px;font-weight:400}.hero-card small{font-size:6px;color:#a5b498;display:block;margin-top:5px;letter-spacing:1px}.hero-card.selected:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--lime)}.deploy-bar{margin-top:24px;padding:17px 18px;display:flex;align-items:center;border:1px solid #425238;background:#1f2d22;gap:17px}.mode-icon{font-size:39px;color:#b9cc92;width:41px;text-align:center}.mode-copy strong{font-size:11px;font-weight:600;letter-spacing:1.1px}.mode-copy strong>span{font-size:6px;font-weight:400;letter-spacing:.8px;background:#445235;padding:4px 5px;margin-left:10px;color:#c1d2a6;vertical-align:middle}.mode-copy p{font-size:9px;color:#8e9e80;margin-top:8px}.mode-copy b{margin:0 7px}.training-button{margin-left:auto;font-size:8px;letter-spacing:1.2px;color:#bdcba8;padding:18px 17px;white-space:nowrap}.training-button span{margin-left:13px;font-size:13px}.primary-button{background:var(--lime);color:#19241b;font-size:12px;letter-spacing:1.5px;font-weight:bold;padding:20px 27px;display:flex;justify-content:space-between;align-items:center;gap:45px;white-space:nowrap;transition:background .15s}.primary-button:hover{background:#edffb5}.primary-button span{font-size:21px;font-weight:400}.deploy-bar>.primary-button{min-width:216px}.secondary-button{border:1px solid #647358;padding:15px 25px;font-size:10px;letter-spacing:1.5px}footer{display:flex;justify-content:space-between;padding:23px 0 25px;font-size:6px;letter-spacing:1.2px;color:#7e8f75;align-items:center}footer i{width:4px;height:4px;margin-right:5px}footer b{margin:0 8px;font-size:7px}.footer-logo{font-family:Impact,sans-serif;font-size:14px;margin-left:25px;color:#95a187}.page-intro{padding:20px 0 30px}.page-intro h2{font-family:Impact,sans-serif;font-weight:400;font-size:48px;margin-top:12px}.page-intro p{color:var(--muted);font-size:13px;margin-top:13px}.legend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.legend-detail{background:var(--panel);border:1px solid var(--line);padding:22px;position:relative;overflow:hidden}.legend-detail .portrait{height:180px;display:block;margin:0 auto 15px}.legend-detail h3{font-family:Impact,sans-serif;font-size:25px;font-weight:400;letter-spacing:1px}.legend-detail .role{color:var(--hero-color);font-size:10px;text-transform:uppercase;margin:7px 0 22px;letter-spacing:1px}.legend-detail h4{font-size:12px;margin:16px 0 6px}.legend-detail p{font-size:11px;line-height:1.7;color:var(--muted)}.legend-detail button{margin-top:18px;width:100%;font-size:9px;color:var(--hero-color)}.weapon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.weapon-card{background:var(--panel);border:1px solid var(--line);padding:22px}.weapon-silhouette{font-size:50px;line-height:1;margin:20px 0;color:#a2b28b;display:block;transform:rotate(-15deg)}.weapon-card h3{font-size:21px}.weapon-card .ammo{font-size:9px;color:var(--lime);letter-spacing:1px;margin:8px 0 22px}.weapon-card dl{display:grid;grid-template-columns:1fr 1fr;gap:11px;font-size:10px}.weapon-card dt{color:var(--muted)}.weapon-card dd{text-align:right;margin:0}.weapon-card p{font-size:11px;line-height:1.7;color:var(--muted)}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.guide-grid article{padding:30px;background:var(--panel);border:1px solid var(--line)}.guide-number{color:var(--lime);font-size:10px;letter-spacing:1.4px}.guide-grid h3{font-size:24px;margin:18px 0 14px}.guide-grid p{color:var(--muted);line-height:1.9;font-size:13px}.controls-guide dl{display:grid;grid-template-columns:1fr 1fr;font-size:12px;gap:16px;margin-bottom:25px}.controls-guide dd{color:var(--lime);text-align:right;margin:0;font-size:10px}dialog{border:1px solid #5a6d49;background:#1a291f;color:var(--text);padding:38px;max-width:calc(100vw - 24px);width:470px;box-shadow:0 30px 160px #0009}dialog::backdrop{background:#08110ddd;backdrop-filter:blur(8px)}dialog h2{font-family:Impact,sans-serif;font-weight:400;font-size:35px;letter-spacing:.7px;margin:16px 0}dialog>p{font-size:12px;line-height:1.8;color:#9ead94}dialog .primary-button{width:100%;margin-top:22px}.close-dialog{position:absolute;right:12px;top:9px;font-size:25px;color:#a5b392}.auth-tabs{display:flex;margin:25px 0;gap:20px;border-bottom:1px solid #46573b}.auth-tabs button{font-size:10px;padding:10px 0;color:#93a484;letter-spacing:1px}.auth-tabs .active{color:var(--lime);border-bottom:2px solid var(--lime)}label{display:block;font-size:9px;letter-spacing:1px;color:#b7c9a3;margin:18px 0}input,select{padding:13px;background:#101c14;border:1px solid #50613f;color:#e0ebd2;border-radius:0}form input{width:100%;margin-top:8px;font-size:14px}input:focus,select:focus{outline:1px solid var(--lime)}.form-error{color:#ffb09a!important;font-size:12px}.setting-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:0;padding:10px 0}input[type=checkbox]{accent-color:var(--lime);width:18px;height:18px}.queue-radar{width:100px;height:100px;border:1px solid #617b46;border-radius:50%;position:relative;margin:25px auto;background:repeating-radial-gradient(transparent 0 19px,#adc17f22 20px 21px);display:grid;place-items:center}.queue-radar i{position:absolute;inset:0;width:100%;height:100%;background:conic-gradient(transparent 0 240deg,#b7df5733);animation:radar 3s linear infinite}.queue-radar b{font-size:35px;color:var(--lime)}#queue-dialog{text-align:center}#queue-title{font-size:29px}#queue-members{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin:22px 0}#queue-members span{border:1px solid #4b613b;padding:6px 9px;font-size:10px;color:#becfaa}#toast{position:fixed;z-index:30;bottom:25px;left:50%;transform:translateX(-50%) translateY(110px);padding:16px 23px;color:#e7f1d5;background:#263c29;border:1px solid #6d8452;transition:transform .25s;font-size:12px;max-width:90vw}#toast.show{transform:translateX(-50%) translateY(0)}#result-stats,#career-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}#result-stats div,#career-stats div{text-align:center;font-size:9px;letter-spacing:1px;color:#a5b791}#result-stats strong,#career-stats strong{font-family:Impact,sans-serif;font-weight:400;display:block;font-size:32px;color:var(--lime);margin-bottom:7px}@keyframes radar{to{transform:rotate(360deg)}}
#game-view{position:fixed;inset:0;background:#152820;touch-action:none}#game-canvas{position:absolute;inset:0}#game-canvas canvas{display:block}.game-top{position:absolute;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;font-size:11px;font-weight:bold;letter-spacing:1.3px;text-shadow:0 2px 4px #000}.game-brand{font-family:Impact,sans-serif;font-size:28px}.game-brand span{font-size:11px;letter-spacing:2px;margin-left:7px;color:var(--lime)}#ring-status{padding:12px 20px;background:#13241dde;border:1px solid #8a9b5666;color:var(--lime)}#game-feed{position:absolute;top:100px;right:25px;display:flex;flex-direction:column;gap:7px;font-size:10px;letter-spacing:.5px;text-align:right}#game-feed p{background:#17251fcf;padding:8px 12px;color:#d5dfc9}#game-feed b{color:#c3e286;margin:0 12px}#minimap-label{position:absolute;left:26px;top:254px;font-size:7px;letter-spacing:1.6px;color:#bed09f}#loot-prompt{position:absolute;left:50%;top:62%;transform:translateX(-50%);background:#13231ee6;border:1px solid #a3bd7755;padding:11px 17px;font-size:11px;pointer-events:none}#loot-prompt:empty{display:none}#action-progress{position:absolute;left:50%;bottom:150px;transform:translateX(-50%);color:var(--lime);font-size:12px;letter-spacing:1px}.game-bottom{position:absolute;bottom:36px;left:30px;right:30px;display:flex;align-items:end;gap:18px}.health-panel{width:260px;padding:17px;background:#13261ce8;border:1px solid #8f9f6655}.health-panel strong{font-size:11px;letter-spacing:2px}.health-track,.shield-track{height:8px;background:#526046;margin-top:10px}.shield-track{height:5px}.health-track>div{height:100%;background:var(--lime);transition:width .1s}.shield-track>div{height:100%;background:#79bded;transition:width .1s}#health-label{font-size:8px;display:block;margin-top:8px;color:#c2d4a6}.hud-button{width:66px;height:66px;border:1px solid #b4ce77;background:#2a4120db;color:var(--lime);font-size:22px}.hud-button>span{display:block;font-size:7px;margin-top:6px;letter-spacing:1px}#weapon-hud{margin-left:auto;background:#16231ee0;border:1px solid #64784a66;padding:17px 24px;text-align:right;font-size:11px;letter-spacing:1px}#weapon-hud strong{font-family:Impact,sans-serif;font-size:35px;font-weight:400;margin-left:22px}#weapon-hud small{display:block;color:#a4b88d;font-size:9px;margin-top:8px}#desktop-hints{position:absolute;bottom:13px;left:30px;font-size:7px;letter-spacing:1px;color:#b9cb9d}#desktop-hints b{margin:0 8px}#leave-game{position:absolute;right:30px;bottom:12px;font-size:8px;letter-spacing:1px;color:#bacba8}#mobile-controls{display:none}.joystick{position:absolute;width:112px;height:112px;border-radius:50%;border:1px solid #c5dda666;background:#283e2566;bottom:133px;touch-action:none}.joystick>div{position:absolute;width:42px;height:42px;border-radius:50%;background:#b5cc8577;border:1px solid #d7e9b599;left:34px;top:34px;pointer-events:none}#move-stick{left:28px}#aim-stick{right:28px}.touch-actions{position:absolute;right:150px;bottom:152px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.touch-actions button{background:#1a2c1ac9;border:1px solid #a0ba6e88;padding:13px 8px;font-size:8px}.touch #mobile-controls{display:block}.touch #desktop-hints{display:none}
@media(min-width:1500px){.showcase{min-height:535px}.hero-art{width:61%}.hero-copy{padding-top:53px}.hero-copy h2{font-size:88px}.hero-card .hero-card-text{left:88px}.hero-card .portrait{left:0}.arena-layout{grid-template-columns:minmax(0,1fr) 330px}.map-art{height:138px}.briefing h3{font-size:28px}.side-panel{gap:18px}.hero-card{height:98px}}
@media(max-width:1190px){.shell{padding:0 26px}.topbar{gap:35px}nav{gap:23px}.connection{display:none}.top-actions{gap:13px}.arena-layout{grid-template-columns:minmax(0,1fr) 250px}.hero-copy{padding-left:24px}.hero-copy h2{font-size:61px}.hero-card .hero-card-text{left:54px}.hero-card .portrait{left:-26px}.hero-card strong{font-size:11px}.hero-card small{font-size:5px}.coordinates{display:none}.training-button{padding:15px 5px}.deploy-bar{gap:9px}.mode-copy strong{font-size:9px}.mode-copy strong>span{display:none}.legend-grid,.weapon-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.shell{padding:0 22px}.topbar{height:82px;gap:28px}nav{gap:20px}.nav-item{font-size:9px;letter-spacing:.8px}.top-actions{gap:4px}.account>span:nth-child(2),.account-arrow{display:none}.brand{font-size:25px}.brand-mark{font-size:39px}.brand-mark span{font-size:48px}.brand small{font-size:7px}.page-heading{padding:28px 0 22px}h1{font-size:35px}.edition{display:none}.arena-layout{grid-template-columns:minmax(0,1fr) 213px;gap:13px}.showcase{min-height:440px}.hero-copy{padding-top:34px;padding-left:21px;max-width:55%}.hero-copy h2{font-size:48px}.hero-copy>p{font-size:11px}.hero-art{right:-20%;width:83%;bottom:5px;height:91%}.ability-preview{gap:8px;margin-top:26px}.ability-preview p{max-width:145px;line-height:1.5;font-size:9px}.ability-preview strong{font-size:12px}.ability-icon{width:34px;height:40px;font-size:27px}.showcase-top{margin:18px 20px;font-size:6px}.showcase-bottom{left:20px;right:20px;font-size:5px}.hero-label{display:none}.hero-roster{gap:7px}.hero-card{height:108px}.hero-card .portrait{left:50%;transform:translateX(-50%);bottom:0;height:126px}.hero-card .hero-card-text{left:0;right:0;bottom:0;padding:9px 3px;background:linear-gradient(transparent,#18271bf5 24%);text-align:center}.hero-card small{font-size:5px}.hero-card strong{font-size:12px}.deploy-bar{flex-wrap:wrap}.mode-copy{flex:1}.training-button{margin-left:auto}.deploy-bar>.primary-button{width:100%;padding:17px 24px}.briefing h3{font-size:22px}.briefing>p{font-size:9px}.map-art{height:100px}.map-footer{flex-wrap:wrap;gap:8px}.side-panel{gap:13px}.map-copy h3{font-size:18px}.section-label>span:last-child{font-size:6px}.legend-grid,.weapon-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.shell{padding:0 16px}.topbar{height:74px;gap:15px;flex-wrap:wrap;position:relative;padding-bottom:32px;box-sizing:content-box;padding-top:16px;align-items:flex-start}.brand{height:42px}.top-actions{margin-left:auto;height:38px;gap:12px}nav{position:absolute;bottom:0;left:0;right:0;height:39px;justify-content:space-between;gap:0}.nav-item{font-size:10px;padding:0 4px}.icon-button{padding:0 5px}.page-heading{padding:24px 0 20px}h1{font-size:32px;letter-spacing:.2px}.eyebrow{font-size:7px;letter-spacing:1.5px}.slash{margin:0 9px}.arena-layout{display:block}.showcase{height:430px;min-height:0}.hero-copy{padding-top:40px;max-width:70%;padding-left:20px}.hero-copy h2{font-size:49px}.hero-copy>p{max-width:180px}.hero-art{width:95%;height:81%;right:-35%;bottom:12px;opacity:.92}.hero-copy .overline{font-size:8px}.hero-watermark{font-size:260px;left:38%;top:70px}.ability-preview{margin-top:25px}.ability-preview p{max-width:160px}.hero-label{display:none}.side-panel{display:block;margin-top:12px}.map-card{display:grid;grid-template-columns:115px 1fr;position:relative}.map-card>.card-heading{display:none}.map-art{height:100%;min-height:129px}.map-label{font-size:5px}.map-badge{display:none}.map-copy{padding:16px}.map-copy h3{font-size:20px}.map-copy p{font-size:10px}.map-footer{margin-top:12px}.map-footer>span{font-size:5px}.briefing{display:none}.hero-roster{grid-template-columns:repeat(4,1fr);gap:8px}.hero-card{height:112px}.hero-card .portrait{height:142px;width:100px;bottom:-8px}.hero-card strong{font-size:13px}.hero-card small{font-size:6px}.section-label{font-size:7px;margin-top:23px}.section-label>span:last-child{font-size:5px;letter-spacing:.7px}.deploy-bar{padding:14px;gap:10px;margin-top:20px}.mode-copy strong{font-size:9px;letter-spacing:.7px}.mode-copy p{font-size:8px;line-height:1.8;max-width:235px;margin-top:4px}.mode-copy b{margin:0 4px}.mode-icon{width:25px;font-size:30px}.training-button{width:100%;font-size:9px;text-align:left;margin-top:8px;border-top:1px solid #3d5132;padding:15px 3px 8px}.training-button>span{float:right}.deploy-bar>.primary-button{margin-top:4px}.showcase-bottom{font-size:5px}.showcase-bottom>span:last-child{display:none}footer{line-height:1.8;font-size:5px;letter-spacing:.7px;padding:20px 0}footer>span:last-child{display:none}.legend-grid,.weapon-grid,.guide-grid{grid-template-columns:1fr}.page-intro h2{font-size:37px}.page-intro p{font-size:12px;line-height:1.6}.legend-detail{padding:25px}.legend-detail .portrait{height:200px}.guide-grid article{padding:24px}dialog{padding:29px 24px}dialog h2{font-size:30px}.game-top{top:13px;left:14px;right:14px;font-size:8px;gap:10px}.game-brand{font-size:21px}.game-brand span{display:none}#ring-status{padding:8px}.game-bottom{left:12px;right:12px;bottom:37px;gap:8px}.health-panel{width:155px;padding:12px}.health-panel strong{font-size:8px}.hud-button{width:45px;height:58px;font-size:17px}#weapon-hud{padding:10px;font-size:8px;max-width:135px}#weapon-hud strong{font-size:24px;margin-left:6px}#weapon-hud small{font-size:7px}.joystick{width:98px;height:98px;bottom:157px}.joystick>div{left:27px;top:27px}#move-stick{left:20px}#aim-stick{right:20px}.touch-actions{bottom:269px;right:18px;grid-template-columns:repeat(3,1fr)}#minimap-label{display:none}#game-feed{top:65px;right:12px;font-size:8px}#leave-game{right:12px;bottom:14px}#loot-prompt{font-size:9px;padding:8px;top:52%}}
#med-selector{position:absolute;z-index:35;right:20px;bottom:350px;width:220px;padding:14px;background:#172b20f5;border:1px solid #9aad72;box-shadow:0 10px 35px #0006}#med-selector>div{font-size:9px;letter-spacing:1px;color:var(--lime);display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}#med-selector>div button{font-size:22px}#med-selector>button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 5px;font-size:11px;border-top:1px solid #526a394f;text-align:left}#med-selector>button>span{color:var(--lime)}#med-selector>button:disabled{opacity:.4;cursor:default}
.access-strip{border:1px solid var(--line);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;background:#1b2b20}.access-strip strong{font-size:10px;letter-spacing:1.2px}.access-strip p{font-size:11px;color:var(--muted);margin-top:8px;line-height:1.6}.access-buttons{display:flex;gap:14px;align-items:center;flex-shrink:0}.access-buttons button,.access-buttons a{font-size:8px;padding:12px;letter-spacing:1px}.explore-bar{display:flex;gap:22px;align-items:center;border:1px solid #68764a;padding:22px;margin-top:24px;background:linear-gradient(100deg,#2b3f27,#1a2a20)}.explore-bar h3{font-size:23px;margin-top:10px}.explore-bar p{font-size:11px;color:#aabd98;margin-top:9px;line-height:1.7}.explore-bar label{margin-left:auto;min-width:180px}.explore-bar select{display:block;width:100%;margin-top:8px;font-size:12px}.explore-bar .primary-button{font-size:10px;padding:18px 22px;gap:22px}#invite-field small{font-size:10px;line-height:1.6;display:block;margin-top:8px;letter-spacing:0;color:var(--muted)}#admin-activation{border-top:1px solid var(--line);padding-top:8px}@media(max-width:1000px){.access-strip{align-items:start;flex-direction:column}.explore-bar{flex-wrap:wrap}.explore-bar>div{width:100%}.explore-bar label{flex:1;margin:0}.access-buttons{flex-wrap:wrap}.explore-bar .primary-button{align-self:end}}@media(max-width:620px){.access-strip{padding:16px}.access-buttons{gap:6px}.access-buttons button{font-size:7px;padding:10px}.explore-bar{padding:18px;gap:16px}.explore-bar label{min-width:100%}.explore-bar .primary-button{width:100%}}
#hit-confirm{position:absolute;pointer-events:none;top:calc(50% + 45px);left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:1px;font-weight:bold;color:#e7f5ca;background:#12291ecc;padding:7px 12px;border:1px solid #8baf6255}#hit-confirm.headshot{color:#ffd778;border-color:#d3b76888}.health-track>div.recovering{background:#8ff0b0;box-shadow:0 0 10px #8ff0b066}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}