.three-game{position:fixed;inset:0;max-width:none!important;margin:0!important;padding:0!important;overflow:hidden}.three-game #topbar{position:absolute;z-index:40;left:12px;right:12px;top:12px;padding:8px 10px;border:1px solid rgba(171,207,178,.25);border-radius:12px;background:#0c1416e0;box-shadow:0 8px 28px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.three-game #main,.three-game #stage{position:absolute;inset:0;display:block}.three-game .canvas-wrap{position:absolute;inset:0;max-width:none;height:100%;min-height:0}.three-game #world-canvas{width:100%;height:100%;max-width:none;aspect-ratio:auto;image-rendering:auto;touch-action:none}.alpha-tag{display:inline-block;margin-left:8px;padding:2px 7px;border-radius:999px;background:#25391b;border:1px solid #547833;color:#bcf082;font-size:10px;vertical-align:2px;text-transform:uppercase;letter-spacing:.08em}.render-metrics{color:#9fc7a3;font-size:11px;font-variant-numeric:tabular-nums}.world-loading{position:absolute;inset:1px;z-index:8;display:grid;place-items:center;border-radius:10px;background:#18332f;color:#dfffc1;font-weight:700;transition:opacity .35s;pointer-events:none}.world-loading.done{opacity:0}.camera-help{position:absolute;right:12px;bottom:12px;padding:6px 9px;border-radius:8px;background:#0b1413c7;color:#c2d0c8;font-size:10px;pointer-events:none}.placement-banner{z-index:6}.placement-banner.valid{border-color:#80c653;color:#dfffc1}.placement-banner.invalid{border-color:#e56b62;color:#ffd2cd}.world-report-chip{display:inline-flex;gap:5px;align-items:center;padding:3px 7px;background:#17241d;border:1px solid #34523d;border-radius:999px;color:#acd7b5;font-size:10px}.objective-panel{border-color:#4c6934;background:linear-gradient(145deg,#20301d,#171c23 58%)}.objective-panel strong{display:block;color:#dfffc1;margin-bottom:5px}.objective-tier{color:#b8f078;border:1px solid #4f7135;background:#24371c;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.objective-progress{display:flex;flex-wrap:wrap;gap:5px}.objective-progress span{padding:3px 7px;border-radius:6px;background:#10161a;color:#aab8af;font-size:11px}.objective-progress span{display:inline-flex;align-items:center;gap:4px}.objective-thumb{width:24px;height:24px;object-fit:contain;margin:-5px 0}.objective-color{width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 1px #fff3}.objective-progress span.ready{color:#b8f078;border:1px solid #38572c}.objective-action{width:100%;margin-top:9px;border:1px solid #648948;border-radius:8px;padding:7px 10px;background:#b8f078;color:#132016;font-weight:800;cursor:pointer}.objective-panel.onboarding{border-color:#7baa52;box-shadow:0 10px 34px #2c4e1d57}.objective-complete{position:absolute;z-index:45;top:calc(var(--topbar-bottom, 76px) + 12px);left:50%;transform:translate(-50%,-12px) scale(.96);width:min(430px,calc(100vw - 28px));padding:12px 16px;border:2px solid #dfff82;border-radius:12px;background:#122316f5;color:#f2ffd7;text-align:center;box-shadow:0 12px 38px #0000006b,0 0 28px #b8f0784d;pointer-events:none;opacity:0}.objective-complete.show{animation:objective-complete-in 3.6s ease both}.objective-complete strong{display:block;color:#dfff82;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.objective-complete .completed-name{margin-top:3px;font-size:17px;font-weight:850}.objective-complete .next-objective{margin-top:3px;color:#b8c7bd;font-size:11px}@keyframes objective-complete-in{0%{opacity:0;transform:translate(-50%,-12px) scale(.96)}12%,78%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-8px) scale(.98)}}@media(prefers-reduced-motion:reduce){.objective-complete.show{animation:none;opacity:1;transform:translate(-50%)}}.direct-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 5px;padding:8px;border:1px solid #2f4050;border-radius:9px;background:#111820}.mode-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 5px}.mode-controls button{flex:1;padding:6px 8px}.mode-controls button.active{color:#10161a;background:#b8f078;border-color:#dfffc1}.control-mode-badge{margin-left:7px;padding:2px 6px;border:1px solid #3d5265;border-radius:999px;color:#b8c5d2;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.control-mode-badge.mode-manual{border-color:#8c6a35;color:#efc373}.control-mode-badge.mode-automated{border-color:#3d7148;color:#9ee0a9}.control-mode-badge.mode-paused{border-color:#6a587d;color:#cab1e8}.direct-controls button{padding:5px 8px}.direct-controls button.active{color:#10161a;background:#b8f078;border-color:#dfffc1}.direct-label{width:100%;color:#9eabb9;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.direct-cancel{margin-left:auto}.direct-help{min-height:16px;margin:0 0 10px;color:#9eabb9;font-size:11px}.world-tooltip{position:absolute;z-index:20;max-width:260px;padding:7px 9px;border:1px solid #57704c;border-radius:7px;background:#0c1216f0;color:#e8f2e6;font-size:11px;line-height:1.35;pointer-events:none;box-shadow:0 7px 20px #0000004d}.world-tooltip strong{color:#cffa9d}.three-game #sidebar{position:absolute;inset:0;display:block;pointer-events:none}.three-game #sidebar>*,.three-game .game-drawer{pointer-events:auto}.objective-panel{position:absolute;z-index:25;top:calc(var(--topbar-bottom, 76px) + 10px);right:14px;width:min(330px,calc(100vw - 28px));box-shadow:0 10px 30px #00000040}.three-game #legend{position:absolute;z-index:20;left:14px;bottom:14px;max-width:min(620px,calc(100vw - 28px));background:#0e1618db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.three-game #legend.model-legend{align-items:center;gap:5px 9px;padding:6px 9px}.model-legend-item{display:inline-flex;align-items:center;gap:3px;white-space:nowrap;color:#b9c6bf;font-size:10px}.model-legend-item img{width:34px;height:34px;object-fit:contain;border-radius:5px;background:radial-gradient(circle,#a2c27e29,#121c1b1f)}.overlay-toggle{background:#1d2a30;color:#dbe9e2;border:1px solid #3c535b;border-radius:8px;padding:6px 10px;cursor:pointer}.top-stockpile{display:flex;gap:5px;padding-right:4px}.top-stockpile span{padding:3px 6px;border-radius:6px;background:#ffffff0f;color:#d8e2dc;font-size:11px;font-variant-numeric:tabular-nums}.top-stockpile span{display:inline-flex;align-items:center;gap:3px}.top-stockpile img{width:22px;height:22px;object-fit:contain;margin:-3px 0}.selected-settler{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #3c535b;border-radius:8px;padding:5px 8px;background:#ffffff0e;color:#dbe9e2;cursor:pointer;font-size:11px}.selected-settler[data-mode=manual]{border-color:#8c6a35;color:#efc373}.selected-settler[data-mode=automated]{border-color:#3d7148;color:#9ee0a9}.selected-settler[data-mode=paused]{border-color:#6a587d;color:#cab1e8}.overlay-toggle.active{color:#102019;background:#b8f078;border-color:#dfffc1}.overlay-toggle.attention{border-color:#dfff82;color:#eaffba;box-shadow:0 0 0 2px #b8f07838,0 0 16px #b8f07852;animation:objective-pulse 1.6s ease-in-out infinite}@keyframes objective-pulse{50%{box-shadow:0 0 0 4px #b8f0781f,0 0 24px #b8f07880}}@media(prefers-reduced-motion:reduce){.overlay-toggle.attention{animation:none}}.game-drawer{position:absolute;z-index:35;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .16s ease,transform .16s ease,visibility .16s}.game-drawer.open{opacity:1;visibility:visible;transform:translateY(0)}.orders-drawer{left:14px;top:calc(var(--topbar-bottom, 76px) + 10px);width:min(460px,calc(100vw - 28px));max-height:calc(100vh - var(--topbar-bottom, 76px) - 24px);overflow:auto;padding-right:4px}.orders-drawer>.panel{margin-bottom:10px;box-shadow:0 12px 34px #00000052}.progression-drawer{right:14px;top:calc(var(--topbar-bottom, 76px) + 10px);width:min(390px,calc(100vw - 28px));max-height:calc(100vh - var(--topbar-bottom, 76px) - 24px);overflow:auto;box-shadow:0 12px 34px #00000052}.away-drawer{right:14px;bottom:calc(var(--legend-height, 0px) + 24px);width:min(390px,calc(100vw - 28px));max-height:calc(100vh - var(--topbar-bottom, 76px) - var(--legend-height, 0px) - 38px);overflow:auto;box-shadow:0 12px 34px #00000052}.context-panel{position:absolute;z-index:32;left:50%;bottom:calc(var(--legend-height, 0px) + 24px);transform:translate(-50%);width:min(520px,calc(100vw - 28px));padding:10px 12px;border:1px solid #56705a;border-radius:12px;background:#0c1316f0;box-shadow:0 12px 36px #00000061;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.context-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.context-title{color:#dfffc1;font-weight:800}.context-detail{margin-top:2px;color:#aebbb4;font-size:11px}.context-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.context-actions button{border:1px solid #4b6552;border-radius:8px;padding:6px 10px;background:#203029;color:#e8f2e6;cursor:pointer}.context-actions button.primary{background:#b8f078;color:#122015;border-color:#dfffc1;font-weight:800}.context-hint{display:inline-flex;align-items:center;border:1px solid #66884d;border-radius:8px;padding:6px 10px;background:#17251c;color:#cffa9d;font-weight:750}.selection-summary .context-detail{line-height:1.5}.selection-meter{height:7px;margin-top:7px;overflow:hidden;border-radius:999px;background:#263039}.selection-meter>span{display:block;height:100%;background:#43c878}.selection-meter>span.warn{background:#e1a847}.selection-meter>span.danger{background:#ef6464}.context-pin{color:#8fa098;font-size:10px}.three-game .camera-help{bottom:auto;top:calc(var(--topbar-bottom, 76px) + 10px);left:14px;right:auto}@media(max-width:1100px){.three-game .brand .subtitle,.three-game .render-metrics{display:none}}@media(max-width:600px){.three-game .camera-help,.render-metrics{display:none}.three-game #topbar{flex-wrap:nowrap;overflow-x:auto}.three-game .brand .logo,.three-game .brand .alpha-tag{display:none}.top-stockpile span:nth-child(n+6){display:none}.selected-settler{max-width:120px}}