@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700;800&family=Rajdhani:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg: #071017;--panel: rgba(8, 16, 24, .82);--panel-strong: rgba(4, 10, 16, .94);--line: rgba(148, 196, 214, .18);--text: #e9f6ff;--muted: #9ab3c4;--accent: #6ef3d6;--accent-2: #f6a64d;--danger: #ff6a7a;--shadow: 0 18px 60px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at top,rgba(110,243,214,.15),transparent 30%),radial-gradient(circle at 20% 20%,rgba(246,166,77,.12),transparent 22%),linear-gradient(160deg,#020507,#071017 55%,#08131e);font-family:Rajdhani,system-ui,sans-serif;color:var(--text)}#app{position:relative;width:100vw;height:100vh}#game{display:block;width:100%;height:100%}.panel{position:absolute;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(180deg,#091119eb,#040a10f0);border:1px solid rgba(110,243,214,.16);box-shadow:var(--shadow);color:var(--text)}.hidden{display:none!important}#menu{inset:5vh 4vw auto 4vw;padding:28px;border-radius:28px}.brand{max-width:860px;margin-bottom:20px}.eyebrow{letter-spacing:.25em;text-transform:uppercase;color:var(--accent);font-weight:700;font-size:.82rem}h1,h2{font-family:Orbitron,sans-serif;margin:.25rem 0 .8rem}h1{font-size:clamp(2.4rem,4vw,4.6rem)}h2{font-size:1.2rem}.brand p{max-width:820px;color:var(--muted);font-size:1.08rem;line-height:1.5}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{padding:18px;border-radius:22px;background:#03080cc7;border:1px solid var(--line)}.stack{display:grid;gap:10px}.campaign-card,.class-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0a,#ffffff03)}.campaign-card.active,.class-card.active{border-color:#6ef3d673;box-shadow:inset 0 0 0 1px #6ef3d62e}.campaign-card button,.class-card button,.primary,#skillTreeBtn,#pauseBtn,#menuBtn,#closeOverlayBtn,#continueBtn,#retryBtn,#backMenuBtn,#startSkirmish{border:none;border-radius:14px;padding:10px 14px;background:#ffffff14;color:var(--text);font:inherit;cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.campaign-card button:hover,.class-card button:hover,.primary:hover,#skillTreeBtn:hover,#pauseBtn:hover,#menuBtn:hover,#closeOverlayBtn:hover,#continueBtn:hover,#retryBtn:hover,#backMenuBtn:hover,#startSkirmish:hover{transform:translateY(-1px);background:#ffffff24}.primary{background:linear-gradient(135deg,#6ef3d6f2,#48b9ffe0);color:#071017;font-weight:700}.toggle,.field{display:flex;align-items:center;gap:12px;color:var(--muted);margin-bottom:12px}.field span{min-width:86px}.field input[type=range]{flex:1}.hint{margin-top:12px;color:var(--muted);font-size:.95rem;line-height:1.45}.hud{inset:16px 16px auto 16px;padding:12px 14px;border-radius:18px;pointer-events:none}.hud-row{display:grid;grid-template-columns:220px 220px 1fr auto;gap:14px;align-items:center}.stat .label{display:block;color:var(--muted);font-size:.88rem;margin-bottom:4px}.bar{height:16px;border-radius:999px;background:#ffffff14;overflow:hidden}.fill{height:100%;width:0%;border-radius:inherit;transition:width .12s linear}.fill.hp{background:linear-gradient(90deg,#ff6a7a,#f6a64d)}.fill.xp{background:linear-gradient(90deg,#6ef3d6,#48b9ff)}.hud-meta{padding-left:8px}#missionTitle{font-family:Orbitron,sans-serif;font-size:.95rem;margin-bottom:4px}#missionInfo{color:var(--muted);font-size:.94rem}.hud-actions{display:flex;gap:10px;pointer-events:auto}.overlay{top:5vh;right:5vw;bottom:5vh;left:5vw;border-radius:28px;padding:22px}.overlay-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.skill-tree{position:relative;width:100%;height:calc(100% - 76px);border-radius:24px;background:radial-gradient(circle at 20% 20%,rgba(110,243,214,.08),transparent 18%),radial-gradient(circle at 80% 10%,rgba(246,166,77,.09),transparent 20%),#010508c2;overflow:hidden}.tree-node{position:absolute;width:220px;transform:translate(-50%,-50%);border-radius:18px;padding:14px;border:1px solid rgba(255,255,255,.1);background:#08121ae6;cursor:pointer;box-shadow:0 12px 35px #00000059}.tree-node h3{font-size:1rem;margin:0 0 6px}.tree-node p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.35}.tree-node .cost{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:4px 8px;border-radius:999px;background:#ffffff14;font-size:.86rem}.tree-node.locked{opacity:.45;cursor:not-allowed}.tree-node.purchased{border-color:#6ef3d673;background:#051617f2}.tree-node.available{border-color:#f6a64d8c}.result{inset:50% auto auto 50%;transform:translate(-50%,-50%);min-width:min(720px,calc(100vw - 40px));padding:26px;border-radius:28px;text-align:center}.result h2{font-size:2rem}.result p{color:var(--muted);max-width:62ch;margin:0 auto 18px}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.minimap{position:absolute;right:16px;bottom:16px;width:230px;height:230px;border-radius:20px;background:#02060ad1;border:1px solid rgba(110,243,214,.15);box-shadow:var(--shadow);overflow:hidden;pointer-events:none}.toast{position:absolute;left:50%;bottom:28px;transform:translate(-50%);max-width:min(80vw,720px);padding:14px 18px;border-radius:999px;background:#070f15eb;border:1px solid rgba(110,243,214,.22);color:var(--text);box-shadow:var(--shadow);text-align:center}@media (max-width: 1100px){.menu-grid{grid-template-columns:1fr}.hud-row{grid-template-columns:1fr;align-items:stretch}.hud-actions{flex-wrap:wrap}.minimap{width:160px;height:160px}}