*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;overflow:hidden;background:#07090d;color:#f5eadb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overscroll-behavior:none}body{touch-action:none}button{font:inherit}.app-shell{position:relative;width:100%;height:100%;background:radial-gradient(circle at 50% 35%,rgba(39,64,86,.38),transparent 42%),linear-gradient(180deg,#090c12,#05070a)}.silo-canvas{position:absolute;inset:0;z-index:1}.silo-canvas canvas{display:block;width:100%!important;height:100%!important;touch-action:none;user-select:none}.top-hud{position:absolute;z-index:5;left:14px;right:14px;top:12px;display:grid;grid-template-columns:260px 1fr auto;gap:12px;align-items:start;pointer-events:none}.brand-card,.resource-strip,.action-strip,.left-card,.right-panel,.bottom-help{pointer-events:auto;border:1px solid rgba(255,230,190,.14);background:#0b0f16b8;box-shadow:0 16px 48px #00000057;backdrop-filter:blur(12px)}.brand-card{padding:12px 14px;border-radius:18px}.brand-eyebrow,.panel-kicker,.mini-feed-title{color:#ffcf7a;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800}.brand-card h1{margin:2px 0;font-size:25px;letter-spacing:-.04em}.brand-subtitle{color:#f5eadbb8;font-size:12px}.resource-strip{display:flex;gap:8px;padding:8px;border-radius:18px;overflow-x:auto}.resource{min-width:78px;padding:8px 10px;border-radius:13px;background:#ffffff0f;text-align:center}.resource span{display:block;color:#f5eadba3;font-size:11px;font-weight:700}.resource strong{display:block;margin-top:1px;font-size:16px}.action-strip{display:flex;gap:6px;padding:8px;border-radius:18px;overflow-x:auto}.action-strip button,.right-panel button{border:0;cursor:pointer;color:#fff4df;border-radius:999px;padding:9px 12px;background:#ffffff1a;transition:transform .12s ease,background .12s ease;white-space:nowrap}.action-strip button:hover,.right-panel button:hover{transform:translateY(-1px);background:#ffcf7a38}.action-strip button.active{background:#ffb24652;box-shadow:inset 0 0 0 1px #ffcf7a40}.left-card{position:absolute;z-index:4;left:14px;bottom:44px;width:330px;max-height:220px;overflow:hidden;border-radius:18px;padding:12px 14px}.left-card ul{margin:8px 0 0;padding:0;list-style:none}.left-card li{color:#f5eadbc7;font-size:13px;line-height:1.35;padding:6px 0;border-top:1px solid rgba(255,255,255,.06)}.right-panel{position:absolute;z-index:6;right:14px;top:112px;width:330px;max-height:calc(100vh - 160px);overflow:auto;border-radius:22px;padding:16px}.right-panel.hidden{display:none}.right-panel h2{margin:4px 0 8px;font-size:25px;letter-spacing:-.03em}.right-panel p{color:#f5eadbc2;line-height:1.45;font-size:14px}.status-pill{display:inline-flex;padding:5px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#ffffff1a}.status-pill.stable{color:#9cffbd}.status-pill.strained{color:#ffd27a}.status-pill.warning{color:#ff927a}.status-pill.locked{color:#bba3ff}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.info-grid div,.list-card{padding:10px;border-radius:14px;background:#ffffff12}.info-grid span,.list-card span{display:block;color:#f5eadb94;font-size:11px}.info-grid strong,.list-card strong{display:block;margin-top:3px;font-size:13px}.list-card{margin-top:10px}.list-card button{margin-top:9px;width:100%}.bottom-help{position:absolute;z-index:4;left:50%;bottom:12px;transform:translate(-50%);padding:8px 13px;border-radius:999px;color:#f5eadbb8;font-size:12px}@media (max-width: 980px){.top-hud{left:8px;right:8px;top:max(8px,env(safe-area-inset-top));grid-template-columns:1fr;gap:6px}.brand-card{padding:9px 11px;border-radius:14px}.brand-card h1{font-size:20px}.brand-subtitle{display:none}.resource-strip,.action-strip{border-radius:14px;padding:6px;scrollbar-width:none}.resource-strip::-webkit-scrollbar,.action-strip::-webkit-scrollbar{display:none}.resource{min-width:64px;padding:6px 8px}.resource span{font-size:10px}.resource strong{font-size:13px}.action-strip button{padding:8px 10px;font-size:12px}.left-card{display:none}.right-panel{inset:auto 0 0;width:100%;max-height:54vh;border-radius:20px 20px 0 0;padding:14px max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.bottom-help{display:none}}@media (max-height: 520px) and (orientation: landscape){.top-hud{grid-template-columns:210px 1fr auto}.brand-card h1{font-size:18px}.resource{min-width:56px}.right-panel{inset:82px 8px auto auto;width:300px;max-height:calc(100vh - 92px);border-radius:16px}}.silo-scene-wrap{position:absolute;inset:0;z-index:1;pointer-events:none}.silo-scene-wrap .silo-canvas{pointer-events:auto}.mobile-joystick{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:max(24px,env(safe-area-inset-bottom));z-index:12;width:124px;height:124px;border-radius:999px;pointer-events:auto;touch-action:none;background:radial-gradient(circle at 50% 50%,#ffcf7a2e,#0a0e16b8 62%),#080c12d1;border:1px solid rgba(255,230,190,.22);box-shadow:0 18px 42px #00000073,inset 0 0 0 10px #ffffff06;backdrop-filter:blur(12px);user-select:none;-webkit-user-select:none}.mobile-joystick:before{content:"";position:absolute;inset:28px;border-radius:999px;border:1px dashed rgba(255,230,190,.22)}.joystick-knob{position:absolute;left:50%;top:50%;width:48px;height:48px;margin-left:-24px;margin-top:-24px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#fff2cb,#ffcf7a 42%,#b66c2e);box-shadow:0 8px 20px #0000007a,inset 0 -4px 10px #50260859;transform:translate(0);transition:transform 45ms linear}.player-status-pill{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:calc(max(24px,env(safe-area-inset-bottom)) + 136px);z-index:12;pointer-events:none;display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border-radius:999px;color:#fff4df;font-size:12px;font-weight:800;background:#080c12b8;border:1px solid rgba(255,230,190,.18);box-shadow:0 14px 34px #00000059;backdrop-filter:blur(10px)}.player-dot{width:9px;height:9px;border-radius:999px;background:#2dd4bf;box-shadow:0 0 16px #2dd4bfe6}@media (max-width: 980px){.mobile-joystick{width:112px;height:112px;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom))}.mobile-joystick:before{inset:25px}.joystick-knob{width:44px;height:44px;margin-left:-22px;margin-top:-22px}.player-status-pill{left:max(14px,env(safe-area-inset-left));bottom:calc(max(14px,env(safe-area-inset-bottom)) + 122px);font-size:11px;padding:7px 10px}}@media (max-height: 520px) and (orientation: landscape){.mobile-joystick{width:94px;height:94px;left:max(12px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom))}.mobile-joystick:before{inset:21px}.joystick-knob{width:38px;height:38px;margin-left:-19px;margin-top:-19px}.player-status-pill{display:none}}