html,body,#root{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#050914;color:#e2e8f0}*{box-sizing:border-box}button,input{font:inherit}.app-shell{display:grid;grid-template-columns:minmax(0,1fr) 380px;height:100%;min-width:960px;background:radial-gradient(circle at 25% 20%,rgba(34,197,94,.12),transparent 32%),#050914}.game-canvas{position:relative;min-height:100%;overflow:hidden}.canvas-overlay{position:absolute;left:20px;bottom:20px;max-width:420px;padding:12px 14px;border:1px solid rgba(148,163,184,.25);border-radius:14px;background:#0f172ad1;color:#cbd5e1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hud{display:flex;flex-direction:column;gap:14px;height:100%;overflow:auto;border-left:1px solid rgba(148,163,184,.18);padding:18px;background:linear-gradient(180deg,#0f172af7,#020617fa);box-shadow:-18px 0 48px #00000047}.hud-header{display:flex;align-items:start;justify-content:space-between;gap:16px}.eyebrow{margin:0 0 4px;color:#94a3b8;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:1.55rem;line-height:1.15}h2{margin-bottom:12px;color:#f8fafc;font-size:.95rem;letter-spacing:.02em}.status{border:1px solid rgba(148,163,184,.25);border-radius:999px;padding:5px 9px;color:#cbd5e1;background:#1e293bd1;font-size:.78rem;text-transform:capitalize}.status.running{border-color:#22c55e73;color:#86efac;background:#1665342e}.status.paused{border-color:#fbbf2473;color:#fde68a;background:#92400e2e}.meta-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.meta-row span{border:1px solid rgba(148,163,184,.14);border-radius:12px;padding:10px;background:#0f172aa3;color:#94a3b8}.meta-row strong{color:#f8fafc}.card{border:1px solid rgba(148,163,184,.14);border-radius:16px;padding:14px;background:#0f172ab8}.notice{border:1px solid rgba(56,189,248,.24);border-radius:14px;padding:11px 12px;color:#bae6fd;background:#0e749026;font-size:.88rem}.notice.error{border-color:#f871714d;color:#fecaca;background:#7f1d1d33}.resource-grid{display:grid;grid-template-columns:1fr auto;gap:8px 16px}.resource-grid span{color:#cbd5e1}.resource-grid strong{color:#fef3c7}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}button{border:1px solid rgba(96,165,250,.32);border-radius:12px;padding:10px 11px;color:#eff6ff;background:linear-gradient(180deg,#2563ebdb,#1d4ed8d1);cursor:pointer}button:hover:not(:disabled){filter:brightness(1.12)}button:disabled{cursor:not-allowed;opacity:.45}button.wide{grid-column:1 / -1}.pending,.hint,.empty{margin:10px 0 0;color:#94a3b8;font-size:.84rem}.worker-row,.compact-row,.event{display:grid;gap:3px;border-top:1px solid rgba(148,163,184,.1);padding-top:10px;margin-top:10px}.worker-row:first-of-type,.compact-row:first-of-type,.event:first-of-type{border-top:0;padding-top:0;margin-top:0}.worker-row div{display:flex;justify-content:space-between;gap:10px}.worker-row span,small{color:#94a3b8}.compact-row{grid-template-columns:1fr auto;align-items:center}.events{padding-bottom:18px}.event span{color:#e2e8f0}.scene-label-wrap{pointer-events:none;-webkit-user-select:none;user-select:none}.worker-label,.node-label,.deposit-floater{min-width:max-content;border:1px solid rgba(226,232,240,.2);border-radius:999px;padding:5px 9px;color:#f8fafc;background:#020617bd;box-shadow:0 8px 24px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;transform:translateY(-2px)}.worker-label{display:grid;gap:1px;border-radius:12px;font-size:.74rem;line-height:1.05}.worker-label strong,.node-label strong{font-size:.78rem}.worker-label span,.node-label span{display:block;color:#cbd5e1;font-size:.66rem;white-space:nowrap}.worker-label.walking_to_node,.worker-label.returning_to_stockpile{border-color:#67e8f973}.worker-label.gathering{border-color:#facc158c}.worker-label.depositing{border-color:#a78bfa8c}.worker-label.carrying{border-color:#f59e0ba6;background:#452407c7}.worker-label.idle{opacity:.82}.node-label{border-color:#86efac57;border-radius:12px}.deposit-floater{border-color:#facc15a6;color:#fef3c7;background:#713f12d1;font-weight:800;animation:float-deposit 1.8s ease-out forwards}@keyframes float-deposit{0%{opacity:0;transform:translateY(8px) scale(.95)}18%{opacity:1}to{opacity:0;transform:translateY(-22px) scale(1.05)}}@media(max-width:980px){.app-shell{grid-template-columns:1fr;grid-template-rows:55vh auto;min-width:0}.hud{height:auto;border-left:0;border-top:1px solid rgba(148,163,184,.18)}}.health-card{border-color:#38bdf838;background:linear-gradient(180deg,#082f496b,#0f172ab8)}.health-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px;align-items:center;border-top:1px solid rgba(148,163,184,.1);padding-top:9px;margin-top:9px}.health-row:first-of-type{border-top:0;padding-top:0;margin-top:0}.health-row span{color:#cbd5e1;text-transform:capitalize}.health-row strong{text-align:right;color:#f8fafc;font-size:.86rem}.trend-safe strong,.morale-happy strong,.immigration-open strong,.starvation-none strong{color:#86efac}.trend-low strong,.morale-uneasy strong,.starvation-warning strong{color:#fdba74}.trend-critical strong,.trend-starving strong,.morale-collapsing strong,.starvation-active strong,.immigration-blocked_food strong,.immigration-blocked_morale strong,.immigration-blocked_collapse strong{color:#fca5a5}