@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{font-family:Inter,Arial,sans-serif;color:#f4f4ef;background:#111916;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #c1ef78;outline-offset:3px}#game,#world{position:fixed;inset:0;width:100%;height:100%}#world{display:block}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 45% 43%,transparent 37%,rgba(5,9,9,.7) 115%)}#top,#bottom,#right,#left{position:absolute;pointer-events:none}#top{top:0;left:0;right:0;height:74px;display:flex;justify-content:space-between;align-items:center;padding:0 32px;background:linear-gradient(#111a1cdd,transparent)}.brand{font-family:'Barlow Condensed';font-size:27px;font-weight:900;letter-spacing:1px}.brandicon{color:#d6ff86}.brand small{color:#9bb1a3;font-size:17px}.build{font:700 9px Inter;background:#d8fa9a;color:#1b2721;padding:4px 6px;vertical-align:middle;margin-left:8px;letter-spacing:1px}.location{display:flex;flex-direction:column;align-items:center;letter-spacing:2px;font-size:12px;font-weight:800}.location .dot{display:inline-block;background:#d7f997;width:5px;height:5px;position:absolute;margin-left:-195px;margin-top:5px}.location small{font-size:9px;color:#bbc4bb;margin-top:5px}.account{display:flex;align-items:center;gap:15px;font-size:11px;letter-spacing:1px;font-weight:800}.account #online{color:#c3ed8b}.small{pointer-events:auto;background:#273730;border:1px solid #647b65;color:white;padding:8px;border-radius:3px}#right{right:28px;top:95px;width:210px}.radar{background:#152322c9;border:1px solid #83918555;padding:13px;display:flex;flex-direction:column;align-items:center}.radar canvas{width:180px;height:180px;border-radius:50%}.radar span{font-size:9px;color:#c1d0bd;letter-spacing:2px;margin-top:8px;font-weight:800}.objectives{background:#111d1ccc;border-left:2px solid #ceec8d;padding:18px;margin-top:14px}.tag{font-size:9px;font-weight:800;color:#d5ff93;letter-spacing:2px}.objectives h3{margin:10px 0;font:800 23px 'Barlow Condensed'}.objectives p{font-size:11px;line-height:1.75;color:#bcc5c3}.mission{border-top:1px solid #5e77735b;margin-top:15px;padding-top:12px;font-size:10px;display:flex;justify-content:space-between}.mission i{background:#dfff99;border-radius:50%;width:5px;height:5px;margin-top:4px}#left{left:30px;bottom:158px;width:255px}.stats{background:#13211fdf;padding:17px;border-left:3px solid #deff9e}.statcap{font-size:10px;letter-spacing:2px;color:#acbdb3;margin-bottom:20px}.statcap strong{color:white}.meter{margin:11px 0}.meter label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;font-weight:800}.track{margin-top:7px;background:#4e5c53;height:5px}.fill{height:100%;width:100%;transition:width .2s}.hp{background:#b7e37e}.stamina{background:#7cd5bb}.foot{display:flex;justify-content:space-between;padding-top:14px;margin-top:14px;border-top:1px solid #5d726d50;font-size:12px}.foot b{color:#e1f59e}#log{font-size:11px;color:#dcf3bf;text-shadow:0 1px 2px #000;min-height:30px;margin-top:14px;line-height:1.7}#bottom{bottom:0;left:0;right:0;height:112px;background:linear-gradient(transparent,#0d1716e8);display:flex;align-items:center;padding:10px 30px;gap:32px}.weapon{display:flex;gap:12px;align-items:center;background:#1e302bce;border:1px solid #7284795d;padding:8px 14px;min-width:255px}.gunIcon{font-size:38px;font-weight:800;color:#d6efb3}.wt{font-size:9px;font-weight:700;letter-spacing:1px;color:#bbccbc}.ammo b{font:900 32px 'Barlow Condensed'}.ammo span{font-size:14px;color:#9ab0a6}.keyhint{margin-left:auto;align-self:end;color:#aabd9f;font-size:9px}.actions{display:flex;flex:1;gap:24px;justify-content:center}.action{font-size:10px;color:#d5e5d4;display:flex;flex-direction:column;align-items:center;gap:7px;letter-spacing:1px}kbd{font:800 10px Inter;background:#243a33;border:1px solid #7a8c79;padding:8px 10px;border-radius:2px;color:#edf8e5}.slots{display:flex;gap:8px}.slot{width:54px;height:62px;border:1px solid #738b78;background:#20302de5;font:800 10px Inter;padding:8px;color:#b4c1b4}.slot span{display:block;text-align:center;font-size:25px}.slot.chosen{border-color:#d3f395;color:#e6fdaf}#crosshair{position:absolute;pointer-events:none;width:24px;height:24px;transform:translate(-50%,-50%);display:none}#crosshair div{position:absolute;background:#e3f5c9;box-shadow:0 0 3px #111}#crosshair div:nth-child(1),#crosshair div:nth-child(2){width:6px;height:2px;top:11px}#crosshair div:nth-child(1){left:1px}#crosshair div:nth-child(2){right:1px}#crosshair div:nth-child(3),#crosshair div:nth-child(4){width:2px;height:6px;left:11px}#crosshair div:nth-child(3){top:1px}#crosshair div:nth-child(4){bottom:1px}
.overlay{position:absolute;inset:0;z-index:5;background:#0c1719ce;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px)}.hidden{display:none!important}#menuOverlay{justify-content:space-between;padding:7% 10%;gap:6%}.heroArt{position:relative;flex:1;min-width:0}.glow{position:absolute;width:420px;height:420px;border-radius:100%;filter:blur(60px);background:#bdda6629;top:-60px;left:-90px;pointer-events:none}.headline{position:relative}.eyebrow{color:#d8f5ad;font-size:11px;font-weight:800;letter-spacing:3px}.headline h1{font:900 clamp(54px,8vw,122px)/.79 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;margin:30px 0 28px;text-shadow:0 4px 24px #0008}.headline h1 em{font-style:normal;color:#d0f495}.headline h1 span{color:#d0f495}.stripe{width:90px;height:5px;background:#d0f495;margin-bottom:25px}.headline p{font-size:14px;line-height:1.9;color:#d9e3d9}.pillRow{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.pillRow span{font-size:9px;letter-spacing:1px;border:1px solid #879d87;padding:8px;color:#cfdfcd;font-weight:700}.startPanel{pointer-events:auto;width:346px;flex-shrink:0;border:1px solid #7d957b85;background:#16221fef;box-shadow:0 22px 80px #0008}.panelHeader{padding:16px 20px;background:#2c3c33;font-size:10px;letter-spacing:2px;font-weight:800}.panelHeader b{float:right;color:#bdcab6}.signal{color:#c8f48a}.tabs{display:flex}.tabs button{background:transparent;border:0;border-bottom:2px solid #526359;color:#9eafa5;flex:1;padding:16px}.tabs button.active{border-color:#d5f69d;color:#efffeb}#authForm{padding:22px 24px 10px}#authForm label{display:block;font-size:10px;letter-spacing:1px;font-weight:800;color:#c9d7cb;margin-bottom:18px}#authForm input{display:block;width:100%;height:45px;background:#0d1817;border:1px solid #506358;color:#eef7eb;padding:12px;margin-top:8px;outline:none;font-size:14px}#authForm input:focus{border-color:#d4ed9b}.colors{display:flex;gap:9px;margin-bottom:16px}.colors button{border:2px solid #31423e;border-radius:50%;width:33px;height:33px;background:var(--c)}.colors button.chosen{outline:2px solid #e4fdb3;outline-offset:2px}#authError{font-size:11px;min-height:14px;color:#ffa7a7}.primary,.secondary{width:100%;border:0;font-weight:900;letter-spacing:1px}.primary{background:#d4f18c;color:#223020;padding:16px 14px;text-align:left}.primary span{float:right}.secondary{background:transparent;color:#d1dfca;font-size:11px;padding:14px}.fineprint{font-size:9px;line-height:1.8;text-align:center;color:#8e9f97;margin:8px 20px 20px}.zonePanel{position:absolute;top:96px;left:30px;background:#152521dd;border:1px solid #71887566;padding:11px;pointer-events:auto}.zonePanel>b{font-size:9px;letter-spacing:2px;color:#bdd69c}.zonePanel #zoneButtons{display:flex;gap:4px;margin-top:9px}.zonePanel button{padding:7px 9px;border:1px solid #6a827480;background:#243a31;color:#dce6d9;font-size:11px;font-weight:800}.zonePanel button.active{color:#1c2b1d;background:#d0ee95}#toast{position:absolute;z-index:11;left:50%;top:92px;transform:translateX(-50%);background:#26372e;color:#f1f8e6;border-left:3px solid #d8f4a1;padding:12px 20px;font-size:12px;opacity:0;transition:opacity .2s;pointer-events:none}#toast.show{opacity:1}#inventory{z-index:6}.inventoryPanel{background:#17241e;border:1px solid #778a70;width:min(830px,92vw);pointer-events:auto}.invHeader{padding:20px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #526955}.invHeader small,.secname{font-size:10px;color:#d4f19b;letter-spacing:2px;font-weight:800}.invHeader h2{font:900 35px 'Barlow Condensed';margin:8px 0 0}.invHeader h2 span{font-size:18px;color:#9cae9e}.invHeader button{padding:10px 15px;background:#334638;color:#e5f7e2;border:1px solid #6c836a}.invBody{display:grid;grid-template-columns:1fr 1.4fr;gap:25px;padding:25px}.equips{display:grid;gap:8px;margin-top:14px}.equips div{background:#26382c;border:1px solid #58705a;padding:14px}.equips small{display:block;color:#a7b8a4;font-size:9px;margin-bottom:8px}.equips strong{font-size:13px}.secname{display:flex;justify-content:space-between}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:14px}.grid div{background:#2b3c30;border:1px solid #6b7e65;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:10px;text-align:center;padding:4px;color:#d9edcb}.bag p{font-size:11px;color:#a2b5a4}#menuOverlay~#zoneSelect{z-index:1}@media(max-width:1000px){.actions{gap:7px}.action{font-size:9px}.location{display:none}#right{transform:scale(.8);transform-origin:top right}.brand{font-size:19px}#menuOverlay{padding:4%;gap:3%}.headline h1{font-size:64px}}@media(max-width:690px){.headline{display:none}.heroArt{display:none}#menuOverlay{justify-content:center}#top{padding:0 12px}.brand{font-size:16px}.build{display:none}.account{font-size:9px}#bottom{padding:8px 10px;height:100px}.actions{display:none}.slots{margin-left:auto}.slot{width:35px;height:54px}.weapon{min-width:170px}.weapon .keyhint{display:none}#right{display:none}#left{left:10px;bottom:120px;transform:scale(.85);transform-origin:bottom left}.zonePanel{top:83px;left:10px}.invBody{grid-template-columns:1fr;max-height:65vh;overflow:auto}}

/* Mobile graphics-preview controls */
#touchControls{display:none;position:fixed;bottom:112px;left:12px;right:12px;z-index:20;justify-content:space-between;pointer-events:none}#touchControls button{pointer-events:auto;touch-action:none;user-select:none;border:1px solid #c4d7bb7c;background:#102b2aba;color:#f3f6dd;border-radius:12px;min-width:48px;min-height:48px;font-size:15px;font-weight:800;backdrop-filter:blur(5px)}.touchDpad{text-align:center}.touchDpad>div{display:flex;gap:5px;margin-top:5px}.touchRight{display:flex;gap:7px;align-self:end}.touchRight #touchFire{background:#b76135d9;min-width:68px}
@media(pointer:coarse){#touchControls{display:flex}#crosshair{display:none!important}.actions{display:none!important}.slots{display:none!important}#right{display:none!important}#bottom{padding-bottom:12px!important}.weapon{transform:scale(.8);transform-origin:left bottom}}

/* Alpha 0.5: 3D lobby and armory */
#lobby,#armoryOverlay,#worldModal,#loadingScreen{z-index:45;color:#ecf4e8;font-family:Inter,system-ui,sans-serif}
#lobby{pointer-events:auto;background:linear-gradient(90deg,rgba(8,17,19,.82),rgba(8,15,18,.08) 48%,rgba(8,17,19,.78));display:flex;flex-direction:column;justify-content:space-between;padding:clamp(18px,3vw,42px)}
#lobby.hidden,#armoryOverlay.hidden,#worldModal.hidden,#loadingScreen.hidden{display:none!important}
.lobbyTop,.lobbyBottom{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.lobbyTop h1{font-size:clamp(22px,2.7vw,45px);letter-spacing:-.06em;margin:5px 0}.lobbyTop h1 em{color:#dcf59e;font-style:normal}.lobbyTop small,.lobbyTag,.shopNote{letter-spacing:.17em;font-size:11px;color:#bacfc1}.lobbyTop>div:last-child{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lobbyTop button,.lobbyNav button,#armoryClose,.armoryCards button,#worldClose,.worldPanel button{background:#203b37;border:1px solid #78958b;color:#e7f3e9;border-radius:8px;padding:12px 16px;cursor:pointer;font:inherit}.lobbyTop #lobbyCoins{color:#e7fca2}.lobbyBottom{align-items:end}.lobbyTag h2{font-size:clamp(28px,4vw,52px);margin:10px 0}.lobbyTag span{display:block}.lobbyTag p{letter-spacing:normal;max-width:240px;line-height:1.6}.lobbyNav{display:grid;grid-template-columns:repeat(2,minmax(120px,180px));gap:9px}.lobbyNav .launch{grid-column:span 2;background:#ddf69d;color:#15271b;font-weight:800;padding:17px}
#armoryOverlay,#worldModal{background:rgba(4,12,16,.88);overflow:auto;padding:30px 14px}.armoryPanel,.worldPanel{width:min(1040px,96vw);max-height:90vh;overflow:auto;margin:auto;background:#12221f;border:1px solid #47645b;border-radius:16px;padding:22px}.armoryPanel header,.worldPanel header{display:flex;justify-content:space-between;align-items:center;gap:12px}.armoryPanel h2,.worldPanel h2{font-size:26px;margin:5px 0}.armoryPanel small{color:#b7d0c1}.armoryTabs{display:flex;gap:7px;overflow-x:auto;padding:15px 0}.armoryTabs button{background:#243a34;color:#dce7db;border:1px solid #45675a;padding:8px 12px;border-radius:8px;white-space:nowrap;cursor:pointer}.armoryTabs button.selected{background:#c7ec93;color:#15211b}.armoryCards{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px}.armoryCard{padding:16px;background:linear-gradient(145deg,#203831,#152823);border:1px solid #3c6555;border-radius:11px}.armoryCard h3{font-size:19px;margin:5px 0}.armoryCard .itemIcon{font-size:34px}.armoryCard p{color:#c1d3c4;margin:7px 0;font-size:12px}.armoryCard button{margin-top:7px;padding:8px 10px;width:100%}.armoryCard button:disabled{opacity:.4;cursor:default}.armoryCard strong{color:#e6efaa}.shopNote{margin-top:20px;letter-spacing:normal}#worldCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:22px}#worldCards article{background:#22382f;padding:18px;border:1px solid #537163;border-radius:10px}#worldCards article h3{margin:8px 0}#worldCards p{color:#baccbe;font-size:13px;line-height:1.5}#worldCards button{width:100%}#loadingScreen{background:radial-gradient(circle at 50% 50%,#39534b,#0b1619);display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}.loadingVisual{max-width:590px;width:100%}.loadingDucks{font-size:clamp(55px,11vw,120px);letter-spacing:10px;filter:drop-shadow(0 14px 8px #07131b)}.loadingDucks span{font-size:.45em}.loadingVisual>span{letter-spacing:.25em;color:#d6efaa}.loadingVisual h1{font-size:clamp(30px,5vw,55px);margin:12px 0}.loadingVisual p{color:#bed1bf}.loadingBar{height:9px;background:#263f35;border-radius:20px;margin:25px auto 10px;overflow:hidden}.loadingBar>div{height:100%;width:0;background:#d7f69b;transition:width .15s}#loadingPercent{font-weight:900;font-size:19px}@media(max-width:690px){.lobbyTop,.lobbyBottom{flex-direction:column}.lobbyBottom{align-items:stretch}.lobbyNav{grid-template-columns:1fr 1fr}.lobbyTag{background:#0715149c;padding:12px;border-radius:8px}#lobby{padding:15px}.lobbyTop h1{font-size:24px}.lobbyTop>div:last-child{background:#0715149c;padding:8px;border-radius:8px}}

/* Alpha 0.6: crisp 3D presentation and premium lobby */
#lobby,#armoryOverlay,#worldModal,#loadingScreen,#noticeModal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
#lobby{background:linear-gradient(90deg,rgba(5,10,16,.74) 0%,rgba(6,11,17,.10) 34%,rgba(5,10,16,.02) 62%,rgba(5,10,16,.84) 100%);border-top:2px solid #d8b37b;padding:clamp(17px,2.5vw,36px);}
#lobby:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,transparent 19%,rgba(0,0,0,.15) 84%);pointer-events:none}
#lobby>div{position:relative;z-index:1}
.lobbyTop{align-items:center}.lobbyTop h1{font-weight:1000;font-style:italic;text-transform:uppercase;letter-spacing:-.045em;text-shadow:0 4px 18px #0009}.lobbyTop h1 em{color:#e8b969}
.lobbyTop small{color:#d8bc87;letter-spacing:.24em}.lobbyTop>div:last-child{background:#0b141bdc;border:1px solid #a4a6a350;padding:13px 15px;border-radius:2px}
#lobby .lobbyStatus{align-self:start;margin-top:10px;background:#0a1d1be0;padding:9px 13px;color:#96dfb0;border-left:3px solid #83c5a5;font-size:10px;font-weight:800;letter-spacing:.16em}
.lobbyStatus span{color:#c9d3d2;margin-left:14px}
.lobbyBottom{align-items:end;padding-bottom:8px}.lobbyTag{background:linear-gradient(90deg,#07121acb,#07121a55);padding:24px;border-left:3px solid #e0b96f;max-width:380px;text-transform:none;box-shadow:0 20px 50px #0005}.lobbyTag small{color:#ebc78f;font-weight:900}.lobbyTag h2{color:#fff;font-weight:950;letter-spacing:-.03em;font-size:clamp(24px,3vw,41px)}.lobbyTag p{font-size:13px;max-width:none;color:#e7eee8}.lobbyTip{margin-top:22px;padding-top:15px;border-top:1px solid #c7bb9966;color:#efbf79;font-size:10px;line-height:1.7;letter-spacing:.11em}
.lobbyNav{grid-template-columns:repeat(2,minmax(145px,185px));gap:7px}.lobbyNav button{border-radius:2px;text-align:left;border:1px solid #a4aeb347;background:linear-gradient(110deg,#15242de8,#0c171ed9);padding:17px;font-weight:800;box-shadow:inset 0 1px #f5f2e515;transition:background .2s,border-color .2s,transform .2s}
.lobbyNav button:hover{background:#29404b;border-color:#e6bf7c;transform:translateY(-1px)}.lobbyNav .launch{background:linear-gradient(100deg,#e5b66b,#b88039);color:#151715;border-color:#edc98a;padding:19px 18px}.lobbyNav .launch:hover{background:#f2c985;border-color:#ffe2a4}
.lobbyNav .launch small{display:block;font-size:9px;margin-bottom:8px;color:#43321d;letter-spacing:.15em}.lobbyNav .launch strong{display:flex;justify-content:space-between;align-items:center;font-size:18px}.lobbyNav .launch span{font-size:24px}
#toast{z-index:101!important;background:#0c181ff5;border:1px solid #d5ad72;border-left:4px solid #ebc580;border-radius:3px;color:#fff;box-shadow:0 14px 50px #000b;min-width:min(320px,85vw);max-width:min(540px,90vw);text-align:center;font-size:14px;font-weight:700;line-height:1.6;top:22%;white-space:normal;backdrop-filter:none!important}
#noticeModal{z-index:90;background:#030a10d9;pointer-events:auto;padding:15px}
.noticePanel{width:min(470px,94vw);background:linear-gradient(140deg,#1d2a30,#0b161e);border:1px solid #c3a16d;padding:32px 30px;border-radius:3px;box-shadow:0 22px 75px #0009;color:#edf2ed;pointer-events:auto}.noticePanel small{font-size:10px;letter-spacing:.2em;color:#ddbc83}.noticePanel h2{font-size:30px;margin:18px 0}.noticePanel p{font-size:15px;line-height:1.9;color:#d2ddd7}.noticePanel button{margin-top:24px;width:100%;padding:15px;background:#d6ac68;color:#1d201b;font-weight:900;border:0;cursor:pointer}
#loadingScreen{background:#080f16;z-index:90;padding:0;overflow:hidden}.loadingVisual{position:absolute;inset:0;width:100%;max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:end;padding:0 24px clamp(48px,9vh,110px);isolation:isolate}.loadingVisual:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,13,20,.22),rgba(5,10,16,.2) 30%,rgba(5,10,16,.92) 95%);z-index:-1}.loadingArtwork{position:absolute;inset:0;background:#111d22 url('/battle-loading.webp') center 34%/cover no-repeat;filter:saturate(1.07) contrast(1.07);z-index:-2}.loadingVisual>span{font-weight:900;font-size:12px;color:#f4c079}.loadingVisual h1{text-shadow:0 3px 18px #000;font-weight:900;letter-spacing:-.025em}.loadingVisual p{color:#f1e6d5;line-height:1.7}.loadingBar{width:min(640px,85vw);height:7px;background:#53606999;margin:25px auto 10px}.loadingBar>div{background:linear-gradient(90deg,#b47b3e,#f9cf83);transition:width .12s linear}#loadingPercent{font-weight:900;font-size:17px;color:#ffe2a2}
@media(max-width:790px){#lobby{padding:16px}.lobbyTop{flex-wrap:wrap}.lobbyTop>div:last-child{padding:8px;font-size:12px}.lobbyBottom{flex-direction:column;align-items:stretch}.lobbyTag{padding:14px;max-width:none}.lobbyNav{grid-template-columns:repeat(2,minmax(0,1fr))}.lobbyNav button{padding:11px}.lobbyNav .launch{padding:13px}.lobbyTop h1{font-size:22px}.lobbyStatus{display:none}.lobbyTip{display:none}}


/* Alpha 0.7: cleaner duck presentation, improved loading art and premium UI */
.loadingArtwork{background:#111d22 url('/battle-loading.webp') center center/cover no-repeat!important; image-rendering:auto;}
.loadingVisual h1{font-size:clamp(34px,5.4vw,66px)!important; letter-spacing:-.03em;}
.loadingVisual p{max-width:760px;font-size:14px} 
#top{background:linear-gradient(rgba(10,16,20,.92),rgba(10,16,20,.18));backdrop-filter:none!important}
#lobby{background:linear-gradient(90deg,rgba(5,10,16,.86) 0%,rgba(5,10,16,.16) 36%,rgba(5,10,16,.08) 62%,rgba(5,10,16,.92) 100%), radial-gradient(circle at 75% 35%, rgba(242,177,88,.10), transparent 28%)!important;}
.lobbyNav button{min-height:66px} .lobbyTag{max-width:430px} .lobbyTop h1{font-size:clamp(28px,3.3vw,52px)!important}
.armoryCard{box-shadow:0 16px 40px rgba(0,0,0,.25)}
.noticePanel,.armoryPanel,.worldPanel{box-shadow:0 30px 80px rgba(0,0,0,.45)}

/* ALPHA 0.8: real scene separation. No combat HUD may cover the lobby. */
body:not([data-view="combat"]) #top,body:not([data-view="combat"]) #right,body:not([data-view="combat"]) #left,body:not([data-view="combat"]) #bottom,body:not([data-view="combat"]) #zoneSelect,body:not([data-view="combat"]) #touchControls,body:not([data-view="combat"]) #crosshair{display:none!important}
body[data-view="combat"] .returnLobby{pointer-events:auto;position:absolute;left:39%;top:19px;z-index:25;border:1px solid #d6a55b;background:#111d24e8;color:#f3e7d4;border-radius:4px;padding:9px 14px;font-weight:800}
#lobby{display:grid!important;grid-template-columns:minmax(220px,1fr) minmax(250px,1.1fr) minmax(310px,420px);grid-template-rows:auto 1fr;gap:15px;padding:30px clamp(18px,3vw,55px);background:linear-gradient(90deg,#070d13f5 0%,#0a1019a1 25%,#07111933 52%,#060d14f2 100%)!important;border:none!important;overflow:auto}
#lobby.hidden{display:none!important}#lobby>div,#lobby>header,#lobby>aside,#lobby>nav{position:relative;z-index:2}.premiumBackdrop{position:absolute!important;inset:0;z-index:0!important;pointer-events:none;background:radial-gradient(circle at 51% 53%,#b0a27a24,transparent 31%)}
.premiumHeader{grid-column:1/4;display:flex;align-items:start;justify-content:space-between;gap:20px;padding:6px 0 20px;border-bottom:1px solid #e8c58a55}.premLogo small{display:block;letter-spacing:.2em;color:#d2b07e;font-size:11px;margin-bottom:7px}.premLogo strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(32px,3.8vw,66px);line-height:.86;font-weight:900;color:#fff;letter-spacing:.04em}.premLogo em{color:#f4ba63;font-style:normal}.premiumAccount{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:end}.premiumAccount span{font-size:11px;color:#b3c2c4;letter-spacing:.15em}.premiumAccount b{display:block;color:white;font-size:16px;letter-spacing:0;margin-top:5px}.premiumAccount strong{padding:12px 16px;background:#212c2c;color:#edc37c;border:1px solid #8d75545e}.premiumAccount button{background:#28333a;color:white;border:1px solid #b19a7180;padding:12px;border-radius:3px}
.premSide{grid-column:1;grid-row:2;align-self:end;padding:18px 12px 30px 0}.premSection{color:#eec385;font-weight:900;letter-spacing:.2em;font-size:14px;border-left:3px solid #e5b26c;padding-left:12px}.premSection span{display:block;color:#a4b2b0;font-size:10px;margin-top:7px}.premCard{background:#0d1a22d9;border:1px solid #a4a5a44d;margin-top:21px;padding:20px;max-width:335px}.premCard strong{font-size:16px}.premCard p{font-size:12px;color:#c4c8c5;line-height:1.8}.premChip{margin-top:19px;font-size:10px;letter-spacing:.12em;color:#9de4ac}
.duckSpot{grid-column:2;grid-row:2;align-self:end;min-height:0;pointer-events:none}.duckMarker{position:absolute;bottom:25px;left:2%;padding:13px 16px;background:#0a171cc9;border-left:3px solid #f0b968;min-width:215px}.duckMarker small{color:#e3b77a;letter-spacing:.2em;font-size:10px}.duckMarker strong{display:block;font-size:28px;margin:8px 0 0}.duckMarker p{font-size:12px;color:#c0caca;margin:4px 0}
.premiumMenu{grid-column:3;grid-row:2;align-self:center;padding:19px;background:linear-gradient(155deg,#0c161df5,#121a21f2);border:1px solid #9a9e9477;box-shadow:0 20px 60px #0008}.menuCap{display:flex;justify-content:space-between;align-items:center;color:#d6b47f;border-bottom:1px solid #8c92917a;padding:0 0 18px}.menuCap span{font-size:10px;letter-spacing:.15em}.menuCap strong{font-size:22px;color:white}.premiumMenu button{cursor:pointer;border-radius:3px;font-weight:800}.premiumDeploy{display:block;text-align:left;width:100%;background:linear-gradient(100deg,#e7ba73,#a97536);border:1px solid #ffdc9a;color:#191915;padding:21px 20px;margin:18px 0 10px;box-shadow:0 4px 24px #ae6b3240}.premiumDeploy small{display:block;font-size:10px;letter-spacing:.15em;opacity:.8}.premiumDeploy strong{font-size:27px;display:flex;justify-content:space-between;margin-top:8px}.premMenuGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.premMenuGrid button{background:#1b2931ed;border:1px solid #62778180;padding:17px 13px;text-align:left;color:white;min-height:66px}.premMenuGrid button:hover{border-color:#e9bc7a;background:#2c3d45}.premMenuGrid button span{float:right;color:#edbd71}.premFooter{margin-top:19px;font-size:9px;letter-spacing:.11em;color:#83969c;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.premFooter span{color:#bfa77d}
.modeSelect{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.modeSelect button{padding:18px;border:1px solid #6f8588;background:#263840;color:#fff;font-size:23px;font-weight:900}.modeSelect button.selected{border:2px solid #e7b364;background:#604a2c}.modeSelect small{display:block;font-size:11px;font-weight:500;margin-top:5px}#modeHint{color:#e8ba78;margin:10px 0;font-size:12px}
@media(max-width:850px){#lobby{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;overflow:auto}.premiumHeader{grid-column:1/3}.premSide{display:none}.duckSpot{grid-column:1;grid-row:2}.premiumMenu{grid-column:2;grid-row:2;align-self:end}.premiumMenu button{padding:12px}.premLogo strong{font-size:35px}.duckMarker{left:0;bottom:10px}.premiumAccount{gap:5px}}
@media(max-width:580px){#lobby{display:block!important;overflow:auto;min-height:100%;padding:14px}.premiumHeader{padding-bottom:14px}.premiumAccount{justify-content:start}.premiumMenu{margin:210px 0 10px}.duckSpot{display:none}.premSide{display:none}}

/* ALPHA 0.9 / Tactical inventory */
#stashOverlay{z-index:95;background:rgba(4,9,13,.94);padding:18px;display:flex;justify-content:center;align-items:center;overflow:auto;backdrop-filter:none!important}
#stashOverlay.hidden{display:none!important}
.stashPanel{width:min(1500px,98vw);height:min(94vh,990px);min-height:560px;background:linear-gradient(150deg,#14212b,#0c151d 58%,#17242b);border:1px solid #89939378;box-shadow:0 38px 140px #000d;display:flex;flex-direction:column;color:#e8edeb;overflow:hidden}
.stashHead{padding:19px 25px 15px;display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #6e858563;background:linear-gradient(90deg,#1b2b32,#111c24)}
.stashHead small{color:#e8bd80;letter-spacing:.17em;font-size:10px;font-weight:900}.stashHead h2{margin:4px 0;font-size:29px}.stashHead h2 em{color:#adbdba;font-size:14px;font-style:normal;letter-spacing:.17em}.stashHead p{font-size:12px;color:#bac8c8;margin:5px 0}.stashHeadButtons{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.stashHeadButtons span{color:#f1c988;font-weight:900;margin-right:12px}.stashPanel button{border:1px solid #536c73;background:#21343f;color:#e7f1ee;padding:9px 12px;border-radius:3px;cursor:pointer}.stashPanel button:hover{border-color:#efbb6a}.stashPanel button:disabled{opacity:.35;cursor:not-allowed}
.stashColumns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.94fr);gap:12px;padding:13px;min-height:0;flex:1}.stashSide{background:#0c161edb;border:1px solid #62727a67;display:flex;flex-direction:column;overflow:auto;min-height:0;padding:13px}.stashSectionHead{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #53666b61;padding:3px 3px 13px}.stashSectionHead h3{font-size:17px;margin:0}.stashSectionHead h3 small,.stashSectionHead>small{color:#b1c0c0;font-size:9px;letter-spacing:.15em}.stashSectionHead span{font-size:11px;color:#edc68b}.stashTabs{display:flex;gap:4px;overflow-x:auto;padding:10px 0}.stashTabs button{white-space:nowrap;font-size:11px;padding:8px}.stashTabs button.selected{background:#dfb77b;color:#111c24;border-color:#dfb77b;font-weight:900}.stashGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:9px;overflow-y:auto;align-content:start;padding:3px}
.stashItem{background:linear-gradient(145deg,#26363e,#17262f);border:1px solid #53687292;min-height:140px;position:relative;padding:6px;cursor:grab;display:flex;flex-direction:column;transition:border-color .18s,transform .18s}.stashItem:hover{border-color:#d4b17c;transform:translateY(-1px)}.stashItem img{width:100%;height:82px;object-fit:contain;pointer-events:none}.stashItem strong{font-size:12px;margin:5px 0 1px}.stashItem span{font-size:10px;color:#a8b9b7}.stashItem b{position:absolute;right:8px;top:7px;padding:3px 6px;color:#f3d18e;background:#07141cda;font-size:11px}.stashItem[data-stash-disabled="true"]{opacity:.5;cursor:default}
.stashEquipGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:13px 0}.stashEquipSlot{background:#182832;border:1px dashed #7b8d93a3;padding:10px;min-height:130px}.stashEquipSlot.dragOver,.stashCarryDrop.dragOver{border-color:#f0c682;background:#263e45}.stashEquipSlot>small{font-size:10px;letter-spacing:.12em;color:#e4c28b}.stashSlotContent{display:flex;align-items:center;gap:8px;min-height:92px;color:#8da1a6;font-size:12px}.stashSlotContent img{width:95px;height:62px;object-fit:contain}.stashSlotContent strong{font-size:13px;word-break:keep-all}.stashSlotContent button{display:block;font-size:10px;margin-top:6px;padding:5px}.stashSupplyHead{margin-top:4px}.stashCarryDrop{border:1px dashed #60787f;min-height:145px;flex:1;padding:9px}.stashCarryDrop #stashCarryList{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:7px}.stashCarryUnit{background:#25343d;display:flex;align-items:center;gap:6px;padding:5px;font-size:12px}.stashCarryUnit img{width:53px;height:42px;object-fit:contain}.stashCarryUnit button{font-size:11px;padding:5px}.stashCarryUnit b{font-size:11px;color:#edc68b}.stashFoot{font-size:10px;color:#91a6a8;padding:13px 0 2px}.stashFooter{padding:12px 22px;display:flex;justify-content:space-between;gap:12px;align-items:center;background:#1a2830;border-top:1px solid #53687255;color:#e6c18a;font-size:12px}
.armoryCard .itemIcon img{width:100%;height:110px;object-fit:contain}
@media(max-width:840px){#stashOverlay{padding:0}.stashPanel{width:100vw;height:100dvh;min-height:0}.stashHead{padding:10px}.stashHead h2{font-size:20px}.stashHead p{display:none}.stashColumns{grid-template-columns:1fr;overflow:auto;min-height:0}.stashSide{min-height:330px;overflow:visible}.stashGrid{overflow:visible}.stashHeadButtons{gap:4px}.stashEquipSlot{min-height:112px}.stashFooter{padding:8px}}

/* User-requested pane order: left deployment / right warehouse */
.stashLoadout{order:1}.stashSide:not(.stashLoadout){order:2}