body{background-color:#111827;color:#f3f4f6;margin:0;overflow:hidden;font-family:Noto Sans SC,sans-serif;user-select:none}#game-container{position:relative;width:1100px;height:700px;margin:8px auto 0;box-shadow:0 10px 40px #000000b3,0 0 80px #0000004d;background-color:#d1d5db;border-radius:4px}canvas{display:block;cursor:crosshair}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.pointer-events-auto{pointer-events:auto}.hud-panel{background:linear-gradient(160deg,#111827eb,#1f2937e0);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 20px #00000080,inset 0 1px #ffffff0d;backdrop-filter:blur(8px)}.hud-btn{background:linear-gradient(135deg,#d97706,#b45309);border:1px solid rgba(251,191,36,.3);box-shadow:0 2px 8px #b453094d;font-weight:700}.hud-btn:hover:not(:disabled){background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 12px #f59e0b66;transform:translateY(-1px)}.hud-btn:disabled{background:linear-gradient(135deg,#374151,#1f2937);border-color:#ffffff0d;box-shadow:none;opacity:.6}.hp-bar{background:linear-gradient(90deg,#3b82f6,#60a5fa,#93c5fd);box-shadow:0 0 6px #3b82f666;position:relative}.hp-bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(255,255,255,.08) 3px,rgba(255,255,255,.08) 6px);border-radius:inherit}.prestige-bar{background:linear-gradient(90deg,#7c3aed,#a78bfa,#c4b5fd);box-shadow:0 0 8px #8b5cf680;position:relative}.boss-hp-bar{background:linear-gradient(90deg,#991b1b,#dc2626 40%,#ef4444);box-shadow:0 0 10px #ef444466;position:relative}.boss-hp-bar:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 4px,rgba(255,255,255,.06) 4px,rgba(255,255,255,.06) 8px);border-radius:inherit}.btn-build{transition:all .2s;border:2px solid transparent;flex:1 1 18%;min-width:90px;max-width:130px;border-radius:8px;background:linear-gradient(160deg,#1f2937e6,#111827f2)}.btn-build:hover:not(.disabled){border-color:#fbbf2466;background:linear-gradient(160deg,#374151f2,#1f2937fa);box-shadow:0 0 12px #fbbf2426}.btn-build.active{border-color:#fbbf24!important;transform:scale(1.05);box-shadow:0 0 16px #fbbf244d}.btn-build.disabled{opacity:.4;filter:grayscale(100%);cursor:not-allowed}.event-btn{transition:all .2s}.event-btn:not(:disabled):hover{border-color:#fbbf24;transform:translateY(-2px)}.event-btn:disabled{opacity:.5;filter:grayscale(100%);cursor:not-allowed}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#374151;border-radius:4px}::-webkit-scrollbar-thumb{background:#6b7280;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}