:root{
  --bg:#050606; --panel:#090b0a; --panel2:#101210; --line:#383b37; --line2:#5f625c;
  --bone:#e2ddcf; --muted:#8f9189; --red:#a21c20; --red2:#cf3839; --amber:#c29a5b;
  --green:#7da35b; --blue:#607f95; --shadow:0 18px 55px #000b;
  --safeT:env(safe-area-inset-top,0px); --safeB:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#020303;color:var(--bone);font-family:Inter,Arial,sans-serif}
body{overflow-x:hidden;background:
 linear-gradient(#0006,#0007),
 repeating-linear-gradient(0deg,#0000 0,#0000 3px,#ffffff08 4px,#0000 5px),
 #040505}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
.hidden{display:none!important}
.muted{color:var(--muted)}
.kicker{color:#b87366;font-size:11px;letter-spacing:.22em;font-weight:800;text-transform:uppercase}
.page{min-height:100vh;padding-bottom:calc(90px + var(--safeB))}
.topbar{position:sticky;top:0;z-index:50;height:78px;padding:calc(10px + var(--safeT)) 16px 10px;background:#050606e8;border-bottom:1px solid #3e1415;backdrop-filter:blur(14px);display:flex;align-items:center;gap:12px}
.topbar .logo{height:44px;width:auto;max-width:46vw;object-fit:contain;object-position:left}
.topbar .hudMini{margin-left:auto;display:flex;gap:7px}
.chip{padding:7px 9px;border:1px solid #323530;background:#0b0d0c;color:#c9c5bb;font-size:11px}
.chip strong{color:#fff}
.menuBtn{width:46px;height:46px;border-radius:50%;border:1px solid #5b1c1e;background:#090a0a;color:#eee;font-size:24px;display:grid;place-items:center}
.sideMenu{position:fixed;z-index:90;inset:0 auto 0 0;width:min(84vw,340px);transform:translateX(-102%);transition:.22s;background:#060707f7;border-right:1px solid #5e2021;box-shadow:var(--shadow);padding:calc(24px + var(--safeT)) 14px 20px}
.sideMenu.open{transform:none}
.sideShade{position:fixed;z-index:89;inset:0;background:#000b;display:none}.sideShade.open{display:block}
.sideLogo{width:210px;max-width:75%;margin:0 6px 20px}
.sideNav{display:grid;gap:6px}
.sideNav button{min-height:52px;text-align:left;padding:12px 14px;color:#d8d4c9;background:#0b0d0c;border:1px solid #30332f;border-left:3px solid #62645f;letter-spacing:.06em;text-transform:uppercase;font-weight:800}
.sideNav button.active{border-left-color:var(--red2);background:linear-gradient(90deg,#5b1114,#0b0d0c 60%)}
.sideMeta{position:absolute;left:18px;right:18px;bottom:calc(18px + var(--safeB));font-size:10px;color:#777}

.hero{position:relative;min-height:340px;overflow:hidden;border-bottom:1px solid #5c1a1d;background:#030303}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.5) contrast(1.22) brightness(.52)}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030303f2 0,#030303c9 42%,#0303034a 80%),linear-gradient(0deg,#030303e6 0,transparent 52%)}
.heroContent{position:relative;z-index:2;padding:40px 22px 30px;max-width:750px}
.heroLogo{width:min(560px,85vw);max-height:160px;object-fit:contain;object-position:left}
.hero h1{font:900 clamp(42px,10vw,82px)/.9 Impact,Arial Black,sans-serif;text-transform:uppercase;margin:8px 0}
.hero p{max-width:620px;color:#b1aea6;line-height:1.45}

.homeGrid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px;padding:14px}
.homeNav{display:grid;gap:8px}
.homeNav button{position:relative;min-height:78px;background:linear-gradient(90deg,#0a0c0b,#0a0c0bc9),url('assets/city.webp') center/cover;border:1px solid #343731;color:#e2ddd1;text-align:left;padding:14px 18px 14px 24px;clip-path:polygon(2% 0,96% 0,100% 12%,100% 88%,96% 100%,2% 100%,0 88%,0 12%);transition:.16s}
.homeNav button:before{content:"";position:absolute;left:9px;top:14px;bottom:14px;width:3px;background:#666}
.homeNav button:hover,.homeNav button:active{transform:translateX(5px);border-color:#7f2325;background:linear-gradient(90deg,#661214,#0a0c0bd7)}
.homeNav b{display:block;font-size:22px;letter-spacing:.05em}.homeNav small{display:block;color:#8e8c85;margin-top:3px;letter-spacing:.08em}
.statusPanel{border:1px solid #373a35;background:#080a09;padding:14px;align-self:start}
.statusGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#343630}
.statusCell{background:#090b0a;padding:12px}.statusCell small{display:block;color:#a88963;font-size:9px;letter-spacing:.14em}.statusCell strong{font-size:20px}
.bar{height:7px;background:#272923;margin-top:7px;overflow:hidden}.bar i{display:block;height:100%;background:var(--green);transition:.35s}.bar.red i{background:var(--red2)}.bar.amber i{background:var(--amber)}
.eventStrip{margin-top:10px;padding:10px;border-left:3px solid var(--red);background:#0c0b0a;color:#aaa;font-size:11px}

.sectionHead{padding:22px 18px 12px;border-bottom:1px solid #4c1719}.sectionHead h1{margin:4px 0;font:900 clamp(34px,7vw,56px) Impact,Arial Black,sans-serif;text-transform:uppercase}.sectionHead p{margin:0;color:#96938b}
.panel{margin:12px;border:1px solid #353832;background:#080a09;box-shadow:0 8px 30px #0005}
.panelPad{padding:14px}
.btn{min-height:44px;padding:9px 13px;border:1px solid #4a4d47;background:#0c0e0d;color:#ddd;font-weight:800;letter-spacing:.05em}.btn.primary{background:#711316;border-color:#a3292c}.btn.good{background:#24441f;border-color:#5f7f4f}.btn.danger{background:#4f0b0e;border-color:#b62227}.btn:disabled{opacity:.4;cursor:not-allowed}
.actions{display:flex;gap:7px;flex-wrap:wrap}

.login{min-height:100vh;display:grid;place-items:center;padding:24px;background:
 linear-gradient(90deg,#020303f0,#0203038d),
 url('assets/city.webp') center/cover}
.loginCard{width:min(920px,100%);display:grid;grid-template-columns:1.05fr .95fr;border:1px solid #5b1b1d;background:#050606ec;box-shadow:0 25px 90px #000;padding:0;overflow:hidden}
.loginArt{min-height:580px;position:relative;background:url('assets/wilderness_scene_4k.webp') center/cover}
.loginArt:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050606e8,#05060620 70%)}
.loginArt img{position:absolute;z-index:2;left:28px;right:28px;bottom:34px;width:75%;filter:drop-shadow(0 15px 25px #000)}
.loginForm{padding:38px 28px}.profileList{display:grid;gap:8px;margin:20px 0}.profileBtn{padding:14px;border:1px solid #363933;background:#0b0d0c;color:#ddd;text-align:left}.profileBtn.sel{border-color:#9b292b;background:linear-gradient(90deg,#591013,#0b0d0c)}.profileBtn b{font-size:19px}.profileBtn small{color:#89867f;margin-left:6px}
.field{width:100%;padding:13px;border:1px solid #3a3d37;background:#050606;color:#fff;margin:8px 0}

.mapPage{height:calc(100vh - 78px);position:relative;overflow:hidden;background:#020303;touch-action:none}
.mapStage{position:absolute;inset:0;overflow:hidden;touch-action:none}
.mapWorld{position:absolute;width:100%;height:100%;left:0;top:0;transform-origin:0 0;will-change:transform}
.mapBase{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none;filter:saturate(.72) contrast(1.14) brightness(.73)}
.mapWorld:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0203034d,#02030300 55%,#0203032e),repeating-linear-gradient(0deg,#0000 0,#0000 4px,#ffffff08 5px,#0000 6px)}
#fog{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
#route{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.poi{position:absolute;transform:translate(-50%,-50%);width:31px;height:31px;border-radius:50%;border:2px solid #d5b27a;background:#6a1115;box-shadow:0 0 0 5px #000a,0 0 20px #9a1d20;z-index:5}
.poi:after{content:"";position:absolute;inset:7px;border-radius:50%;background:#e7ddc8}.poi.unknown{background:#161817;border-color:#747771}.poi.unknown:after{background:#85877f}.poi.current{box-shadow:0 0 0 5px #162210,0 0 26px #78a15c}.poi.selected{transform:translate(-50%,-50%) scale(1.3)}
.poiLabel{position:absolute;left:38px;top:-2px;background:#050606e9;border-left:3px solid #8a171b;padding:5px 7px;white-space:nowrap;color:#ddd;font-size:10px;font-weight:800;pointer-events:none}
.marker{position:absolute;transform:translate(-50%,-50%) rotate(45deg);width:18px;height:18px;border:2px solid var(--amber);background:#160e06;z-index:7}.marker.private{border-color:#79a1bb;background:#07131b}
.mapTools{position:absolute;right:12px;top:12px;z-index:20;display:grid;gap:7px}.mapTools button{width:50px;height:50px;border:1px solid #4a4d47;background:#050606e9;color:#fff;font-size:21px}
.mapTop{position:absolute;left:12px;top:12px;z-index:20;background:#050606e4;border-left:4px solid #8b171a;padding:10px 12px;backdrop-filter:blur(8px)}.mapTop b{display:block;font-size:17px;letter-spacing:.08em}.mapTop small{color:#8d8a83}
.mapInfo{position:absolute;z-index:21;left:12px;bottom:12px;width:min(460px,calc(100% - 24px));background:#050606eb;border:1px solid #4c4d48;box-shadow:var(--shadow);backdrop-filter:blur(10px);padding:14px}
.mapInfo h2{font:900 30px Impact;margin:4px 0}.mapData{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#33362f;margin:10px 0}.mapData div{background:#080a09;padding:9px}.mapData small{display:block;color:#8a877f;font-size:8px;letter-spacing:.13em}.mapData b{font-size:13px}

.itemLayout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:12px;padding:12px}
.itemGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:8px}
.itemCard{position:relative;background:#0a0c0b;border:1px solid #343731;color:#ddd;text-align:left;overflow:hidden;min-height:225px;padding:0}.itemCard.active{border-color:#9d2d30;box-shadow:inset 0 -4px #8f171b}.itemArt{height:120px;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#272a24,#090a09 65%)}.itemArt img{width:78%;height:78%;object-fit:contain;filter:drop-shadow(0 10px 16px #000)}.itemBody{padding:10px}.itemBody h3{margin:0 0 4px;font-size:16px}.itemBody small{color:#85837c}.price{position:absolute;right:8px;bottom:8px;color:#d7aa67;font-weight:900}
.detail{position:sticky;top:90px;border:1px solid #3b3e38;background:linear-gradient(#080a09ec,#050606f7),url('assets/market.webp') center/cover;padding:15px;min-height:520px}.detail .itemArt{height:180px}.detail h2{font:900 32px Impact;margin:7px 0}.statLine{display:grid;grid-template-columns:80px 1fr 42px;gap:7px;align-items:center;margin:7px 0;font-size:10px}.track{height:6px;background:#242720}.fill{height:100%;background:#a52428}.pairs{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#32352f;margin:12px 0}.pair{background:#080a09;padding:8px}.pair small{display:block;color:#85827b;font-size:8px}.pair b{font-size:12px}

.invLayout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:12px;padding:12px}.loadout{border:1px solid #393c36;background:linear-gradient(#0506067a,#050606f2),url('assets/survivor.webp') center/cover;min-height:600px;padding:14px;display:flex;flex-direction:column;justify-content:space-between}.slot{border:1px solid #3b3e38;background:#050606de;padding:9px;margin:6px 0}.slot small{display:block;color:#8c8982;font-size:8px;letter-spacing:.13em}.slot b{font-size:14px}
.invPanel{border:1px solid #393c36;background:#080a09;padding:12px}

.bestiary{display:grid;grid-template-columns:220px 1fr;min-height:700px;margin:12px;border:1px solid #383b35;background:#050606}.beastList{border-right:1px solid #353832;padding:7px}.beastList button{width:100%;padding:12px 8px;border:0;border-bottom:1px solid #272a25;background:#070908;color:#aaa;text-align:left}.beastList button.active{background:linear-gradient(90deg,#621114,#070908);color:#fff}.beastList small{display:block;color:#77746f;font-size:8px}
.dossier{position:relative;overflow:hidden}.dossier>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.4) brightness(.44) contrast(1.28)}.dossier:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050606f8,#050606ce 44%,#05060640 80%),linear-gradient(0deg,#050606f2,transparent 45%)}.dossierBody{position:relative;z-index:2;padding:32px;max-width:720px}.dossier h2{font:900 clamp(42px,8vw,78px)/.9 Impact;margin:7px 0}.beastStats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#383a34;margin:16px 0}.beastStats div{background:#080a09dd;padding:9px}.beastStats small{display:block;color:#817e77;font-size:8px}.intel{border-left:3px solid #86181b;background:#080a09dc;padding:10px 12px;margin:7px 0}.drops{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:5px}.drop{border:1px solid #343731;background:#080a09dd;padding:7px}.drop small{display:block;color:#817f78;font-size:8px}

.shelterScene{position:relative;height:620px;margin:12px;border:1px solid #3a3d37;overflow:hidden;background:#050606}.shelterScene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.65) contrast(1.14) brightness(.68)}.shelterScene:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 150px #000;pointer-events:none}
.hot{position:absolute;z-index:4;width:48px;height:48px;border-radius:50%;border:2px solid #d3aa71;background:#6c1216d9;color:#fff;font-weight:900;box-shadow:0 0 0 5px #0008,0 0 22px #751215}.hot span{position:absolute;left:56px;top:9px;white-space:nowrap;background:#050606eb;border-left:3px solid #7c1518;padding:5px 7px;font-size:9px}.hot.h1{left:16%;top:22%}.hot.h2{left:39%;top:61%}.hot.h3{left:67%;top:56%}.hot.h4{left:78%;top:31%}.hot.h5{left:50%;top:41%;background:#11202a;border-color:#7592a4}
.shelterInfo{position:absolute;z-index:6;left:12px;right:12px;bottom:12px;background:#050606e8;border:1px solid #44473f;padding:10px}

.combatScene{position:relative;min-height:calc(100vh - 78px);overflow:hidden}.combatScene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.42) contrast(1.3) brightness(.45)}.combatScene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030303f8,#030303cf 46%,#03030344 80%),linear-gradient(0deg,#030303f8,transparent 40%)}.combatBody{position:relative;z-index:2;display:grid;grid-template-columns:minmax(280px,470px) 1fr;gap:4vw;padding:42px 22px;min-height:calc(100vh - 78px)}.enemyTitle{font:900 clamp(48px,9vw,96px)/.87 Impact;margin:6px 0}.combatPanel{align-self:end;background:#050606e5;border:1px solid #444740;padding:14px;backdrop-filter:blur(8px)}.combatActions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.combatLog{margin-top:10px;max-height:180px;overflow:auto;background:#030403;border-left:3px solid #5d1114;padding:8px;font:11px monospace;color:#aaa}
.enemyGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;padding:12px}.enemyCard{position:relative;height:360px;border:1px solid #393c36;background:#050606;overflow:hidden}.enemyCard img{width:100%;height:100%;object-fit:cover;filter:saturate(.45) brightness(.55) contrast(1.22)}.enemyCard:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#030303f5,#03030320 68%)}.enemyCopy{position:absolute;z-index:2;left:13px;right:13px;bottom:13px}.enemyCopy h3{font:900 28px Impact;margin:4px 0}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:9px;padding:12px}.card{border:1px solid #373a34;background:#080a09;padding:13px}.card h3{margin:4px 0}.card small{color:#85827b}
.radioFeed{display:grid;gap:6px}.radioMsg{border-left:3px solid #4d5150;background:#0a0c0b;padding:10px}.radioMsg.world{border-left-color:#8e1a1d}.radioMsg small{color:#7f7c75}
.textarea{width:100%;min-height:130px;padding:12px;background:#050606;border:1px solid #3b3e38;color:#fff}
.modal{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:16px}.modalShade{position:absolute;inset:0;background:#000c;backdrop-filter:blur(4px)}.modalCard{position:relative;z-index:1;width:min(620px,100%);max-height:88vh;overflow:auto;background:#070908;border:1px solid #622023;box-shadow:var(--shadow);padding:16px}
#toast{position:fixed;z-index:140;left:50%;bottom:calc(18px + var(--safeB));transform:translate(-50%,20px);opacity:0;transition:.2s;background:#090b0ae8;border:1px solid #4b4e48;padding:10px 14px;color:#fff;pointer-events:none;max-width:90vw;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
.loading{min-height:100vh;display:grid;place-items:center;background:#020303}.loaderBox{text-align:center}.loaderBox img{width:min(420px,76vw)}.scan{height:2px;background:linear-gradient(90deg,transparent,#a91d20,transparent);animation:scan 1.1s infinite}@keyframes scan{from{transform:translateY(-24px)}to{transform:translateY(24px)}}
.death{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(#0009,#000f),url('assets/city.webp') center/cover}.deathCard{width:min(680px,100%);border:1px solid #76171a;background:#050606ef;padding:26px;text-align:center}.deathCard h1{font:900 clamp(54px,14vw,110px) Impact;margin:0;color:#b52226}

@media(max-width:820px){
 .topbar{height:72px}.topbar .hudMini .chip:nth-child(n+3){display:none}
 .loginCard{grid-template-columns:1fr}.loginArt{min-height:245px}.loginArt img{width:62%;bottom:18px}.loginForm{padding:24px 18px}
 .hero{min-height:300px}.heroContent{padding:32px 18px 24px}.homeGrid{grid-template-columns:1fr}.statusPanel{order:-1}
 .mapPage{height:calc(100vh - 72px)}.mapTop{max-width:64%}.mapInfo{left:7px;bottom:7px;width:calc(100% - 14px);padding:11px}.mapTools{right:7px;top:7px}.mapTools button{width:46px;height:46px}
 .itemLayout,.invLayout{grid-template-columns:1fr}.detail{position:relative;top:auto;min-height:0}.itemGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.itemCard{min-height:200px}.itemArt{height:105px}
 .bestiary{grid-template-columns:82px 1fr;margin:7px}.beastList{padding:3px}.beastList button{padding:11px 4px;font-size:9px}.beastList small{display:none}.dossierBody{padding:20px 13px}.beastStats{grid-template-columns:1fr 1fr}
 .shelterScene{height:520px;margin:7px}.hot span{display:none}
 .combatBody{grid-template-columns:1fr;padding:25px 13px 90px}.combatPanel{align-self:auto}.combatActions{grid-template-columns:1fr 1fr}.enemyGrid{grid-template-columns:1fr 1fr;padding:7px}.enemyCard{height:300px}
}

/* V13 motion language */
main>section,main>div{animation:screenIn .22s ease-out both}
.itemCard,.enemyCard,.card,.btn,.hot,.poi,.homeNav button{transition:transform .14s ease,border-color .14s ease,filter .14s ease,background .14s ease}
.itemCard:active,.enemyCard:active,.btn:active,.hot:active,.poi:active{transform:scale(.975)}
@keyframes screenIn{from{opacity:0;transform:translateY(7px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* V14 — survival systems */
.marketTabs{display:flex;gap:7px;align-items:center;padding:12px}.marketTabs b{margin-left:auto;font:900 28px Impact;color:#d4a35f}
.itemArt{height:150px!important;background:#080a09!important}.itemArt img{width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important}
.beastGallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:7px;padding:10px}.beastThumb{height:180px;position:relative;overflow:hidden;border:1px solid #333;background:#050606;padding:0;color:#fff}.beastThumb img{width:100%;height:100%;object-fit:cover;filter:saturate(.55) brightness(.65)}.beastThumb span{position:absolute;left:0;right:0;bottom:0;padding:9px;text-align:left;background:linear-gradient(transparent,#000e)}.beastThumb small{display:block;color:#c26862}.beastThumb.active{border-color:#a52b2e;box-shadow:inset 0 0 0 2px #a52b2e}
.dossierV14{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:0;margin:10px;border:1px solid #383b35;background:#050606}.beastPortrait{position:relative;min-height:700px;background:#000;overflow:hidden}.beastPortrait img{width:100%;height:100%;object-fit:cover}.portraitHint{position:absolute;left:0;right:0;bottom:0;padding:10px;background:#000c;text-align:center;font-size:9px;letter-spacing:.14em}.beastIntel{padding:24px}.beastIntel h2{font:900 clamp(42px,7vw,74px)/.9 Impact;margin:8px 0}.creatureFull{text-align:center}.creatureFull img{max-width:100%;max-height:72vh;object-fit:contain}
.radioConsole{display:grid;grid-template-columns:.75fr 1.25fr;gap:10px;padding:12px}.radioDial,.radioTx{border:1px solid #3b3e38;background:linear-gradient(#0a0c0b,#050606);padding:16px}.radioDial strong{display:block;font:900 clamp(44px,9vw,78px) Impact;color:#d2b17b;margin:8px 0}.radioDial strong small{font-size:18px}.radioDial input[type=range]{width:100%;accent-color:#a51e22}.presetRow{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.presetRow button{background:#101310;border:1px solid #333;color:#aaa;padding:6px 8px;font-size:9px}
.sectorGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:9px;padding:12px}.sectorCard{background:linear-gradient(135deg,#0d100e,#060706);border:1px solid #383b35;padding:14px}.sectorCard h3{font-size:22px;margin:8px 0}.riskDots{color:#b83234;letter-spacing:.15em}.sectorMeta{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.sectorMeta span{border:1px solid #343731;padding:5px 7px;font-size:9px;color:#aaa}.lootReveal{display:flex;gap:10px;align-items:center;margin:7px 0;border:1px solid #363934;background:#090b0a;padding:8px}.lootReveal img{width:82px;height:82px;object-fit:cover}.lootReveal small{display:block;color:#b17a65}
.wikiLayout{display:grid;grid-template-columns:260px 1fr;margin:12px;border:1px solid #393c36;min-height:620px;background:#070908}.wikiNav{border-right:1px solid #30332e;padding:9px;overflow:auto}.wikiCat>b{display:block;color:#aa6b61;font-size:9px;letter-spacing:.15em;margin:12px 5px 5px}.wikiCat button{width:100%;text-align:left;background:#090b0a;border:0;border-left:2px solid #373a34;color:#aaa;padding:9px}.wikiCat button.active{border-left-color:#a51f22;color:#fff;background:#15100f}.wikiDoc{padding:clamp(18px,4vw,42px);background:linear-gradient(#050606e5,#050606fa),url('assets/transmission.webp') center/cover}.wikiDoc h2{font:900 clamp(40px,7vw,70px) Impact;margin:8px 0}.wikiBody{max-width:840px;line-height:1.72;color:#c6c2b8;font-family:Georgia,serif;font-size:16px}
::view-transition-old(root){animation:180ms ease both fadeOut}::view-transition-new(root){animation:240ms ease both fadeIn}@keyframes fadeOut{to{opacity:0;transform:translateX(-8px)}}@keyframes fadeIn{from{opacity:0;transform:translateX(12px)}}
@media(max-width:820px){.dossierV14{grid-template-columns:1fr;margin:7px}.beastPortrait{min-height:520px}.beastIntel{padding:16px 12px}.radioConsole{grid-template-columns:1fr;padding:7px}.wikiLayout{grid-template-columns:100px 1fr;margin:7px}.wikiCat button{font-size:9px;padding:8px 4px}.wikiDoc{padding:16px 11px}.wikiBody{font-size:14px}.beastGallery{grid-template-columns:repeat(3,1fr);padding:7px}.beastThumb{height:155px}.itemArt{height:132px!important}}
/* V15 functional mobile fixes */
html,body{min-height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
body.menuOpen{overflow-y:auto!important;position:static!important}
.sideMenu{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.sideShade{touch-action:manipulation}
main,#app{min-height:100vh;overflow:visible}
.roomScene{position:relative;min-height:calc(100vh - 72px);background:#020303;overflow:hidden}.roomScene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.45) saturate(.6)}.roomHud{position:relative;z-index:2;min-height:calc(100vh - 72px);padding:24px;background:linear-gradient(90deg,#030403ee,#030403a8 60%,transparent);max-width:700px}.roomHud h1{font:900 clamp(44px,9vw,82px) Impact;margin:20px 0 8px}.stashList{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:18px}.stashList>div{background:#080a09;border:1px solid #343731;padding:8px}.stashList .itemArt{height:90px}
.travelPanel{margin:12px;padding:18px;border:1px solid #454840;background:#070908}.travelRoute{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:10px;text-align:center}.travelRoute i{height:8px;background:#242720;position:relative}.travelRoute i:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--p);background:#9f2528;transition:width .5s}.travelRoute i b{position:absolute;left:50%;top:-28px;transform:translateX(-50%);font-style:normal}
@media(max-width:700px){.sectionHead{padding-top:22px}.itemGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.itemCard{min-height:245px}.itemArt{height:135px}.beastGallery{grid-template-columns:repeat(2,1fr)}.beastThumb{height:220px}.dossierV14{display:block}.beastPortrait{min-height:58vh}.beastIntel{padding:16px}.hot{width:62px;height:62px;font-size:24px}.hot span{display:block!important;position:absolute;top:65px;left:50%;transform:translateX(-50%);width:110px;font-size:9px;background:#050606e8;padding:4px;border:1px solid #555}.travelRoute{grid-template-columns:1fr}.travelRoute i{margin:20px 0}.mapInfo{max-height:45vh;overflow:auto}}

/* V15.1 functional UX hotfix */
body{overflow-y:auto!important;touch-action:pan-y!important}.page,main,#app{overflow:visible!important}.sideMenu{pointer-events:none;display:flex;flex-direction:column}.sideMenu.open{pointer-events:auto}.sideNav{overflow-y:auto;flex:1;min-height:0;padding-bottom:18px}.sideMeta{position:static;margin:10px 4px 0;padding-top:8px;border-top:1px solid #242722}.sideShade{pointer-events:none}.sideShade.open{pointer-events:auto}
.marketTabs{position:sticky;top:72px;z-index:20;background:#050606f5;border-bottom:1px solid #492022}.sellHint{color:#c99a61!important;font-weight:800}.modalActions{position:sticky;bottom:-16px;background:#070908;padding:10px 0 0;margin-top:10px;border-top:1px solid #3a3c37;z-index:4}
.mapInfo{max-height:52vh;overflow:auto}.poiLabel{display:block!important;max-width:145px;overflow:hidden;text-overflow:ellipsis}.poi.unknown .poiLabel{color:#aaa;border-left-color:#646761}.travelRoute i{overflow:visible}.travelRoute i em{display:block;height:100%;background:#a32629;transition:width .4s}.travelRoute i:before{display:none}
.shelterVN{position:relative;min-height:calc(100vh - 72px);overflow:hidden}.shelterBg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.7) contrast(1.1) brightness(.62)}.sceneShade{position:absolute;inset:0;background:linear-gradient(90deg,#020303ed,#0203039c 65%,#02030335)}.scenePanel{position:relative;z-index:2;min-height:calc(100vh - 72px);padding:30px 22px 110px;max-width:760px}.scenePanel h1{font:900 clamp(44px,10vw,88px)/.9 Impact;margin:9px 0}.sceneLinks{display:grid;gap:7px;margin-top:24px}.sceneLinks .kicker{margin-bottom:4px}.sceneLinks button{min-height:52px;text-align:left;padding:12px 14px;background:#070908dd;border:1px solid #444740;border-left:3px solid #b2272b;color:#ddd;font-weight:800}.roomActions{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.recipeGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:7px}.recipeCard{background:#080a09d9;border:1px solid #393c36;padding:10px}.recipeCard small{display:block;color:#999}.stashChoice{display:flex;align-items:center;gap:10px;width:100%;padding:8px;margin:5px 0;background:#090b0a;border:1px solid #373a34;color:#ddd;text-align:left}.stashChoice .itemArt{width:76px;height:76px!important;flex:0 0 76px}.stashChoice span small{display:block;color:#999}
.rewardItem{display:flex;gap:12px;align-items:center;border:1px solid #3c3f39;background:#0a0c0b;padding:10px}.rewardItem img{width:110px;height:110px;object-fit:cover}.rewardCash{font:900 36px Impact;color:#d7aa67}
@media(max-width:820px){.topbar{position:sticky}.marketTabs{top:72px}.itemLayout{display:block}.itemLayout>.detail{display:none}.itemCard{min-height:230px}.itemArt{height:145px!important}.scenePanel{padding:22px 15px 110px}.poiLabel{font-size:8px;max-width:105px}.mapInfo{max-height:48vh}}

/* V15.2 interaction rebuild */
.quickDock{display:none}
.activeTrip{margin-top:18px;width:min(520px,100%);text-align:left;padding:12px 14px;border:1px solid #773033;border-left:4px solid #c22b30;background:#090909dc;color:#ddd}
.activeTrip b,.activeTrip small{display:block}.activeTrip small{color:#999;margin-top:4px}
.headActions{margin-top:12px}
.locationStatus{display:flex;align-items:center;gap:7px;margin:6px 0}.riskBadge{padding:4px 6px;border:1px solid #793033;background:#23090a;font-size:9px;font-weight:900}.riskBadge.risk1,.riskBadge.risk2{border-color:#526744;background:#10180d}.riskBadge.risk3{border-color:#8c6b34;background:#20180a}.riskBadge.risk4,.riskBadge.risk5{border-color:#9b2529;background:#29090b}
.mapIndexBtn{display:block;margin-top:8px;border:1px solid #555;background:#0a0c0b;color:#ddd;padding:7px 9px;font-size:9px;font-weight:800}
.mapIndex{position:absolute;z-index:35;left:12px;top:92px;bottom:12px;width:min(340px,calc(100% - 24px));background:#050606f5;border:1px solid #4b4e47;transform:translateX(calc(-100% - 24px));transition:transform .2s ease;overflow:auto;box-shadow:0 18px 45px #000c;backdrop-filter:blur(10px)}
.mapIndex.open{transform:none}.mapIndexHead{position:sticky;top:0;background:#080a09;display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #393c36}.mapIndexHead button{background:none;border:0;color:#fff;font-size:24px}.mapIndex>button{display:block;width:100%;text-align:left;background:#080a09;border:0;border-bottom:1px solid #2f322d;color:#ddd;padding:11px}.mapIndex>button span,.mapIndex>button small{display:block}.mapIndex>button small{color:#888;margin-top:3px}
.mapTripRibbon{position:absolute;z-index:32;left:50%;top:12px;transform:translateX(-50%);width:min(440px,58vw);padding:8px 12px;background:#190708e8;border:1px solid #8d2428;color:#eee;text-align:left}.mapTripRibbon span,.mapTripRibbon b,.mapTripRibbon small{display:block}.mapTripRibbon span{font-size:8px;letter-spacing:.15em;color:#c77a70}.mapTripRibbon small{color:#999}
.shelterVN{min-height:calc(100dvh - 72px)!important;position:relative;overflow:hidden!important}
.shelterSceneTitle{position:absolute;z-index:4;left:18px;top:22px;width:min(600px,75%);padding:14px;background:linear-gradient(90deg,#050606eb,#05060699,transparent);border-left:3px solid #a32629}.shelterSceneTitle h1{font:900 clamp(38px,8vw,74px)/.9 Impact;margin:5px 0}.shelterSceneTitle p{margin:0;color:#aaa;line-height:1.4}
.sceneHotspots{position:absolute;z-index:5;inset:0}.sceneHotspot{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;color:#fff}.sceneHotspot i{display:block;width:42px;height:42px;margin:auto;border-radius:50%;background:#7b1519dd;border:2px solid #d8ad70;box-shadow:0 0 0 6px #0008,0 0 24px #8c181b;animation:hotPulse 2.2s infinite}.sceneHotspot span{display:block;margin-top:9px;padding:5px 8px;background:#050606e9;border:1px solid #494c46;white-space:nowrap;font-size:9px;font-weight:900;letter-spacing:.08em}.sceneHotspot:active i{transform:scale(.9)}
@keyframes hotPulse{50%{box-shadow:0 0 0 10px #79191a33,0 0 30px #a8262a}}
.shelterSceneHud{position:absolute;z-index:6;left:14px;right:14px;bottom:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#42453f;border:1px solid #4a4d47}.shelterSceneHud>div{background:#080a09df;padding:8px}.shelterSceneHud small{display:block;color:#8d8a82;font-size:7px}.shelterSceneHud b{font-size:13px}
.travelPhase{display:inline-block;margin-bottom:12px;padding:6px 9px;border-left:3px solid #b32327;background:#18090a;color:#d1a39d;font-size:10px;letter-spacing:.16em;font-weight:900}
.itemCard .itemArt{background:#090b0a!important}.itemCard .itemArt img{object-fit:cover!important}
.itemCard .sellHint{display:block;margin-top:5px;padding-top:5px;border-top:1px solid #272a25}
::view-transition-old(root){animation:pageOut .16s ease both}::view-transition-new(root){animation:pageIn .22s ease both}@keyframes pageOut{to{opacity:0;transform:scale(.985)}}@keyframes pageIn{from{opacity:0;transform:translateY(8px) scale(.99)}}
@media(max-width:820px){
 body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
 .page{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
 .quickDock{position:fixed;z-index:70;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);padding:5px 5px calc(5px + env(safe-area-inset-bottom,0px));background:#050606f5;border-top:1px solid #432022;backdrop-filter:blur(12px)}
 .quickDock button{min-width:0;background:#080a09;border:0;color:#85847e;padding:5px 2px}.quickDock button b,.quickDock button span{display:block}.quickDock button b{font-size:17px}.quickDock button span{font-size:7px;margin-top:2px}.quickDock button.active{color:#d5a66b;background:#140b0a}
 .topbar{z-index:80}.sideMenu{z-index:100}.sideShade{z-index:99}
 .mapTripRibbon{top:auto;bottom:12px;left:8px;transform:none;width:calc(100% - 16px);padding:7px 9px}
 .mapInfo{bottom:72px!important;max-height:48vh}.mapIndex{top:82px;bottom:72px;left:7px;width:calc(100% - 14px)}
 .mapTop{max-width:63%}.mapTop b{font-size:13px}.mapIndexBtn{font-size:8px}
 .shelterSceneTitle{left:10px;top:12px;width:calc(100% - 20px);padding:10px}.shelterSceneTitle p{font-size:12px}.shelterSceneTitle h1{font-size:38px}
 .sceneHotspot i{width:34px;height:34px}.sceneHotspot span{font-size:8px;max-width:115px;white-space:normal;text-align:center}
 .shelterSceneHud{bottom:76px;left:7px;right:7px}
}

.travelTimeline{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:14px 0}.travelTimeline span{position:relative;text-align:center;padding:18px 4px 6px;border-top:2px solid #353832;color:#777;font-size:8px;letter-spacing:.08em}.travelTimeline span:before{content:"";position:absolute;left:50%;top:-7px;width:12px;height:12px;border-radius:50%;transform:translateX(-50%);background:#282b27;border:2px solid #555}.travelTimeline span.done{color:#d5b079;border-color:#9d2528}.travelTimeline span.done:before{background:#9d2528;border-color:#d9b57a;box-shadow:0 0 12px #a31f24}

/* V15.3 — WORLD SIMULATION / UX EVOLUTION */
:root{--tap:48px;--panel:#080a09e8;--edge:#353832;--accent:#aa272b;--accent2:#d6aa70}
.btn,.sideNav button,.homeNav button,.presetRow button,.mapTools button,.mapIndexBtn,.profileBtn,.sceneLinks button{min-height:var(--tap);font-weight:850;letter-spacing:.055em}
button,.btn,input,textarea,select{font-size:clamp(13px,1.4vw,15px)}
.btn{padding:12px 16px;border-radius:3px}.field,.textarea{min-height:48px;padding:12px 13px}.textarea{min-height:112px}
.survivorName,.sectionHead h1,.loginPanel h1,.survivorLogin b{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:.035em}.survivorName{font-size:34px;margin:5px 0 12px}
.loginV153{position:relative;min-height:100dvh;overflow:hidden;background:#030404;color:#eee;display:grid;place-items:center;padding:clamp(18px,4vw,48px)}
.loginBg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.38) saturate(.58) contrast(1.12);transform:scale(1.025)}
.loginFog{position:absolute;inset:0;background:linear-gradient(90deg,#020303f4 0%,#020303b8 45%,#02030366 75%,#030303c9),radial-gradient(circle at 72% 28%,#8f2a2426,transparent 32%)}
.loginScan{position:absolute;inset:0;pointer-events:none;opacity:.18;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px 4px);mix-blend-mode:soft-light}
.loginShell{position:relative;z-index:2;width:min(1180px,100%);display:grid;grid-template-columns:minmax(280px,1.08fr) minmax(340px,.92fr);gap:clamp(22px,5vw,70px);align-items:center}
.loginBrand img{width:min(590px,92%);filter:drop-shadow(0 12px 28px #000)}.loginBrand p{max-width:510px;color:#aaa;font-size:16px;line-height:1.6}.loginBrand .kicker{color:#c89466}
.loginWorldPulse{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #343831;background:#050606bb;margin-top:26px;max-width:570px}.loginWorldPulse span{padding:12px;border-right:1px solid #30332f}.loginWorldPulse span:last-child{border-right:0}.loginWorldPulse small,.loginWorldPulse b{display:block}.loginWorldPulse small{font-size:8px;color:#777;letter-spacing:.14em}.loginWorldPulse b{margin-top:4px;font-size:12px;color:#d5b078}
.loginPanel{background:linear-gradient(180deg,#0a0c0be8,#050606f4);border:1px solid #44473f;border-left:3px solid var(--accent);padding:clamp(18px,3vw,34px);box-shadow:0 30px 75px #000b;backdrop-filter:blur(12px)}.loginPanel h1{font-size:clamp(36px,5vw,62px);line-height:.92;margin:8px 0 22px}.profileListV153{display:grid;gap:7px}
.survivorLogin{min-height:72px;border:1px solid #353832;background:#090b0a;color:#ddd;display:grid;grid-template-columns:56px 1fr 24px;gap:12px;align-items:center;text-align:left;padding:8px 12px;transition:.18s}.survivorLogin:hover,.survivorLogin.sel{border-color:#8f2a2d;background:#16090a;transform:translateX(3px)}.survivorGlyph{display:grid;place-items:center;width:50px;height:50px;border:1px solid #53564f;background:#111310;color:#c49b67;font:900 10px monospace}.survivorLogin b,.survivorLogin small{display:block}.survivorLogin b{font-size:24px}.survivorLogin small{font-size:8px;color:#888;letter-spacing:.12em}.survivorLogin i{font-size:28px;color:#777}
.loginAccess{margin-top:18px;padding-top:18px;border-top:1px solid #30332e}.loginAccess>div small,.loginAccess>div b{display:block}.loginAccess>div small{font-size:8px;color:#777}.loginAccess>div b{font-size:20px;margin:2px 0 10px}.loginPin{font-family:monospace;letter-spacing:.28em;text-align:center}.loginEnter{width:100%;margin-top:7px;min-height:56px}.loginPanel footer{display:flex;justify-content:space-between;gap:12px;margin-top:18px;color:#595c56;font:700 7px monospace;letter-spacing:.08em}
.heroV153{min-height:52vh}.heroGrain{position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,transparent,#020303af 66%),linear-gradient(90deg,#020303e8,#02030355);pointer-events:none}.worldPulse{position:absolute;right:18px;bottom:18px;width:min(220px,34vw);padding:10px 12px;background:#060807df;border:1px solid #3a3d37;z-index:3}.worldPulse small,.worldPulse b{display:block}.worldPulse small{font-size:7px;letter-spacing:.14em;color:#888}.worldPulse b{font-size:22px;margin:2px 0 5px}
.worldFeed{margin-top:14px;border:1px solid var(--edge);background:#060807}.feedHead{padding:13px 14px;border-bottom:1px solid var(--edge);display:flex;justify-content:space-between;gap:12px;align-items:end}.feedHead b{font-size:11px;color:#777}.worldFeed article{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:12px 14px;border-bottom:1px solid #252824}.worldFeed article:last-child{border-bottom:0}.worldFeed time{font:700 9px monospace;color:#777}.worldFeed article b{font-size:13px}.worldFeed article p{margin:3px 0 0;color:#92948d;line-height:1.4;font-size:12px}.signalBtn{width:100%;margin-top:9px;border-color:#6f5c35;color:#d2ad73}
.eventChoices{display:grid;gap:8px;margin-top:16px}.eventChoices .btn{width:100%;text-align:left;min-height:54px}
.radioV153{border-color:#4b4030}.radioTip{margin-top:15px;padding:10px;border:1px dashed #5d4a2f;background:#100d08}.radioTip b,.radioTip small{display:block}.radioTip b{color:#d4ad72;font-size:10px}.radioTip small{color:#89877f;margin-top:4px}.radioHistory{margin-top:18px;border-top:1px solid #30332d;padding-top:12px}.radioHistory>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #242722}.radioHistory small{color:#7f817a}.radioMsg.world{border-left:3px solid #a72a2e;background:#100708}.radioMsg.world b{color:#d8ad73}
.marketTabs .btn{min-width:120px}.itemCard{min-width:0}.itemCard .price{font-size:16px}.modalActions .btn{min-height:52px}
@media(max-width:900px){.loginShell{grid-template-columns:1fr}.loginBrand{text-align:center}.loginBrand img{width:min(500px,86%)}.loginBrand p{margin-left:auto;margin-right:auto}.loginWorldPulse{margin-left:auto;margin-right:auto}.loginPanel{width:min(620px,100%);margin:auto}.worldFeed article{grid-template-columns:1fr;gap:4px}.worldPulse{right:10px;bottom:10px;width:170px}.homeNav button{min-height:72px}}
@media(max-width:620px){:root{--tap:50px}.loginV153{padding:12px;align-items:start;overflow:auto}.loginShell{gap:14px;padding:18px 0}.loginBrand img{width:78%}.loginBrand p{font-size:13px;margin:7px auto}.loginWorldPulse{margin-top:12px}.loginWorldPulse span{padding:8px}.loginPanel{padding:16px}.loginPanel h1{font-size:38px;margin-bottom:14px}.survivorLogin{min-height:68px;grid-template-columns:48px 1fr 20px}.survivorGlyph{width:42px;height:42px}.survivorLogin b{font-size:21px}.loginPanel footer{display:block}.loginPanel footer span{display:block;margin-top:4px}.heroV153{min-height:430px}.worldPulse{position:relative;right:auto;bottom:auto;margin:0 12px 12px;width:auto}.heroContent{padding-bottom:18px!important}.homeGrid{display:block!important}.statusPanel{margin-top:12px}.homeNav{grid-template-columns:1fr 1fr!important}.homeNav button{padding:12px 10px}.homeNav button b{font-size:12px}.homeNav button small{font-size:9px}.marketTabs{display:grid;grid-template-columns:1fr 1fr}.marketTabs b{grid-column:1/-1;text-align:right;padding:6px 0}.radioConsole{display:block!important}.radioTx{margin-top:10px}.combatActions{grid-template-columns:1fr 1fr!important}.sectionHead h1{font-size:clamp(38px,12vw,62px)!important}}
@media(max-width:380px){.homeNav{grid-template-columns:1fr!important}.statusGrid{grid-template-columns:1fr 1fr!important}.btn{padding-left:10px;padding-right:10px}.topbar .logo{max-width:150px}}


/* V15.3.1 login hotfix */
.loginWorldPulse{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.loginPulseCard{border:1px solid #343731;background:linear-gradient(180deg,#0b0d0cbf,#090b0ae6);padding:10px 12px;box-shadow:0 10px 24px #0004}
.loginPulseCard small,.roleBadge{display:block;color:#8a8c84;font:700 10px monospace;letter-spacing:.12em}
.loginPulseCard b{display:block;font-size:24px;color:#efe2c4;margin:4px 0}
.loginPulseCard span{display:block;color:#9d9f97;font-size:11px;line-height:1.35}
.loginPanel.modern{width:min(760px,100%)}
.loginLead{color:#b2b5ad;max-width:60ch;font-size:14px;line-height:1.5;margin:0 0 16px}
.profileListV153{display:grid;gap:10px}
.survivorLoginCard{border:1px solid #323530;background:linear-gradient(180deg,#0a0b0aec,#090909f7);overflow:hidden;transition:.18s}
.survivorLoginCard.sel{border-color:#8f2a2d;box-shadow:0 0 0 1px #401112 inset,0 14px 35px #0007}
.survivorLogin{width:100%;min-height:88px;border:0;background:transparent;color:#ddd;display:grid;grid-template-columns:72px 1fr 24px;gap:14px;align-items:center;text-align:left;padding:12px 14px;transition:.18s}
.survivorLogin:hover{background:#121413}
.survivorThumb{width:72px;height:72px;object-fit:cover;border:1px solid #4b4f47;background:#111}
.survivorLogin b,.survivorLogin small{display:block}
.survivorLogin b{font-size:28px;line-height:.95}
.survivorLogin small:last-child{font-size:10px;color:#8c8f88;letter-spacing:.14em;margin-top:4px}
.survivorLogin i{font-size:30px;color:#777}
.loginAccess.inline{margin:0;padding:0 14px 14px;border-top:1px solid #282b27;background:#090b0d}
.loginAccessHeader{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-top:12px}
.loginAccessHeader p{margin:6px 0 0;color:#a5a8a0;font-size:13px;line-height:1.4}
.pinHint{display:inline-grid;place-items:center;min-width:52px;height:34px;border:1px solid #555;background:#111;color:#d7ba8a;font:700 12px monospace;letter-spacing:.12em}
.loginHint{display:block;color:#8d9088;font-size:11px;margin-top:8px}
@media(max-width:900px){.loginWorldPulse{grid-template-columns:1fr}}
@media(max-width:620px){.loginLead{font-size:13px}.survivorLogin{grid-template-columns:60px 1fr 18px;min-height:76px;padding:10px}.survivorThumb{width:60px;height:60px}.survivorLogin b{font-size:24px}.loginAccess.inline{padding:0 10px 12px}.loginAccessHeader{display:block}.pinHint{margin-top:10px}.loginWorldPulse{gap:8px}}

.statLine{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid #292c28}.statLine span{color:#92958d;font-size:11px;letter-spacing:.08em}.statLine b{color:#eee}
.vehicleMarketGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.vehicleOffer{border:1px solid #363a34;background:#090b0a;padding:14px}.vehicleOffer>img{width:100%;height:150px;object-fit:cover;filter:saturate(.72) contrast(1.08);margin-bottom:12px}.vehicleOffer h2{margin:6px 0;font-family:Impact,'Arial Narrow',sans-serif;font-size:28px}.vehicleOffer p{color:#aaa;min-height:44px}.vehicleChoices{display:grid;gap:8px;margin:14px 0}.vehicleChoice{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:9px;border:1px solid #363a34;background:#0b0d0c;padding:12px;cursor:pointer}.vehicleChoice:has(input:checked){border-color:#a43a3f;background:#170a0b}.vehicleChoice b,.vehicleChoice small{display:block}.vehicleChoice small{color:#9a9d95;margin-top:3px}.exploreTransport{border:1px solid #343731;background:#090b0a;padding:12px;margin-bottom:12px}.exploreTransport label{display:grid;gap:7px}.exploreTransport small{color:#999}@media(max-width:620px){.marketTabs{grid-template-columns:1fr 1fr}.marketTabs button:nth-child(3){grid-column:1/-1}.vehicleMarketGrid{grid-template-columns:1fr}.vehicleOffer>img{height:130px}}

/* V16.0 SURVIVAL EVOLUTION */
:root{--nav-safe:90px;--cream:#efe4cb;--line:#3c4039}
body{padding-bottom:var(--nav-safe)}
.gameNotice{position:fixed;z-index:9999;right:16px;top:18px;width:min(430px,calc(100vw - 32px));background:linear-gradient(135deg,#111713f7,#080a09fa);border:1px solid #596258;border-left:4px solid #c63a3e;color:#eee;text-align:left;padding:14px 16px;box-shadow:0 18px 60px #000c;transform:translateY(-140%);opacity:0;transition:.28s;display:grid;gap:3px}.gameNotice.show{transform:none;opacity:1}.gameNotice small{font:800 9px monospace;letter-spacing:.16em;color:#c89a73}.gameNotice b{font:900 18px Impact,'Arial Narrow',sans-serif;letter-spacing:.06em}.gameNotice span{color:#bdc1b9;font-size:12px;line-height:1.45}
.shelterSceneV16{position:relative;min-height:420px;overflow:hidden;border:1px solid var(--line);background:#030403}.shelterSceneV16>img{width:100%;height:clamp(420px,65vh,720px);object-fit:cover;filter:brightness(.56) contrast(1.12) saturate(.78)}.shelterHotspot{position:absolute;transform:translate(-50%,-50%);background:transparent;border:0;color:#fff;display:grid;place-items:center;gap:8px}.shelterHotspot i{width:42px;height:42px;border-radius:50%;background:#971d24cc;border:3px solid #d8aa70;box-shadow:0 0 0 8px #7d11184a,0 0 24px #d2252d88;transition:.2s}.shelterHotspot b{background:#070807e8;border:1px solid #62675f;padding:8px 12px;font-size:11px;letter-spacing:.08em}.shelterHotspot:hover i{transform:scale(1.12)}
.shelterStatsV16{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:12px 0;background:#343832;border:1px solid #343832}.shelterStatsV16 article{background:#0b0d0c;padding:14px}.shelterStatsV16 small,.shelterStatsV16 b,.shelterStatsV16 span{display:block}.shelterStatsV16 small{color:#868b83;font:800 9px monospace;letter-spacing:.13em}.shelterStatsV16 b{font-size:25px;margin:4px 0;color:var(--cream)}.shelterStatsV16 span{font-size:11px;color:#a8ada5;line-height:1.4}.shelterUpgradeGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.upgradeCard{border:1px solid #383c36;background:#090b0a;padding:16px;display:flex;flex-direction:column;gap:8px;min-height:220px}.upgradeCard h3{font-size:24px;margin:0}.upgradeCard p{font-size:12px;color:#aeb2aa;line-height:1.5;flex:1}.upgradeCard>small{color:#c19d73;font:700 10px monospace}.upgradeCard .btn{width:100%}
.garageGrid{display:grid;gap:14px}.garageCard{border:1px solid #41453e;background:#080a09;display:grid;grid-template-columns:minmax(220px,38%) 1fr;overflow:hidden}.garageCard>img{width:100%;height:100%;min-height:270px;object-fit:cover;background:#111}.garageCard>div{padding:20px}.garageCard h2{font:900 clamp(28px,4vw,44px) Impact,'Arial Narrow',sans-serif;margin:6px 0 16px}.garageMeters{display:grid;gap:8px;margin-bottom:14px}.garageMeters label{font:700 10px monospace;color:#92968f}.garageMeters label b{float:right;color:#ddd}.garageMeters i{display:block;height:6px;background:#222;margin-top:5px}.garageMeters em{display:block;height:100%;background:#9d272b}.garageActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.sectorProgress{margin:10px 0}.sectorProgress i{display:block;height:5px;background:#232522}.sectorProgress em{display:block;height:100%;background:#9f272b}.sectorProgress small{display:block;margin-top:5px;color:#9ca098;font:700 9px monospace;letter-spacing:.08em}.eventStrip.success{border-left-color:#557e5d;background:#0b160e}
.mapPage{padding-bottom:calc(var(--nav-safe) + 18px)}.bottomNav{z-index:900;min-height:72px}.modal{padding-bottom:calc(var(--nav-safe) + 18px)}
@media(max-width:820px){body{--nav-safe:84px}.shelterSceneV16>img{height:54vh;min-height:400px}.shelterStatsV16{grid-template-columns:1fr 1fr}.shelterUpgradeGrid{grid-template-columns:1fr}.garageCard{grid-template-columns:1fr}.garageCard>img{height:220px;min-height:0}.shelterHotspot b{font-size:10px;padding:7px 9px}.shelterHotspot i{width:34px;height:34px}.mapInfo,.mapDetail,.locationDetail{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;margin-top:10px!important;max-height:none!important;overflow:visible!important}.mapViewport,.mapCanvas{min-height:58vh!important}}

/* V16 cinematic access shell */
.cinLogin{position:relative;min-height:100dvh;overflow:hidden;background:#030403;color:#eee}.cinBg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.54) contrast(1.1) saturate(.72);transform:scale(1.02)}.cinShade{position:absolute;inset:0;background:linear-gradient(90deg,#020302f5 0%,#050605b5 40%,#04050488 62%,#020302dc 100%),linear-gradient(0deg,#020302ee 0%,transparent 45%)}.cinNoise{position:absolute;inset:0;pointer-events:none;opacity:.09;background-image:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 3px);mix-blend-mode:overlay}.cinLayout{position:relative;z-index:2;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:clamp(24px,5vw,80px);align-items:end;padding:clamp(24px,6vw,80px)}.cinBrand{align-self:center;max-width:760px}.cinBrand>img{display:block;width:min(780px,92%);height:auto;filter:drop-shadow(0 18px 36px #000)}.cinBrand>p{margin:8px 0 18px;font:700 clamp(15px,1.8vw,22px) 'Arial Narrow',sans-serif;letter-spacing:.08em;color:#d3c9b5;text-transform:uppercase}.cinWorld{display:flex;gap:8px;flex-wrap:wrap}.cinWorld span{min-width:150px;border-top:1px solid #666158;border-bottom:1px solid #292d29;padding:9px 12px;background:#060806aa}.cinWorld small,.cinWorld b{display:block}.cinWorld small{font:800 9px monospace;color:#8d9189;letter-spacing:.14em}.cinWorld b{font:900 17px Impact,'Arial Narrow',sans-serif;letter-spacing:.07em;color:#e3d2af}.cinAccess{background:linear-gradient(180deg,#080a09e8,#040504f6);border:1px solid #444840;border-left:3px solid #9d252b;padding:clamp(18px,2.4vw,30px);backdrop-filter:blur(10px);box-shadow:0 24px 80px #000b;max-height:calc(100dvh - 48px);overflow:auto}.cinAccess header small{font:800 10px monospace;color:#b46f6e;letter-spacing:.18em}.cinAccess h1{font:900 clamp(34px,4vw,56px)/.95 Impact,'Arial Narrow',sans-serif;letter-spacing:.035em;margin:7px 0 8px}.cinAccess header p{margin:0 0 18px;color:#a8aca4}.cinProfiles{display:grid;gap:8px}.cinProfile{border:1px solid #363a34;background:#070908;color:#ddd;display:grid;grid-template-columns:84px 1fr 22px;gap:13px;align-items:center;text-align:left;padding:0;overflow:hidden;min-height:96px;transition:.18s}.cinProfile:hover,.cinProfile.selected{border-color:#9d2a2e;background:#15090a;transform:translateX(3px)}.cinProfile img{width:84px;height:96px;object-fit:cover;filter:saturate(.72) contrast(1.07)}.cinProfile span{padding:8px 0}.cinProfile small,.cinProfile b,.cinProfile em{display:block}.cinProfile small{font:800 8px monospace;letter-spacing:.16em;color:#aa7c69}.cinProfile b{font:900 28px Impact,'Arial Narrow',sans-serif;letter-spacing:.03em}.cinProfile em{font-style:normal;font:700 9px monospace;color:#777c74;letter-spacing:.1em;margin-top:4px}.cinProfile i{font-size:30px;color:#7c8078}.cinPin{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #30332f}.cinPin>div small,.cinPin>div b{display:block}.cinPin>div small{font:800 8px monospace;letter-spacing:.14em;color:#777}.cinPin>div b{font-size:21px}.cinPin .btn{min-height:56px;font-size:15px}.cinAccess footer{margin-top:16px;font:700 8px monospace;letter-spacing:.09em;color:#565a54}
.heroV153>img{object-position:center 60%}.heroLogo{max-width:min(720px,84%)!important;height:auto!important}
@media(max-width:900px){.cinLayout{grid-template-columns:1fr;align-items:start;padding:18px;gap:14px}.cinBrand{text-align:left;padding-top:9vh}.cinBrand>img{width:min(640px,95%)}.cinWorld{display:grid;grid-template-columns:repeat(3,1fr)}.cinWorld span{min-width:0}.cinAccess{max-height:none;margin-bottom:80px}}
@media(max-width:620px){.cinLogin{overflow:auto}.cinBg{position:fixed;object-position:58% center}.cinLayout{padding:14px;min-height:auto}.cinBrand{padding-top:7vh}.cinBrand .kicker{font-size:9px}.cinBrand>img{width:100%;margin-top:8px}.cinBrand>p{font-size:12px}.cinWorld{grid-template-columns:1fr 1fr 1fr;gap:4px}.cinWorld span{padding:7px 8px}.cinWorld b{font-size:13px}.cinWorld small{font-size:7px}.cinAccess{padding:16px}.cinAccess h1{font-size:38px}.cinProfile{grid-template-columns:70px 1fr 18px;min-height:80px}.cinProfile img{width:70px;height:80px}.cinProfile b{font-size:24px}.cinProfile em{font-size:8px}}


/* V16.1 — IMMERSION / SCENE VISIBILITY / SAVE */
:root{--scene-marker:22px}
main{animation:sceneIn .22s ease both}
@keyframes sceneIn{from{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:none}}
.btn,.sideNav button,.quickDock button,.mapTools button,.shelterHotspot,.poi{transition:transform .16s ease,opacity .2s ease,background .18s ease,border-color .18s ease,filter .18s ease}
.saveMini{border:1px solid #3e423b;background:#090b0a;color:#d7ba8a;min-width:46px;height:38px;display:grid;place-items:center;padding:2px 7px}.saveMini span{font-size:12px;line-height:10px}.saveMini small{font:700 7px monospace;letter-spacing:.09em;color:#858980}.saveMenu small{display:block;font:600 8px monospace;color:#777;margin-top:3px}
.sceneFocus .topbar,.sceneFocus .quickDock{opacity:0;pointer-events:none;transition:opacity .22s ease}.sceneFocus main{padding-top:0!important}.sceneFocus .mapTop,.sceneFocus .mapInfo,.sceneFocus .mapTripRibbon,.sceneFocus .mapIndex,.sceneFocus .shelterHead,.sceneFocus .shelterStatsV16,.sceneFocus .shelterUpgradeGrid{opacity:0;pointer-events:none}.sceneFocus .poiLabel,.sceneFocus .shelterHotspot b{opacity:0!important;pointer-events:none}.sceneFocus .mapTools button:not(.focusToggle){opacity:0;pointer-events:none}.focusToggle,.sceneFocusBtn{z-index:80!important}
.sceneFocusBtn{position:absolute;right:12px;top:12px;width:42px;height:42px;border:1px solid #6b6f67;background:#050606c9;color:#eee;font-size:20px;backdrop-filter:blur(8px)}
/* hotspots are hints, not billboards */
.shelterHotspot i{width:var(--scene-marker)!important;height:var(--scene-marker)!important;border-width:2px!important;box-shadow:0 0 0 4px #7d11182d,0 0 14px #d2252d55!important}.shelterHotspot b{font-size:9px!important;padding:5px 7px!important;opacity:.72;transition:opacity .18s ease}.shelterHotspot:hover b,.shelterHotspot:focus-visible b{opacity:1}.shelterHotspot:hover i{transform:scale(1.15)}
.poi{width:20px!important;height:20px!important;border-width:1.5px!important;box-shadow:0 0 0 3px #0009,0 0 12px #9a1d2077!important}.poi:after{inset:5px!important}.poiLabel{left:27px!important;font-size:8px!important;padding:4px 6px!important;opacity:.78}.poi.selected .poiLabel,.poi.current .poiLabel,.poi:hover .poiLabel{opacity:1}
.shelterSceneV16>img,.mapBase{transition:filter .35s ease,transform .5s ease}.sceneFocus .shelterSceneV16>img{filter:brightness(.72) contrast(1.08) saturate(.9)!important}.sceneFocus .mapBase{filter:brightness(.9) saturate(.95) contrast(1.04)}
@media(max-width:820px){
 :root{--scene-marker:16px}
 .shelterHotspot b{display:none!important}.shelterHotspot i{box-shadow:0 0 0 3px #7d111826,0 0 10px #d2252d44!important}
 .poi{width:15px!important;height:15px!important}.poi:after{inset:4px!important}.poiLabel{display:none!important}.poi.selected .poiLabel,.poi.current .poiLabel{display:block!important;left:20px!important;max-width:96px!important;font-size:7px!important}
 .mapTools{gap:5px!important}.mapTools button{width:40px!important;height:40px!important;min-height:40px!important;font-size:17px!important}
 .sceneFocusBtn{width:38px;height:38px;right:8px;top:8px}
 .shelterSceneV16>img{height:66vh!important;min-height:440px!important;object-fit:cover}
 .sceneFocus .shelterSceneV16>img{height:78vh!important}
 .sceneFocus .shelterSceneV16{border-color:transparent}
}
@media(prefers-reduced-motion:reduce){main,.btn,.sideNav button,.quickDock button,.mapTools button,.shelterHotspot,.poi,.shelterSceneV16>img,.mapBase{animation:none!important;transition:none!important}}


/* V16.2 — Shared World & UX consolidation */
.compactHead{padding-top:clamp(14px,2vw,26px)!important;padding-bottom:14px!important}.compactHead h1{font-size:clamp(34px,6vw,58px)!important;line-height:.95!important;margin:5px 0 8px!important}.compactHead p{max-width:62ch;margin:0!important}
.levelPanel{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;border:1px solid var(--line);border-left:3px solid var(--accent);padding:16px;margin-bottom:14px;background:#080a09}.levelPanel>div:first-child strong{display:block;font:900 56px/1 Impact,'Arial Narrow',sans-serif}.xpTrack small,.xpTrack em{display:block}.xpTrack em{font-style:normal;color:#9ca098;font-size:11px;margin-top:7px}.progressGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px;margin:8px 0 18px}.progressStat{display:grid;grid-template-columns:1fr auto auto;align-items:center;border:1px solid #30332e;padding:10px 12px;background:#090b0a}.progressStat b{font-size:22px}.progressStat button{width:36px;height:36px;border:1px solid #754044;background:#1a0b0c;color:#eee;font-size:20px}
/* Map must remain protagonist. Idle instruction is a compact glass pill, details become a lower sheet. */
.mapInfoIdle{width:auto!important;max-width:min(520px,calc(100% - 24px))!important;padding:9px 12px!important;display:grid;gap:2px;background:#070908d9!important;backdrop-filter:blur(8px)}.mapInfoIdle .kicker{font-size:8px}.mapInfoIdle b{font-size:13px;letter-spacing:.06em}.mapInfoIdle small{font-size:10px;color:#979b94}.claimBadge{display:flex;justify-content:space-between;gap:10px;border:1px solid #6a4a2f;background:#171009;padding:9px 11px;margin:8px 0}.claimBadge b{font-size:9px;letter-spacing:.12em;color:#d7b37d}.claimBadge span{font-weight:800}
.sharedPresence{border:1px solid #58645a;border-left:3px solid #d0a46c;background:linear-gradient(90deg,#111611,#080a09);padding:13px 15px;margin-bottom:12px}.sharedPresence b,.sharedPresence small{display:block}.sharedPresence b{font-size:20px;margin:3px 0}.sharedPresence small{color:#9fa39b}
.sectorDone{opacity:.62}.sectorDone .sectorProgress em{background:#59615a!important}
.approachGrid{display:grid;gap:8px}.approachGrid button{border:1px solid #3b403a;background:#090b0a;color:#eee;text-align:left;padding:14px}.approachGrid button:hover{border-color:#a7373b;background:#16090a}.approachGrid b,.approachGrid small{display:block}.approachGrid b{font:900 18px Impact,'Arial Narrow',sans-serif;letter-spacing:.06em}.approachGrid small{color:#9a9d96;margin-top:4px}
.dangerCountdown{text-align:center;padding:8px}.dangerCountdown h2{font:900 clamp(38px,9vw,70px)/.95 Impact,'Arial Narrow',sans-serif}.dangerCountdown strong{display:block;font:900 92px/1 Impact,'Arial Narrow',sans-serif;color:#d85050;text-shadow:0 0 28px #a00}.dangerCountdown>small{display:block;letter-spacing:.18em;color:#aaa;margin-bottom:18px}
.outpostPanel{border:1px solid #5a5040;border-left:3px solid #c89858;background:linear-gradient(135deg,#11120e,#080908);padding:18px}.outpostPanel h2{font:900 clamp(30px,6vw,48px)/1 Impact,'Arial Narrow',sans-serif}.outpostPanel.locked{border-color:#4b3b3b;filter:saturate(.7)}.outpostBenefits{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.outpostBenefits span{border:1px solid #494b43;background:#0e100e;padding:7px 9px;font:800 9px monospace;letter-spacing:.08em}.outpostStash{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px;margin-top:12px}.outpostStash button{background:#0a0c0a;border:1px solid #353934;color:#ddd;padding:9px;text-align:left}.outpostStash b,.outpostStash small{display:block}
.radioFeedWrap{position:relative}.radioRefresh{position:sticky;bottom:calc(var(--nav-safe,0px) + 14px);float:right;margin:-58px 14px 14px 0;z-index:12;width:46px;height:46px;border-radius:50%;border:1px solid #76604a;background:#11130fed;color:#e0c28d;font-size:24px;box-shadow:0 8px 28px #000b;backdrop-filter:blur(7px)}
.encounterCinematic{position:fixed;inset:0;z-index:12000;background:#020302e8;opacity:0;transition:.35s;display:grid;place-items:center;padding:20px}.encounterCinematic.show{opacity:1}.encounterCinematic.leaving{opacity:0}.encounterShade{position:absolute;inset:0;background:radial-gradient(circle at center,#5a2b1830,transparent 55%),linear-gradient(180deg,#0006,#000d)}.encounterCopy{position:relative;z-index:2;width:min(760px,100%);text-align:center}.encounterCopy h1{font:900 clamp(48px,10vw,96px)/.86 Impact,'Arial Narrow',sans-serif;margin:9px 0 20px}.encounterFaces{display:grid;grid-template-columns:1fr 40px 1fr;gap:10px;align-items:center}.encounterFaces div{position:relative;border:1px solid #5e5549;background:#080908;overflow:hidden}.encounterFaces img{width:100%;height:min(42vh,360px);object-fit:cover;filter:saturate(.7) contrast(1.12)}.encounterFaces b{display:block;padding:9px;font-size:22px}.encounterFaces i{font:900 36px Impact;font-style:normal;color:#b97d54}.encounterCopy p{font-size:15px;color:#c4c3bb;line-height:1.6;max-width:60ch;margin:16px auto}.encounterCopy .btn{min-width:220px}
@media(max-width:820px){
 .mapPage{min-height:calc(100dvh - 145px)}.mapStage{min-height:calc(100dvh - 170px)!important}.mapTop{padding:8px 10px!important;background:linear-gradient(180deg,#070908d9,transparent)!important;pointer-events:none}.mapTop small{display:none}.mapTop b{font-size:13px!important;opacity:.72}.mapIndexBtn{pointer-events:auto!important;padding:7px 9px!important;font-size:8px!important}.mapInfo{position:absolute!important;left:10px!important;right:10px!important;bottom:calc(var(--nav-safe) + 8px)!important;top:auto!important;width:auto!important;max-width:none!important;margin:0!important;max-height:44vh!important;overflow:auto!important;border-radius:2px;background:#070908ef!important;backdrop-filter:blur(11px);padding:12px!important;z-index:40}.mapInfo h2{font-size:clamp(28px,8vw,42px)!important;margin:4px 0 8px!important}.mapInfo p{font-size:12px!important;margin:7px 0!important}.mapInfo .mapData{grid-template-columns:1fr 1fr!important}.mapInfoIdle{left:50%!important;right:auto!important;transform:translateX(-50%)!important;bottom:calc(var(--nav-safe) + 12px)!important;width:max-content!important;max-width:calc(100% - 24px)!important}.mapInfoIdle small{display:none}.mapTools{top:48px!important;right:7px!important;gap:5px!important}.mapTools button{width:40px!important;height:40px!important;font-size:18px!important}.poi{width:13px!important;height:13px!important}.poi:after{inset:3px!important}.poi.current,.poi.selected{width:17px!important;height:17px!important}.poiLabel{display:none!important}.poi.selected .poiLabel,.poi.current .poiLabel{display:block!important;font-size:7px!important;left:20px!important;max-width:110px!important}.levelPanel{grid-template-columns:82px 1fr}.levelPanel>div:first-child strong{font-size:46px}.encounterFaces img{height:30vh}.encounterCopy h1{font-size:50px}.radioRefresh{bottom:calc(var(--nav-safe) + 10px)}
}
.noticeArchive{margin-top:12px;border-top:1px solid #2f332f;padding-top:10px}.noticeArchiveHead{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:6px}.noticeArchiveHead button{border:0;background:none;color:#a78461;font:800 8px monospace;letter-spacing:.08em}.noticeRow{width:100%;border:1px solid #2b2e2a;background:#090b0a;color:#ddd;text-align:left;padding:8px 9px;margin:4px 0;display:grid;gap:2px}.noticeRow.unread{border-left:3px solid #a72e34}.noticeRow b{font-size:11px}.noticeRow small{font-size:9px;color:#979b94;line-height:1.35}.noticeRow time{font:700 7px monospace;color:#5f645d}