:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden;background:#080810;color:#fafafa;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}.game-container{position:relative;width:100%;height:100vh;overflow:hidden}.menu-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(150deg,#060810,#0d1520 40%,#1a1028);z-index:100;overflow-y:auto}.menu-bg-art{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.menu-bg-art:before{content:"";position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(0deg,rgba(30,25,15,.5) 0%,transparent 100%)}.menu-title{font-size:clamp(2.2rem,8vw,4rem);font-weight:900;letter-spacing:-.04em;text-transform:uppercase;background:linear-gradient(135deg,gold,#ff8c00 40%,#ff4500);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.15rem;text-align:center;filter:drop-shadow(0 0 20px rgba(255,140,0,.3))}.menu-subtitle{color:#fff6;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:2.5rem}.menu-buttons{display:flex;flex-direction:column;gap:.6rem;width:min(300px,85vw)}.menu-btn{padding:.9rem 1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;background:#ffffff0a;color:#fafafa;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center;position:relative;overflow:hidden}.menu-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:translate(-100%);transition:transform .4s}.menu-btn:hover:after{transform:translate(100%)}.menu-btn:hover{background:#ffffff14;border-color:#ffd7004d;transform:translateY(-1px)}.menu-btn:active{transform:translateY(0) scale(.98)}.menu-btn.primary{background:linear-gradient(135deg,#ff8c0040,#ff450026);border-color:#ff8c0066;font-size:1.1rem}.menu-btn.primary:hover{background:linear-gradient(135deg,#ff8c0059,#ff450040);border-color:#ffd70080;box-shadow:0 0 20px #ff8c0026}.menu-daily{margin-top:2rem;padding:.75rem 1.25rem;border:1px solid rgba(255,215,0,.15);border-radius:.5rem;background:#ffd70008;text-align:center;max-width:300px}.menu-daily-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;color:gold;margin-bottom:.2rem}.menu-daily-text{font-size:.8rem;color:#fff9}.campaign-header{font-size:1.3rem;font-weight:700;color:gold;margin-bottom:1rem;text-align:center}.campaign-select{display:flex;flex-direction:column;gap:.5rem;max-height:55vh;overflow-y:auto;width:min(340px,90vw);padding:.25rem}.campaign-select::-webkit-scrollbar{width:4px}.campaign-select::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.level-btn{width:100%;padding:.65rem .9rem;border:1px solid rgba(255,255,255,.08);border-radius:.4rem;background:#ffffff05;color:#fafafa;cursor:pointer;text-align:left;transition:all .15s;display:flex;align-items:center;gap:.75rem}.level-btn:hover{background:#ffffff0f;border-color:#ffd70040}.level-btn.locked{opacity:.3;cursor:not-allowed}.level-num{font-size:1.3rem;font-weight:900;color:gold;min-width:2rem;text-align:center}.level-info{flex:1}.level-name{font-weight:600;font-size:.85rem}.level-desc{font-size:.7rem;color:#ffffff73;margin-top:.1rem}.level-reward{font-size:.65rem;color:gold}.back-btn{margin-top:1rem;padding:.5rem 1.5rem;border:1px solid rgba(255,255,255,.1);border-radius:.4rem;background:transparent;color:#ffffff80;cursor:pointer;font-size:.85rem;transition:all .15s}.back-btn:hover{color:#fafafa;border-color:#ffffff4d}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;background:linear-gradient(180deg,#000000bf,#0000);pointer-events:none;z-index:10}.hud>*{pointer-events:auto}.hud-left{display:flex;align-items:center;gap:.8rem}.hud-gold{display:flex;align-items:center;gap:.3rem;font-weight:800;font-size:1rem;color:gold;text-shadow:0 0 8px rgba(255,215,0,.3)}.hud-gold-icon{font-size:1.1rem}.hud-income{font-size:.65rem;color:#4cff4cb3}.hud-score{font-size:.7rem;color:#fff6}.hud-center{display:flex;align-items:center;gap:.5rem}.hud-wave{font-size:.75rem;font-weight:600;color:#fffc;padding:.2rem .6rem;border:1px solid rgba(255,255,255,.1);border-radius:.25rem;background:#0006}.hud-right{display:flex;align-items:center;gap:.4rem}.hud-btn{padding:.3rem .6rem;border:1px solid rgba(255,255,255,.12);border-radius:.3rem;background:#00000073;color:#ffffffbf;font-size:.8rem;cursor:pointer;transition:all .1s}.hud-btn:hover{background:#ffffff14}.hud-btn.active{background:#ff8c004d;border-color:#ff8c0080;color:gold}.queue-bar{position:absolute;top:42px;left:50%;transform:translate(-50%);display:flex;gap:3px;z-index:10;pointer-events:none}.queue-item{width:28px;height:28px;border:1px solid rgba(255,255,255,.15);border-radius:4px;background:#00000080;position:relative;overflow:hidden}.queue-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;z-index:1}.queue-progress{position:absolute;bottom:0;left:0;right:0;background:#ff8c0066;transition:height .1s}.notification{position:absolute;top:80px;left:50%;transform:translate(-50%);font-size:1.3rem;font-weight:900;color:gold;text-shadow:0 0 15px rgba(255,215,0,.5),0 2px 4px rgba(0,0,0,.8);pointer-events:none;z-index:10;animation:notifyPop .4s ease-out;white-space:nowrap}@keyframes notifyPop{0%{transform:translate(-50%) scale(1.8);opacity:0}60%{transform:translate(-50%) scale(1.05);opacity:1}to{transform:translate(-50%) scale(1);opacity:1}}.streak-indicator{position:absolute;top:80px;left:50%;transform:translate(-50%);font-size:1.1rem;font-weight:900;color:#f60;text-shadow:0 0 12px rgba(255,100,0,.5);pointer-events:none;z-index:9;animation:streakPop .4s ease-out}@keyframes streakPop{0%{transform:translate(-50%) scale(1.5);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.upgrade-panel{position:absolute;top:48px;right:.4rem;display:flex;flex-direction:column;gap:3px;z-index:10;max-height:calc(100vh - 200px);overflow-y:auto}.upgrade-btn{padding:.25rem .5rem;border:1px solid rgba(255,255,255,.08);border-radius:.3rem;background:#0000008c;color:#ffffffa6;font-size:.6rem;cursor:pointer;transition:all .15s;text-align:left;white-space:nowrap;display:flex;align-items:center;gap:.3rem}.upgrade-btn:hover{background:#ffffff0f;border-color:#ffd70040}.upgrade-btn.maxed{opacity:.35;cursor:not-allowed}.upgrade-label{color:gold;font-weight:600;font-size:.6rem}.upgrade-lvl{color:#fff6;font-size:.55rem}.upgrade-cost{color:gold;font-size:.55rem}.controls{position:absolute;bottom:0;left:0;right:0;padding:.4rem .6rem .6rem;background:linear-gradient(0deg,rgba(0,0,0,.85) 0%,rgba(0,0,0,.5) 70%,transparent 100%);z-index:10}.formation-row{display:flex;gap:.4rem;margin-bottom:.4rem;justify-content:center}.formation-btn{padding:.35rem 1.5rem;border:1px solid rgba(255,255,255,.12);border-radius:.3rem;background:#00000080;color:#fff9;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s;letter-spacing:.05em}.formation-btn.active-attack{background:#dc282840;border-color:#dc282880;color:#ff5050;box-shadow:0 0 10px #dc282826}.formation-btn.active-defend{background:#2864dc40;border-color:#2864dc80;color:#59f;box-shadow:0 0 10px #2864dc26}.unit-row{display:flex;gap:.35rem;justify-content:center;flex-wrap:wrap}.unit-btn{display:flex;flex-direction:column;align-items:center;padding:.3rem .5rem;min-width:56px;border:1px solid rgba(255,255,255,.1);border-radius:.4rem;background:#00000080;color:#fafafa;cursor:pointer;transition:all .15s;position:relative}.unit-btn:hover{background:#ffffff0f;border-color:#fff3}.unit-btn:active{transform:scale(.93)}.unit-btn.disabled{opacity:.3;cursor:not-allowed}.unit-btn.disabled:active{transform:none}.unit-icon{width:22px;height:22px;border-radius:50%;margin-bottom:.1rem;display:flex;align-items:center;justify-content:center;font-size:12px}.unit-name{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.unit-cost{font-size:.5rem;color:gold;font-weight:600}.overlay-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.overlay-screen.victory{background:#003200b3}.overlay-screen.defeat{background:#320000b3}.overlay-title{font-size:clamp(2.5rem,10vw,4rem);font-weight:900;text-transform:uppercase;margin-bottom:.5rem}.overlay-title.victory-text{color:#4f4;text-shadow:0 0 40px rgba(68,255,68,.5)}.overlay-title.defeat-text{color:#f44;text-shadow:0 0 40px rgba(255,68,68,.5)}.overlay-stats{color:#ffffffa6;font-size:.85rem;margin-bottom:1.5rem;text-align:center;line-height:2}.overlay-stats .stat-value{color:gold;font-weight:700}.overlay-buttons{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.overlay-btn{padding:.8rem 2rem;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:#ffffff0f;color:#fafafa;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s}.overlay-btn:hover{background:#ffffff1f;transform:translateY(-1px)}.overlay-btn.primary{background:linear-gradient(135deg,#ff8c0040,#ff450026);border-color:#ff8c0066}.skin-section{margin-top:1.5rem;text-align:center}.skin-label{font-size:.65rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.15em;margin-bottom:.4rem}.skin-options{display:flex;gap:.5rem;justify-content:center}.skin-btn{padding:.3rem .75rem;border:1px solid rgba(255,255,255,.08);border-radius:.3rem;background:transparent;color:#ffffff80;font-size:.75rem;cursor:pointer;transition:all .15s}.skin-btn.active{border-color:gold;color:gold;background:#ffd70014}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000a6;z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.pause-text{font-size:2.5rem;font-weight:900;color:#fff9;text-transform:uppercase;letter-spacing:.25em}