:root{--bg-color:#0a0d14;--panel-bg:#0a0d14d9;--accent:#00f2ff;--accent-dim:#00f2ff33;--text-color:#e0e6ed;--danger:#ff3d3d;--success:#00ff9d;--font-mono:"JetBrains Mono", "Fira Code", monospace}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;margin:0;overflow:hidden}#game-canvas{width:100vw;height:100vh;display:block}#ui-layer{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.sidebar{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--accent-dim);pointer-events:auto;z-index:100;border-radius:8px;width:240px;padding:20px;position:absolute;top:80px;left:20px;box-shadow:0 8px 32px #0009}.divider{background:var(--accent-dim);height:1px;margin:8px 0}.top-bar{pointer-events:none;z-index:101;justify-content:center;align-items:center;gap:60px;width:100%;display:flex;position:absolute;top:15px;left:0}.stat{flex-direction:column;align-items:center;display:flex}.stat-label{letter-spacing:1.5px;color:#fff6;text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:700}.stat-value{color:var(--accent);text-shadow:0 0 15px #00f2ff4d;font-size:20px;font-weight:800}.stat.clickable{pointer-events:auto;cursor:pointer;border:1px solid #0000;border-radius:4px;padding:4px 12px;transition:background .2s}.stat.clickable:hover{background:#ffffff0d;border-color:#ffffff1a}.stat.clickable:active{background:#ffffff1a;transform:translateY(1px)}.bottom-bar{pointer-events:auto;z-index:100;gap:12px;display:flex;position:absolute;bottom:25px;left:50%;transform:translate(-50%)}.bottom-bar button{color:#fff;font-family:var(--font-mono);cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:#0a0d1499;border:1px solid #ffffff1a;border-radius:4px;padding:8px 24px;font-size:11px;font-weight:700;transition:all .2s}.bottom-bar button:hover{background:#ffffff0d;border-color:#ffffff4d}.bottom-bar button.active{background:var(--accent);color:#000;border-color:var(--accent);box-shadow:0 0 20px #00f2ff66}#btn-undo{color:var(--accent);border-color:#00f2ff66}#btn-undo:hover{border-color:var(--accent);background:#00f2ff1a}#btn-rewind{color:gold;border-color:#ffd70066}#btn-rewind:hover{background:#ffd7001a;border-color:gold}.build-menu{max-height:70vh;padding-right:4px;overflow-y:auto}.build-menu::-webkit-scrollbar{width:4px}.build-menu::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:2px}.build-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:15px;margin-bottom:10px;padding:12px;transition:all .2s;display:flex;position:relative}.build-item:hover{background:#ffffff0d;border-color:#00f2ff1a}.build-item.active{background:var(--accent-dim);border-color:var(--accent)}.build-item .icon{border-radius:4px;flex-shrink:0;width:32px;height:32px}h2{letter-spacing:2px;color:var(--accent);text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.sidebar-header{border-bottom:1px solid var(--accent-dim);margin-bottom:16px;padding-bottom:12px}.section-label{text-transform:uppercase;letter-spacing:1.5px;color:#ffffff4d;margin:16px 0 8px;font-size:9px;font-weight:800}.menu-section:first-child .section-label{margin-top:0}.build-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:12px;margin-bottom:6px;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.build-item:hover{background:#ffffff14;border-color:#00e5ff4d;transform:translate(4px)}.build-item.active{border-color:var(--accent);background:#00e5ff1a;box-shadow:inset 0 0 10px #00e5ff1a}.build-item .label{color:#fff;letter-spacing:.5px;flex-grow:1;font-size:12px;font-weight:600}.build-item .arrow{color:#ffffff4d;font-size:10px}.options-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--accent-dim);pointer-events:auto;z-index:150;border-radius:12px;width:260px;padding:20px;animation:.25s cubic-bezier(.4,0,.2,1) panelSlide;position:absolute;top:80px;left:310px;box-shadow:0 20px 50px #000c,0 0 20px #00e5ff1a}@keyframes panelSlide{0%{opacity:0;transform:translate(-10px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}.panel-header{letter-spacing:1px;color:var(--accent);text-transform:uppercase;border-bottom:1px solid var(--accent-dim);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:10px;font-size:11px;font-weight:800;display:flex}.close-panel-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:0;font-size:18px;line-height:1;transition:color .2s}.close-panel-btn:hover{color:#ff3d3d}.tier-list .sub-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px 15px;transition:all .2s;display:flex}.tier-list .sub-item:hover{background:#ffffff14;border-color:#00e5ff66;transform:translateY(-2px)}.tier-list .sub-item.active{border-color:var(--accent);background:#00e5ff26;box-shadow:0 0 15px #00e5ff1a}.sub-info{flex-direction:column;gap:2px;display:flex}.tier-list .sub-item .name{color:#fff;font-size:13px;font-weight:700}.tier-list .sub-item .specs{color:#fff6;font-size:10px;font-weight:600}.tier-list .sub-item .cost{color:var(--accent);font-size:12px;font-weight:800}.stats-bar{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--accent-dim);pointer-events:auto;z-index:100;border-radius:30px;align-items:center;gap:20px;padding:10px 25px;display:flex;position:absolute;top:20px;right:20px;box-shadow:0 4px 20px #0006}.stat-item{flex-direction:column;align-items:center;display:flex}.stat-item .label{color:#fff6;letter-spacing:1px;text-transform:uppercase;margin-bottom:2px;font-size:9px;font-weight:700}.stat-item .value{color:#fff;font-size:16px;font-weight:800}.stat-item .value.highlight{color:var(--accent)}.stat-item .value.danger{color:#ff453a}.stat-divider{background:#ffffff1a;width:1px;height:25px}#game-over-overlay{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#04040ff2;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.game-over-content{text-align:center;background:#ff3d3d0d;border:1px solid #ff3d3d;border-radius:8px;padding:3rem;box-shadow:0 0 50px #ff3d3d33}.game-over-content h1{color:#ff3d3d;letter-spacing:.2rem;margin-bottom:1rem;font-size:3rem}.game-over-content p{color:#ccc;margin-bottom:2rem;font-family:Inter,sans-serif}.game-over-content button{color:#fff;cursor:pointer;background:#ff3d3d;border:none;border-radius:4px;padding:1rem 2rem;font-size:1.1rem;font-weight:700;transition:all .2s}.game-over-content button:hover{background:#f55;transform:scale(1.05)}