*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mode-toolbar{position:fixed;z-index:20;top:10px;left:50%;display:flex;gap:3px;max-width:calc(100vw - 20px);padding:4px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:#1c252be0;box-shadow:0 5px 18px #0d1c2338;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%)}.mode-tool{display:flex;min-width:66px;height:32px;align-items:center;justify-content:center;gap:6px;padding:0 9px;border:0;border-radius:7px;color:#cbd7d9;background:transparent;font:600 11px/1 inherit;letter-spacing:.01em;cursor:pointer;transition:color .12s ease,background-color .12s ease,box-shadow .12s ease}.mode-tool:hover{color:#fff;background:#ffffff17}.mode-tool:focus-visible{outline:2px solid #f4d17a;outline-offset:1px}.mode-tool.is-active{color:#25343a;background:#f4d17a;box-shadow:0 2px 8px #f4d17a33}.mode-tool--accent{color:#ffe6ab;background:#f4d17a26}.mode-tool--accent:hover{color:#fff6dc;background:#f4d17a3d}.mode-tool svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.mode-tool[data-mode=simulate] svg{fill:currentColor;stroke:none}.mode-toolbar.is-gameplay-locked .mode-tool[data-mode]:not([data-mode=simulate]){display:none}.simulation-hud{position:fixed;z-index:18;top:26px;left:16px;display:flex;align-items:stretch;height:44px;overflow:hidden;border:1px solid rgba(111,151,177,.48);border-radius:0 0 10px 10px;color:#fff;background:linear-gradient(180deg,#0c1f30f5,#051422f5);box-shadow:0 3px #010b147a,0 8px 22px #00081040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.simulation-hud__calendar,.simulation-hud__controls{display:flex;align-items:center}.simulation-hud__calendar{gap:26px;padding:0 24px 0 28px}.simulation-hud__controls{gap:4px;padding:0 12px;border-left:1px solid rgba(116,155,180,.28)}.simulation-hud__date{color:#f7f8fa;font-size:14px;font-weight:850}.simulation-hud__clock{min-width:66px;color:#c7ced5;font-size:13px;font-variant-numeric:tabular-nums;font-weight:800}.simulation-hud__weather{color:#ffad24;font-size:24px;line-height:1;filter:drop-shadow(0 0 5px rgba(255,166,28,.28))}.simulation-hud__speed,.simulation-hud__pause{min-width:31px;height:31px;padding:0 5px;border:0;border-radius:5px;color:#cbd2d8;background:transparent;font:850 12px/1 inherit;cursor:pointer;pointer-events:auto}.simulation-hud__speed:hover,.simulation-hud__pause:hover{color:#fff;background:#ffffff17}.simulation-hud__speed:focus-visible,.simulation-hud__pause:focus-visible{outline:2px solid #fff;outline-offset:2px}.simulation-hud__pause{min-width:31px}.simulation-objective-panel{position:fixed;z-index:18;top:112px;left:18px;display:grid;width:min(330px,calc(100vw - 36px));gap:5px;padding:12px 14px;border:1px solid rgba(244,209,122,.48);border-radius:10px;color:#fff;background:#1c252be6;box-shadow:0 5px 18px #0d1c2338;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:none}.simulation-objective-panel strong{color:#f4d17a;font-size:12px;line-height:1.35}.simulation-objective-panel span{font-size:11px;line-height:1.3}.simulation-objective-panel__deadline{color:#cbd7d9;font-weight:700}.simulation-worker-panel{position:fixed;z-index:18;bottom:18px;left:50%;display:grid;min-width:min(420px,calc(100vw - 32px));gap:3px;padding:9px 14px;border:1px solid rgba(255,255,255,.28);border-radius:9px;color:#fff;background:#1c252be0;box-shadow:0 5px 18px #0d1c2338;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transform:translate(-50%);pointer-events:none;text-align:center}.simulation-worker-panel__idle{justify-self:center;margin-top:3px;padding:4px 10px;border:1px solid rgba(244,209,122,.48);border-radius:999px;color:#25343a;background:#f4d17a;font:750 10px/1 inherit;cursor:pointer;pointer-events:auto}.simulation-worker-panel__idle:disabled{cursor:default;opacity:.42}.simulation-worker-panel[data-condition=full]{border-color:#efb047cc}.simulation-worker-panel[data-condition=returning]{border-color:#97a5aeb8}.simulation-resource-hud{position:fixed;z-index:18;top:33px;right:10px;display:flex;align-items:center;min-height:48px;gap:4px;padding:4px 7px;border:1px solid rgba(50,94,124,.46);border-radius:7px;color:#fff;background:linear-gradient(180deg,#081f32f7,#031422f7);box-shadow:0 3px #000a1485,0 8px 24px #0008104d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.simulation-resource-hud>span,.simulation-resource-hud__cargo{display:grid;grid-template-columns:30px auto;grid-template-rows:15px 16px;min-width:66px;padding:3px 6px;white-space:nowrap}.simulation-resource-hud i{grid-row:1 / 3;align-self:center;font-size:23px;font-style:normal;filter:drop-shadow(0 2px 1px rgba(0,0,0,.45))}.simulation-resource-hud small,.simulation-resource-hud__cargo span{color:#8f9eaa;font-size:9px;font-weight:750;line-height:1;text-transform:uppercase}.simulation-resource-hud strong{color:#f5f6f7;font-size:14px;line-height:1;font-variant-numeric:tabular-nums;font-weight:900}.simulation-resource-hud__capacity{display:none}.simulation-building-panel{position:fixed;z-index:18;top:112px;right:18px;display:grid;width:min(290px,calc(100vw - 36px));gap:6px;padding:13px 14px;border:1px solid rgba(255,255,255,.28);border-radius:10px;color:#fff;background:#1c252be6;box-shadow:0 5px 18px #0d1c2338;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:none}.simulation-building-panel__title{color:#f4d17a;font-size:14px}.simulation-building-panel__status,.simulation-building-panel__metrics{font-size:11px;font-weight:700}.simulation-building-panel__detail{font-size:11px;line-height:1.4;opacity:.86}.simulation-building-panel__progress{height:5px;overflow:hidden;border-radius:999px;background:#ffffff29}.simulation-building-panel__progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:#f4d17a;transition:width .12s linear}.simulation-worker-panel__summary{color:#f4d17a;font-size:12px}.simulation-worker-panel__detail{font-size:11px;line-height:1.35;opacity:.9}.simulation-notice{position:fixed;z-index:19;top:105px;left:50%;max-width:min(520px,calc(100vw - 32px));padding:8px 13px;border:1px solid rgba(244,209,122,.54);border-radius:8px;color:#fff6d8;background:#1c252beb;box-shadow:0 5px 18px #0d1c2340;transform:translate(-50%);pointer-events:none;font-size:12px;font-weight:650;text-align:center}.simulation-effects{position:fixed;z-index:24;inset:0;overflow:hidden;pointer-events:none}.simulation-delivery-pop{position:absolute;padding:3px 7px;border:1px solid rgba(255,255,255,.42);border-radius:999px;color:#fff;background:#1e2f30e0;box-shadow:0 2px 8px #0d1c2347;font-size:11px;font-weight:800;letter-spacing:.01em;white-space:nowrap;transform:translate(-50%,-50%);animation:delivery-pop 1.15s ease-out forwards}@keyframes delivery-pop{0%{opacity:0;transform:translate(-50%,-35%) scale(.88)}16%{opacity:1;transform:translate(-50%,-55%) scale(1)}to{opacity:0;transform:translate(-50%,-145%) scale(.96)}}.simulation-building-tooltip{position:fixed;z-index:25;display:grid;min-width:160px;max-width:230px;gap:5px;padding:9px 10px;border:1px solid rgba(244,209,122,.56);border-radius:8px;color:#fff;background:#172227f0;box-shadow:0 5px 16px #0d1c234d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.simulation-building-tooltip__title{color:#f4d17a;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.simulation-building-tooltip__metrics,.simulation-building-tooltip__progress{font-size:10px;font-weight:750;letter-spacing:.025em;white-space:nowrap}.simulation-building-tooltip__metrics{color:#e7eeee}.simulation-building-tooltip__progress{color:#bfcfd0;text-align:right}.simulation-building-tooltip__track{height:4px;overflow:hidden;border-radius:999px;background:#ffffff29}.simulation-building-tooltip__fill{display:block;width:0;height:100%;border-radius:inherit;background:#f4d17a;transition:width .1s linear}.selection-marquee{position:fixed;z-index:17;border:1px solid #f4d17a;background:#f4d17a24;box-shadow:inset 0 0 0 1px #1c252b42;pointer-events:none}.day-modal{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:20px;background:#0d171d7a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.day-modal__panel{width:min(340px,100%);padding:25px;border:1px solid rgba(255,255,255,.3);border-radius:13px;color:#fff;background:#26363c;box-shadow:0 18px 60px #00000052;text-align:center}.day-modal__metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 0 20px}.day-modal__metrics span{padding:7px;border-radius:7px;background:#ffffff12;color:#dce5e5;font-size:11px}.day-modal__panel h2{margin:0 0 20px;font-size:22px}.day-modal__summary{margin:-8px 0 20px;color:#dce5e5;font-size:13px;line-height:1.45}.day-modal__button{min-width:92px;padding:9px 18px;border:0;border-radius:7px;color:#25343a;background:#f4d17a;font:700 13px/1 inherit;cursor:pointer}.day-modal__button:hover{background:#ffe39a}.simulation-onboarding{position:fixed;z-index:45;inset:0;display:grid;place-items:center;padding:20px;background:#0d171d85;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.simulation-onboarding__panel{width:min(510px,100%);padding:24px;border:1px solid rgba(244,209,122,.56);border-radius:13px;color:#fff;background:#26363c;box-shadow:0 18px 60px #00000057}.simulation-onboarding h2{margin:0 0 16px;color:#f4d17a}.simulation-onboarding__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:18px;font-size:12px}.simulation-onboarding kbd{padding:2px 5px;border:1px solid rgba(255,255,255,.28);border-radius:4px;background:#ffffff17;font:700 10px/1 inherit}.simulation-onboarding__dismiss{padding:8px 18px;border:0;border-radius:7px;color:#25343a;background:#f4d17a;font-weight:800;cursor:pointer}@media(max-width:900px){.simulation-resource-hud{top:105px;max-width:calc(100vw - 36px)}.simulation-objective-panel,.simulation-building-panel{top:180px}}[hidden]{display:none!important}#scene{display:block;width:100%;height:100%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}#scene:active{cursor:grabbing}.ocean-edge-fog{position:fixed;z-index:1;inset:0;background:radial-gradient(ellipse at 22% var(--ocean-edge-fog-line, 66%),rgb(var(--ocean-edge-fog-rgb, 155 199 221) / .3) 0,transparent 34%),radial-gradient(ellipse at 76% var(--ocean-edge-fog-line, 66%),rgb(var(--ocean-edge-fog-rgb, 155 199 221) / .24) 0,transparent 31%),linear-gradient(to bottom,transparent calc(var(--ocean-edge-fog-line, 66%) - 18%),rgb(var(--ocean-edge-fog-rgb, 155 199 221) / .28) calc(var(--ocean-edge-fog-line, 66%) - 11%),rgb(var(--ocean-edge-fog-rgb, 155 199 221) / .9) calc(var(--ocean-edge-fog-line, 66%) - 5%),rgb(var(--ocean-edge-fog-rgb, 155 199 221)) calc(var(--ocean-edge-fog-line, 66%) - 1%));opacity:0;pointer-events:none;transition:opacity .12s ease-out}.lil-gui.root{--background-color: rgba(28, 37, 43, .92);--widget-color: #3d535a;--hover-color: #4d6870;--focus-color: #5f7e88;--number-color: #f4d17a;--string-color: #b8e28e;--font-size: 12px;max-width:min(320px,calc(100vw - 24px));margin-top:52px}@media(max-width:620px){.mode-toolbar{top:6px}.mode-tool{min-width:40px;padding-inline:6px}.mode-tool span{display:none}.lil-gui.root{margin-top:48px}.simulation-hud{top:54px}.simulation-notice{top:96px}}