@font-face{font-family:GameHeading;src:url(../assets/fonts/heading_orbitron.ttf) format("truetype");font-display:swap}@font-face{font-family:GameBody;src:url(../assets/fonts/body_rajdhani.ttf) format("truetype");font-display:swap}:root{--font-heading: "GameHeading", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "GameBody", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root{--accent: #38bdf8;--accent-2: #818cf8;--panel-bg: rgba(17, 20, 28, .86);--panel-solid: #11141c;--panel-border: rgba(120, 160, 200, .32);--panel-radius: 14px;--panel-shadow: 0 18px 48px rgba(0, 0, 0, .55), inset 0 1px 0 rgba(255, 255, 255, .06);--text: #f5f7fa;--text-muted: rgba(245, 247, 250, .68);--btn-bg: #38bdf8;--btn-bg-hover: #5fcbfa;--btn-text: #0b0f17;--overlay-scrim: rgba(6, 10, 18, .55)}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#000;color:#f8fafc;font-family:var(--font-body),Rajdhani,ui-sans-serif,system-ui,sans-serif}#game-root{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,56.25vw);aspect-ratio:16 / 9;overflow:hidden;background:#11131a}#game-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}#ui-root{position:absolute;inset:0;pointer-events:none;font-family:var(--font-body),Rajdhani,sans-serif}#hud{position:absolute;inset:0;pointer-events:none}#menu-layer{display:none}.sc-panel{position:absolute;background:linear-gradient(180deg,#142028eb,#0e161ceb);border:1px solid rgba(120,200,220,.28);border-radius:12px;box-shadow:0 8px 28px #00000080,inset 0 1px #ffffff0d;padding:10px 14px;color:var(--text, #eaf6fa)}.sc-label{font-family:var(--font-heading),Orbitron,sans-serif;font-size:clamp(9px,1.1vw,12px);letter-spacing:.14em;color:#7fd8e6;font-weight:700}.sc-big{font-family:var(--font-heading),Orbitron,sans-serif;font-size:clamp(20px,2.6vw,34px);font-weight:800;line-height:1.05;text-shadow:0 2px 8px rgba(0,0,0,.5)}.sc-sub{font-size:clamp(11px,1.3vw,15px);color:#b6cdd6;margin-top:2px}.sc-topleft{top:14px;left:14px;min-width:150px}.sc-topright{top:14px;right:14px;text-align:right;min-width:150px}.sc-money{font-family:var(--font-heading),Orbitron,sans-serif;font-size:clamp(18px,2.3vw,30px);font-weight:800;color:#ffe08a;text-shadow:0 2px 8px rgba(0,0,0,.5)}.sc-money.negative{color:#ff7a7a}.sc-stats{display:flex;gap:6px;justify-content:flex-end;margin:6px 0 8px}.sc-chip{background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:2px 9px;font-size:clamp(11px,1.2vw,14px);font-weight:600}.sc-btn{pointer-events:auto;font-family:var(--font-body),Rajdhani,sans-serif;font-weight:700;border:1px solid rgba(120,200,220,.4);background:#3c89bc59;color:#eaf6fa;border-radius:8px;padding:5px 12px;cursor:pointer;font-size:13px;transition:background .12s}.sc-btn:hover{background:#3c89bc99}.sc-finance{width:100%}.sc-toolbar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:6px;pointer-events:auto;background:linear-gradient(180deg,#121c22f0,#0a1014f0);border:1px solid rgba(120,200,220,.28);border-radius:14px;padding:8px;box-shadow:0 10px 30px #0000008c;max-width:94%;flex-wrap:wrap;justify-content:center}.sc-tool{pointer-events:auto;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:clamp(58px,7vw,78px);padding:6px 4px 5px;border-radius:9px;border:1px solid transparent;background:#ffffff0a;transition:background .1s,border-color .1s,transform .08s}.sc-tool:hover{background:#ffffff1a;transform:translateY(-1px)}.sc-tool.active{border-color:var(--tc);background:color-mix(in srgb,var(--tc) 28%,transparent);box-shadow:0 0 0 1px var(--tc),0 4px 14px color-mix(in srgb,var(--tc) 40%,transparent)}.sc-tool-swatch{width:22px;height:22px;border-radius:6px;background:var(--tc);box-shadow:inset 0 0 0 2px #ffffff40}.sc-tool-name{font-size:clamp(10px,1.15vw,13px);font-weight:700;color:#eaf6fa}.sc-tool-cost{font-size:clamp(9px,1vw,12px);color:#ffe08a;font-weight:700}.sc-timebar{position:absolute;bottom:16px;left:14px;display:flex;gap:5px;pointer-events:auto;background:#0e161ce6;border:1px solid rgba(120,200,220,.28);border-radius:10px;padding:5px}.sc-spd{pointer-events:auto;cursor:pointer;width:34px;height:30px;border-radius:7px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#cfe7ee;font-size:13px;font-weight:700}.sc-spd:hover{background:#ffffff24}.sc-spd.active{background:#3fb56b;border-color:#6ee7a0;color:#04140a}.sc-hintbar{position:absolute;bottom:96px;left:50%;transform:translate(-50%);background:#0a1014c7;border:1px solid rgba(120,200,220,.2);border-radius:999px;padding:5px 16px;font-size:clamp(11px,1.25vw,14px);color:#cfe7ee;font-weight:600;max-width:70%;text-align:center;pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-finance-panel{position:absolute;top:50%;right:14px;transform:translateY(-50%);width:min(300px,40vw);background:linear-gradient(180deg,#142028f7,#0c141af7);border:1px solid rgba(120,200,220,.35);border-radius:14px;padding:18px;pointer-events:auto;box-shadow:0 16px 44px #0009}.sc-finance-panel.hidden{display:none}.sc-finance-panel h3{margin:0 0 12px;font-family:var(--font-heading),Orbitron,sans-serif;font-size:18px;color:#7fd8e6;letter-spacing:.06em}.sc-slider-row{display:flex;justify-content:space-between;font-weight:700;margin-bottom:6px;font-size:15px}#sc-tax{width:100%;accent-color:#3fb56b}.sc-hint{font-size:12px;color:#9fbcc6;margin:10px 0 14px;line-height:1.4}.sc-toast{position:absolute;top:74px;left:50%;transform:translate(-50%) translateY(-10px);background:linear-gradient(180deg,#3fb56bf2,#288c50f2);color:#04140a;font-weight:800;font-family:var(--font-heading),Orbitron,sans-serif;padding:10px 22px;border-radius:999px;box-shadow:0 10px 30px #00000080;opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;font-size:15px}.sc-toast.hidden{display:none}.sc-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 640px){.sc-tool-name,.sc-hintbar{display:none}.sc-tool{min-width:46px}}