@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,500;0,600;0,700;0,800;1,700&family=Inter:wght@400;500;600;700&display=swap');
.location-subtitle{display:block;color:var(--muted);font:600 9px Barlow Condensed;letter-spacing:.16em;margin-top:2px}
.build-button{margin-top:14px;border:1px solid #8b7245;background:#d9a548;color:#17140e;padding:7px 10px;font:800 9px Barlow Condensed;letter-spacing:.13em;cursor:pointer}.build-button:hover{background:#efbd67}.completion{border-left:3px solid var(--amber);background:#1d281f;padding:15px;color:#d9e0d9;font-size:12px;line-height:1.6}
.identity-fields{display:grid;gap:8px;width:min(360px,100%);margin-bottom:14px}.identity-fields input{background:#0b110dcc;border:1px solid #647267;color:var(--ink);padding:13px 14px;font:600 13px Inter}.identity-fields input:focus{outline:1px solid var(--amber);border-color:var(--amber)}.profile-tools{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.profile-tools button{border:1px solid #526157;background:#1b261f;padding:9px 12px;font:700 10px Barlow Condensed;letter-spacing:.1em;cursor:pointer}
.choice-row{display:grid;gap:10px;margin-top:18px}.choice{border:1px solid #445348;background:#1a241e;padding:13px;text-align:left;cursor:pointer}.choice:hover{border-color:var(--amber)}.choice b,.choice small{display:block}.choice b{font:700 14px Barlow Condensed}.choice small{color:var(--muted);font-size:9px;margin-top:3px}.mission-card{border-left:3px solid #4a584d}.mission-card.done{border-left-color:var(--amber);opacity:.72}.condition-bar{height:5px;background:#344038;margin:12px 0}.condition-bar i{display:block;height:100%;background:var(--amber)}
.community-section{margin-top:24px}.project-track{height:7px;background:#344038;margin:8px 0 12px}.project-track i{height:100%;display:block;background:var(--amber)}.community-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.community-actions button{border:1px solid #526157;background:#1b261f;padding:7px 9px;font:700 9px Barlow Condensed;letter-spacing:.08em;cursor:pointer}.community-actions button:hover{border-color:var(--amber)}
.settlement-overview{margin:0 0 28px;background:#111813;border:1px solid #4c5b50;box-shadow:0 18px 48px #0008;overflow:hidden}.settlement-art{height:240px;background:url('/assets/settlement-progression-v1.webp') center/cover;position:relative}.settlement-shade{position:absolute;inset:0;background:linear-gradient(0deg,#0c120eee 4%,transparent 72%),linear-gradient(90deg,#0b100ba8,transparent 70%)}.settlement-title{position:absolute;left:20px;right:20px;bottom:18px}.settlement-title span,.settlement-title b,.settlement-title small{display:block;text-shadow:0 2px 8px #000}.settlement-title span{color:var(--amber);font:800 11px Barlow Condensed;letter-spacing:.18em;text-transform:uppercase}.settlement-title b{font:800 34px/.95 Barlow Condensed;margin:5px 0 7px}.settlement-title small{font:700 9px Barlow Condensed;letter-spacing:.12em}.wall-status{display:flex;gap:14px;align-items:center;padding:14px 18px}.wall-status>div{flex:1}.wall-status b{font:700 10px Barlow Condensed;letter-spacing:.12em}.wall-status span{display:block;height:5px;background:#2c3830;margin-top:7px}.wall-status i{display:block;height:100%;background:var(--amber)}.wall-status button{border:1px solid #8b7245;background:#d9a548;color:#17140e;padding:9px 12px;font:800 9px Barlow Condensed;letter-spacing:.1em;cursor:pointer}.wall-status button:disabled{opacity:.45}.raid-history{display:grid;gap:3px;padding:0 18px 14px;color:var(--muted)}.raid-history small{font-size:9px}
.survivor-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.survivor-card{min-height:260px}.survivor-card.trusted{border-color:#8b7245;background:linear-gradient(145deg,#263125,#1a251e)}.survivor-card.trusted .glyph{color:var(--amber)}.survivor-request{border-top:1px solid #354239;border-bottom:1px solid #354239;margin:12px -4px 10px;padding:10px 4px}.survivor-request strong{display:block;color:var(--amber);font:800 10px Barlow Condensed;letter-spacing:.1em}.survivor-request small{display:block;margin-top:5px;line-height:1.5}
:root{--ink:#e9eee8;--muted:#9aa79d;--night:#0c110e;--panel:#151d18;--line:#354138;--fern:#6c8b65;--amber:#e2a84c;--rust:#b85f35;--danger:#ba5542;--shadow:0 20px 60px #0008}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--night);color:var(--ink);font-family:Inter,system-ui,sans-serif}button{font:inherit;color:inherit}.hidden{display:none!important}.boot{min-height:100svh;background:linear-gradient(90deg,#08100de8 0%,#0a100db8 34%,transparent 68%),linear-gradient(0deg,#090e0ad9,transparent 45%),url('/assets/real-world-hero.png') center/cover;display:flex;align-items:center;padding:clamp(24px,7vw,110px);position:relative;overflow:hidden}.boot:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#fff0 0,#fff0 3px,#00000012 4px)}.boot-copy{position:relative;z-index:1;max-width:650px}.eyebrow{color:#c6d0c7;font:700 12px/1 Barlow Condensed,sans-serif;letter-spacing:.25em;text-transform:uppercase}.boot h1{font:800 clamp(64px,9vw,140px)/.78 Barlow Condensed,sans-serif;letter-spacing:-.045em;margin:25px 0 32px;text-shadow:0 6px 30px #000}.boot h1 em{color:var(--amber);font-style:normal}.boot p{font-size:clamp(16px,2vw,22px);color:#c7d1c9;margin:0 0 36px}.primary{border:0;background:var(--amber);color:#17150f;padding:17px 22px;text-transform:uppercase;font:800 14px Barlow Condensed;letter-spacing:.14em;cursor:pointer;box-shadow:0 8px 24px #0008;transition:.2s}.primary:hover{background:#f2bf67;transform:translateY(-2px)}.primary span{font-size:20px;margin-left:28px}.boot-credit{position:absolute;bottom:25px;right:28px;color:#c8d0c8aa;font:600 10px Barlow Condensed;letter-spacing:.23em}.game{min-height:100svh;background:#0e1511}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;background:#111914f2;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand-mark{border:1px solid #82937f;width:38px;height:38px;display:grid;place-items:center;font:800 15px Barlow Condensed;transform:rotate(-3deg)}.brand b,.brand small{display:block;font-family:Barlow Condensed;letter-spacing:.13em}.brand small{font-size:9px;color:var(--muted);margin-top:2px}.status-row{display:flex;height:100%}.status{min-width:95px;border-left:1px solid #2b352e;display:grid;grid-template-columns:25px 1fr;grid-template-rows:1fr 1fr;align-items:end;padding:13px 16px}.status span{grid-row:1/3;color:var(--amber);align-self:center}.status b{font:700 18px Barlow Condensed}.status small{font:600 8px Inter;color:var(--muted);letter-spacing:.16em;align-self:start}.icon-button{width:40px;height:40px;border:1px solid var(--line);background:transparent;margin-left:18px;cursor:pointer}.world{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);height:calc(100svh - 142px)}.map{position:relative;overflow:hidden;background:radial-gradient(ellipse at 62% 42%,#42604d55,transparent 22%),linear-gradient(135deg,#17251d,#0d1611 75%)}.map:before{content:"";position:absolute;inset:0;opacity:.18;background-image:linear-gradient(30deg,#6f8d7712 12%,transparent 12.5%,transparent 87%,#6f8d7712 87.5%),linear-gradient(150deg,#6f8d7712 12%,transparent 12.5%,transparent 87%,#6f8d7712 87.5%);background-size:70px 120px}.map:after{content:"";position:absolute;inset:8% 14% 4% 8%;background:#375442;clip-path:polygon(28% 100%,18% 88%,24% 73%,20% 61%,32% 48%,34% 32%,48% 25%,57% 9%,69% 0,71% 17%,62% 34%,65% 46%,51% 58%,47% 74%);filter:drop-shadow(0 0 18px #5a7d6033);opacity:.42}.map-label{position:absolute;left:4%;top:7%;z-index:2}.map-label span,.map-label small{display:block;font:700 13px Barlow Condensed;letter-spacing:.22em}.map-label small{font-size:9px;color:var(--muted);margin-top:5px}.route{position:absolute;inset:0;width:100%;height:100%;z-index:1}.route path{fill:none;stroke:#d3b26b88;stroke-width:2;stroke-dasharray:8 10;filter:drop-shadow(0 0 5px #e9b95f)}.map-pin{position:absolute;left:var(--x);top:var(--y);z-index:3;transform:translate(-50%,-50%);border:0;background:none;text-align:left;cursor:pointer;padding:0 0 0 46px;white-space:nowrap}.map-pin span{position:absolute;left:0;top:0;width:35px;height:35px;border:1px solid #b8c4b8;background:#1e2b23;display:grid;place-items:center;box-shadow:0 0 0 5px #19261d99,0 5px 20px #000}.map-pin b,.map-pin small{display:block;font-family:Barlow Condensed;text-shadow:0 2px 4px #000}.map-pin b{font-size:14px;letter-spacing:.08em}.map-pin small{font-size:8px;color:#b3beb5;letter-spacing:.13em;margin-top:3px}.map-pin.active span{border-color:var(--amber);background:var(--amber);color:#10150f}.map-pin.locked span{border-color:var(--rust);color:#e79b72}.map-pin.ghost{opacity:.55}.weather{position:absolute;left:4%;bottom:5%;z-index:3;display:flex;gap:12px;align-items:center}.weather>span{font-size:20px;color:#9cb5aa}.weather b,.weather small{display:block;font:600 11px Barlow Condensed;letter-spacing:.1em}.weather small{color:var(--muted);font-size:8px;margin-top:3px}.panel{background:#121915;border-left:1px solid var(--line);padding:24px;overflow:auto}.panel-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.panel-heading h2{font:700 30px Barlow Condensed;margin:5px 0 0}.tag{font:800 9px Barlow Condensed;letter-spacing:.15em;border:1px solid;padding:6px 9px}.tag.safe{color:#a9c99d;border-color:#587052}.tag.risk{color:#e5b36d;border-color:#805f31}.scene-card{background:#1a241e;border:1px solid #35443a;box-shadow:var(--shadow);overflow:hidden}.scene-image{height:220px;position:relative;overflow:hidden}.scene-image img{width:100%;height:100%;object-fit:cover;transition:.7s}.scene-card:hover img{transform:scale(1.025)}.scene-grade{position:absolute;inset:0;background:linear-gradient(0deg,#121a15,transparent 60%)}.scene-index{position:absolute;right:12px;top:12px;background:#0b100ccd;padding:6px 8px;font:600 9px Barlow Condensed;letter-spacing:.12em}.scene-content{padding:16px}.scene-content p{min-height:40px;color:#bbc6bd;font-size:12px;line-height:1.55;margin:0 0 14px}.progress-line{display:flex;gap:10px;align-items:center}.progress-line>span{height:4px;background:#344038;flex:1}.progress-line i{height:100%;display:block;background:var(--amber);transition:.5s}.progress-line b{font:700 8px Barlow Condensed;color:#c4cdc5;letter-spacing:.12em}.actions{display:grid;gap:9px;margin-top:14px}.action{width:100%;background:#1a241e;border:1px solid #334138;padding:13px 14px;text-align:left;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;cursor:pointer;transition:.18s}.action:hover:not(:disabled){border-color:#788d7b;background:#202d25;transform:translateX(2px)}.action:disabled{opacity:.38;cursor:not-allowed}.action>span{font-size:18px;color:var(--amber)}.action b,.action small{display:block}.action b{font:700 13px Barlow Condensed;letter-spacing:.08em}.action small{color:var(--muted);font-size:9px;margin-top:2px}.action em{font:700 9px Barlow Condensed;color:#d7b779;font-style:normal}.dock{height:66px;border-top:1px solid var(--line);display:flex;justify-content:center;background:#101713;position:relative;z-index:6}.dock-tab{min-width:112px;border:0;border-right:1px solid #29332c;background:transparent;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;cursor:pointer;color:#97a39a}.dock-tab:first-child{border-left:1px solid #29332c}.dock-tab span{font-size:19px;filter:grayscale(.5)}.dock-tab b{font:700 9px Barlow Condensed;letter-spacing:.14em}.dock-tab i{position:absolute;top:8px;right:10px;border-radius:20px;background:var(--rust);font:700 8px Inter;font-style:normal;padding:2px 5px;color:white}.dock-tab.active,.dock-tab:hover{color:var(--ink);background:#18221c}.dock-tab.active:before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:2px;background:var(--amber)}.drawer{width:min(700px,calc(100% - 30px));max-height:85vh;border:1px solid #465449;background:#131b16;color:var(--ink);padding:30px;box-shadow:0 30px 100px #000c}.drawer::backdrop{background:#050805c9;backdrop-filter:blur(5px)}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:26px;color:#93a097;cursor:pointer}.drawer h2{font:700 34px Barlow Condensed;margin:0 0 4px}.drawer-sub{color:var(--muted);font-size:11px;margin-bottom:22px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.mini-card{background:#1c2720;border:1px solid #354239;padding:14px;min-height:120px;position:relative}.mini-card .glyph{font-size:28px;display:block;margin-bottom:20px}.mini-card b,.mini-card small{display:block}.mini-card b{font:700 15px Barlow Condensed}.mini-card small{font-size:9px;color:var(--muted);margin-top:4px;line-height:1.4}.mini-card .qty{position:absolute;right:10px;top:10px;color:var(--amber);font:800 12px Barlow Condensed}.toast{position:fixed;left:50%;bottom:84px;z-index:20;transform:translate(-50%,20px);background:#e2a84c;color:#14130e;padding:12px 18px;font:800 11px Barlow Condensed;letter-spacing:.12em;opacity:0;pointer-events:none;transition:.3s;box-shadow:0 10px 30px #0008}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:850px){.topbar{height:62px;padding:0 13px}.brand small{display:none}.status{min-width:58px;padding:8px}.status span{display:none}.icon-button{display:none}.world{grid-template-columns:1fr;height:auto;min-height:calc(100svh - 122px);padding-bottom:70px}.map{height:42svh;min-height:330px}.panel{border-left:0;border-top:1px solid var(--line);padding:18px}.scene-image{height:210px}.dock{position:fixed;bottom:0;left:0;right:0;height:62px}.dock-tab{min-width:0;flex:1}.dock-tab b{display:none}.dock-tab span{font-size:21px}.boot{background-position:62% center}.boot h1{font-size:65px}.map-pin b{font-size:12px}.map-pin small{display:none}}@media(max-width:480px){.status-row .status:nth-child(2){display:none}.scene-image{height:180px}.panel-heading h2{font-size:26px}.drawer{padding:24px 16px}.card-grid{grid-template-columns:repeat(2,1fr)}}