:root{color-scheme:light;--ink: #17272b;--ink-soft: #30464a;--paper: #fffaf0;--ground: #f3e7c7;--line: rgba(23, 39, 43, .22);--production: #f2a64b;--logistics: #43c3cb;--commerce: #86cf59;--economy: #f7ce42;--progression: #9b83e6;--booster: #f36f97;font-family:Avenir Next Condensed,Futura Condensed,Franklin Gothic Condensed,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--ground);color:var(--ink);-webkit-user-select:none;user-select:none}button{color:inherit;font:inherit}button:focus-visible{outline:3px solid var(--economy);outline-offset:2px}[hidden]{display:none!important}.app-shell{position:relative;width:100%;height:100dvh;min-height:560px;overflow:hidden;background:var(--ground);isolation:isolate}.app-shell:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.18;background-image:repeating-linear-gradient(115deg,transparent 0 6px,rgba(23,39,43,.05) 7px);mix-blend-mode:multiply}#game-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none}#hud-root{position:absolute;inset:0;z-index:5;pointer-events:none}#hud-root button,#hud-root .virtual-joystick{pointer-events:auto}.game-header{position:absolute;top:18px;left:18px;right:min(390px,29vw);display:flex;align-items:stretch;gap:8px;animation:plate-in .55s cubic-bezier(.2,.8,.2,1) both}.brand-plate{width:184px;min-height:82px;padding:11px 15px;background:var(--ink);color:var(--paper);clip-path:polygon(0 0,96% 0,100% 16%,100% 100%,0 100%);box-shadow:0 8px #17272b29}.brand-plate span,.brand-plate em{display:block;font-family:Courier Prime,Courier New,monospace;font-size:8px;font-style:normal;letter-spacing:.15em}.brand-plate strong{display:block;margin:5px 0 3px;font-size:21px;line-height:.95;letter-spacing:-.02em}.brand-plate em{color:var(--production);font-weight:800}.metric-rack{display:grid;grid-template-columns:repeat(4,minmax(76px,1fr));flex:1;max-width:410px;border:1px solid var(--line);background:#fffaf0e6;box-shadow:0 7px #17272b1f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.metric{position:relative;min-width:0;padding:10px 13px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric span{display:block;font-family:Courier Prime,Courier New,monospace;font-size:8px;letter-spacing:.13em;color:var(--ink-soft)}.metric strong{display:block;margin-top:4px;font-size:22px;white-space:nowrap}.metric-coins strong{color:#c98317}.square-button,.utility-actions button,.dock-tabs button,.trace-panel button{border:1px solid var(--line);background:var(--paper);cursor:pointer}.square-button{width:52px;min-width:44px;min-height:44px;border:0;background:var(--ink);color:var(--paper);font:900 18px Courier New,monospace;box-shadow:0 7px #17272b2e}.task-card{position:absolute;top:112px;left:18px;width:260px;padding:15px 17px 14px 21px;background:#fffaf0ed;border-left:5px solid #ef6b55;box-shadow:0 8px #17272b1f;animation:plate-in .55s .08s cubic-bezier(.2,.8,.2,1) both}.task-heading{display:flex;justify-content:space-between;font:800 9px Courier New,monospace;letter-spacing:.16em;color:var(--ink-soft)}.task-heading b{color:#ef6b55}.task-card>strong{display:block;margin:12px 0 10px;font-size:17px;letter-spacing:.01em}.task-progress{height:6px;overflow:hidden;background:#d9d2bd}.task-progress i{display:block;width:0;height:100%;background:#ef6b55;transition:width .3s ease}.task-card>small{display:block;margin-top:7px;text-align:right;font:800 8px Courier New,monospace;letter-spacing:.08em}.upgrade-dock{position:absolute;left:152px;bottom:18px;width:min(440px,calc(100vw - 560px));min-width:340px;padding:9px;border:1px solid var(--line);background:#fffaf0e6;box-shadow:0 8px #17272b24;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:plate-in .55s .16s cubic-bezier(.2,.8,.2,1) both}.dock-label{display:flex;justify-content:space-between;padding:1px 3px 7px;font:800 8px Courier New,monospace;letter-spacing:.12em}.dock-label b{color:var(--progression)}.dock-tabs{display:flex;gap:4px;margin-bottom:5px}.dock-tabs button{min-height:28px;flex:1;padding:4px;font:900 9px Courier New,monospace}.dock-tabs button.is-active{background:var(--ink);color:var(--paper)}.dock-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.dock-buttons button{min-width:44px;min-height:54px;padding:5px 6px;border:1px solid var(--line);background:var(--paper);cursor:pointer;text-align:left}.dock-buttons button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px #17272b26}.dock-buttons button:disabled{opacity:.42;cursor:not-allowed}.dock-buttons button>i{float:left;margin-right:5px;color:var(--progression);font:900 17px serif}.dock-buttons button>strong{font-size:10px}.dock-buttons button>small{display:flex;clear:both;justify-content:space-between;padding-top:4px;font:800 8px Courier New,monospace}.dock-buttons button>small b{color:#c98317}.utility-actions{position:absolute;top:112px;left:288px;display:flex;gap:4px}.utility-actions button{min-width:58px;min-height:44px;padding:8px;font:900 9px Courier New,monospace}.utility-actions button:hover{background:var(--ink);color:var(--paper)}.station-chip{position:absolute;bottom:21px;left:calc((100% - min(380px,28vw))/2);transform:translate(-50%);display:flex;align-items:center;gap:10px;min-width:192px;padding:9px 15px;background:var(--ink);color:var(--paper);box-shadow:0 6px #17272b29}.station-chip>i{width:10px;height:10px;border-radius:50%;background:var(--commerce);box-shadow:0 0 0 5px #86cf5933}.station-chip span{display:flex;flex-direction:column}.station-chip b{font:900 10px Courier New,monospace;letter-spacing:.1em}.station-chip small{font:700 7px Courier New,monospace;letter-spacing:.18em;opacity:.7}.booster-chip{position:absolute;top:178px;left:288px;padding:7px 11px;background:var(--booster);color:var(--ink);font:900 9px Courier New,monospace;box-shadow:4px 4px #17272b2e}.control-hint{position:absolute;right:calc(min(390px,29vw) + 16px);bottom:24px;display:flex;align-items:center;gap:5px;font:800 7px Courier New,monospace;letter-spacing:.08em}.control-hint kbd{padding:4px 5px;background:var(--ink);color:var(--paper)}.virtual-joystick{position:absolute;left:22px;bottom:20px;width:112px;height:112px;border:2px solid rgba(23,39,43,.55);border-radius:50%;background:#fffaf070;touch-action:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.joystick-grid,.joystick-grid:before,.joystick-grid:after{position:absolute;inset:50% auto auto 50%;content:"";background:#17272b38;transform:translate(-50%,-50%)}.joystick-grid{width:64px;height:1px}.joystick-grid:before{width:1px;height:64px}.joystick-grid:after{width:20px;height:20px;border:1px solid rgba(23,39,43,.25);border-radius:50%;background:transparent}.joystick-knob{position:absolute;left:calc(50% - 21px);top:calc(50% - 21px);width:42px;height:42px;border:2px solid var(--ink);border-radius:50%;background:var(--commerce);box-shadow:0 6px #17272b38;transition:box-shadow .12s}.virtual-joystick.is-active .joystick-knob{box-shadow:0 2px #17272b38}.toast{position:absolute;top:20px;left:50%;transform:translate(-50%,-80px);display:flex;gap:8px;min-width:220px;padding:11px 15px;background:var(--ink);color:var(--paper);opacity:0;transition:.28s ease;font:800 10px Courier New,monospace}.toast i{width:8px;height:8px;border-radius:50%;background:var(--production)}.toast.is-visible{transform:translate(-50%);opacity:1}.trace-panel{--trace-accent: var(--production);position:absolute;z-index:10;inset:0 0 0 auto;width:min(380px,28vw);min-width:330px;overflow:hidden;background:#1e3034;color:#e9f0eb;box-shadow:-10px 0 #17272b1f;font-family:Courier Prime,Courier New,monospace}.trace-header{position:relative;height:84px;padding:18px 18px 12px;border-bottom:1px solid rgba(255,255,255,.14)}.trace-header span{display:block;font-size:8px;letter-spacing:.15em;opacity:.58}.trace-header strong{display:block;margin-top:3px;font-family:Avenir Next Condensed,Futura Condensed,sans-serif;font-size:25px;letter-spacing:-.03em}.trace-header button{display:none;position:absolute;right:8px;top:7px;width:44px;height:36px;background:transparent;color:inherit}.trace-filters{display:flex;gap:4px;padding:9px;overflow-x:auto;border-bottom:1px solid rgba(255,255,255,.12);scrollbar-width:none}.trace-filters button{flex:0 0 auto;min-width:44px;min-height:32px;padding:5px 8px;border-color:#ffffff26;background:transparent;color:#ffffff9e;font:700 7px Courier New,monospace}.trace-filters button.is-active{border-color:var(--paper);background:var(--paper);color:var(--ink)}.trace-cards{display:grid;grid-template-columns:repeat(2,1fr);max-height:170px;overflow-y:auto;border-bottom:1px solid rgba(255,255,255,.14)}.trace-cards button{position:relative;min-width:44px;min-height:54px;padding:10px 12px;border:0;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:transparent;color:#dae3dd;text-align:left}.trace-cards button small{display:block;font-size:7px;opacity:.32}.trace-cards button strong{display:block;margin-top:4px;font-family:Avenir Next Condensed,sans-serif;font-size:12px}.trace-cards button i{position:absolute;right:10px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--trace-accent)}.trace-cards button.is-active{background:#ffffff14;box-shadow:inset 4px 0 0 var(--trace-accent)}.trace-detail{height:calc(100% - 161px - min(170px,22vh));min-height:330px;padding:18px;overflow-y:auto}.trace-title{display:flex;align-items:end;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:2px solid var(--trace-accent)}.trace-title span{color:var(--trace-accent);font-size:8px;letter-spacing:.12em}.trace-title strong{font-family:Avenir Next Condensed,sans-serif;font-size:21px;text-align:right}.trace-detail>p{font-family:Avenir Next,sans-serif;font-size:11px;line-height:1.55;color:#d1dad5}.trace-detail section{margin-top:11px;padding:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff06}.trace-detail section>span{display:block;margin-bottom:7px;font-size:7px;letter-spacing:.13em;color:#8ea19a}.trace-detail code{display:block;color:#eff4ef;font:700 8px Courier New,monospace;white-space:normal;overflow-wrap:anywhere}.script-list{display:grid;gap:3px}.flow-list{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.flow-list code{padding:5px;border:1px solid rgba(255,255,255,.12)}.flow-list b{color:var(--trace-accent)}.live-signal{border-left:3px solid var(--trace-accent)!important}.live-signal strong{display:block;color:var(--trace-accent);font-size:13px}.live-signal small{display:block;margin-top:5px;font-size:7px;color:#879a93}.jump-button{width:100%;min-height:44px;margin-top:12px;padding:9px 12px;border-color:var(--trace-accent)!important;background:transparent!important;color:var(--trace-accent);font:800 8px Courier New,monospace;text-align:left}.jump-button b{float:right}.trace-footer{position:absolute;inset:auto 0 0;height:26px;display:flex;align-items:center;gap:7px;padding:0 13px;border-top:1px solid rgba(255,255,255,.12);font-size:7px;color:#8ea19a}.trace-footer i{width:7px;height:7px;border-radius:50%;background:var(--commerce)}.loading-screen{position:absolute;z-index:30;inset:0;display:grid;place-items:center;background:var(--ground);color:var(--ink);font:900 13px Courier New,monospace;letter-spacing:.18em;transition:opacity .35s ease,visibility .35s ease}.loading-screen:before{content:"";position:absolute;width:94px;height:47px;border:3px solid var(--ink);transform:rotate(30deg) skew(-30deg);animation:boot-pulse 1s ease-in-out infinite}.loading-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-screen.is-failed{background:#ffe2da;color:#982d23}@keyframes plate-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes boot-pulse{50%{transform:rotate(30deg) skew(-30deg) scale(.78);opacity:.25}}@media(max-width:1000px){.game-header{right:min(350px,32vw)}.brand-plate{width:156px}.brand-plate strong{font-size:18px}.metric-rack{grid-template-columns:repeat(2,1fr)}.metric{padding:7px 10px}.metric strong{font-size:17px}.upgrade-dock{width:350px}.control-hint{display:none}}@media(max-width:760px){.app-shell{min-height:500px}.game-header{top:8px;left:8px;right:8px;gap:5px}.brand-plate{width:135px;min-height:62px;padding:8px 10px}.brand-plate span{display:none}.brand-plate strong{margin:2px 0 4px;font-size:16px}.metric-rack{grid-template-columns:repeat(2,1fr);max-width:none}.metric{min-width:64px;padding:6px 8px}.metric:nth-child(n+3){display:none}.metric span{font-size:7px}.metric strong{font-size:15px}.square-button{width:44px;height:62px}.task-card{top:79px;left:8px;width:min(225px,calc(100vw - 112px));padding:11px 12px 10px 15px}.task-card>strong{margin:8px 0 7px;font-size:14px}.task-card>small{font-size:7px}.utility-actions{top:79px;left:auto;right:8px;display:grid;grid-template-columns:repeat(2,44px)}.utility-actions button{min-width:44px;width:44px;min-height:44px;padding:4px;font-size:7px}.utility-actions button:last-child{grid-column:span 2;width:92px}.upgrade-dock{left:auto;right:8px;bottom:max(58px,calc(env(safe-area-inset-bottom) + 52px));width:188px;min-width:0;padding:6px}.dock-label{display:none}.dock-tabs{margin-bottom:4px}.dock-tabs button{min-height:28px}.dock-buttons{grid-template-columns:repeat(2,1fr)}.dock-buttons button{min-height:44px;padding:3px 5px}.dock-buttons button>i{font-size:13px}.dock-buttons button>strong{font-size:8px}.dock-buttons button>small{font-size:7px}.virtual-joystick{left:12px;bottom:max(60px,calc(env(safe-area-inset-bottom) + 52px))}.station-chip{left:50%;bottom:max(54px,calc(env(safe-area-inset-bottom) + 48px));min-width:150px;padding:7px 10px}.station-chip b{max-width:125px;overflow:hidden;text-overflow:ellipsis;font-size:8px}.booster-chip{top:174px;left:8px}.toast{top:74px;min-width:190px;max-width:calc(100vw - 24px)}.trace-panel{inset:auto 0 0;width:100%;min-width:0;height:48px;max-height:48px;transition:max-height .3s cubic-bezier(.2,.8,.2,1);box-shadow:0 -8px #17272b1f}.trace-panel:not(.is-expanded)>:not(.trace-header){display:none;pointer-events:none}.trace-panel.is-expanded{height:min(62dvh,560px);max-height:min(62dvh,560px)}.trace-header{height:48px;padding:8px 58px 6px 12px}.trace-header span{font-size:6px}.trace-header strong{font-size:17px}.trace-header button{display:block}.trace-panel.is-expanded .trace-header button{transform:rotate(180deg)}.trace-filters{padding:6px}.trace-filters button{min-height:44px}.trace-cards{max-height:108px;grid-template-columns:repeat(3,1fr)}.trace-cards button{min-height:44px;padding:6px 8px}.trace-detail{height:calc(100% - 239px);min-height:0;padding:11px}.trace-title strong{font-size:17px}.trace-detail>p{margin:8px 0;font-size:10px}.trace-detail section{margin-top:7px;padding:8px}}@media(max-width:430px){.upgrade-dock{width:172px}.virtual-joystick{width:104px;height:104px}.station-chip{bottom:55px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}