:root{--ws-bg:#101713;--ws-panel:#18231d;--ws-panel2:#202c25;--ws-line:rgba(224,212,166,.12);--ws-gold:#d9b968;--ws-text:#ece8d9;--ws-muted:#94a198;--ws-green:#6eb27a;--ws-red:#d76b64;--ws-orange:#d69458;--ws-blue:#6ca7c2;--ws-shadow:0 18px 48px rgba(0,0,0,.32)}
#gcg-game-root{display:block;width:100%;min-height:620px}
.ws-game,.ws-game *,.ws-game *::before,.ws-game *::after{box-sizing:border-box}
.ws-game{background:linear-gradient(145deg,#101713,#19241e 48%,#0e1512);border:1px solid rgba(220,204,145,.16);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.35);color:var(--ws-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;height:clamp(720px,calc(100vh - 10px),980px);margin:5px 0 5px calc(50% - 50vw + 5px);max-width:none;min-height:720px;overflow:hidden;position:relative;width:calc(100vw - 10px)}
.ws-game button,.ws-game input{font:inherit}.ws-game button{color:inherit;cursor:pointer}.ws-game button:disabled{cursor:not-allowed;filter:saturate(.4);opacity:.42}
.ws-header{align-items:center;background:linear-gradient(135deg,#101c16,#223128 55%,#17231d);border-bottom:1px solid rgba(222,207,153,.12);display:grid;gap:14px;grid-template-columns:250px 210px minmax(450px,1fr) auto;height:76px;padding:10px 14px;position:relative;z-index:30}
.ws-header::after{background:linear-gradient(90deg,transparent,rgba(217,185,104,.35),transparent);bottom:-1px;content:"";height:1px;left:8%;position:absolute;right:8%}
.ws-brand{align-items:center;display:flex;gap:11px;min-width:0}.ws-brand-mark{align-items:center;background:radial-gradient(circle at 30% 20%,#e9ce83,#b38a3e 70%,#6d5225);border:1px solid rgba(255,255,255,.25);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 8px 18px rgba(0,0,0,.24);color:#172319;display:flex;font-size:25px;font-weight:950;height:48px;justify-content:center;width:48px}.ws-brand small{color:#83958a;display:block;font-size:8px;font-weight:900;letter-spacing:.14em}.ws-brand h1{font-size:21px;line-height:1.1;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ws-survivor-hud{align-items:center;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.08);border-radius:14px;display:grid;gap:9px;grid-template-columns:48px 1fr;height:54px;padding:5px 8px}.ws-survivor-hud>img{background:#26332b;border:1px solid rgba(230,215,160,.14);border-radius:11px;height:43px;object-fit:cover;object-position:center 18%;width:43px}.ws-survivor-hud small{color:#8ca095;display:block;font-size:8px;font-weight:800}.ws-survivor-hud strong{display:block;font-size:11px;margin-top:2px}.ws-survivor-hud i{background:rgba(255,255,255,.09);border-radius:999px;display:block;height:5px;margin-top:5px;overflow:hidden}.ws-survivor-hud em{background:linear-gradient(90deg,#86c783,#d5b85f);display:block;height:100%;transition:width .3s ease}
.ws-vitals{display:grid;gap:7px;grid-template-columns:repeat(5,minmax(74px,1fr));min-width:0}.ws-vital{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.065);border-radius:11px;min-width:0;padding:6px 8px}.ws-vital span{color:#84968b;display:block;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.ws-vital b{display:block;font-size:12px;margin-top:1px}.ws-vital i{background:rgba(255,255,255,.08);border-radius:999px;display:block;height:4px;margin-top:4px;overflow:hidden}.ws-vital em{display:block;height:100%}.ws-vital.is-good em{background:#72ba7c}.ws-vital.is-warn em{background:#d4a251}.ws-vital.is-bad em{background:#d66560}.ws-vital.is-bad b{color:#f18c85}
.ws-header-actions{align-items:center;display:flex;gap:7px}.ws-header-actions>button{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:10px;font-size:9px;font-weight:900;height:38px;padding:0 11px}.ws-header-actions>button:hover{background:rgba(217,185,104,.14);border-color:rgba(217,185,104,.28)}.ws-header-actions [data-new-game]{background:linear-gradient(180deg,#d9bd72,#b89143);border:0;color:#172319}.ws-clock{align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:11px;display:grid;gap:6px;grid-template-columns:34px 1fr;height:44px;min-width:118px;padding:5px 8px}.ws-clock img{height:30px;object-fit:contain;width:30px}.ws-clock b{display:block;font-size:10px}.ws-clock small{color:#8d9d94;display:block;font-size:7px;margin-top:2px;white-space:nowrap}
.ws-resource-bar{align-items:center;background:linear-gradient(180deg,#202b24,#19241e);border-bottom:1px solid rgba(230,216,165,.1);display:grid;gap:8px;grid-template-columns:repeat(5,minmax(90px,128px)) minmax(200px,1fr) auto;height:54px;padding:6px 12px;position:relative;z-index:29}.ws-resource-chip{align-items:center;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.07);border-radius:12px;display:grid;gap:7px;grid-template-columns:34px 1fr;height:40px;padding:4px 7px}.ws-resource-chip img{background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.06);border-radius:9px;height:31px;object-fit:contain;padding:2px;width:31px}.ws-resource-chip small{color:#809187;display:block;font-size:7px;font-weight:900;text-transform:uppercase}.ws-resource-chip b{display:block;font-size:12px;margin-top:1px}.ws-weight{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.065);border-radius:12px;height:40px;padding:5px 9px}.ws-weight span{color:#84948b;font-size:7px;font-weight:900;text-transform:uppercase}.ws-weight b{float:right;font-size:9px}.ws-weight i{background:rgba(255,255,255,.08);border-radius:999px;clear:both;display:block;height:5px;margin-top:6px;overflow:hidden}.ws-weight em{background:linear-gradient(90deg,#6eb27a,#d9b968,#d66f62);display:block;height:100%;transition:width .3s ease}.ws-autosave{align-items:center;color:#7f9187;display:flex;font-size:8px;font-weight:850;gap:6px;padding:0 4px;white-space:nowrap}.ws-save-dot{background:#74be7d;border-radius:50%;box-shadow:0 0 0 4px rgba(116,190,125,.1);height:7px;width:7px}
.ws-layout{display:grid;grid-template-columns:270px minmax(540px,1fr) 340px;height:calc(100% - 184px);min-height:0}.ws-location-panel,.ws-right-panel{background:linear-gradient(180deg,#1b2720,#151f19);min-height:0;overflow:hidden;padding:12px}.ws-location-panel{border-right:1px solid rgba(232,217,161,.09)}.ws-right-panel{border-left:1px solid rgba(232,217,161,.09);display:grid;grid-template-rows:42px minmax(0,1fr)}
.ws-location-hero{align-items:center;background:linear-gradient(135deg,rgba(217,185,104,.1),rgba(255,255,255,.025));border:1px solid rgba(217,185,104,.13);border-radius:15px;display:grid;gap:10px;grid-template-columns:64px 1fr;padding:8px}.ws-location-hero>img{background:#111914;border:1px solid rgba(225,211,157,.15);border-radius:13px;height:62px;object-fit:cover;width:62px}.ws-location-hero small{color:#a28d5b;display:block;font-size:7px;font-weight:900;letter-spacing:.1em}.ws-location-hero h2{font-size:15px;line-height:1.12;margin:3px 0}.ws-location-hero span{color:#8d9d94;font-size:8px}.ws-location-desc{color:#9aaba1;font-size:10px;line-height:1.45;margin:10px 2px}.ws-location-tags{display:flex;flex-wrap:wrap;gap:5px}.ws-location-tags span{background:#243229;border:1px solid rgba(255,255,255,.06);border-radius:999px;color:#9daf9f;font-size:7px;font-weight:850;padding:4px 7px}.ws-location-actions{display:grid;gap:7px;grid-template-columns:1fr 1fr;margin-top:11px}.ws-location-actions button,.ws-special-action{align-items:center;background:#243229;border:1px solid rgba(255,255,255,.07);border-radius:12px;display:grid;grid-template-columns:24px 1fr;min-height:53px;padding:7px;text-align:left}.ws-location-actions button span,.ws-special-action span{align-items:center;background:rgba(0,0,0,.18);border-radius:8px;display:flex;font-size:14px;height:24px;justify-content:center;grid-row:1/3;width:24px}.ws-location-actions button b,.ws-special-action b{font-size:9px}.ws-location-actions button small,.ws-special-action small{color:#83948a;font-size:7px;margin-top:2px}.ws-primary{background:linear-gradient(180deg,#d9bd70,#ad853e)!important;border:0!important;color:#152218!important}.ws-special-action{background:linear-gradient(135deg,rgba(105,154,112,.16),rgba(217,185,104,.08));margin-top:9px;width:100%}.ws-special-action.is-danger{background:linear-gradient(135deg,rgba(201,84,76,.18),rgba(122,55,50,.1));border-color:rgba(211,92,82,.22)}.ws-active-mission{background:rgba(0,0,0,.16);border:1px solid rgba(217,185,104,.11);border-radius:14px;margin-top:12px;padding:11px}.ws-active-mission>small{color:#b49a5c;font-size:7px;font-weight:900;letter-spacing:.1em}.ws-active-mission>b{display:block;font-size:11px;margin-top:5px}.ws-active-mission p{color:#8fa096;font-size:8px;line-height:1.45;margin:4px 0 0}
.ws-map-panel{background:#111914;display:grid;grid-template-rows:45px minmax(0,1fr) 38px;min-height:0;overflow:hidden;position:relative}.ws-map-toolbar{align-items:center;background:linear-gradient(180deg,#202b24,#19241e);border-bottom:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;padding:6px 9px;position:relative;z-index:10}.ws-map-toolbar small{color:#8b9b92;display:block;font-size:7px;font-weight:900;letter-spacing:.1em}.ws-map-toolbar strong{font-size:11px}.ws-map-toolbar>div:last-child{display:flex;gap:5px}.ws-map-toolbar button{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:8px;font-weight:850;height:29px;min-width:31px;padding:0 8px}.ws-map-viewport{min-height:0;overflow:hidden;position:relative}.ws-map-world{height:100%;position:relative;transform-origin:center;transition:transform .28s ease;width:100%}.ws-map-bg{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.ws-fog-layer{animation:wsFog 28s linear infinite;height:62%;left:-18%;opacity:.25;pointer-events:none;position:absolute;top:6%;width:125%}.ws-road-layer,.ws-node-layer,.ws-weather-fx{inset:0;position:absolute}.ws-route{background:linear-gradient(90deg,rgba(223,208,150,.24),rgba(223,208,150,.12));box-shadow:0 0 0 2px rgba(20,24,21,.45);height:3px;position:absolute;transform-origin:0 50%;z-index:2}.ws-route.is-current{background:#d5b961;box-shadow:0 0 10px rgba(213,185,97,.45);height:4px}.ws-map-node{background:transparent;border:0;filter:drop-shadow(0 6px 8px rgba(0,0,0,.35));position:absolute;transform:translate(-50%,-50%);width:84px;z-index:5}.ws-map-node>span{background:#172019;border:2px solid rgba(219,202,142,.18);border-radius:15px;display:block;height:52px;margin:auto;position:relative;transition:transform .18s ease,border-color .18s ease;width:52px}.ws-map-node img{border-radius:12px;height:100%;object-fit:cover;width:100%}.ws-map-node em{align-items:center;background:#b96057;border-radius:999px;color:#fff;display:flex;font-size:8px;font-style:normal;font-weight:900;height:16px;justify-content:center;position:absolute;right:-5px;top:-5px;width:16px}.ws-map-node b{background:rgba(14,20,17,.82);border-radius:6px;display:block;font-size:7px;margin:4px auto 0;max-width:90px;overflow:hidden;padding:3px 4px;text-overflow:ellipsis;white-space:nowrap}.ws-map-node small{color:#b4b8aa;display:block;font-size:6px;margin-top:2px;text-shadow:0 1px 2px #000}.ws-map-node:hover>span,.ws-map-node.is-connected>span{border-color:rgba(223,194,103,.64);transform:translateY(-2px) scale(1.04)}.ws-map-node.is-current>span{animation:wsPulse 1.8s infinite;border-color:#efce71;box-shadow:0 0 0 5px rgba(239,206,113,.12),0 0 22px rgba(239,206,113,.3)}.ws-map-node.is-safe>span::after{background:#72bd7a;border:2px solid #172019;border-radius:50%;bottom:-5px;content:"";height:12px;position:absolute;left:-5px;width:12px}.ws-map-node.is-locked{filter:grayscale(.9) brightness(.55);opacity:.72}.ws-map-node.is-visited b{color:#eddfaa}.ws-player-marker{left:8%;pointer-events:none;position:absolute;top:79%;transform:translate(-50%,-120%);transition:left 1.4s cubic-bezier(.25,.8,.25,1),top 1.4s cubic-bezier(.25,.8,.25,1);z-index:9}.ws-player-marker span{background:#d2b25e;border:3px solid #f0dc9d;border-radius:50%;box-shadow:0 7px 18px rgba(0,0,0,.45);display:block;height:42px;overflow:hidden;width:42px}.ws-player-marker img{height:62px;object-fit:cover;object-position:center 15%;transform:translateY(-5px);width:100%}.ws-player-marker b{background:#131b16;border-radius:5px;color:#e9d28d;display:block;font-size:6px;margin:3px auto 0;padding:2px 4px;text-align:center;width:max-content}.ws-player-marker.is-traveling{animation:wsMarkerBounce .35s ease-in-out infinite alternate}.ws-map-bottom{align-items:center;background:#19231d;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;padding:5px 9px}.ws-map-bottom p{color:#87988e;font-size:7px;margin:0}.ws-map-legend{display:flex;gap:9px}.ws-map-legend span{align-items:center;color:#88998f;display:flex;font-size:6px;gap:4px}.ws-map-legend i{border-radius:50%;height:7px;width:7px}.ws-map-legend .safe{background:#6eb27a}.ws-map-legend .danger{background:#ce665f}.ws-map-legend .locked{background:#68716c}
.ws-weather-fx{overflow:hidden;pointer-events:none;z-index:7}.ws-weather-fx i{animation:wsRain .7s linear infinite;background:rgba(132,190,224,.45);height:80px;position:absolute;top:-90px;transform:rotate(12deg);width:2px}.ws-weather-fx i:nth-child(1){left:8%;animation-delay:-.1s}.ws-weather-fx i:nth-child(2){left:24%;animation-delay:-.4s}.ws-weather-fx i:nth-child(3){left:41%;animation-delay:-.2s}.ws-weather-fx i:nth-child(4){left:59%;animation-delay:-.6s}.ws-weather-fx i:nth-child(5){left:76%;animation-delay:-.3s}.ws-weather-fx i:nth-child(6){left:92%;animation-delay:-.5s}.ws-weather-fx b{animation:wsAsh 7s linear infinite;background:#d2c29a;border-radius:50%;height:5px;left:20%;opacity:.5;position:absolute;top:-10px;width:5px}.ws-weather-fx b:nth-child(2){animation-delay:-2s;left:38%}.ws-weather-fx b:nth-child(3){animation-delay:-5s;left:57%}.ws-weather-fx b:nth-child(4){animation-delay:-1s;left:75%}.ws-weather-fx b:nth-child(5){animation-delay:-4s;left:90%}.ws-game.is-night .ws-map-viewport::after{background:rgba(8,16,22,.44);content:"";inset:0;pointer-events:none;position:absolute;z-index:6}.ws-game.is-weather-storm .ws-map-viewport{filter:saturate(.72) contrast(1.08)}.ws-game.is-weather-ash .ws-map-viewport{filter:sepia(.16) saturate(.72)}.ws-game.is-weather-cold .ws-map-viewport{filter:hue-rotate(12deg) saturate(.75)}
.ws-tabs{display:grid;gap:4px;grid-template-columns:repeat(4,1fr)}.ws-tabs button{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);border-radius:9px;color:#899a90;font-size:7px;font-weight:900;padding:0 4px}.ws-tabs button.is-active{background:linear-gradient(180deg,#d8bc70,#b0873f);border:0;color:#172218}.ws-tab-content{min-height:0;overflow:auto;padding:10px 3px 4px}.ws-tab-content::-webkit-scrollbar{width:6px}.ws-tab-content::-webkit-scrollbar-thumb{background:#3a4a40;border-radius:999px}.ws-panel-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:9px;padding:0 3px}.ws-panel-heading small{color:#9c8654;display:block;font-size:7px;font-weight:900;letter-spacing:.1em}.ws-panel-heading h3{font-size:16px;margin:2px 0 0}.ws-panel-heading>span{background:#253229;border-radius:999px;color:#91a297;font-size:7px;padding:4px 7px}.ws-inventory-grid{display:grid;gap:8px}.ws-item-card{background:linear-gradient(180deg,#202d25,#1a251f);border:1px solid rgba(255,255,255,.065);border-radius:13px;padding:7px}.ws-item-card.is-equipped{border-color:rgba(216,186,106,.4);box-shadow:inset 0 0 0 1px rgba(216,186,106,.08)}.ws-item-main{align-items:center;background:transparent;border:0;display:grid;gap:8px;grid-template-columns:42px 1fr auto;padding:0;text-align:left;width:100%}.ws-item-main>span{background:#121a15;border-radius:10px;height:42px;overflow:hidden;width:42px}.ws-item-main img{height:100%;object-fit:contain;width:100%}.ws-item-main b{display:block;font-size:10px}.ws-item-main small{color:#85968c;display:block;font-size:7px;margin-top:2px;text-transform:capitalize}.ws-item-main em{align-items:center;background:#2b3a30;border-radius:999px;display:flex;font-size:8px;font-style:normal;font-weight:900;height:24px;justify-content:center;min-width:24px}.ws-item-card p{color:#82948a;font-size:7px;line-height:1.4;margin:6px 2px}.ws-item-card>div:last-child{display:flex;gap:5px}.ws-item-card>div:last-child button{background:#2a382f;border:1px solid rgba(255,255,255,.06);border-radius:7px;font-size:7px;font-weight:850;padding:5px 8px}.ws-item-card>div:last-child button:hover{background:#36473c}.ws-recipe-list{display:grid;gap:8px}.ws-recipe-card{background:linear-gradient(180deg,#202c25,#18231d);border:1px solid rgba(255,255,255,.065);border-radius:13px;padding:8px}.ws-recipe-card.is-locked{filter:saturate(.5);opacity:.65}.ws-recipe-top{align-items:center;display:grid;gap:8px;grid-template-columns:40px 1fr}.ws-recipe-top>span{background:#121a15;border-radius:9px;height:40px;overflow:hidden;width:40px}.ws-recipe-top img{height:100%;object-fit:contain;width:100%}.ws-recipe-top b{font-size:10px}.ws-recipe-top small{color:#82948a;display:block;font-size:7px;margin-top:2px}.ws-ingredients{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0}.ws-ingredients span{align-items:center;background:#26352c;border-radius:7px;color:#8fa096;display:flex;font-size:6px;gap:3px;padding:3px 5px}.ws-ingredients span.missing{color:#cc766f}.ws-ingredients img{height:15px;width:15px}.ws-recipe-card>button{background:#2d3d32;border:1px solid rgba(255,255,255,.07);border-radius:8px;font-size:7px;font-weight:900;height:28px;width:100%}.ws-recipe-card>button:not(:disabled){background:linear-gradient(180deg,#7eaa70,#547a55)}.ws-character-card{align-items:center;background:linear-gradient(145deg,#25332b,#18221c);border:1px solid rgba(217,185,104,.13);border-radius:15px;display:grid;gap:11px;grid-template-columns:90px 1fr;padding:9px}.ws-character-card>img{background:#111914;border-radius:12px;height:110px;object-fit:cover;object-position:center 12%;width:90px}.ws-character-card b{display:block;font-size:13px}.ws-character-card small{color:#8c9e93;display:block;font-size:8px;margin-top:5px}.ws-equipment-grid{display:grid;gap:6px;grid-template-columns:repeat(2,1fr);margin-top:9px}.ws-equip-card{background:#202c25;border:1px solid rgba(255,255,255,.06);border-radius:11px;display:grid;grid-template-columns:38px 1fr;min-height:50px;padding:6px}.ws-equip-card small{color:#8d9e94;font-size:6px;grid-column:1/-1;text-transform:uppercase}.ws-equip-card img{height:32px;object-fit:contain;width:32px}.ws-equip-card b{align-self:center;font-size:8px}.ws-equip-card>span{color:#697970;font-size:8px;grid-column:1/-1}.ws-perk-list{margin-top:10px}.ws-perk-list h4,.ws-stats-card h4{font-size:10px;margin:0 0 7px}.ws-perk-list>div{align-items:center;background:#202c25;border-radius:10px;display:grid;gap:7px;grid-template-columns:28px 1fr;margin-top:6px;padding:7px}.ws-perk-list>div span{align-items:center;background:#2e4034;border-radius:8px;display:flex;height:28px;justify-content:center;width:28px}.ws-perk-list>div b{font-size:8px}.ws-perk-list>div small{color:#809187;font-size:6px;grid-column:2}.ws-perk-list>p{color:#82948a;font-size:8px}.ws-quest-list{display:grid;gap:7px}.ws-quest-list>div{background:#1e2a23;border:1px solid rgba(255,255,255,.055);border-radius:11px;display:grid;gap:8px;grid-template-columns:26px 1fr;padding:7px}.ws-quest-list>div>span{align-items:center;background:#2b3a30;border-radius:8px;display:flex;font-size:8px;font-weight:900;height:26px;justify-content:center;width:26px}.ws-quest-list b{font-size:9px}.ws-quest-list p{color:#7f9187;font-size:7px;line-height:1.4;margin:3px 0}.ws-quest-list small{color:#8d9e94;font-size:6px;text-transform:uppercase}.ws-quest-list .is-active{border-color:rgba(217,185,104,.34)}.ws-quest-list .is-active>span{background:#c3a655;color:#182219}.ws-quest-list .is-complete{opacity:.72}.ws-quest-list .is-complete>span{background:#5d9366}.ws-stats-card{background:#202c25;border-radius:12px;margin-top:10px;padding:9px}.ws-stats-card>div{border-top:1px solid rgba(255,255,255,.05);display:flex;font-size:7px;justify-content:space-between;padding:6px 0}.ws-stats-card span{color:#85968c}
.ws-footer{align-items:center;background:linear-gradient(180deg,#18221c,#121a16);border-top:1px solid rgba(226,211,159,.09);display:grid;gap:10px;grid-template-columns:1fr auto;height:54px;padding:5px 10px}.ws-log-feed{min-width:0}.ws-log-feed p{color:#91a098;font-size:7px;line-height:1.25;margin:1px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-log-feed p span{color:#6f8076;display:inline-block;margin-right:7px;width:48px}.ws-log-feed p.is-good{color:#88be8f}.ws-log-feed p.is-bad{color:#d17c75}.ws-log-feed p.is-story{color:#d6c27d}.ws-quickbar{display:flex;gap:5px}.ws-quickbar button{background:#213028;border:1px solid rgba(255,255,255,.07);border-radius:9px;height:40px;position:relative;width:42px}.ws-quickbar img{height:31px;object-fit:contain;width:31px}.ws-quickbar button>span{background:#111814;border-radius:4px;color:#a7b4ac;font-size:6px;left:2px;padding:1px 3px;position:absolute;top:2px}.ws-quickbar button>b{align-items:center;background:#c0a353;border-radius:999px;bottom:-3px;color:#172219;display:flex;font-size:6px;height:15px;justify-content:center;position:absolute;right:-3px;width:15px}
.ws-modal{align-items:center;background:rgba(5,9,7,.72);display:none;inset:0;justify-content:center;padding:20px;position:absolute;z-index:200}.ws-modal.is-open{display:flex}.ws-modal-card{background:linear-gradient(155deg,#243129,#151e19);border:1px solid rgba(223,205,145,.17);border-radius:20px;box-shadow:0 28px 70px rgba(0,0,0,.48);max-height:92%;max-width:760px;overflow:auto;padding:22px;position:relative;width:min(94%,760px)}.ws-modal-card>small{color:#b69a58;font-size:8px;font-weight:900;letter-spacing:.13em}.ws-modal-card h2{font-size:23px;margin:5px 0}.ws-modal-card>p{color:#91a198;font-size:10px;line-height:1.55}.ws-modal-close{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:9px;font-size:18px;height:32px;position:absolute;right:13px;top:13px;width:32px}.ws-secondary{background:#2a382f!important;border:1px solid rgba(255,255,255,.08)!important;color:#d9dfd9!important}.ws-new-game-modal label{color:#91a198;display:block;font-size:8px;font-weight:850;margin-top:13px}.ws-new-game-modal input[type=text],.ws-new-game-modal input:not([type]){background:#111914;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#fff;display:block;height:42px;margin-top:5px;padding:0 12px;width:100%}.ws-difficulty-grid{display:grid;gap:9px;grid-template-columns:repeat(3,1fr);margin-top:14px}.ws-difficulty-grid button{background:#202c25;border:1px solid rgba(255,255,255,.07);border-radius:13px;min-height:95px;padding:12px;text-align:left}.ws-difficulty-grid button b{display:block;font-size:11px}.ws-difficulty-grid button small{color:#85968c;display:block;font-size:7px;line-height:1.4;margin-top:5px}.ws-difficulty-grid button.is-active{border-color:#d5b767;box-shadow:inset 0 0 0 1px rgba(213,183,103,.18)}.ws-checkbox{align-items:center;display:flex!important;gap:7px}.ws-new-actions{display:grid;gap:8px;grid-template-columns:1fr 1.4fr;margin-top:16px}.ws-new-actions button,.ws-modal-card>.ws-primary,.ws-modal-card>.ws-secondary{border-radius:10px;font-size:9px;font-weight:900;min-height:42px;padding:0 14px}.ws-loot-grid{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin:16px 0}.ws-loot-grid>div{align-items:center;background:#1c2821;border:1px solid rgba(255,255,255,.06);border-radius:12px;display:grid;gap:8px;grid-template-columns:48px 1fr;padding:7px}.ws-loot-grid img{height:48px;object-fit:contain;width:48px}.ws-loot-grid b{font-size:9px}.ws-loot-grid small{color:#88bd8e;display:block;font-size:8px;margin-top:3px}.ws-warning{background:rgba(205,96,87,.12);border:1px solid rgba(205,96,87,.2);border-radius:9px;color:#d28a84!important;padding:8px}.ws-combat-modal{max-width:900px}.ws-combat-header{align-items:center;display:flex;justify-content:space-between}.ws-combat-header span{color:#c2a55f;font-size:8px;font-weight:900;letter-spacing:.15em}.ws-combat-header b{font-size:9px}.ws-combat-stage{align-items:center;display:grid;gap:14px;grid-template-columns:1fr 40px 1fr;margin:13px 0}.ws-survivor-combat,.ws-enemy-card{background:#151e19;border:1px solid rgba(255,255,255,.07);border-radius:16px;min-height:190px;overflow:hidden;position:relative}.ws-survivor-combat>img,.ws-enemy-card>img{height:145px;object-fit:cover;width:100%}.ws-survivor-combat>img{object-position:center 20%}.ws-survivor-combat>div,.ws-enemy-card>div{padding:8px}.ws-survivor-combat b,.ws-enemy-card b{font-size:10px}.ws-survivor-combat i,.ws-enemy-card i{background:#322625;border-radius:999px;display:block;height:7px;margin-top:5px;overflow:hidden}.ws-survivor-combat em{background:#75b97d;display:block;height:100%}.ws-enemy-card em{background:#c65d57;display:block;height:100%}.ws-survivor-combat small,.ws-enemy-card small{color:#8a9a91;display:block;font-size:7px;margin-top:3px}.ws-versus{color:#b49a59;font-size:13px;font-weight:950;text-align:center}.ws-combat-log{background:#121a16;border-radius:10px;min-height:52px;padding:7px}.ws-combat-log p{color:#a2ada6;font-size:7px;margin:3px}.ws-combat-actions{display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-top:10px}.ws-combat-actions button{align-items:center;background:#223028;border:1px solid rgba(255,255,255,.07);border-radius:11px;display:grid;gap:3px;grid-template-columns:28px 1fr;min-height:54px;padding:7px;text-align:left}.ws-combat-actions span{align-items:center;background:#151e19;border-radius:8px;display:flex;font-size:14px;grid-row:1/3;height:28px;justify-content:center;width:28px}.ws-combat-actions b{font-size:9px}.ws-combat-actions small{color:#82938a;font-size:6px}.ws-combat-actions button:first-child{background:linear-gradient(180deg,#77523b,#503829)}.ws-combat-actions button:nth-child(3){background:linear-gradient(180deg,#426b50,#2c4936)}.ws-survivor-combat.is-hit,.ws-enemy-card.is-hit{animation:wsHit .28s ease}.ws-damage-number{animation:wsDamage .7s ease forwards;color:#f5c36c;font-size:25px;left:50%;position:absolute;text-shadow:0 2px 4px #000;top:40%;z-index:9}.ws-damage-number.is-critical{color:#ff756d;font-size:30px}.ws-camp-actions{display:grid;gap:9px;grid-template-columns:repeat(2,1fr);margin-top:14px}.ws-camp-actions button{align-items:center;background:#202c25;border:1px solid rgba(255,255,255,.07);border-radius:13px;display:grid;gap:8px;grid-template-columns:40px 1fr;min-height:68px;padding:9px;text-align:left}.ws-camp-actions button>span,.ws-camp-actions button>img{align-items:center;background:#121a16;border-radius:10px;display:flex;font-size:19px;grid-row:1/3;height:40px;justify-content:center;object-fit:contain;width:40px}.ws-camp-actions b{font-size:10px}.ws-camp-actions small{color:#83948a;font-size:7px}.ws-trader-columns{display:grid;gap:13px;grid-template-columns:1fr 1fr;margin-top:12px}.ws-trader-columns section{background:#18231d;border-radius:14px;padding:10px}.ws-trader-columns h3{font-size:12px;margin:0 0 7px}.ws-trader-columns section>div{align-items:center;border-top:1px solid rgba(255,255,255,.055);display:grid;gap:7px;grid-template-columns:36px 1fr auto;padding:6px 0}.ws-trader-columns img{height:34px;object-fit:contain;width:34px}.ws-trader-columns b{display:block;font-size:8px}.ws-trader-columns small{color:#83948a;display:block;font-size:6px;margin-top:2px}.ws-trader-columns button{background:#2a3a30;border:1px solid rgba(255,255,255,.07);border-radius:7px;font-size:7px;font-weight:850;height:26px}.ws-perk-grid{display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:16px}.ws-perk-grid button{background:#1d2922;border:1px solid rgba(255,255,255,.07);border-radius:14px;min-height:150px;padding:13px}.ws-perk-grid button:hover{border-color:#d0b260;transform:translateY(-2px)}.ws-perk-grid span{align-items:center;background:#2d4034;border-radius:50%;display:flex;font-size:24px;height:54px;justify-content:center;margin:0 auto 9px;width:54px}.ws-perk-grid b{display:block;font-size:11px}.ws-perk-grid small{color:#85968c;display:block;font-size:7px;line-height:1.45;margin-top:6px}.ws-quest-complete{text-align:center}.ws-quest-complete>span{color:#d8ba67;font-size:8px;font-weight:900;letter-spacing:.15em}.ws-quest-complete>div{display:flex;gap:8px;justify-content:center;margin:14px 0}.ws-quest-complete>div b{background:#27362d;border-radius:999px;font-size:8px;padding:6px 10px}.ws-choice-event>div{display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-top:15px}.ws-choice-event>div button{background:#233129;border:1px solid rgba(255,255,255,.07);border-radius:11px;font-size:8px;font-weight:850;min-height:46px;padding:8px}.ws-death-card{text-align:center}.ws-death-card>span{color:#cf6962;display:block;font-size:50px}.ws-death-loss{background:#18221c;border-radius:12px;margin:15px 0;padding:10px}.ws-death-loss b{display:block;font-size:9px}.ws-death-loss small{color:#9aaaa0;display:block;font-size:7px;margin-top:4px}.ws-help-grid{display:grid;gap:9px;grid-template-columns:repeat(2,1fr);margin:14px 0}.ws-help-grid>div{background:#1d2922;border-radius:12px;padding:10px}.ws-help-grid b{font-size:10px}.ws-help-grid p{color:#84958b;font-size:7px;line-height:1.5;margin:5px 0}
.ws-location-popup{background:linear-gradient(145deg,#243229,#151f1a);border:1px solid rgba(219,201,141,.18);border-radius:15px;box-shadow:0 16px 35px rgba(0,0,0,.42);display:none;gap:9px;grid-template-columns:58px 1fr;max-width:330px;padding:10px;position:absolute;transform:translate(-50%,-100%);z-index:95}.ws-location-popup.is-open{display:grid}.ws-location-popup>button:first-child{background:transparent;border:0;font-size:15px;position:absolute;right:5px;top:3px}.ws-location-popup>img{border-radius:11px;height:58px;object-fit:cover;width:58px}.ws-location-popup small{color:#b39a5b;font-size:6px;font-weight:900}.ws-location-popup b{display:block;font-size:10px;margin-top:2px}.ws-location-popup p{color:#899a90;font-size:7px;line-height:1.35;margin:4px 0}.ws-location-popup span{color:#73857b;font-size:6px}.ws-location-popup div>button{background:#c2a654;border:0;border-radius:7px;color:#172219;display:block;font-size:7px;font-weight:900;margin-top:6px;padding:5px 8px}.ws-travel-overlay,.ws-activity-overlay{align-items:center;background:rgba(7,12,9,.55);display:none;inset:45px 0 38px;justify-content:center;position:absolute;z-index:70}.ws-travel-overlay.is-visible,.ws-activity-overlay.is-visible{display:flex}.ws-travel-overlay>div,.ws-activity-card{background:linear-gradient(145deg,#243129,#161f1a);border:1px solid rgba(218,199,137,.17);border-radius:16px;box-shadow:var(--ws-shadow);padding:15px;text-align:center;width:290px}.ws-travel-overlay span,.ws-activity-card>span{color:#b49a59;display:block;font-size:7px;font-weight:900;letter-spacing:.15em}.ws-travel-overlay strong,.ws-activity-card>strong{display:block;font-size:14px;margin-top:5px}.ws-travel-overlay small,.ws-activity-card>small{color:#88998f;display:block;font-size:7px;margin-top:4px}.ws-travel-overlay i,.ws-activity-card i{background:#111914;border-radius:999px;display:block;height:7px;margin-top:11px;overflow:hidden}.ws-travel-overlay em{animation:wsTravel 1.45s linear forwards;background:linear-gradient(90deg,#7ab47d,#d7bb67);display:block;height:100%}.ws-activity-card em{background:linear-gradient(90deg,#7ab47d,#d7bb67);display:block;height:100%;width:0}.ws-toast{background:#27362d;border:1px solid rgba(255,255,255,.08);border-radius:10px;bottom:62px;box-shadow:0 10px 26px rgba(0,0,0,.35);font-size:8px;font-weight:850;left:50%;opacity:0;padding:9px 13px;pointer-events:none;position:absolute;transform:translate(-50%,15px);transition:.2s ease;z-index:300}.ws-toast.is-visible{opacity:1;transform:translate(-50%,0)}.ws-toast.is-good{border-color:rgba(91,174,105,.38)}.ws-toast.is-bad{border-color:rgba(204,91,83,.4);color:#e29a93}
@keyframes wsFog{from{transform:translateX(0)}to{transform:translateX(18%)}}
@keyframes wsPulse{0%,100%{box-shadow:0 0 0 4px rgba(239,206,113,.1),0 0 14px rgba(239,206,113,.22)}50%{box-shadow:0 0 0 9px rgba(239,206,113,.02),0 0 25px rgba(239,206,113,.42)}}
@keyframes wsRain{from{transform:translateY(-100px) rotate(12deg)}to{transform:translateY(700px) rotate(12deg)}}
@keyframes wsAsh{from{transform:translate(0,-20px) rotate(0)}to{transform:translate(80px,620px) rotate(360deg)}}
@keyframes wsMarkerBounce{from{transform:translate(-50%,-120%)}to{transform:translate(-50%,-135%)}}
@keyframes wsTravel{from{width:0}to{width:100%}}
@keyframes wsHit{0%,100%{transform:translateX(0)}30%{transform:translateX(-9px)}60%{transform:translateX(7px)}}
@keyframes wsDamage{0%{opacity:0;transform:translate(-50%,10px) scale(.7)}30%{opacity:1;transform:translate(-50%,-6px) scale(1.1)}100%{opacity:0;transform:translate(-50%,-55px) scale(.9)}}
@media(min-width:1680px){.ws-layout{grid-template-columns:300px minmax(760px,1fr) 390px}.ws-map-node{width:96px}.ws-map-node>span{height:59px;width:59px}.ws-header{grid-template-columns:280px 240px minmax(560px,1fr) auto}.ws-vital b{font-size:14px}}
@media(max-width:1420px){.ws-header{grid-template-columns:220px 185px minmax(380px,1fr) auto}.ws-brand h1{font-size:18px}.ws-layout{grid-template-columns:245px minmax(500px,1fr) 310px}.ws-location-panel,.ws-right-panel{padding:9px}.ws-header-actions>button{padding:0 8px}.ws-clock{min-width:105px}.ws-resource-bar{grid-template-columns:repeat(5,minmax(78px,105px)) minmax(160px,1fr) auto}.ws-resource-chip{grid-template-columns:29px 1fr}.ws-resource-chip img{height:27px;width:27px}.ws-map-node{width:75px}.ws-map-node>span{height:46px;width:46px}.ws-map-node b{font-size:6px}}
@media(min-width:1021px) and (max-height:820px){.ws-game{height:calc(100vh - 4px);margin-bottom:2px;margin-top:2px;min-height:680px}.ws-header{height:68px;padding:7px 10px}.ws-resource-bar{height:48px;padding:4px 9px}.ws-resource-chip,.ws-weight{height:36px}.ws-layout{height:calc(100% - 164px)}.ws-footer{height:48px}.ws-map-panel{grid-template-rows:40px minmax(0,1fr) 34px}.ws-location-hero{grid-template-columns:53px 1fr}.ws-location-hero>img{height:51px;width:51px}.ws-location-desc{margin:7px 2px}.ws-location-actions{margin-top:7px}.ws-active-mission{margin-top:8px;padding:8px}.ws-tab-content{padding-top:7px}.ws-map-node>span{height:43px;width:43px}.ws-map-node{width:71px}.ws-map-node small{display:none}.ws-player-marker span{height:36px;width:36px}.ws-footer{height:48px}.ws-quickbar button{height:36px;width:38px}.ws-quickbar img{height:27px;width:27px}}
@media(max-width:1020px){.ws-game{height:auto;margin:0;min-height:900px;width:100%}.ws-header{grid-template-columns:1fr auto;height:auto}.ws-survivor-hud,.ws-vitals{grid-column:1/-1}.ws-vitals{grid-template-columns:repeat(5,1fr)}.ws-resource-bar{grid-template-columns:repeat(3,1fr);height:auto}.ws-weight{grid-column:1/3}.ws-layout{display:flex;flex-direction:column;height:auto}.ws-location-panel,.ws-right-panel{border:0;min-height:420px}.ws-map-panel{height:650px;order:-1}.ws-right-panel{grid-template-rows:44px auto}.ws-tab-content{max-height:none;overflow:visible}.ws-footer{height:auto;grid-template-columns:1fr}.ws-difficulty-grid,.ws-perk-grid{grid-template-columns:1fr}.ws-combat-stage{grid-template-columns:1fr}.ws-versus{display:none}.ws-combat-actions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ws-brand h1{font-size:16px}.ws-header-actions .ws-clock{display:none}.ws-vitals{grid-template-columns:repeat(3,1fr)}.ws-vital:nth-child(4),.ws-vital:nth-child(5){display:none}.ws-resource-bar{grid-template-columns:repeat(2,1fr)}.ws-autosave{display:none}.ws-map-panel{height:520px}.ws-location-actions{grid-template-columns:1fr}.ws-footer{padding-bottom:10px}.ws-quickbar{justify-content:center}.ws-loot-grid,.ws-camp-actions,.ws-trader-columns,.ws-help-grid{grid-template-columns:1fr}.ws-new-actions{grid-template-columns:1fr}.ws-modal{padding:8px}.ws-modal-card{padding:16px}.ws-map-node b,.ws-map-node small{display:none}}
@media(prefers-reduced-motion:reduce){.ws-fog-layer,.ws-weather-fx *,.ws-map-node.is-current>span,.ws-player-marker.is-traveling{animation:none!important}.ws-map-world,.ws-player-marker{transition:none!important}}

/* v1.1.0 Explorer UI — clearer typography, larger map and professional navigation */
.ws-game{height:clamp(760px,calc(100vh - 8px),1020px);min-height:760px}
.ws-header{grid-template-columns:270px 225px minmax(490px,1fr) auto;height:84px;padding:11px 16px}
.ws-brand-mark{font-size:28px;height:54px;width:54px}.ws-brand small{font-size:9px}.ws-brand h1{font-size:24px}
.ws-survivor-hud{grid-template-columns:54px 1fr;height:60px;padding:6px 9px}.ws-survivor-hud>img{height:48px;width:48px}.ws-survivor-hud small{font-size:9px}.ws-survivor-hud strong{font-size:13px}.ws-survivor-hud i{height:6px}
.ws-vitals{gap:8px}.ws-vital{border-radius:13px;padding:8px 9px}.ws-vital span{font-size:8px}.ws-vital b{font-size:14px}.ws-vital i{height:5px;margin-top:5px}
.ws-header-actions>button{border-radius:11px;font-size:11px;height:42px;padding:0 13px}.ws-clock{height:50px;min-width:132px}.ws-clock img{height:36px;width:36px}.ws-clock b{font-size:12px}.ws-clock small{font-size:8px}
.ws-resource-bar{gap:9px;grid-template-columns:repeat(5,minmax(100px,138px)) minmax(220px,1fr) auto;height:62px;padding:7px 14px}.ws-resource-chip{grid-template-columns:38px 1fr;height:47px;padding:5px 8px}.ws-resource-chip img{height:35px;width:35px}.ws-resource-chip small{font-size:8px}.ws-resource-chip b{font-size:14px}.ws-weight{height:47px;padding:7px 11px}.ws-weight span{font-size:8px}.ws-weight b{font-size:11px}.ws-weight i{height:6px}.ws-autosave{font-size:9px}
.ws-layout{grid-template-columns:235px minmax(590px,1fr) 315px;height:calc(100% - 204px);transition:grid-template-columns .25s ease}
.ws-location-panel,.ws-right-panel{padding:12px;transition:opacity .2s ease,padding .25s ease,border-color .25s ease}
.ws-location-hero{grid-template-columns:72px 1fr;padding:10px}.ws-location-hero>img{height:70px;width:70px}.ws-location-hero small{font-size:8px}.ws-location-hero h2{font-size:18px}.ws-location-hero span{font-size:10px}.ws-location-desc{font-size:12px;line-height:1.55}.ws-location-tags span{font-size:9px;padding:5px 8px}.ws-location-actions{gap:8px}.ws-location-actions button,.ws-special-action{grid-template-columns:30px 1fr;min-height:60px;padding:9px}.ws-location-actions button span,.ws-special-action span{font-size:17px;height:30px;width:30px}.ws-location-actions button b,.ws-special-action b{font-size:11px}.ws-location-actions button small,.ws-special-action small{font-size:9px}.ws-active-mission>small{font-size:8px}.ws-active-mission>b{font-size:13px}.ws-active-mission p{font-size:10px}

.ws-map-panel{grid-template-rows:58px minmax(0,1fr) 50px}
.ws-map-toolbar{padding:8px 11px}.ws-map-heading{min-width:0}.ws-map-heading small{font-size:8px}.ws-map-heading strong{display:inline-block;font-size:14px;margin-right:8px}.ws-map-heading span{color:#71847a;font-size:9px;font-weight:750}
.ws-map-toolbar-actions{align-items:center;display:flex;gap:7px}.ws-map-toolbar-actions>button{align-items:center;background:linear-gradient(180deg,#2c3b32,#202c25);border:1px solid rgba(255,255,255,.09);border-radius:10px;display:flex;gap:7px;height:38px;padding:0 11px}.ws-map-toolbar-actions>button span{color:#e0c575;font-size:15px}.ws-map-toolbar-actions>button b{font-size:10px}.ws-map-toolbar-actions>button:hover{background:#35483c;border-color:rgba(221,194,105,.35)}
.ws-map-zoom-control{align-items:center;background:#111914;border:1px solid rgba(255,255,255,.09);border-radius:10px;display:grid;grid-template-columns:34px 48px 34px;height:38px;overflow:hidden}.ws-map-zoom-control button{background:transparent!important;border:0!important;border-radius:0!important;font-size:17px!important;height:100%!important;min-width:0!important;padding:0!important}.ws-map-zoom-control button:hover{background:rgba(217,185,104,.14)!important}.ws-map-zoom-control b{border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.07);font-size:9px;text-align:center}
.ws-map-viewport{cursor:grab;isolation:isolate;min-height:0;overflow:hidden;position:relative;touch-action:none}.ws-map-viewport.is-dragging{cursor:grabbing}.ws-map-viewport::after{background:radial-gradient(circle at center,transparent 54%,rgba(3,8,5,.28) 100%);content:"";inset:0;pointer-events:none;position:absolute;z-index:12}
.ws-map-world{height:100%;position:relative;transform:translate(0,0) scale(1);transform-origin:center center;transition:none;width:100%;will-change:transform}.ws-map-world.is-camera-animated{transition:transform .32s cubic-bezier(.22,.8,.28,1)}
.ws-map-bg{filter:saturate(1.08) contrast(1.04)}
.ws-route{height:4px}.ws-route.is-current{height:5px}
.ws-map-node{width:108px}.ws-map-node>span{border-radius:18px;height:66px;width:66px}.ws-map-node img{border-radius:15px}.ws-map-node em{font-size:10px;height:19px;width:19px}.ws-map-node b{border:1px solid rgba(255,255,255,.055);border-radius:8px;font-size:10px;margin-top:6px;max-width:112px;padding:4px 6px}.ws-map-node small{font-size:8px;margin-top:3px}.ws-map-node.is-selected>span{border-color:#fff1b0;box-shadow:0 0 0 4px rgba(230,199,107,.17),0 0 26px rgba(230,199,107,.35)}.ws-map-node.is-selected b{background:#d0b15d;color:#172219}.ws-map-node:hover>span,.ws-map-node.is-connected>span{transform:translateY(-3px) scale(1.07)}
.ws-player-marker span{height:50px;width:50px}.ws-player-marker img{height:74px}.ws-player-marker b{font-size:8px;padding:3px 6px}
.ws-route-navigator{background:linear-gradient(145deg,rgba(18,28,22,.94),rgba(27,40,32,.94));border:1px solid rgba(221,201,137,.17);border-radius:16px;box-shadow:0 18px 38px rgba(0,0,0,.32);left:14px;padding:10px;position:absolute;top:14px;width:278px;z-index:40}.ws-route-navigator>small{color:#b99d59;display:block;font-size:8px;font-weight:950;letter-spacing:.13em;margin:0 2px 7px}.ws-route-navigator>div{display:grid;gap:6px}.ws-route-navigator button{align-items:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07);border-radius:11px;display:grid;gap:8px;grid-template-columns:38px 1fr 14px;min-height:46px;padding:5px 7px;text-align:left}.ws-route-navigator button:hover,.ws-route-navigator button.is-active{background:rgba(217,185,104,.12);border-color:rgba(217,185,104,.3)}.ws-route-navigator button img{background:#121a16;border-radius:9px;height:36px;object-fit:cover;width:36px}.ws-route-navigator button span{min-width:0}.ws-route-navigator button b{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-route-navigator button small{color:#8fa097;display:block;font-size:8px;margin-top:2px}.ws-route-navigator button em{color:#d7bb67;font-size:18px;font-style:normal}.ws-route-navigator button.is-locked{filter:grayscale(.8);opacity:.55}
.ws-map-compass{align-items:center;background:rgba(16,24,19,.88);border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;height:48px;justify-content:center;position:absolute;right:16px;top:16px;width:48px;z-index:39}.ws-map-compass b{color:#dfc678;font-size:10px;position:absolute;top:5px}.ws-map-compass i{border-bottom:15px solid #d0b35e;border-left:6px solid transparent;border-right:6px solid transparent;height:0;margin-top:8px;width:0}
.ws-map-bottom{padding:7px 11px}.ws-map-bottom p{font-size:9px}.ws-map-legend span{font-size:8px}.ws-map-legend i{height:9px;width:9px}

.ws-tabs{gap:6px}.ws-tabs button{font-size:9px;min-height:38px;padding:0 6px}.ws-panel-heading small{font-size:8px}.ws-panel-heading h3{font-size:19px}.ws-panel-heading>span{font-size:9px}.ws-tab-content{padding:12px 4px 6px}.ws-item-card,.ws-recipe-card{padding:10px}.ws-item-main{grid-template-columns:50px 1fr auto}.ws-item-main>span{height:50px;width:50px}.ws-item-main b,.ws-recipe-top b{font-size:12px}.ws-item-main small,.ws-recipe-top small{font-size:9px}.ws-item-main em{font-size:10px;height:28px;min-width:28px}.ws-item-card p{font-size:9px}.ws-item-card>div:last-child button{font-size:9px;padding:7px 10px}.ws-recipe-top{grid-template-columns:48px 1fr}.ws-recipe-top>span{height:48px;width:48px}.ws-ingredients span{font-size:8px;padding:4px 6px}.ws-ingredients img{height:18px;width:18px}.ws-recipe-card>button{font-size:9px;height:34px}.ws-character-card b{font-size:15px}.ws-character-card small{font-size:10px}.ws-equip-card b{font-size:10px}.ws-equip-card small{font-size:8px}.ws-perk-list>div b{font-size:10px}.ws-perk-list>div small{font-size:8px}.ws-quest-list b{font-size:11px}.ws-quest-list p{font-size:9px}.ws-quest-list small{font-size:8px}.ws-stats-card>div{font-size:9px}
.ws-footer{height:58px}.ws-log-feed p{font-size:9px}.ws-quickbar button{height:44px;width:47px}.ws-quickbar img{height:35px;width:35px}.ws-quickbar button>span,.ws-quickbar button>b{font-size:8px}
.ws-location-popup{grid-template-columns:76px 1fr;max-width:420px;padding:13px}.ws-location-popup>img{height:76px;width:76px}.ws-location-popup small{font-size:8px}.ws-location-popup b{font-size:14px}.ws-location-popup p{font-size:10px}.ws-location-popup span{font-size:9px}.ws-location-popup div>button{font-size:10px;min-height:34px;padding:7px 11px}
.ws-modal-card{font-size:12px}.ws-modal-card h2{font-size:24px}.ws-modal-card p{font-size:11px;line-height:1.55}.ws-modal-card button{font-size:11px}.ws-travel-overlay strong,.ws-activity-card>strong{font-size:17px}.ws-travel-overlay small,.ws-activity-card>small{font-size:9px}

.ws-game.is-map-focus .ws-layout{grid-template-columns:0 minmax(0,1fr) 0}.ws-game.is-map-focus .ws-location-panel,.ws-game.is-map-focus .ws-right-panel{border-color:transparent;opacity:0;overflow:hidden;padding-left:0;padding-right:0;pointer-events:none}.ws-game.is-map-focus .ws-map-panel{border-left:0;border-right:0}.ws-game.is-map-focus .ws-route-navigator{width:310px}

@media(min-width:1680px){.ws-layout{grid-template-columns:270px minmax(820px,1fr) 370px}.ws-map-node{width:118px}.ws-map-node>span{height:72px;width:72px}.ws-map-node b{font-size:11px}.ws-map-node small{font-size:9px}.ws-route-navigator{width:310px}.ws-location-desc{font-size:13px}.ws-tabs button{font-size:10px}}
@media(max-width:1420px){.ws-header{grid-template-columns:225px 190px minmax(390px,1fr) auto;height:76px;padding:8px 11px}.ws-brand-mark{height:48px;width:48px}.ws-brand h1{font-size:20px}.ws-survivor-hud{height:54px}.ws-layout{grid-template-columns:220px minmax(530px,1fr) 290px;height:calc(100% - 190px)}.ws-resource-bar{grid-template-columns:repeat(5,minmax(82px,108px)) minmax(165px,1fr) auto;height:58px;padding:6px 9px}.ws-resource-chip{grid-template-columns:31px 1fr;height:43px}.ws-resource-chip img{height:29px;width:29px}.ws-resource-chip small{font-size:7px}.ws-resource-chip b{font-size:12px}.ws-location-panel,.ws-right-panel{padding:9px}.ws-location-hero{grid-template-columns:58px 1fr}.ws-location-hero>img{height:56px;width:56px}.ws-location-hero h2{font-size:15px}.ws-location-desc{font-size:10px}.ws-location-actions button,.ws-special-action{min-height:54px}.ws-map-node{width:96px}.ws-map-node>span{height:58px;width:58px}.ws-map-node b{font-size:9px}.ws-map-node small{font-size:7px}.ws-route-navigator{width:245px}.ws-route-navigator button{grid-template-columns:34px 1fr 12px}.ws-route-navigator button img{height:32px;width:32px}.ws-map-heading span{display:none}.ws-map-toolbar-actions>button b{font-size:9px}.ws-tabs button{font-size:8px}.ws-item-main b,.ws-recipe-top b{font-size:10px}}
@media(min-width:1021px) and (max-height:820px){.ws-game{height:calc(100vh - 4px);min-height:680px}.ws-header{height:68px}.ws-resource-bar{height:48px}.ws-layout{height:calc(100% - 164px)}.ws-footer{height:48px}.ws-map-panel{grid-template-rows:46px minmax(0,1fr) 40px}.ws-map-toolbar{padding:4px 8px}.ws-map-toolbar-actions>button,.ws-map-zoom-control{height:32px}.ws-map-zoom-control{grid-template-columns:28px 42px 28px}.ws-route-navigator{left:9px;padding:7px;top:9px;width:225px}.ws-route-navigator>div{gap:4px}.ws-route-navigator button{min-height:38px}.ws-route-navigator button img{height:28px;width:28px}.ws-map-node>span{height:52px;width:52px}.ws-map-node{width:88px}.ws-map-node b{font-size:8px}.ws-map-node small{display:block;font-size:7px}.ws-location-desc{font-size:9px;line-height:1.4}.ws-location-actions button,.ws-special-action{min-height:48px}.ws-tabs button{min-height:32px}.ws-tab-content{padding-top:7px}.ws-item-main>span{height:42px;width:42px}.ws-footer{height:48px}}
@media(max-width:1020px){.ws-game{min-height:980px}.ws-layout{height:auto}.ws-map-panel{height:720px}.ws-map-toolbar{flex-wrap:wrap;height:auto}.ws-map-toolbar-actions{width:100%}.ws-map-toolbar-actions>button{flex:1}.ws-route-navigator{width:min(280px,calc(100% - 28px))}.ws-game.is-map-focus .ws-location-panel,.ws-game.is-map-focus .ws-right-panel{display:none}.ws-game.is-map-focus .ws-layout{display:flex}.ws-location-desc{font-size:12px}.ws-tabs button{font-size:10px}}
@media(max-width:640px){.ws-map-panel{height:600px}.ws-route-navigator{position:static;width:auto;border-radius:0;border-left:0;border-right:0}.ws-map-viewport{display:flex;flex-direction:column}.ws-route-navigator{flex:0 0 auto;z-index:15}.ws-map-world{flex:1}.ws-map-compass{top:12px}.ws-map-node{width:76px}.ws-map-node>span{height:48px;width:48px}.ws-map-node b,.ws-map-node small{display:none}.ws-map-toolbar-actions>button b{display:none}.ws-map-zoom-control{margin-left:auto}}