*{box-sizing:border-box;margin:0;padding:0}:root{--panel-bg:#121826eb;--panel-border:#78a0ff40;--text:#e8eefc;--text-dim:#9fb0d0;--accent:#4d8dff;--good:#4dd47a;--bad:#ff6b6b;--warn:#ffc95c}html,body{background:#0a0e18;width:100%;height:100%;overflow:hidden}body{color:var(--text);-webkit-user-select:none;user-select:none;font-family:PingFang SC,Microsoft YaHei,-apple-system,Segoe UI,sans-serif}#app{width:100vw;height:100vh;position:relative}#game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hidden{display:none!important}.hud{z-index:10;position:absolute}.fullscreen-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(at 50% 30%,#1e2d50eb,#080a12f7);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.menu-box{background:var(--panel-bg);border:1px solid var(--panel-border);text-align:center;border-radius:14px;max-width:560px;max-height:86vh;padding:40px 56px;overflow-y:auto;box-shadow:0 24px 80px #0009}.game-title{letter-spacing:8px;background:linear-gradient(#cfe0ff,#4d8dff);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:52px}.game-subtitle{color:var(--text-dim);letter-spacing:6px;margin-bottom:36px;font-size:13px}.menu-buttons{flex-direction:column;gap:12px;margin:18px 0;display:flex}.menu-buttons.row{flex-direction:row;justify-content:center}.menu-btn{cursor:pointer;color:var(--text);border:1px solid var(--panel-border);background:#3c508259;border-radius:8px;padding:13px 34px;font-size:17px;transition:all .15s}.menu-btn:hover{background:#506eb480;transform:translateY(-1px)}.menu-btn.primary{background:linear-gradient(#4d8dff,#3564c4);border-color:#6ea2ff}.menu-btn.primary:hover{background:linear-gradient(#62a0ff,#3e6fd4)}.menu-hint{color:var(--text-dim);margin-top:10px;font-size:13px}.sandbox-options{text-align:left;grid-template-columns:1fr 1fr;gap:14px 26px;margin:20px 0;display:grid}.sandbox-options label{color:var(--text-dim);flex-direction:column;gap:6px;font-size:14px;display:flex}.sandbox-options select{color:var(--text);border:1px solid var(--panel-border);background:#1b2334;border-radius:6px;padding:8px 10px;font-size:14px}#slots-list{flex-direction:column;gap:10px;min-width:400px;margin:16px 0;display:flex}.slot-row{border:1px solid var(--panel-border);cursor:pointer;text-align:left;background:#3c508240;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.slot-row:hover{background:#506eb466}.slot-row .slot-label{flex:1}.slot-row .slot-meta{color:var(--text-dim);font-size:12px}.slot-row .slot-del{color:var(--bad);cursor:pointer;background:0 0;border:none;font-size:16px}.slot-row.empty{opacity:.55;font-style:italic}#hud-top{border-bottom:1px solid var(--panel-border);background:linear-gradient(#0a0e18f2,#0a0e18bf);align-items:center;gap:18px;height:46px;padding:0 14px;font-size:14px;display:flex;top:0;left:0;right:0}.hud-stat{white-space:nowrap;align-items:center;gap:5px;display:flex}.hud-stat .ico{font-size:15px}.hud-spacer{flex:1}#hud-clock{color:var(--text-dim);font-variant-numeric:tabular-nums;gap:10px;display:flex}#time-controls{gap:4px;display:flex}#time-controls button{cursor:pointer;width:34px;height:30px;color:var(--text);background:#3c508259;border:1px solid #0000;border-radius:6px}#time-controls button.active{border-color:var(--accent);background:#4d8dff4d}#toolbar{flex-direction:column;gap:6px;display:flex;top:60px;left:10px}#toolbar button{cursor:pointer;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;width:46px;height:46px;font-size:22px;transition:all .12s}#toolbar button:hover{border-color:var(--accent);transform:scale(1.08)}#toolbar button.active{border-color:var(--accent);background:#4d8dff59}#side-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;width:380px;padding:14px;top:60px;bottom:12px;left:66px;overflow-y:auto}#side-panel h2{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:17px;display:flex}#side-panel h3{color:var(--text-dim);margin:12px 0 6px;font-size:14px}.panel-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:18px}.panel-close:hover{color:var(--text)}.build-cats{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.build-cats button{cursor:pointer;color:var(--text);background:#3c50824d;border:1px solid #0000;border-radius:6px;padding:6px 10px;font-size:13px}.build-cats button.active{border-color:var(--accent);background:#4d8dff4d}.build-list{flex-direction:column;gap:7px;display:flex}.build-card{cursor:pointer;background:#2d3c5f4d;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:9px 11px;display:flex}.build-card:hover{border-color:var(--accent);background:#3c558c66}.build-card.locked{opacity:.45;cursor:not-allowed}.build-card.selected{border-color:var(--good);background:#4dd47a26}.build-card .b-swatch{border-radius:6px;flex-shrink:0;width:34px;height:34px}.build-card .b-info{flex:1;min-width:0}.build-card .b-name{font-size:14px}.build-card .b-stats{color:var(--text-dim);font-size:11.5px}.build-card .b-cost{color:var(--warn);white-space:nowrap;font-size:13px}.list-row{background:#2d3c5f4d;border:1px solid #0000;border-radius:8px;margin-bottom:8px;padding:10px 12px}.list-row .row-title{justify-content:space-between;gap:8px;font-size:14px;display:flex}.list-row .row-desc{color:var(--text-dim);margin-top:4px;font-size:12.5px;line-height:1.5}.list-row .row-reward{color:var(--warn);margin-top:4px;font-size:12px}.list-row.done{border-color:#4dd47a66}.progress-bar{background:#ffffff14;border-radius:3px;height:5px;margin-top:7px;overflow:hidden}.progress-bar>div{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}button.small-btn{cursor:pointer;color:var(--text);border:1px solid var(--panel-border);background:#4d8dff40;border-radius:6px;padding:5px 12px;font-size:12.5px}button.small-btn:hover:not(:disabled){background:#4d8dff73}button.small-btn:disabled{opacity:.4;cursor:not-allowed}button.small-btn.danger{background:#e0525240}button.small-btn.danger:hover:not(:disabled){background:#e0525273}button.small-btn.good{background:#4dd47a38}button.small-btn.good:hover:not(:disabled){background:#4dd47a66}.tax-row{align-items:center;gap:10px;margin-bottom:8px;font-size:13px;display:flex}.tax-row label{width:64px;color:var(--text-dim)}.tax-row input[type=range]{flex:1}.tax-row .tax-val{text-align:right;font-variant-numeric:tabular-nums;width:42px}#inspector{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:12px;width:330px;max-height:calc(100vh - 90px);padding:14px;top:60px;right:12px;overflow-y:auto}#inspector h2{justify-content:space-between;margin-bottom:4px;font-size:16px;display:flex}#inspector .insp-sub{color:var(--text-dim);margin-bottom:10px;font-size:12px}.stat-grid{grid-template-columns:1fr 1fr;gap:6px 14px;margin:8px 0;font-size:13px;display:grid}.stat-grid .k{color:var(--text-dim)}.stat-grid .v{text-align:right;font-variant-numeric:tabular-nums}.stat-grid .v.good{color:var(--good)}.stat-grid .v.bad{color:var(--bad)}.upg-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;font-size:13px;display:flex}.upg-row .upg-name{flex:1}.upg-row .upg-pips{color:var(--accent);letter-spacing:2px;font-size:11px}.insp-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.reason-list{color:var(--warn);margin-top:6px;font-size:12px;line-height:1.6}#toasts{z-index:50;flex-direction:column;gap:8px;max-width:360px;display:flex;position:absolute;bottom:16px;right:14px}.toast{background:var(--panel-bg);border-left:3px solid var(--accent);border-radius:9px;padding:11px 15px;font-size:13px;animation:.25s ease-out toast-in;box-shadow:0 8px 24px #00000073}.toast .t-title{margin-bottom:2px;font-weight:600}.toast .t-body{color:var(--text-dim);font-size:12px;line-height:1.45}.toast.success{border-color:var(--good)}.toast.warning{border-color:var(--warn)}.toast.danger{border-color:var(--bad)}.toast.mission{border-color:#b98cff}.toast.event{border-color:#5cd0e0}@keyframes toast-in{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:none}}#mission-tracker{border:1px solid var(--panel-border);background:#121826cc;border-radius:10px;width:280px;padding:10px 12px;font-size:12.5px;top:60px;right:12px}#mission-tracker.pushed{top:auto;bottom:16px}#mission-tracker .mt-title{color:var(--text-dim);margin-bottom:6px;font-size:13px}#mission-tracker .mt-mission{margin-bottom:8px}#mission-tracker .mt-name{font-size:13px}#build-info{pointer-events:none;z-index:40;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;max-width:280px;padding:10px 12px;font-size:12.5px;line-height:1.55}#build-info .bi-ok{color:var(--good)}#build-info .bi-no{color:var(--bad)}#debug-panel{background:#1e0c0ceb;border:1px solid #ff787866;border-radius:10px;width:420px;padding:12px;font-size:12.5px;bottom:12px;left:66px}#debug-panel h3{color:#ff9c9c;margin-bottom:8px;font-size:13px}#debug-panel .dbg-grid{flex-wrap:wrap;gap:6px;display:flex}#debug-panel button{cursor:pointer;color:#ffd7d7;background:#ff787826;border:1px solid #ff78784d;border-radius:5px;padding:5px 10px;font-size:12px}#debug-panel button:hover{background:#ff78784d}#debug-panel select{color:#ffd7d7;background:#2a1518;border:1px solid #ff78784d;border-radius:5px;padding:4px;font-size:12px}.hm-legend{color:var(--text-dim);align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.hm-bar{background:linear-gradient(90deg,#2040c0,#40c080,#e8d040,#e05050);border-radius:5px;flex:1;height:10px}.report-kv{border-collapse:collapse;width:100%;font-size:13px}.report-kv td{border-bottom:1px solid #ffffff0f;padding:5px 4px}.report-kv td:last-child{text-align:right;font-variant-numeric:tabular-nums}.pos{color:var(--good)}.neg{color:var(--bad)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#78a0ff40;border-radius:4px}::-webkit-scrollbar-track{background:0 0}