:root{--bg:#0a0e16;--panel:#121925;--ink:#f5f1e8;--muted:#8c94a3;--orange:#ff9559;--mint:#91e0bd;--blue:#83aaff;--line:#ffffff18;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);overflow:hidden}.world-header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:#0b1019ee;position:relative;z-index:4}.back{color:var(--muted);text-decoration:none;font-size:12px}.world-brand{font-weight:900;letter-spacing:.14em;font-size:13px}.world-brand span{color:var(--orange);font-size:18px;margin-right:6px}.world-brand small{font-size:9px;color:var(--muted);letter-spacing:.18em;margin-left:8px}.live{font-size:11px;color:var(--mint);font-weight:800}.live i,.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 15px var(--mint);margin-right:6px}.live b{color:var(--ink);margin-left:8px}.world-layout{height:calc(100vh - 68px);display:grid;grid-template-columns:1fr 360px}.viewport{position:relative;overflow:hidden;background:linear-gradient(#171b2c,#69382d 65%,#28191b)}#world-canvas{display:block;width:100%;height:100%;cursor:grab}.viewport-title{position:absolute;left:32px;top:28px;pointer-events:none}.eyebrow{color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.18em;margin:0 0 10px}.viewport-title h1{font-size:34px;letter-spacing:-.05em;margin:0 0 5px}.viewport-title p{font-size:12px;color:#c1c2c9;margin:0}.legend{position:absolute;left:32px;bottom:25px;background:#101522cc;border:1px solid var(--line);border-radius:8px;padding:10px 13px;display:flex;gap:15px;color:#c7cad1;font-size:10px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.mint{background:var(--mint)}.orange{background:var(--orange)}.blue{background:var(--blue)}.map-controls{position:absolute;right:24px;bottom:24px;display:flex;gap:7px}.map-controls button{border:1px solid var(--line);background:#101522cc;color:var(--ink);width:32px;height:32px;border-radius:6px;font-size:20px;cursor:pointer}.world-panel{background:var(--panel);border-left:1px solid var(--line);overflow:auto}.panel-section{padding:24px;border-bottom:1px solid var(--line)}.city-status{display:flex;justify-content:space-between;align-items:end;margin:2px 0 14px}.city-status strong{font-size:28px;color:var(--orange)}.city-status span{font-size:10px;color:var(--muted)}.progress{height:6px;border-radius:10px;background:#0b1018;overflow:hidden}.progress i{display:block;height:100%;background:var(--mint);border-radius:10px;transition:width .4s}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats div{border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong,.stats span{display:block}.stats strong{font-size:24px}.stats span{color:var(--muted);font-size:9px;margin-top:4px}.section-title{display:flex;justify-content:space-between}.activity-feed{display:grid;gap:9px}.activity{display:grid;grid-template-columns:27px 1fr;gap:9px;align-items:start}.activity-avatar{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#27344a;color:var(--mint);font-size:12px}.activity p{font-size:11px;line-height:1.35;margin:0;color:#d6d6dc}.activity small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.mission{background:linear-gradient(145deg,#1c2730,#121925)}.mission h2{font-size:20px;letter-spacing:-.04em;margin:0 0 7px}.mission p{font-size:11px;color:var(--muted);line-height:1.5}.mission-progress{margin:18px 0 8px}.mission-progress strong{font-size:22px;color:var(--mint)}.mission-progress span{font-size:10px;color:var(--muted)}.mission-button{width:100%;margin-top:16px;border:1px solid #91e0bd66;background:#91e0bd18;color:var(--mint);border-radius:6px;padding:11px;font-weight:800;font-size:11px;cursor:pointer}.panel-footer{display:flex;justify-content:space-between;gap:10px;padding:18px 24px;font-size:10px;color:var(--muted)}.panel-footer a{color:var(--orange);text-decoration:none}.panel-footer b{color:var(--ink)}@media(max-width:800px){body{overflow:auto}.world-header{padding:0 15px}.world-brand small{display:none}.world-layout{height:auto;display:block}.viewport{height:62vh;min-height:420px}.world-panel{border:0}.viewport-title{left:18px;top:20px}.viewport-title h1{font-size:28px}.legend{left:18px;bottom:18px;gap:7px;flex-direction:column}.map-controls{right:18px;bottom:18px}}