*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090000;color:#fff;font-family:Arial,Helvetica,sans-serif;touch-action:none}button{font:inherit}#game,canvas{position:fixed;inset:0;width:100%;height:100%}#damage{position:fixed;inset:0;z-index:20;pointer-events:none}header{position:fixed;z-index:15;top:0;left:0;right:0;height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#080808e8,#08080866,transparent);letter-spacing:.14em}header strong{font-size:19px}header a{color:#aaa;text-decoration:none;font-size:10px}.compass{display:flex;gap:28px;align-items:center;color:#aaa;font-size:10px}.compass b{color:#ffbd45;font-size:14px}.hud{position:fixed;z-index:12;background:linear-gradient(135deg,rgba(12,12,12,.88),rgba(22,5,3,.72));border:1px solid rgba(255,255,255,.24);box-shadow:0 8px 28px #000a;backdrop-filter:blur(5px)}.playerHud{left:18px;top:62px;width:330px;padding:9px;display:flex;gap:10px}.portrait{width:62px;height:62px;border:1px solid #777;display:grid;place-items:center;font-size:31px;background:#161616}.playerData{flex:1}.name{display:flex;justify-content:space-between;margin-bottom:7px}.name b{font-size:14px}.name em{font-style:normal;color:#ddd}.bar{height:15px;position:relative;border:1px solid #53100c;background:#180302;margin:5px 0;overflow:hidden}.bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#bb0f12,#ff2832)}.bar.xp{border-color:#644818}.bar.xp i{background:linear-gradient(90deg,#a9670c,#ffc23d)}.bar span{position:absolute;inset:0;padding:0 5px;font-size:10px;line-height:13px;text-shadow:0 1px 2px #000}.missions{left:18px;top:145px;width:330px;padding:12px}.missions h3{margin:0 0 8px;color:#ffd36b}.quest{font-size:11px;border-top:1px solid #ffffff18;padding:7px 0}.quest b{display:block}.quest small{color:#aaa}.quest button{margin-top:5px;background:#c4ff3d;border:0;padding:5px 8px;font-weight:bold}.minimapWrap{right:18px;top:62px;width:202px;padding:10px;text-align:center}.minimapWrap canvas{position:static;width:180px;height:180px;border-radius:50%;border:2px solid #aaa;background:#130807}.minimapWrap b,.minimapWrap span{display:block;margin-top:5px;font-size:11px}.minimapWrap span{color:#ddd}#chat{left:18px;bottom:28px;width:390px;padding:10px;font-size:11px}#chat p{margin:4px 0;color:#ccc}#chat b{color:#f8bd52}#hotbar{position:fixed;z-index:12;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:6px}.slot{width:112px;height:58px;border:1px solid #555;background:#101010d9;padding:8px;text-align:center}.slot.active{border-color:#ffae00;box-shadow:0 0 15px #ff6a003d}.slot strong,.slot span{display:block;font-size:10px}.slot span{margin-top:8px;color:#ddd}#stats{position:fixed;z-index:12;right:20px;bottom:24px;display:flex;gap:14px;font-size:10px}#crosshair{position:fixed;z-index:13;left:50%;top:50%;width:26px;height:26px;transform:translate(-50%,-50%);pointer-events:none}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#fff9}#crosshair:before{left:12px;top:1px;width:2px;height:24px}#crosshair:after{left:1px;top:12px;width:24px;height:2px}.desktopHelp{position:fixed;z-index:11;bottom:5px;left:50%;transform:translateX(-50%);font-size:8px;color:#aaa;letter-spacing:.1em}#notice{position:fixed;z-index:30;top:23%;left:50%;transform:translateX(-50%);font-size:18px;font-weight:900;color:#ffd95a;text-shadow:0 3px 8px #000}footer{position:fixed;z-index:12;right:18px;bottom:4px;font-size:9px;color:#777}footer a{color:#aaa}#mobileControls{display:none}
body.mobile-game #mobileControls{display:block;position:fixed;z-index:100;inset:0;pointer-events:none;user-select:none;-webkit-user-select:none}#joystick{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(22px,calc(env(safe-area-inset-bottom) + 18px));width:148px;height:148px;border-radius:50%;border:3px solid #ffffff55;background:radial-gradient(circle,#ffffff18,#0008 65%);pointer-events:auto;touch-action:none;box-shadow:0 0 25px #000}#joystickKnob{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ddd,#777 55%,#333);border:2px solid #eee;box-shadow:0 0 12px #fff5}#lookArea{position:absolute;right:0;top:20%;width:62%;height:45%;font-size:9px;color:#ffffff30;text-align:center;padding-top:8px;pointer-events:auto;touch-action:none}#actionCluster{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));width:220px;height:220px}.action{position:absolute;border-radius:50%;border:1px solid #ffffff66;color:#fff;font-weight:900;text-shadow:0 2px 3px #000;pointer-events:auto;touch-action:none;box-shadow:0 6px 18px #000a,inset 0 0 14px #fff1}.action:active,.action.pressed{transform:scale(.9);filter:brightness(1.3)}.fire{right:0;bottom:4px;width:96px;height:96px;background:radial-gradient(circle at 35% 25%,#ff795e,#a41410 60%,#4b0805);font-size:16px}.aim{right:6px;bottom:113px;width:62px;height:62px;background:#20252dcc;font-size:26px}.reload{right:106px;bottom:13px;width:57px;height:57px;background:#273039}.run{right:126px;bottom:78px;width:67px;height:52px;background:#3e5a28}.melee{right:67px;bottom:124px;width:64px;height:64px;background:#65401f}.heal{right:142px;bottom:143px;width:55px;height:55px;background:#1b6845}
@media(max-width:900px),(pointer:coarse){.desktopHelp,#chat,footer{display:none}.missions{display:block;left:8px;top:110px;width:235px;max-height:150px;overflow:auto;padding:8px}.missions h3{font-size:12px;margin-bottom:4px}.quest{font-size:9px;padding:5px 0}.quest small{display:block;font-size:8px}.quest button{font-size:8px;padding:3px 6px}.playerHud{left:8px;top:45px;width:235px;padding:6px}.portrait{width:45px;height:45px;font-size:21px}.bar{height:12px}.bar span{font-size:8px;line-height:10px}.name b,.name em{font-size:10px}.minimapWrap{right:8px;top:45px;width:112px;padding:5px}.minimapWrap canvas{width:100px;height:100px}.minimapWrap b,.minimapWrap span{font-size:8px;margin-top:2px}#hotbar{bottom:6px;transform:translateX(-50%) scale(.72);transform-origin:center bottom}.slot{width:90px}#stats{right:8px;top:158px;bottom:auto;display:block}.compass{gap:12px}header{height:38px;padding:0 9px}header strong{font-size:14px}header a{font-size:8px}}
@media(max-width:480px){#joystick{width:128px;height:128px}#joystickKnob{width:54px;height:54px;margin:-27px}#actionCluster{transform:scale(.88);transform-origin:right bottom}.minimapWrap{transform:scale(.9);transform-origin:right top}.slot:nth-child(4){display:none}}
@media(max-height:520px) and (orientation:landscape){.playerHud{transform:scale(.82);transform-origin:left top}.minimapWrap{transform:scale(.72);transform-origin:right top}#joystick{width:112px;height:112px;bottom:8px}#actionCluster{transform:scale(.72);transform-origin:right bottom}.slot{height:52px}}

@media(max-width:560px){.missions{top:103px;width:205px;max-height:122px}.playerHud{width:205px}.portrait{display:none}.minimapWrap{width:92px}.minimapWrap canvas{width:80px;height:80px}}

#stats button{border:1px solid #b9432c;background:#32100d;color:#ffd8c7;padding:7px 10px;font-weight:900;cursor:pointer}
#ammoShop{display:none;position:fixed;inset:0;z-index:80;background:#090000cc;align-items:center;justify-content:center;padding:20px}#ammoShop.open{display:flex}.shopCard{position:relative;width:min(430px,92vw);background:linear-gradient(145deg,#211412,#0c0a0a);border:1px solid #a03927;padding:26px;box-shadow:0 0 45px #ff2c001f}.shopCard h2{color:#ff7655;margin:0 0 8px}.shopCard p{color:#c8b8b1}.shopCard>button:not(#closeShop){display:block;width:100%;margin:10px 0;padding:14px;border:1px solid #783126;background:#2e1713;color:#fff;font-weight:900}.shopCard>button:not(#closeShop):active{transform:scale(.98)}#closeShop{position:absolute;right:10px;top:7px;background:none;border:0;color:#fff;font-size:28px}
@media(max-width:700px){#stats{bottom:160px;right:10px;gap:5px}#stats button{font-size:10px;padding:6px}.shopCard{padding:22px 16px}}


/* Stage 4 mobile HUD and reliable touch layers */
.missionHead{display:flex;align-items:center;justify-content:space-between;gap:10px}.missionHead h3{margin:0}.missionHead button{width:28px;height:28px;border:1px solid #ffffff38;background:#170b09;color:#ffd36b;font-weight:900;cursor:pointer}.missions.collapsed #missions{display:none}.missions.collapsed{max-height:none!important}.statLine{display:flex;gap:12px;align-items:center;justify-content:flex-end}#shopBtn{border:1px solid #ff7258;background:linear-gradient(180deg,#4b1b15,#1c0b09);color:#fff;padding:10px 13px;font-weight:900;letter-spacing:.04em;box-shadow:0 0 18px #ff2d001f;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}#shopBtn:active{transform:scale(.96);filter:brightness(1.25)}.shopIcon{margin-right:6px;color:#ffb18e}
#ammoShop{display:none;position:fixed;inset:0;z-index:2000;background:radial-gradient(circle at 50% 35%,#5a140b66,#050000ee 66%);align-items:center;justify-content:center;padding:20px;pointer-events:auto;touch-action:manipulation}#ammoShop.open{display:flex}.shopCard{position:relative;width:min(460px,94vw);max-height:88vh;overflow:auto;background:linear-gradient(155deg,#2a1713,#0b0808 64%);border:1px solid #bf513c;padding:26px;box-shadow:0 0 70px #ff2c0038,0 24px 70px #000}.shopEyebrow{font-size:10px;letter-spacing:.22em;color:#d48977}.shopCard h2{color:#ff8065;margin:5px 0 10px;font-size:28px}.shopBalance{display:flex;justify-content:space-between;padding:10px 12px;border:1px solid #ffffff17;background:#0006;font-size:12px}.shopBalance b{color:#ffd263}.shopCard p{color:#c8b8b1;font-size:13px;line-height:1.45}.shopOptions{display:grid;gap:10px}.shopOptions button{position:relative;width:100%;min-height:68px;padding:12px 14px;border:1px solid #7f3529;background:linear-gradient(180deg,#3a1b16,#1b0d0b);color:#fff;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.shopOptions button strong,.shopOptions button span{display:block}.shopOptions button strong{font-size:16px}.shopOptions button span{margin-top:5px;color:#ffbd6d;font-size:12px}.shopOptions button em{position:absolute;right:10px;top:10px;font-style:normal;font-size:8px;color:#111;background:#ffd15a;padding:4px 6px;font-weight:900}.shopOptions button:active{transform:scale(.98);filter:brightness(1.22)}.shopOptions button:disabled{opacity:.45}.shopHint{text-align:center;color:#896f67;font-size:10px;margin-top:12px}#closeShop{position:absolute;z-index:3;right:9px;top:6px;width:42px;height:42px;background:#180b09;border:1px solid #ffffff2b;color:#fff;font-size:28px;touch-action:manipulation}
@media(max-width:900px),(pointer:coarse){
  #stats{z-index:350!important;right:max(8px,env(safe-area-inset-right))!important;top:148px!important;bottom:auto!important;display:flex!important;flex-direction:column;align-items:flex-end;gap:6px!important;pointer-events:auto!important}
  #stats .statLine{font-size:9px;background:#100706b8;border:1px solid #ffffff1d;padding:5px 7px;backdrop-filter:blur(4px)}
  #shopBtn{position:relative;z-index:351;min-width:116px;min-height:42px;font-size:10px;padding:8px 10px;pointer-events:auto!important}
  #lookArea{z-index:1}
  #actionCluster,#joystick{z-index:3}
  #ammoShop{z-index:5000!important;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
  .shopCard{width:min(420px,96vw);padding:22px 15px}.shopCard h2{font-size:22px}.shopOptions button{min-height:62px}
  .missions{z-index:300!important}.missionHead button{display:block}
}
@media(max-width:560px){#stats{top:138px!important}.missions{max-height:132px}.missions.collapsed{width:auto!important;padding:6px 8px!important}.missions.collapsed .missionHead h3{font-size:10px}.shopCard{max-height:82vh}}

/* Stage 6 multiplayer UI */
#activityTitle{position:fixed;left:16px;bottom:196px;z-index:45;color:#ffcf68;font:700 11px Arial;letter-spacing:1.5px;text-shadow:0 2px 4px #000}
#chat{max-height:155px;overflow-y:auto;scrollbar-width:thin}
#chat p{margin:3px 0;font-size:12px;line-height:1.25}.feed-join b{color:#65e58a}.feed-leave b{color:#aaa}.feed-combat b{color:#ff5a55}.feed-world b{color:#ffcf68}
#chatComposer{position:fixed;left:16px;bottom:112px;z-index:100001;display:flex;width:min(420px,48vw);height:36px;background:#090a0ddd;border:1px solid #625550;box-shadow:0 4px 20px #0008}
#chatComposer input{flex:1;min-width:0;background:transparent;border:0;color:#fff;padding:0 10px;outline:0;font:13px Arial}#chatComposer button{width:70px;border:0;border-left:1px solid #625550;background:#6e1c17;color:#fff;font-weight:800}
@media(max-width:900px){#activityTitle{left:10px;bottom:184px;font-size:9px}#chat{left:10px!important;bottom:90px!important;width:48vw!important;max-height:86px!important}#chatComposer{left:10px;bottom:49px;width:52vw;height:34px}#chatComposer input{font-size:12px;padding:0 7px}#chatComposer button{width:54px;font-size:10px}}


/* Stage 6.1 HUD repair */
.missions{max-height:calc(100vh - 180px);overflow:hidden;display:flex;flex-direction:column}.missions #missions{overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-width:thin}.missionHead h3 span{display:inline-grid;place-items:center;min-width:20px;height:18px;margin-left:5px;border-radius:9px;background:#8f241b;color:#fff;font-size:9px}.quest{flex:0 0 auto}.quest.completed{opacity:.8;border-left:2px solid #70d67b;padding-left:7px}.quest.claimable{border-left:2px solid #ffd15a;padding-left:7px}
.socialPanel{position:fixed;z-index:320;width:380px;overflow:hidden}.socialHead{height:30px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff1b;background:#120807}.socialHead h3{margin:0;color:#ffd16a;font-size:10px;letter-spacing:.12em}.socialHead button{width:26px;height:24px;border:1px solid #ffffff2b;background:#1b0c09;color:#fff;font-weight:900}.socialPanel.collapsed .feedList,.socialPanel.collapsed #chatComposer{display:none}.socialPanel.collapsed{height:31px!important}
#activityPanel{left:16px;bottom:94px;height:166px}#worldChatPanel{right:16px;bottom:94px;height:166px}.feedList{height:98px;overflow-y:auto;padding:7px 9px;scrollbar-width:thin}.feedList p{margin:3px 0;color:#d6d0cc;font-size:11px;line-height:1.28}.feedList b{color:#f8bd52}.feed-join b{color:#65e58a}.feed-leave b{color:#aaa}.feed-combat b{color:#ff5a55}.feed-world b{color:#ffcf68}.feed-system b{color:#8dc8ff}
#chatComposer{position:static!important;width:100%!important;height:36px!important;display:flex!important;border:0!important;border-top:1px solid #625550!important;background:#090a0ddd!important;box-shadow:none!important}#chatComposer input{flex:1;min-width:0;background:transparent;border:0;color:#fff;padding:0 10px;outline:0;font:12px Arial}#chatComposer button{width:62px;border:0;border-left:1px solid #625550;background:#6e1c17;color:#fff;font-weight:800}
#activityTitle,#chat{display:none!important}
@media(max-width:900px),(pointer:coarse){
 .missions{left:7px!important;top:101px!important;width:min(255px,60vw)!important;max-height:42vh!important;padding:7px!important}.missions #missions{max-height:none!important}.quest{font-size:9px!important;padding:6px 2px!important}.quest small{font-size:8px!important;line-height:1.25}.missionHead{position:sticky;top:0;z-index:2;background:#150908;padding-bottom:4px}
 #activityPanel,#worldChatPanel{bottom:max(176px,calc(env(safe-area-inset-bottom) + 170px));height:116px;width:calc(50vw - 9px);z-index:360}
 #activityPanel{left:6px}#worldChatPanel{right:6px}.socialHead{height:27px}.socialHead h3{font-size:8px}.feedList{height:53px;padding:4px 6px}.feedList p{font-size:8px;margin:2px 0;white-space:normal}.socialPanel.collapsed{height:28px!important}
 #chatComposer{height:34px!important}#chatComposer input{font-size:10px!important;padding:0 6px!important}#chatComposer button{width:46px!important;font-size:8px!important}
 #joystick{z-index:400!important}#actionCluster{z-index:400!important}#lookArea{z-index:50!important}
}
@media(max-width:560px){.missions{width:min(218px,58vw)!important;max-height:38vh!important}#activityPanel,#worldChatPanel{bottom:max(158px,calc(env(safe-area-inset-bottom) + 152px));height:104px}.feedList{height:44px}}
@media(max-height:520px) and (orientation:landscape){.missions{max-height:34vh!important;width:205px!important}#activityPanel,#worldChatPanel{bottom:118px;height:90px;width:calc(50vw - 8px)}.feedList{height:33px}.socialHead{height:24px}#chatComposer{height:31px!important}}

/* Stage 6.2 panel collision fix */
@media (min-width:901px) and (pointer:fine){
  .missions{
    top:145px!important;
    bottom:280px!important;
    max-height:none!important;
    height:auto!important;
  }
  #activityPanel,#worldChatPanel{
    bottom:94px!important;
  }
}
@media (max-width:900px),(pointer:coarse){
  .missions{
    top:101px!important;
    bottom:310px!important;
    max-height:none!important;
    height:auto!important;
  }
  #activityPanel,#worldChatPanel{
    bottom:max(176px,calc(env(safe-area-inset-bottom) + 170px))!important;
  }
}
@media (max-width:560px){
  .missions{
    bottom:276px!important;
  }
}
@media (max-height:620px) and (orientation:landscape){
  .missions{
    top:82px!important;
    bottom:222px!important;
    width:205px!important;
  }
  #activityPanel,#worldChatPanel{
    bottom:118px!important;
    height:90px!important;
  }
}


/* Stage 6.3 fixed responsive HUD + mission pagination */
.missions{left:18px!important;top:220px!important;bottom:auto!important;width:330px!important;height:clamp(230px,34vh,300px)!important;max-height:none!important;padding:10px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.missions #missions{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important;padding-right:0!important}.missionHead{flex:0 0 auto!important;position:static!important;background:transparent!important;padding-bottom:5px!important}
.missionPager{flex:0 0 30px;display:flex;align-items:center;justify-content:center;gap:12px;border-top:1px solid #ffffff20;margin-top:4px;padding-top:5px}.missionPager button{width:34px;height:25px;border:1px solid #ffffff38;background:#1a0b08;color:#ffd36b;font-size:18px;font-weight:900;line-height:20px;cursor:pointer}.missionPager button:disabled{opacity:.3;cursor:default}.missionPager span{font-size:10px;color:#ddd;min-width:48px;text-align:center}
.missions.collapsed{height:48px!important;width:330px!important;padding:9px 10px!important}.missions.collapsed .missionPager{display:none!important}.quest{padding:6px 0!important;font-size:11px!important}.quest small{line-height:1.25!important;display:block!important}
#activityPanel{left:18px!important;bottom:92px!important;width:390px!important;height:156px!important}#worldChatPanel{right:18px!important;bottom:92px!important;width:390px!important;height:176px!important}#activityPanel .feedList{height:124px!important}#worldChatPanel .feedList{height:108px!important}#worldChatPanel #chatComposer{display:flex!important;visibility:visible!important;opacity:1!important;height:36px!important;flex:0 0 36px!important}
.socialPanel{display:flex!important;flex-direction:column!important;overflow:hidden!important}.socialHead{flex:0 0 30px!important}.feedList{flex:1 1 auto!important;min-height:0!important}.socialPanel.collapsed{height:31px!important}.socialPanel.collapsed #chatComposer{display:none!important}
@media (max-width:900px),(pointer:coarse){.playerHud{left:7px!important;top:43px!important;width:min(244px,61vw)!important;height:58px!important}.missions{left:7px!important;top:106px!important;bottom:auto!important;width:min(244px,61vw)!important;height:174px!important;padding:7px!important}.missions.collapsed{height:39px!important;width:min(244px,61vw)!important;padding:5px 7px!important}.missionHead h3{font-size:12px!important}.missionPager{height:26px;flex-basis:26px;gap:8px}.missionPager button{width:30px;height:22px;font-size:15px}.missionPager span{font-size:8px}.quest{font-size:9px!important;padding:4px 1px!important}.quest small{font-size:8px!important}#activityPanel,#worldChatPanel{bottom:calc(env(safe-area-inset-bottom) + 152px)!important;width:calc(50vw - 8px)!important;height:124px!important}#activityPanel{left:5px!important}#worldChatPanel{right:5px!important}#activityPanel .feedList,#worldChatPanel .feedList{height:auto!important}#worldChatPanel #chatComposer{height:34px!important;flex-basis:34px!important}#chatComposer input{font-size:10px!important;padding:0 5px!important}#chatComposer button{width:48px!important;font-size:8px!important}.socialHead{height:27px!important;flex-basis:27px!important}.socialHead h3{font-size:8px!important}.feedList p{font-size:8px!important}}
@media (max-width:560px){.playerHud{width:min(215px,59vw)!important}.missions{width:min(215px,59vw)!important;height:160px!important}.missions.collapsed{width:min(215px,59vw)!important}#activityPanel,#worldChatPanel{height:112px!important;bottom:calc(env(safe-area-inset-bottom) + 148px)!important}}
@media (max-height:620px) and (orientation:landscape){.playerHud{top:40px!important;height:54px!important;width:210px!important}.missions{top:98px!important;width:210px!important;height:106px!important}.missions.collapsed{height:36px!important;width:210px!important}.quest{font-size:8px!important;padding:3px 0!important}.quest small{font-size:7px!important}.missionPager{flex-basis:23px;height:23px}#activityPanel,#worldChatPanel{bottom:88px!important;height:88px!important;width:calc(50vw - 7px)!important}#worldChatPanel #chatComposer{height:29px!important;flex-basis:29px!important}.socialHead{height:23px!important;flex-basis:23px!important}.feedList{padding:3px 5px!important}}


/* Stage 6.4 final non-overlapping HUD */
.playerHud{z-index:420!important;left:18px!important;top:62px!important;width:330px!important;min-height:94px!important;height:auto!important}
.missions{z-index:410!important;left:18px!important;top:164px!important;width:330px!important;height:286px!important;max-height:286px!important;padding:10px!important;overflow:hidden!important}
.missions #missions{display:grid!important;grid-template-rows:repeat(4,minmax(0,1fr))!important;gap:0!important;overflow:hidden!important;min-height:0!important}
.missions .quest{min-height:0!important;overflow:hidden!important;padding:5px 0!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.missions .quest b{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* V37 COMBAT HUD */
#crosshair{width:38px;height:38px;filter:drop-shadow(0 0 5px #000)}
#crosshair:before,#crosshair:after{background:transparent}
#crosshair span,#crosshair span:before,#crosshair span:after{position:absolute;content:"";display:block}
#crosshair span{left:17px;top:17px;width:4px;height:4px;border-radius:50%;background:#aef9ff;box-shadow:0 0 8px #44ecff}
#crosshair span:before{left:-14px;top:1px;width:10px;height:2px;background:#dffcff;box-shadow:32px 0 #dffcff}
#crosshair span:after{left:1px;top:-14px;width:2px;height:10px;background:#dffcff;box-shadow:0 32px #dffcff}
#crosshair.hit span{background:#fff;box-shadow:0 0 12px #ff405c;transform:rotate(45deg) scale(1.45)}
#crosshair.hit span:before,#crosshair.hit span:after{background:#ff405c}
#crosshair.critical span{background:#fff47a;box-shadow:0 0 18px #ff7b00;transform:rotate(45deg) scale(1.8)}
#crosshair.critical span:before,#crosshair.critical span:after{background:#ffb52e}
.damageNumber{position:fixed;z-index:29;pointer-events:none;color:#fff;font-size:18px;font-weight:900;text-shadow:0 2px 4px #000,0 0 12px #ff243f;animation:damageFloat .72s ease-out forwards}.damageNumber.boss{color:#ffcf4d;font-size:24px;text-shadow:0 2px 5px #000,0 0 15px #ff4b00}@keyframes damageFloat{0%{opacity:0;transform:translate(-50%,0) scale(.65)}18%{opacity:1;transform:translate(-50%,-8px) scale(1.2)}100%{opacity:0;transform:translate(-50%,-54px) scale(.9)}}
.slot.active{border-color:#44ecff;background:linear-gradient(145deg,rgba(11,28,38,.94),rgba(15,10,24,.94));box-shadow:0 0 19px rgba(68,236,255,.32),inset 0 0 18px rgba(68,236,255,.07)}
.slot.active strong{color:#8cf5ff;letter-spacing:.12em}.slot.active span{font-size:13px;font-weight:900;color:#fff}
body:not(.mobile-game) #hotbar{bottom:24px}body:not(.mobile-game) #hotbar .slot:not(.active){opacity:.45}
@media(max-width:700px){#crosshair{transform:translate(-50%,-50%) scale(.86)}.damageNumber{font-size:15px}.damageNumber.boss{font-size:20px}}

/* V41 weapon selector and ammunition store */
#hotbar .slot{position:relative;height:72px;padding:4px 7px;cursor:pointer;color:#fff;font-family:inherit}
#hotbar .slot img{display:block;width:48px;height:27px;object-fit:contain;margin:0 auto 1px;filter:drop-shadow(0 0 6px #35dfff55)}
#hotbar .slot strong{font-size:8px;white-space:nowrap}#hotbar .slot span{margin-top:2px;font-size:9px}
#hotbar .slot kbd{position:absolute;right:4px;top:3px;padding:1px 4px;border:1px solid #ffffff32;border-radius:3px;background:#0008;color:#aaa;font-size:7px}
#hotbar .slot.active{opacity:1!important;transform:translateY(-5px);border-color:#4deeff;box-shadow:0 0 24px #22d8ff66,inset 0 0 18px #20c5ff22}
.shopOptions button{padding-left:76px!important}.shopOptions button>img{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:52px;height:36px;object-fit:contain;filter:drop-shadow(0 0 7px #ff7b3766)}
@media(max-width:900px),(pointer:coarse){#hotbar{z-index:360;bottom:max(4px,env(safe-area-inset-bottom));transform:translateX(-50%) scale(.68)}#hotbar .slot{height:76px;width:105px;pointer-events:auto}#hotbar .slot kbd{display:none}}
.missions .quest small{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.missionPager{flex:0 0 34px!important;margin-top:3px!important}
#activityPanel{left:18px!important;bottom:88px!important;width:390px!important;height:150px!important;z-index:405!important}
#worldChatPanel{right:18px!important;bottom:88px!important;width:390px!important;height:176px!important;z-index:405!important}
#worldChatPanel #chatComposer{display:flex!important;visibility:visible!important;opacity:1!important;flex:0 0 38px!important;height:38px!important}

@media (max-width:900px),(pointer:coarse){
 .playerHud{left:7px!important;top:43px!important;width:min(244px,61vw)!important;min-height:62px!important;height:62px!important;padding:6px!important}
 .missions{left:7px!important;top:111px!important;width:min(244px,61vw)!important;height:226px!important;max-height:226px!important;padding:7px!important}
 .missions #missions{grid-template-rows:repeat(4,minmax(0,1fr))!important}
 .missions .quest{font-size:9px!important;padding:3px 1px!important}
 .missions .quest small{font-size:8px!important;-webkit-line-clamp:1!important}
 .missionPager{flex:0 0 28px!important;height:28px!important}
 #activityPanel,#worldChatPanel{bottom:calc(env(safe-area-inset-bottom) + 150px)!important;width:calc(50vw - 8px)!important;height:112px!important}
 #activityPanel{left:5px!important}#worldChatPanel{right:5px!important}
 #worldChatPanel #chatComposer{display:flex!important;flex:0 0 34px!important;height:34px!important}
}
@media (max-width:560px){
 .playerHud{width:min(215px,59vw)!important}
 .missions{width:min(215px,59vw)!important;height:214px!important;max-height:214px!important}
 #activityPanel,#worldChatPanel{height:104px!important;bottom:calc(env(safe-area-inset-bottom) + 146px)!important}
}
@media (max-height:620px) and (orientation:landscape){
 .playerHud{left:6px!important;top:39px!important;width:210px!important;height:56px!important;min-height:56px!important}
 .missions{left:6px!important;top:100px!important;width:210px!important;height:176px!important;max-height:176px!important}
 .missions .quest{font-size:8px!important;padding:2px 0!important}
 .missions .quest small{font-size:7px!important;-webkit-line-clamp:1!important}
 .missionPager{flex:0 0 24px!important;height:24px!important;padding-top:2px!important}
 #activityPanel,#worldChatPanel{bottom:84px!important;height:82px!important;width:calc(50vw - 7px)!important}
 #worldChatPanel #chatComposer{display:flex!important;height:28px!important;flex-basis:28px!important}
}




/* V49 safe clean HUD */
#worldChatPanel,#chatComposer,#chat{display:none!important}
.missions.collapsed{height:44px!important;max-height:44px!important;width:240px!important;padding:7px 9px!important}
.missions.collapsed #missions,.missions.collapsed .missionPager{display:none!important}
.missions.collapsed .missionHead{padding:0!important}
@media(max-width:900px),(pointer:coarse){.missions.collapsed{height:38px!important;max-height:38px!important;width:min(205px,52vw)!important;padding:4px 7px!important}}

/* Stage 7 v26 loading and progressive startup */
#loadingScreen{position:fixed;inset:0;z-index:1000000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 76%,#7b170f 0,#2b0505 30%,#080304 72%);color:#fff;font-family:Arial,sans-serif;transition:opacity .48s ease,visibility .48s ease}
#loadingScreen::before{content:"";position:absolute;inset:-15%;background:repeating-linear-gradient(118deg,transparent 0 36px,rgba(255,70,25,.035) 38px 40px);animation:loadingSky 8s linear infinite}
#loadingScreen.leaving{opacity:0;visibility:hidden;pointer-events:none}
.loadingAsh{position:absolute;inset:0;background-image:radial-gradient(circle,#ff8a45 0 1px,transparent 1.8px),radial-gradient(circle,#bd2a18 0 1px,transparent 1.6px);background-size:83px 83px,127px 127px;background-position:0 0,30px 40px;opacity:.35;animation:loadingAsh 5s linear infinite}
.loadingCard{position:relative;width:min(520px,calc(100vw - 34px));padding:34px 38px 29px;border:1px solid rgba(255,111,66,.38);background:linear-gradient(145deg,rgba(11,5,6,.93),rgba(43,7,7,.88));box-shadow:0 28px 90px #000,0 0 70px rgba(201,34,16,.2),inset 0 0 60px rgba(255,50,16,.04);text-align:center;clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)}
.loadingEyebrow{font-size:10px;letter-spacing:.32em;color:#d9896e;font-weight:800;margin:12px 0 5px}
.loadingCard h1{max-width:100%;font-size:clamp(38px,7.5vw,60px);line-height:.9;letter-spacing:.055em;white-space:nowrap;margin:0 0 18px;color:#f4eee8;text-shadow:0 0 20px #d52c17,0 4px 0 #3a0906}
.loadingCard p{min-height:20px;margin:0 0 14px;color:#d8c5bd;font-size:13px;letter-spacing:.05em}
.loadingTrack{height:12px;border:1px solid #704036;background:#100707;padding:2px;box-shadow:inset 0 0 12px #000}
.loadingTrack i{display:block;width:3%;height:100%;background:linear-gradient(90deg,#6f0c07,#ff3d1d 55%,#ffb35d);box-shadow:0 0 18px #ff351b;transition:width .25s ease}
.loadingMeta{display:flex;justify-content:space-between;gap:15px;margin-top:9px;font-size:9px;letter-spacing:.14em;color:#9f8176}.loadingMeta #loadingPercent{color:#ffb28d;font-size:12px;font-weight:900}
.loadingMark{width:64px;height:64px;margin:0 auto 10px;position:relative;animation:loadingSpin 3.4s linear infinite}.loadingMark span{position:absolute;left:29px;top:2px;width:7px;height:29px;border-radius:9px 9px 2px 2px;background:linear-gradient(#ffab70,#b1130b);transform-origin:3px 30px;box-shadow:0 0 12px #ff3b1e}.loadingMark span:nth-child(2){transform:rotate(120deg)}.loadingMark span:nth-child(3){transform:rotate(240deg)}
#loadingEnter{margin-top:19px;min-width:220px;padding:13px 24px;border:1px solid #ff7650;background:linear-gradient(#b52b18,#5f0d08);color:#fff;font-weight:900;letter-spacing:.16em;cursor:pointer;box-shadow:0 0 22px rgba(255,51,25,.35);animation:enterPulse 1.5s ease-in-out infinite}
.loadingCard small{display:block;margin-top:15px;color:#856f68;font-size:9px;letter-spacing:.08em}
@keyframes loadingSpin{to{transform:rotate(360deg)}}@keyframes loadingAsh{to{background-position:40px 120px,-50px 160px}}@keyframes loadingSky{to{transform:translate3d(8%,0,0)}}@keyframes enterPulse{50%{filter:brightness(1.28);transform:scale(1.025)}}
@media(max-width:700px){.loadingCard{padding:28px 22px 24px}.loadingCard h1{font-size:clamp(30px,9.5vw,44px);letter-spacing:.035em}.loadingMark{width:54px;height:54px;transform:scale(.84)}.loadingMeta span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){#loadingScreen *{animation:none!important}}


/* Stage 7 v28 strict 100% boot sequence */
.loadingDetails{margin-top:14px;height:132px;border:1px solid rgba(255,115,72,.22);background:rgba(3,2,3,.5);overflow:hidden;text-align:left}
.loadingDetailsHead{height:27px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,115,72,.16);font-size:8px;letter-spacing:.18em;color:#b58b7d}
.loadingDetailsHead b{color:#ff9a73;font-size:9px}
#loadingSteps{height:104px;margin:0;padding:6px 10px 8px;list-style:none;overflow:auto;scrollbar-width:thin;scrollbar-color:#7b2418 #100707}
#loadingSteps li{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;min-height:20px;color:#735f58;font-size:9px;letter-spacing:.04em;transition:.15s ease}
#loadingSteps li i{width:6px;height:6px;border:1px solid #5b3b34;border-radius:50%}
#loadingSteps li b{font-size:7px;letter-spacing:.12em;color:#604c46}
#loadingSteps li.active{color:#f4d4c8}
#loadingSteps li.active i{border-color:#ff6d43;background:#ff421e;box-shadow:0 0 8px #ff3d1d;animation:bootDot .55s ease-in-out infinite alternate}
#loadingSteps li.active b{color:#ff9b77}
#loadingSteps li.done{color:#a58f87}
#loadingSteps li.done i{border-color:#769e62;background:#9fd37e;box-shadow:0 0 6px rgba(159,211,126,.45)}
#loadingSteps li.done b{color:#9fd37e}
#loadingEnter:disabled{opacity:.42;cursor:not-allowed;animation:none;filter:grayscale(.4)}
#loadingScreen.ready .loadingTrack i{background:linear-gradient(90deg,#3e6f31,#9fd37e,#e3ffc9);box-shadow:0 0 18px #9fd37e}
#loadingScreen.ready #loadingPercent,#loadingScreen.ready #loadingState{color:#bff29f}
@keyframes bootDot{to{transform:scale(1.35);filter:brightness(1.4)}}
@media(max-width:700px){.loadingDetails{height:112px}.loadingDetailsHead{height:25px}#loadingSteps{height:86px}.loadingCard{padding-top:20px;padding-bottom:18px}.loadingCard h1{margin-bottom:12px}.loadingCard p{margin-bottom:10px}}

/* v67 compact Armageddon status: always below the minimap, never over the player HUD. */
.armageddonPanel{right:18px;top:315px;width:202px;height:62px;padding:8px 10px;pointer-events:none}
.armageddonPanel div{display:flex;align-items:center;justify-content:space-between;gap:6px}
.armageddonPanel b{font-size:10px;letter-spacing:.12em;color:#ff826a}
.armageddonPanel span,.armageddonPanel small{font-size:8px;color:#bbb}
.armageddonPanel small{display:block;margin-top:5px}
.armageddonPanel i{display:block;height:3px;margin-top:6px;background:#270605;overflow:hidden}
.armageddonPanel em{display:block;height:100%;width:0;background:#ff3a20;transition:width .4s linear}
.armageddonPanel.active{border-color:#ff5a36;box-shadow:0 0 18px #ff2d0038}
.armageddonPanel.active b,.armageddonPanel.active span{color:#ffb08f}
@media(max-width:900px),(pointer:coarse){.armageddonPanel{right:8px;top:183px;width:112px;height:48px;padding:5px 6px}.armageddonPanel b{font-size:7px}.armageddonPanel span,.armageddonPanel small{font-size:6px}.armageddonPanel small{margin-top:3px}.armageddonPanel i{margin-top:4px}}
@media(max-height:520px) and (orientation:landscape){.armageddonPanel{top:137px;transform:scale(.72);transform-origin:right top}}

/* v72 optimized radio strike and cinematic fallback */
#strikeCinematic{position:fixed;inset:0;z-index:1900;display:flex;align-items:center;justify-content:center;background:#020306ee;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s}
#strikeCinematic.open{opacity:1;visibility:visible}
#strikeVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#strikeFallback{position:relative;width:min(760px,92vw);height:min(420px,56vw);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border:1px solid #ff5b31;background:radial-gradient(circle,#7b160d88,#100303 68%);box-shadow:0 0 90px #ff351955,inset 0 0 80px #000;text-align:center;overflow:hidden}
#strikeFallback:before{content:"";position:absolute;inset:-30%;background:repeating-linear-gradient(118deg,transparent 0 46px,#ff4b1722 48px 50px);animation:strikeScan 2s linear infinite}
#strikeFallback b,#strikeFallback span{position:relative;text-shadow:0 3px 15px #000}
#strikeFallback b{font-size:clamp(24px,6vw,58px);letter-spacing:.12em;color:#ffded1}
#strikeFallback span{font-size:clamp(8px,1.4vw,14px);letter-spacing:.22em;color:#ff8b68}
@keyframes strikeScan{to{transform:translate3d(100px,0,0)}}
@media(max-width:900px),(pointer:coarse){#hotbar{transform:translateX(-50%) scale(.56)!important}#hotbar .slot{width:100px!important}.slot:nth-child(4){display:block!important}}

/* V84 World End weapon and optimized cinematic */
#hotbar .slot.doomsday{border-color:#a42626;background:linear-gradient(145deg,#260303,#080707)}#hotbar .slot.doomsday.active{border-color:#ff332a;box-shadow:0 0 30px #ff171799,inset 0 0 22px #ff101033}#hotbar .slot.doomsday.active strong{color:#ff6b62}
.shopOptions .worldEndPack{border-color:#ff3c31!important;background:linear-gradient(100deg,#480605,#170302)!important;box-shadow:inset 0 0 26px #ff1c161c}.shopOptions .worldEndPack strong{color:#ff8b7f}
#doomsdayCinematic{position:fixed;inset:0;z-index:1950;display:grid;place-items:center;background:#020000f4;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s}#doomsdayCinematic.open{opacity:1;visibility:visible}#doomsdayVideo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}#doomsdayFallback{position:relative;width:min(900px,94vw);height:min(506px,58vw);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;overflow:hidden;border:1px solid #ff2118;background:radial-gradient(circle at 50% 70%,#e3211788,#4c0202 33%,#090000 72%);box-shadow:0 0 120px #ff160a66,inset 0 0 100px #000;text-align:center}#doomsdayFallback:before,#doomsdayFallback:after{content:"";position:absolute;inset:-30%}#doomsdayFallback:before{background:repeating-linear-gradient(115deg,transparent 0 42px,#ff4b2522 44px 47px);animation:doomScan 1.4s linear infinite}#doomsdayFallback:after{background:radial-gradient(circle at 50% 85%,#fff 0 2%,#ff5a1c 3% 8%,transparent 24%);animation:doomPulse 1.1s ease-in-out infinite}#doomsdayFallback>*{position:relative;z-index:2}#doomsdayFallback i{width:86px;height:58px;border:3px solid #bbb;border-radius:6px;background:#16191b;box-shadow:inset 0 0 18px #000}#doomsdayFallback i:after{content:"";display:block;width:24px;height:24px;margin:15px auto;border-radius:50%;background:#ff1711;box-shadow:0 0 25px #ff1711}#doomsdayFallback b{font-size:clamp(25px,6vw,64px);letter-spacing:.1em;color:#fff1eb;text-shadow:0 0 22px #ff261a}#doomsdayFallback span{font-size:clamp(8px,1.5vw,15px);letter-spacing:.25em;color:#ff8d7c}#doomsdayFallback em{font-style:normal;font-size:34px;font-weight:900;color:#fff}#worldEndTint{position:fixed;inset:0;z-index:9;pointer-events:none;background:radial-gradient(circle at 50% 45%,transparent 15%,#e0000038 65%,#5c000078);mix-blend-mode:screen;opacity:0;transition:opacity .4s}#worldEndTint.active{opacity:1;animation:worldEndTint .55s ease-in-out infinite alternate}@keyframes doomScan{to{transform:translate3d(110px,0,0)}}@keyframes doomPulse{50%{transform:scale(1.25);opacity:.75}}@keyframes worldEndTint{to{opacity:.72}}
@media(max-width:900px),(pointer:coarse){#hotbar{transform:translateX(-50%) scale(.48)!important}#hotbar .slot{width:96px!important}#doomsdayFallback{height:62vw;min-height:250px}}

/* V85 unobstructed cinematic, compact countdown and impact flashes */
#doomsdayCinematic{display:block;background:#050000}#doomsdayVideo{z-index:1;background:#050000}#doomsdayFallback{position:absolute;z-index:0;inset:0;width:auto;height:auto;min-height:0;border:0;background:radial-gradient(circle at 18% 82%,#fff 0 1%,#ff481b 2% 7%,transparent 18%),radial-gradient(circle at 73% 72%,#ffe2a0 0 1%,#ff2415 2% 6%,transparent 17%),linear-gradient(#170000,#650400 48%,#130000);box-shadow:none}#doomsdayFallback:before{inset:-15%;background:repeating-linear-gradient(112deg,transparent 0 62px,#ff9a4238 64px 68px);animation:doomScan .8s linear infinite}#doomsdayFallback:after{inset:0;background:radial-gradient(circle at 50% 90%,#fff 0 1%,#ff5a1c 3% 10%,transparent 31%);animation:doomPulse .8s ease-in-out infinite}
#doomsdayInfo{position:fixed;z-index:1960;right:22px;top:20px;width:230px;padding:12px 13px;border:1px solid #ff4b3d;background:linear-gradient(135deg,#210303e8,#090000e8);box-shadow:0 8px 32px #000,0 0 24px #ff241c55;display:grid;grid-template-columns:1fr auto;gap:4px 10px;align-items:center;text-align:left;backdrop-filter:blur(7px);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.2s;pointer-events:none}#doomsdayInfo.open{opacity:1;visibility:visible;transform:none}#doomsdayInfo b{font-size:13px;letter-spacing:.13em;color:#ffafa6}#doomsdayInfo span{grid-column:1;font-size:8px;letter-spacing:.16em;color:#c98d87}#doomsdayInfo em{grid-column:2;grid-row:1/3;font-style:normal;font-size:31px;font-weight:900;color:#fff;text-shadow:0 0 12px #ff241c}#doomsdayInfo i{grid-column:1/3;display:block;height:3px;margin-top:3px;background:#310201;overflow:hidden}#doomsdayInfo u{display:block;width:100%;height:100%;background:linear-gradient(90deg,#ff1711,#ffaf64);box-shadow:0 0 10px #ff2b20;transition:width .25s linear;text-decoration:none}
#worldEndFlash{position:fixed;inset:0;z-index:40;pointer-events:none;background:#fff1d0;opacity:0;mix-blend-mode:screen}#worldEndFlash.active{animation:impactFlash .32s ease-out}@keyframes impactFlash{0%{opacity:.94}35%{opacity:.48}100%{opacity:0}}
@media(max-width:900px),(pointer:coarse){#doomsdayInfo{right:8px;top:8px;width:158px;padding:8px 9px}#doomsdayInfo b{font-size:9px}#doomsdayInfo span{font-size:6px}#doomsdayInfo em{font-size:23px}}

/* V88 mobile FPS controls: clear thumb zones, hold-to-aim and unobstructed center view */
@media(max-width:900px),(pointer:coarse){
 #lookArea{left:28%;right:0;top:11%;width:auto;height:58%;padding:0;color:transparent;z-index:70!important}
 #joystick{left:max(12px,env(safe-area-inset-left));bottom:max(68px,calc(env(safe-area-inset-bottom) + 62px));width:126px;height:126px;border:2px solid #ffffff70;background:radial-gradient(circle,#ffffff1d,#050607aa 67%);box-shadow:0 8px 30px #000b,0 0 15px #ff49272a}
 #joystickKnob{width:54px;height:54px;margin:-27px;background:radial-gradient(circle at 35% 30%,#ffe0d7,#a24635 58%,#35100c);border-color:#ffc1ae}
 #actionCluster{right:max(10px,env(safe-area-inset-right));bottom:max(67px,calc(env(safe-area-inset-bottom) + 60px));width:190px;height:196px;z-index:410!important}
 .action{border:1px solid #ffb09a88;background:#16191dcc;box-shadow:0 6px 20px #000c,inset 0 0 16px #fff1;backdrop-filter:blur(4px);font-size:11px}
 .fire{right:0;bottom:0;width:84px;height:84px;font-size:15px;background:radial-gradient(circle at 35% 25%,#ff856c,#a71912 62%,#450504)}
 .aim{right:8px;bottom:94px;width:58px;height:58px;font-size:25px;background:radial-gradient(circle,#40505d,#151b20 72%)}
 .reload{right:94px;bottom:10px;width:50px;height:50px}
 .melee{right:86px;bottom:70px;width:55px;height:55px;background:#63351edb}
 .run{right:126px;bottom:129px;width:62px;height:48px;border-radius:18px;background:#35552bdd}
 .heal{right:69px;bottom:139px;width:50px;height:50px;background:#176449dd}
 #hotbar{bottom:max(2px,env(safe-area-inset-bottom))!important;transform:translateX(-50%) scale(.45)!important;transform-origin:center bottom!important;z-index:390!important}
 #hotbar .slot{width:96px!important;height:72px!important}
 #crosshair{transform:translate(-50%,-50%) scale(.9)}
}
@media(max-height:520px) and (orientation:landscape){
 #joystick{width:108px;height:108px;bottom:max(54px,calc(env(safe-area-inset-bottom) + 48px))}
 #joystickKnob{width:46px;height:46px;margin:-23px}
 #actionCluster{bottom:max(49px,calc(env(safe-area-inset-bottom) + 44px));transform:scale(.82);transform-origin:right bottom}
 #hotbar{transform:translateX(-50%) scale(.39)!important}
 #lookArea{top:8%;height:62%}
}

/* v74 Fire Circle sanctuary and Mira storyline */
.sanctuaryStatus{right:18px;top:252px;width:202px;height:55px;padding:8px 10px;pointer-events:none;border-color:#ff704b66;box-shadow:0 0 22px #ff3b1828,inset 0 0 20px #ff3b180d}
.sanctuaryStatus b,.sanctuaryStatus span,.sanctuaryStatus small{display:block}.sanctuaryStatus b{font-size:10px;letter-spacing:.14em;color:#ffd08c}.sanctuaryStatus span{position:absolute;right:10px;top:8px;font-size:8px;color:#8cff9b}.sanctuaryStatus small{margin-top:7px;font-size:7px;letter-spacing:.08em;color:#c8a99d}.sanctuaryStatus.outside{opacity:.68}.sanctuaryStatus.outside span{color:#ff765d}
#miraInteract{position:fixed;z-index:70;left:50%;bottom:116px;transform:translateX(-50%);padding:11px 18px;border:1px solid #ff9b5c;background:linear-gradient(#8f2515,#3b0805);color:#fff4e4;font-weight:900;letter-spacing:.12em;box-shadow:0 0 25px #ff3b194d;animation:miraPrompt 1.6s ease-in-out infinite;cursor:pointer}#miraInteract kbd{margin-left:9px;padding:2px 5px;border:1px solid #ffffff55;background:#120505}
#miraDialogue{position:fixed;inset:0;z-index:1800;display:grid;place-items:center;padding:18px;background:#080202b8;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}#miraDialogue.open{opacity:1;visibility:visible;pointer-events:auto}
.miraCard{position:relative;width:min(620px,94vw);padding:28px 30px 25px;border:1px solid #ff7547;background:radial-gradient(circle at 50% 0,#6b170e,#190504 58%,#080303);box-shadow:0 22px 90px #000,0 0 55px #ff3c1938;clip-path:polygon(17px 0,100% 0,100% calc(100% - 17px),calc(100% - 17px) 100%,0 100%,0 17px)}
.miraCard:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(120deg,transparent 0 38px,#ff4e1710 40px 42px);pointer-events:none}.miraCard>*{position:relative}.miraEyebrow{font-size:9px;letter-spacing:.3em;color:#ff9a6d}.miraCard h2{margin:7px 0 16px;font-size:38px;letter-spacing:.16em;color:#fff2e6;text-shadow:0 0 18px #ff421f}.miraCard>p{min-height:72px;margin:0;color:#ead5ca;font:16px/1.55 Georgia,serif}.miraCard>button{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#d9a18b;font-size:24px;cursor:pointer}
#miraObjective{margin:18px 0;padding:13px 15px;border-left:3px solid #ff6a34;background:#080303a8}#miraObjective b,#miraObjective span{display:block}#miraObjective b{font-size:11px;letter-spacing:.15em;color:#ffd078}#miraObjective span{margin-top:6px;font-size:11px;color:#bda59b}.miraActions{display:flex;gap:10px;justify-content:flex-end}.miraActions button{padding:10px 14px;border:1px solid #a8462d;background:#521108;color:#ffe5d8;font-size:10px;font-weight:900;letter-spacing:.1em;cursor:pointer}.miraActions button:disabled{opacity:.45}
@keyframes miraPrompt{50%{filter:brightness(1.28);box-shadow:0 0 38px #ff3b1980}}
@media(max-width:900px),(pointer:coarse){.sanctuaryStatus{right:8px;top:154px;width:112px;height:42px;padding:5px 6px}.sanctuaryStatus b{font-size:7px}.sanctuaryStatus span{right:6px;top:5px;font-size:5px}.sanctuaryStatus small{font-size:5px;margin-top:5px}#miraInteract{bottom:142px;padding:9px 12px;font-size:9px}.miraCard{padding:22px 18px 18px}.miraCard h2{font-size:28px}.miraCard>p{font-size:14px;min-height:86px}.miraActions{justify-content:stretch}.miraActions button{flex:1;font-size:8px}}
@media(prefers-reduced-motion:reduce){#miraInteract{animation:none}}

/* V75 quest input guide and enhanced Ember Archive styling */
#miraObjective:after{content:"MOUSE / TOUCH: BUTTONS   ·   E: TALK   ·   ← → / ENTER: DIALOGUE   ·   Q: ACCEPT / CLAIM   ·   ESC: CLOSE";display:block;margin-top:10px;padding-top:8px;border-top:1px solid #ff72452e;color:#9d7e72;font:7px Arial,sans-serif;letter-spacing:.09em}.miraProgress{color:#ffc067!important;font-weight:900}
.miraCard{background:radial-gradient(circle at 50% -10%,#9b2b16,#3b0906 32%,#130303 72%,#050202);box-shadow:0 22px 90px #000,0 0 70px #ff3c194f,inset 0 0 70px #ff5b1510}.miraCard h2{background:linear-gradient(#fff8e5,#ff9b65);-webkit-background-clip:text;background-clip:text;color:transparent}

/* V76 simplified HUD and conventional FPS camera UI */
#activityPanel,#activityFeed{display:none!important}#miraCloseButton{border-color:#d8a18a;background:#1a0a08;color:#fff;min-width:105px}.desktopHelp:after{content:" · FIRST CLICK ENABLES MOUSE LOOK · ESC RELEASES MOUSE";color:#ffb08e}
@media(max-width:900px),(pointer:coarse){#miraCloseButton{display:none}.miraActions button{min-height:42px}#lookArea{width:66%;height:52%;top:15%;color:#ffffff3b}}

/* V88 final mobile look-zone priority */
@media(max-width:900px),(pointer:coarse){#lookArea{left:28%!important;right:0!important;top:11%!important;width:auto!important;height:58%!important;padding:0!important;color:transparent!important}}
@media(max-height:520px) and (orientation:landscape){#lookArea{top:8%!important;height:62%!important}}
/* V90 RPG Operations — isolated overlay, zero 3D render cost while closed */
#stats{gap:7px;flex-wrap:wrap;pointer-events:auto}#rpgBtn{position:relative;z-index:25;pointer-events:auto;touch-action:manipulation;border:1px solid #bb3928;background:#160a09;color:#ffd272;padding:10px 14px;font:800 11px/1 Arial;letter-spacing:.12em}#rpgBtn span:first-child{color:#ff452d;margin-right:5px}
#rpgPanel{position:fixed;inset:0;z-index:1400;display:none;place-items:center;padding:clamp(8px,2vw,28px);background:rgba(3,1,1,.82);backdrop-filter:blur(8px)}#rpgPanel.open{display:grid}.rpgShell{position:relative;width:min(1120px,100%);height:min(780px,92vh);overflow:hidden;display:grid;grid-template-rows:auto auto 1fr;border:1px solid #8e2a20;background:linear-gradient(145deg,#160a09f5,#070607f8 60%,#180705f5);box-shadow:0 0 70px #000,0 0 45px #9a16072e;color:#e9ded9}.rpgShell:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(120deg,transparent 0 44px,#ff3b2310 45px 46px)}#rpgClose{position:absolute;right:18px;top:14px;z-index:2;border:0;background:none;color:#ff9d87;font-size:30px}.rpgHead{padding:24px 30px 16px;border-bottom:1px solid #47201c}.rpgHead small{color:#ff7057;letter-spacing:.24em}.rpgHead h2{font-size:clamp(30px,5vw,56px);margin:4px 0;letter-spacing:.08em}.rpgHead p{margin:0;color:#bda9a1}#rpgTabs{display:flex;overflow-x:auto;border-bottom:1px solid #47201c;background:#080606}#rpgTabs button{flex:1;min-width:110px;padding:15px 10px;border:0;border-right:1px solid #2e1714;background:transparent;color:#9c8e89;font:800 11px Arial;letter-spacing:.12em}#rpgTabs button.active{color:#fff;background:#a62618;box-shadow:inset 0 -3px #ff9f50}#rpgContent{position:relative;z-index:1;overflow:auto;padding:22px}#rpgContent.busy{opacity:.55;pointer-events:none}.rpgGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.rpgCard,.rpgLoot article{border:1px solid #43221e;background:#0b0808d9;padding:18px}.rpgCard h3,.rpgLoot h3{margin:0 0 8px;color:#fff;letter-spacing:.06em}.rpgCard p,.rpgLoot p{color:#b9aaa4;line-height:1.5}.rpgCard button,.rpgLoot button,.clanCreate button{border:1px solid #a83a2a;background:#9f2519;color:white;padding:11px 13px;font-weight:800;letter-spacing:.07em}.rpgCard button:disabled{opacity:.35}.rpgMetrics{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.rpgMetrics b{padding:8px 10px;background:#24100e;color:#ffc36b;border:1px solid #5a2720;font-size:12px}.rpgLoot{display:grid;gap:8px}.rpgLoot article{display:flex;justify-content:space-between;gap:18px;border-left-width:4px}.rpgLoot article>div:last-child{display:flex;align-items:center;gap:6px}.rpgLoot .muted{background:#171313;color:#b9aaa4}.rarity-uncommon{border-left-color:#65c970!important}.rarity-rare{border-left-color:#52a9ff!important}.rarity-epic{border-left-color:#bb66ff!important}.rarity-legendary{border-left-color:#ff9b31!important;box-shadow:inset 18px 0 30px #ff6a0014}.districts i{display:block;height:6px;background:#260b08;margin:12px 0}.districts i u{display:block;height:100%;background:linear-gradient(90deg,#ffb331,#e62318)}.districts small{display:block;color:#8fa48c;margin-bottom:12px}.tierBtns{display:grid;gap:6px}.tierBtns button.active{background:#d94a1f}.clanCreate{display:grid;grid-template-columns:1fr 75px auto;gap:6px}.clanCreate input{min-width:0;background:#080606;border:1px solid #4c2924;color:white;padding:10px}.rpgEmpty{display:grid;place-items:center;min-height:260px;text-align:center;color:#b9aaa4}
@media(max-width:700px){#rpgPanel{padding:0;place-items:stretch}.rpgShell{height:100dvh;border:0}.rpgHead{padding:18px 54px 12px 16px}.rpgHead h2{font-size:32px}#rpgTabs button{min-width:92px;padding:13px 8px;font-size:9px}#rpgContent{padding:12px}.rpgGrid{grid-template-columns:1fr}.rpgLoot article{display:block}.rpgLoot article>div:last-child{margin-top:10px}.clanCreate{grid-template-columns:1fr 68px}.clanCreate button{grid-column:1/-1}#stats #rpgBtn{min-height:42px}}
.partyJoin{display:flex;gap:6px;margin-top:9px}.partyJoin input{min-width:0;background:#080606;border:1px solid #4c2924;color:white;padding:10px;text-transform:uppercase}
.dungeonLayout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(290px,.8fr);gap:18px}.dungeonLayout>section>h3,.partyFinder>h3{color:#ffb25f;letter-spacing:.13em}.partyFinder{border-left:1px solid #43221e;padding-left:18px}.partyFinder article{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #43221e;background:#0b0808;padding:12px;margin:8px 0}.partyFinder small{display:block;color:#a99891;margin-top:5px}.partyFinder button{border:1px solid #a83a2a;background:#9f2519;color:#fff;padding:9px 12px;font-weight:800}.rpgEmpty.small{min-height:90px}
@media(max-width:800px){.dungeonLayout{grid-template-columns:1fr}.partyFinder{border-left:0;border-top:1px solid #43221e;padding:14px 0 0}}
/* V92 guaranteed Operations launcher + animated fire treatment */
.fireOperationsButton{isolation:isolate;position:relative;overflow:visible;display:flex!important;align-items:center;justify-content:center;gap:9px;min-width:155px;border:1px solid #ff7138!important;background:linear-gradient(180deg,#5d1308,#1a0704)!important;color:#fff!important;box-shadow:0 0 12px #ff3c18aa,inset 0 0 18px #ff7a2238!important;cursor:pointer;pointer-events:auto!important;touch-action:manipulation}.fireOperationsButton:before,.fireOperationsButton:after{content:"";position:absolute;z-index:-1;inset:-4px;border-radius:inherit;background:radial-gradient(ellipse at 20% 110%,#fff27a 0 5%,#ff8a24 12%,#ff2600 30%,transparent 55%),radial-gradient(ellipse at 75% 115%,#ffe26b 0 4%,#ff6b17 14%,#e81800 32%,transparent 58%);filter:blur(4px);opacity:.75;animation:operationsFire 1.15s ease-in-out infinite alternate}.fireOperationsButton:after{inset:-8px;filter:blur(10px);opacity:.45;animation-duration:.72s}.fireOperationsButton .fireIcon{font-size:21px;filter:drop-shadow(0 0 7px #ffb127);animation:fireIconPulse .7s ease-in-out infinite alternate}.fireOperationsButton b{display:block;font:900 11px/1.15 Arial;letter-spacing:.13em}.fireOperationsButton small{display:block;margin-top:3px;color:#ffc19d;font:700 7px/1 Arial;letter-spacing:.1em;white-space:nowrap}.fireOperationsButton:hover{transform:translateY(-2px);box-shadow:0 0 25px #ff421ddd,inset 0 0 20px #ff9d344f!important}.floatingOperations{position:fixed!important;z-index:1200;right:22px;top:470px;padding:11px 15px;border-radius:4px}.operationsOpen{overflow:hidden}.rpgLaunchFallback{min-height:260px;display:grid;place-content:center;text-align:center;color:#c4aaa0}.rpgLaunchFallback span{font-size:48px;filter:drop-shadow(0 0 18px #ff3a18)}.rpgLaunchFallback h3{color:#fff;letter-spacing:.14em;margin:12px 0 5px}.rpgLaunchFallback p{margin:0}@keyframes operationsFire{0%{transform:translateY(2px) scale(.98);opacity:.55}100%{transform:translateY(-3px) scale(1.04);opacity:.95}}@keyframes fireIconPulse{to{transform:scale(1.14) rotate(2deg);filter:drop-shadow(0 0 12px #ff4a00)}}
@media(max-width:900px),(pointer:coarse){.floatingOperations{right:9px;top:auto;bottom:calc(166px + env(safe-area-inset-bottom));min-width:52px;width:52px;height:52px;padding:0;border-radius:50%}.floatingOperations>span:last-child{display:none}.floatingOperations .fireIcon{font-size:24px}#stats .fireOperationsButton{min-width:126px;padding:9px 10px}.fireOperationsButton small{font-size:6px}}
#portalPrompt{position:fixed;z-index:1250;left:50%;top:35%;transform:translateX(-50%);padding:12px 20px;text-align:center;border:1px solid #ff6135;background:#160604ef;box-shadow:0 0 28px #ff321899;color:#fff;cursor:pointer;pointer-events:auto}#portalPrompt b,#portalPrompt span{display:block}#portalPrompt span{font-size:10px;color:#ffc09b;margin-top:4px;letter-spacing:.1em}#portalPrompt.show{animation:portalPromptPulse .8s ease-in-out infinite alternate}@keyframes portalPromptPulse{to{box-shadow:0 0 42px #9d24ffcc;transform:translateX(-50%) scale(1.035)}}
@media(max-width:800px),(pointer:coarse){#portalPrompt{top:28%;width:82%;padding:10px}}
.arsenalInfo,.endgameGuide{border:1px solid #713026;background:linear-gradient(100deg,#1b0a08,#090707);padding:15px 18px;margin-bottom:15px}.arsenalInfo h3,.endgameGuide b{color:#ff9d5c;letter-spacing:.12em}.arsenalInfo p,.endgameGuide p{color:#c9b8b1;line-height:1.5;margin-bottom:8px}
/* V98 compact Operations command console and visual Arsenal */
.rpgShell{width:min(1180px,96vw);height:min(720px,94vh);grid-template-rows:auto 48px 1fr}.rpgHead{padding:14px 22px 11px}.rpgHead small{font-size:9px}.rpgHead h2{font-size:clamp(27px,3.5vw,42px);line-height:.95;margin:3px 0}.rpgHead p{font-size:12px}#rpgClose{top:8px;right:13px}#rpgTabs button{padding:11px 8px;min-width:95px;font-size:10px}#rpgContent{padding:14px}.rpgGrid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.rpgCard{padding:13px}.rpgCard h3{font-size:15px}.rpgCard p{font-size:12px;line-height:1.4}.rpgCard button{padding:9px 10px;font-size:10px}.rpgMetrics{margin:8px 0;gap:5px}.rpgMetrics b{padding:6px 8px;font-size:10px}
.arsenalTop{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px;margin-bottom:12px}.loadoutShowcase,.arsenalStats{border:1px solid #57231c;background:linear-gradient(135deg,#170908,#080606);padding:11px}.loadoutTitle{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#ff9e68;font:900 10px Arial;letter-spacing:.16em}.combatScore{font-size:19px;color:#fff;text-align:right}.combatScore small{display:block;color:#9e8580;font-size:6px;letter-spacing:.13em}.equippedSlots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.equipSlot{min-width:0;display:flex;align-items:center;gap:7px;padding:7px;border:1px solid #4d211c;border-left-width:3px;background:#0a0707}.equipSlot>i,.inventoryItem>i{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #643027;background:#180b09;color:#ffbb78;font-style:normal;font-size:16px}.equipSlot div{min-width:0}.equipSlot small,.equipSlot b,.equipSlot em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.equipSlot small{color:#8f7c76;text-transform:uppercase;font-size:7px}.equipSlot b{font-size:10px;color:#f8ede8;margin:2px 0}.equipSlot em{font-style:normal;color:#bd9d91;font-size:7px}.equipSlot.empty{opacity:.55;border-left-color:#4a3935}.arsenalStats{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;align-content:start}.arsenalStats>span{grid-column:1/-1;color:#ff9e68;font:900 9px Arial;letter-spacing:.15em}.arsenalStats>b{padding:8px 3px;background:#24100d;color:#fff;text-align:center;font-size:16px}.arsenalStats b small{display:block;margin-top:2px;color:#c08d77;font-size:6px}.arsenalStats p{grid-column:1/-1;color:#a9938c;font-size:9px;line-height:1.35;margin:3px 0}.inventoryHead{display:flex;justify-content:space-between;align-items:end;padding:6px 2px;border-bottom:1px solid #57231c;margin-bottom:7px}.inventoryHead b,.inventoryHead small{display:block}.inventoryHead b{font-size:11px;letter-spacing:.13em}.inventoryHead small,.inventoryHead span{color:#99847d;font-size:8px}.compactInventory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.inventoryItem{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px 8px;border:1px solid #44201b;border-left-width:3px;background:#0a0707}.inventoryItem.isEquipped{background:linear-gradient(90deg,#26100c,#0a0707);box-shadow:inset 0 0 18px #ff4c1712}.itemData{min-width:0}.itemData small,.itemData b,.itemData em,.itemData span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itemData small{color:#9d8177;text-transform:uppercase;font-size:7px}.itemData b{font-size:10px;margin:2px 0;color:#fff}.itemData em{font-style:normal;color:#efb56d;font-size:8px}.itemData span{color:#8f7d76;font-size:7px;margin-top:2px}.itemActions{display:flex;gap:3px}.itemActions button{padding:6px 7px!important;font-size:7px!important}.itemActions button:disabled{color:#91df8a;border-color:#31552e;background:#102010}.itemActions .muted{font-size:13px!important;padding:2px 7px!important}.compactEmpty{min-height:160px}
@media(max-width:700px){.rpgShell{width:100vw;height:100dvh;grid-template-rows:auto 43px 1fr}.rpgHead{padding:10px 42px 8px 12px}.rpgHead h2{font-size:27px}.rpgHead p{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#rpgTabs button{min-width:82px;padding:9px 6px;font-size:8px}#rpgContent{padding:8px}.arsenalTop{grid-template-columns:1fr}.equippedSlots{grid-template-columns:repeat(2,minmax(0,1fr))}.arsenalStats{grid-template-columns:repeat(3,1fr)}.compactInventory{grid-template-columns:1fr}.inventoryHead>span{display:none}.inventoryItem{grid-template-columns:30px minmax(0,1fr) auto;padding:6px}.equipSlot>i,.inventoryItem>i{width:27px;height:27px;flex-basis:27px}.dungeonLayout{gap:9px}.rpgGrid{gap:7px}.rpgCard{padding:11px}}