@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800;900&family=JetBrains+Mono:wght@500;700&display=swap";:root{--bg-dark: #07090e;--panel-bg: rgba(15, 18, 28, .88);--panel-border: rgba(255, 255, 255, .14);--accent-cyan: #00f0ff;--accent-gold: #facc15;--accent-purple: #a855f7;--accent-red: #ef4444;--accent-green: #22c55e;--text-main: #f8fafc;--text-muted: #94a3b8;--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .6)}*{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none}body,html{width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);font-family:Outfit,sans-serif;color:var(--text-main)}#game-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;z-index:1}#ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.interactive{pointer-events:auto}#xp-bar-container{position:absolute;top:0;left:0;width:100%;height:22px;background:#080c14eb;border-bottom:2px solid rgba(56,189,248,.45);box-shadow:0 4px 16px #0009;z-index:25;display:flex;align-items:center;justify-content:center;overflow:hidden}#hud-xp-fill{position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,#0284c7,#38bdf8,#a855f7);box-shadow:0 0 14px #38bdf8b3;transition:width .15s ease-out}#hud-xp-text{position:relative;z-index:2;font-family:Outfit,sans-serif;font-size:12px;font-weight:800;letter-spacing:.6px;color:#fff;text-shadow:0 1px 3px #000000,0 0 8px #000000;pointer-events:none}#hud-header{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;z-index:15;pointer-events:none}.hud-group{display:flex;align-items:center;gap:12px;background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:8px 16px;border-radius:12px;border:1px solid var(--panel-border);box-shadow:var(--glass-shadow);pointer-events:auto}.hud-center-group{gap:10px}.hud-right-group{gap:14px;padding:5px 14px}.hud-run-stats{display:flex;align-items:center;gap:10px}.hud-stat-badge{font-size:15px;display:inline-flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none}.hud-countdown-container{display:inline-flex;align-items:center;gap:9px;background:#080e1af0;border:2px solid #38bdf8;border-radius:12px;padding:4px 14px;box-shadow:0 0 16px #38bdf873,inset 0 2px 6px #000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:border-color .25s ease,box-shadow .25s ease,transform .2s ease;-webkit-user-select:none;user-select:none}.hud-countdown-icon{font-size:24px;display:inline-block;line-height:1;filter:drop-shadow(0 0 8px currentColor);transition:transform .2s ease}.hud-countdown-digits{font-family:JetBrains Mono,monospace;font-size:32px;font-weight:900;letter-spacing:1.5px;line-height:1;color:#38bdf8;text-shadow:0 0 14px rgba(56,189,248,.75),0 2px 4px rgba(0,0,0,.9);transition:color .25s ease,text-shadow .25s ease}@keyframes timerPulseCritical{0%,to{transform:scale(1);box-shadow:0 0 16px #ff1744b3,inset 0 0 10px #ff17444d;border-color:#ff1744}50%{transform:scale(1.06);box-shadow:0 0 32px #ff1744,inset 0 0 20px #ff174499;border-color:#ff5252}}.timer-pulse-critical{animation:timerPulseCritical .65s infinite ease-in-out!important}.hud-hero-badge{display:flex;align-items:center;gap:7px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:4px 10px;font-family:Outfit,sans-serif;font-size:13px;box-shadow:0 2px 8px #0006}#hud-hero-avatar{font-size:16px}#hud-hero-name{font-weight:800;letter-spacing:.4px;color:#f8fafc}.hero-perks-hud-tag{font-size:11px;font-weight:700;color:#cbd5e1;background:#00000073;padding:2px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.12)}#hud-combat-stats{position:absolute;top:74px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#0a0e18e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:5px 18px;box-shadow:0 6px 24px #0009;z-index:15;pointer-events:none}.stat-pill{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#e2e8f0}.stat-pill .stat-icon{font-size:15px}.stat-pill .stat-label{color:#94a3b8;font-weight:600;font-size:12px}.stat-pill strong{font-family:JetBrains Mono,monospace;font-size:12px}#val-lightning{color:#38bdf8}#val-explosion{color:#f97316}#val-knockback{color:#c084fc}#val-dps{color:#facc15}.hp-bar-wrapper{display:flex;flex-direction:column;gap:4px}.hp-bar-container{width:150px;height:14px;background:#0009;border-radius:7px;border:1.5px solid rgba(239,68,68,.4);overflow:hidden}#hud-hp-fill{width:100%;height:100%;background:linear-gradient(90deg,#dc2626,#ef4444,#f87171);box-shadow:0 0 10px #ef4444;transition:width .1s ease-out}#hud-hp-text{font-size:11px;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-weight:700}.audio-control-bar{display:inline-flex;align-items:center;gap:8px;background:#0f172ad9;border:1.5px solid rgba(56,189,248,.35);padding:5px 12px;border-radius:20px;box-shadow:inset 0 1px 3px #0006,0 2px 10px #0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease;pointer-events:auto;-webkit-user-select:none;user-select:none;z-index:25}.audio-control-bar:hover{border-color:#38bdf8b3;box-shadow:0 0 14px #38bdf859}.btn-sound-toggle{background:transparent;border:none;font-size:16px;cursor:pointer;padding:2px;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:transform .15s ease,filter .15s ease;pointer-events:auto}.btn-sound-toggle:hover{transform:scale(1.2);filter:drop-shadow(0 0 6px rgba(56,189,248,.9))}.volume-slider-wrap{position:relative;width:78px;height:18px;display:flex;align-items:center;pointer-events:auto}.volume-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:#1e293be6;border-radius:4px;outline:none;cursor:pointer;margin:0;accent-color:var(--accent-cyan);pointer-events:auto}.volume-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#38bdf8;border:2px solid #ffffff;box-shadow:0 0 8px #38bdf8;cursor:pointer;transition:transform .15s ease,background .15s ease}.volume-range::-webkit-slider-thumb:hover{transform:scale(1.25);background:#7dd3fc;box-shadow:0 0 12px #38bdf8}.volume-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#38bdf8;border:2px solid #ffffff;box-shadow:0 0 8px #38bdf8;cursor:pointer}.volume-pct-badge{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;color:#38bdf8;min-width:32px;text-align:right;letter-spacing:-.5px;pointer-events:none}.btn-track-skip{font-size:13px;opacity:.85;transition:transform .15s ease,opacity .15s ease;margin-left:2px;pointer-events:auto}.btn-track-skip:hover{opacity:1;transform:scale(1.2)}.track-title-badge{font-family:Outfit,sans-serif;font-size:11px;font-weight:700;color:#7dd3fc;background:#38bdf81f;border:1px solid rgba(56,189,248,.3);border-radius:10px;padding:2px 8px;max-width:185px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;user-select:none;pointer-events:auto;transition:background .15s ease,border-color .15s ease,transform .15s ease}.track-title-badge:hover{background:#38bdf840;border-color:#38bdf8b3;transform:translateY(-1px)}.menu-top-audio{position:absolute;top:18px;right:22px;z-index:60;pointer-events:auto}#bottom-hud-container{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:16px;z-index:20;pointer-events:auto}#ultimate-orb-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}#ultimate-orb{position:relative;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#1e293b,#030712);border:3px solid rgba(56,189,248,.4);box-shadow:0 4px 18px #000c,inset 0 0 12px #000000e6;overflow:hidden;transition:all .3s cubic-bezier(.34,1.56,.64,1)}#ultimate-liquid{position:absolute;bottom:0;left:0;width:100%;height:0%;background:linear-gradient(180deg,#38bdf8,#0284c7 60%,#0369a1);box-shadow:0 0 14px #38bdf8;transition:height .25s ease-out}#ultimate-orb-glass{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.35) 0%,rgba(255,255,255,.05) 45%,transparent 70%);pointer-events:none}#ultimate-orb-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;pointer-events:none;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}#ultimate-ready-badge{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#facc15;color:#000;font-family:Outfit,sans-serif;font-size:9px;font-weight:900;padding:2px 5px;border-radius:4px;box-shadow:0 0 12px #facc15;white-space:nowrap;animation:ready-pulse 1.2s infinite alternate}#ultimate-orb.ready{border-color:#facc15;box-shadow:0 0 24px #facc15b3,inset 0 0 14px #facc1566;transform:scale(1.06)}#ultimate-orb.ready #ultimate-liquid{background:linear-gradient(180deg,#fde047,#f59e0b 60%,#b45309);box-shadow:0 0 18px #facc15}@keyframes ready-pulse{0%{transform:translate(-50%) scale(.95);opacity:.85}to{transform:translate(-50%) scale(1.12);opacity:1}}#ultimate-pct-text{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;color:#94a3b8}#bottom-center-panel{display:flex;flex-direction:column;align-items:center;gap:8px}#bottom-xp-bar-wrapper{position:relative;width:390px;height:18px;background:#0f172ae0;border:1.5px solid rgba(56,189,248,.3);border-radius:9px;overflow:hidden;box-shadow:0 2px 10px #00000080}#hud-xp-fill{width:0%;height:100%;background:linear-gradient(90deg,#0284c7,#38bdf8,#c084fc);box-shadow:0 0 10px #38bdf899;transition:width .15s ease-out}#hud-xp-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:800;color:#fff;font-family:JetBrains Mono,monospace;text-shadow:0 1px 3px #000000;white-space:nowrap;pointer-events:none}#hud-skill-bar{display:flex;align-items:center;gap:12px;pointer-events:auto}.skill-slot{position:relative;width:62px;height:62px;background:#0f172aeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(56,189,248,.4);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px #00000080;transition:all .2s cubic-bezier(.34,1.56,.64,1);-webkit-user-select:none;user-select:none}.skill-slot:hover{transform:translateY(-4px) scale(1.05);border-color:#38bdf8;box-shadow:0 0 16px #38bdf899}.skill-slot.empty{border:2px dashed rgba(148,163,184,.28);background:#0f172a73;opacity:.6;cursor:default}.skill-slot.empty:hover{transform:none;border-color:#94a3b873;box-shadow:none}.slot-badge{position:absolute;top:3px;left:5px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;color:#94a3b8;background:#0009;padding:1px 4px;border-radius:4px}.slot-icon{font-size:24px;line-height:1;margin-top:5px}.slot-level{font-family:Outfit,sans-serif;font-size:10px;font-weight:800;color:#38bdf8;letter-spacing:.5px;margin-top:2px}.slot-mutation-tag{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#f59e0b,#eab308);color:#000;font-family:Outfit,sans-serif;font-size:9px;font-weight:900;padding:2px 6px;border-radius:8px;box-shadow:0 0 8px #facc15cc;animation:pulse-badge 1.4s infinite alternate}@keyframes pulse-badge{0%{transform:scale(.95)}to{transform:scale(1.12)}}#hud-stage-bar-wrapper{display:flex;flex-direction:column;align-items:center;margin:4px auto;max-width:460px;width:85%;pointer-events:auto}.stage-bar-track{position:relative;width:100%;height:9px;background:#0f172ae0;border:1.5px solid rgba(56,189,248,.45);border-radius:6px;overflow:visible;box-shadow:inset 0 2px 4px #000000b3}#hud-stage-fill{height:100%;width:0%;background:linear-gradient(90deg,#0284c7,#38bdf8,#00f0ff);border-radius:4px;transition:width .25s ease-out;box-shadow:0 0 10px #00f0ffa6}.stage-boss-icon{position:absolute;right:-8px;top:-7px;font-size:15px;filter:drop-shadow(0 0 6px #ef4444);animation:pulse-badge 1.2s infinite alternate}#hud-stage-text{font-family:Outfit,sans-serif;font-size:11px;font-weight:800;color:#bae6fd;letter-spacing:.6px;margin-top:3px;text-shadow:0 1px 3px rgba(0,0,0,.8)}.skill-slot.active-slot{border-color:#38bdf880!important;transform:translateY(-3px) scale(1.07);box-shadow:0 0 20px #38bdf899,0 0 35px #00f0ff4d;z-index:5}.slot-laser-svg{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;width:calc(100% + 6px);height:calc(100% + 6px);pointer-events:none;overflow:visible;display:none;z-index:10}.skill-slot.active-slot .slot-laser-svg{display:block}.slot-laser-rect{fill:none;stroke:#00f0ff;stroke-width:3.5;stroke-linecap:round;stroke-dasharray:48 195;animation:laserPerimeterRun 1.8s linear infinite;filter:drop-shadow(0 0 6px #00f0ff) drop-shadow(0 0 12px #38bdf8)}@keyframes laserPerimeterRun{0%{stroke-dashoffset:243}to{stroke-dashoffset:0}}.skill-slot.active-slot .slot-badge{background:#00f0ff;color:#040d1a;box-shadow:0 0 8px #00f0ff}.skill-slot.active-slot .slot-level{color:#00f0ff;font-weight:900}.mutation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.mutation-node-card{background:#0f172ad1;border:2px solid #334155;border-radius:12px;padding:14px;text-align:left;transition:all .2s ease;cursor:pointer}.mutation-node-card.unlocked{background:#38bdf81f;border-color:#38bdf8!important;box-shadow:0 0 14px #38bdf84d;cursor:default}.mutation-node-card.available:hover{transform:translateY(-2px);border-color:#facc15!important;box-shadow:0 0 18px #facc1566}.mutation-node-card.locked{opacity:.45;cursor:not-allowed}.mutation-node-card .node-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.mutation-node-card .node-icon{font-size:22px}.mutation-node-card .node-title{font-size:15px;font-weight:800;color:#fff;flex:1}.mutation-node-card .node-badge{font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px;background:#ffffff1a;color:#cbd5e1}.mutation-node-card.unlocked .node-badge{background:#22c55e33;color:#4ade80;border:1px solid #22c55e}.mutation-node-card.available .node-badge{background:#facc1533;color:#facc15;border:1px solid #eab308}.mutation-node-card .node-desc{font-size:13px;line-height:1.45;color:#94a3b8}.swap-slots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:16px}.swap-slot-card{background:#0f172ad9;border:2px solid #334155;border-radius:12px;padding:14px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .2s ease}.swap-slot-card:hover{transform:translateY(-2px);border-color:#ef4444;box-shadow:0 0 16px #ef444466}#bottom-hud-ultimate{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:20;pointer-events:auto}.ultimate-banner-btn{position:relative;overflow:hidden;background:#0a0e18eb;border:2px solid rgba(0,240,255,.3);border-radius:16px;padding:10px 24px;cursor:pointer;box-shadow:0 8px 30px #000000b3;display:flex;align-items:center;transition:all .25s ease;min-width:290px}.ult-progress-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1}#hud-ult-fill{height:100%;width:0%;background:linear-gradient(90deg,#0284c766,#00f0ff66);transition:width .2s ease-out}.ult-content{position:relative;z-index:2;display:flex;align-items:center;gap:12px;width:100%}.ultimate-banner-btn:hover{border-color:var(--accent-cyan);transform:translateY(-2px)}.ultimate-banner-btn.ready{background:linear-gradient(135deg,#0284c7,#00f0ff)!important;border-color:#fff!important;box-shadow:0 0 35px #00f0ff,0 0 50px #00f0ffb3!important;animation:ultReadyGlow .9s infinite alternate ease-in-out}.ultimate-banner-btn.ready #ult-title-text{color:#040d1a!important;font-size:14px!important}.ultimate-banner-btn.ready #ult-hint-text{color:#082f49!important;font-weight:800!important}@keyframes ultReadyGlow{0%{transform:scale(1);box-shadow:0 0 25px #00f0ff}to{transform:scale(1.06);box-shadow:0 0 45px #38bdf8,0 0 70px #00f0ffcc}}#boss-bar-container{position:absolute;top:68px;left:50%;transform:translate(-50%);width:380px;background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px 16px;border-radius:12px;border:1px solid rgba(239,68,68,.4);box-shadow:0 0 20px #ef44444d;text-align:center;z-index:15}.boss-title{font-size:13px;font-weight:800;color:#fca5a5;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}.boss-hp-track{width:100%;height:12px;background:#0009;border-radius:6px;overflow:hidden;border:1px solid rgba(239,68,68,.5)}#boss-hp-fill{width:100%;height:100%;background:linear-gradient(90deg,#991b1b,#ef4444,#f87171);box-shadow:0 0 12px #ef4444;transition:width .1s linear}#announcement-banner{position:absolute;top:170px;left:50%;transform:translate(-50%);font-size:28px;font-weight:900;letter-spacing:2px;text-transform:uppercase;z-index:25;pointer-events:none;transition:opacity .3s,transform .3s}.banner-pulse{animation:pulseScale .6s infinite alternate ease-in-out}@keyframes pulseScale{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.1)}}.btn{background:#ffffff14;border:1px solid var(--panel-border);color:var(--text-main);padding:8px 14px;border-radius:8px;cursor:pointer;font-family:Outfit,sans-serif;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:6px;transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:auto}.btn:hover{background:#ffffff29;border-color:var(--accent-cyan);box-shadow:0 0 12px #00f0ff4d;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#0284c7,#00f0ff);color:#040d1a;border:none;font-weight:800}.btn-primary:hover{background:linear-gradient(135deg,#38bdf8,#7dd3fc);box-shadow:0 0 20px #00f0ff99;transform:translateY(-2px) scale(1.02)}.btn-gold{background:linear-gradient(135deg,#ca8a04,#facc15);color:#422006;border:none;font-weight:800}.btn-gold:hover{background:linear-gradient(135deg,#eab308,#fef08a);box-shadow:0 0 18px #facc1580}.difficulty-select{background:#ffffff14;border:1px solid var(--panel-border);color:var(--accent-cyan);padding:8px 14px;border-radius:8px;font-family:Outfit,sans-serif;font-weight:700;font-size:13px;outline:none;cursor:pointer}.difficulty-select option{background:#0f121c;color:#fff}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#04060cd1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:50;pointer-events:auto}.modal-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:20px;padding:32px;box-shadow:0 20px 50px #000c,0 0 30px #00f0ff26;max-width:820px;width:90%;text-align:center;position:relative;max-height:90vh;overflow-y:auto}.modal-title{font-size:28px;font-weight:900;letter-spacing:1px;margin-bottom:8px;background:linear-gradient(90deg,#f8fafc,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.modal-subtitle{color:var(--text-muted);font-size:14px;margin-bottom:24px}.hero-grid{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.hero-card{width:240px;background:#0f172ae0;border:2px solid rgba(255,255,255,.12);border-radius:18px;padding:16px 12px;cursor:pointer;transition:all .22s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 4px 16px #00000080;-webkit-user-select:none;user-select:none}.hero-card:hover,.hero-card.selected{border-color:#facc15;background:#facc1514;box-shadow:0 0 26px #facc1566;transform:translateY(-6px) scale(1.03)}.hero-canvas-wrap{position:relative;width:85px;height:85px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.hero-ghost-canvas{width:85px;height:85px;pointer-events:none}.hero-card-name{font-size:16px;font-weight:800;color:#fff;margin-bottom:3px;letter-spacing:.5px}.hero-card-role{font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:12px}.hero-perks{display:flex;flex-direction:column;gap:6px;width:100%}.hero-perk-badge{font-size:11px;font-weight:700;padding:5px 8px;border-radius:8px;background:#00000073;border:1px solid rgba(255,255,255,.1);display:inline-block;text-align:left;letter-spacing:.3px}.badge-ignis{border-color:#f9731666;background:#f973161a;color:#fed7aa}.badge-lyra{border-color:#06b6d466;background:#06b6d41a;color:#a5f3fc}.badge-torval{border-color:#eab30866;background:#eab3081a;color:#fef08a}.badge-ult{border-color:#facc1580;background:#facc1524;color:#fde047;font-weight:800}.upgrade-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.upgrade-card{background:#ffffff0a;border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:22px 18px;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.upgrade-card:hover{border-color:var(--accent-cyan);background:#00f0ff14;box-shadow:0 0 30px #00f0ff59;transform:translateY(-6px) scale(1.03)}.evolution-card{border-color:var(--accent-gold)!important;background:#facc1514!important;box-shadow:0 0 35px #facc1566!important}.support-card-choice{background:linear-gradient(135deg,#140f23f2,#0a0a14fa)!important;border:2px solid var(--card-color, #ec4899)!important;box-shadow:0 0 25px #ec489940!important;position:relative;overflow:hidden}.support-card-choice:hover{border-color:#fff!important;box-shadow:0 0 35px var(--card-color, #ec4899),inset 0 0 20px #ffffff1a!important;transform:translateY(-8px) scale(1.04)!important}.support-card-choice .card-tier{color:#f472b6!important;background:#ec489933;padding:3px 10px;border-radius:999px;border:1px solid rgba(236,72,153,.45);display:inline-block;font-size:12px}.card-tag-pill{font-size:11.5px;font-weight:700;color:#bae6fd;background:#0ea5e92e;border:1px solid rgba(56,189,248,.4);border-radius:6px;padding:3px 8px;letter-spacing:.5px}.card-icon{font-size:42px;margin-bottom:12px}.card-tier{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--accent-cyan);margin-bottom:6px}.evolution-card .card-tier{color:var(--accent-gold)}.card-title{font-size:19px;font-weight:800;margin-bottom:8px}.card-desc{font-size:14.5px;color:#f1f5f9;line-height:1.45}.shrine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-bottom:24px}.shrine-card{background:#ffffff0a;border:1px solid var(--panel-border);border-radius:12px;padding:16px;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.shrine-card-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.shrine-card-title{font-size:15px;font-weight:700}.shrine-card-desc{font-size:12px;color:var(--text-muted);margin-bottom:12px}.shrine-card-footer{display:flex;justify-content:space-between;align-items:center}.shrine-level-dots{display:flex;gap:4px}.dot{width:8px;height:8px;border-radius:4px;background:#fff3}.dot.active{background:var(--accent-gold);box-shadow:0 0 6px var(--accent-gold)}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.ach-card{background:#ffffff0a;border:1px solid var(--panel-border);border-radius:12px;padding:16px;text-align:left;display:flex;gap:12px;align-items:center}.ach-card.unlocked{border-color:var(--accent-gold);background:#facc150f}.ach-icon{font-size:32px}.ach-title{font-size:15px;font-weight:800;margin-bottom:2px}.ach-desc{font-size:12px;color:var(--text-muted);line-height:1.3;margin-bottom:6px}.ach-reward{font-size:12px;font-weight:800;color:var(--accent-gold)}.stats-list{background:#00000059;border-radius:12px;padding:18px;margin-bottom:20px;text-align:left}.stat-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}.stat-row.weapon-stat{font-size:13px;color:#cbd5e1}.chest-item{background:#facc1514;border:2px solid var(--accent-gold);border-radius:16px;padding:24px;margin-bottom:20px}.chest-icon{font-size:48px;margin-bottom:12px}.chest-title{font-size:20px;font-weight:800;color:var(--accent-gold);margin-bottom:6px}.chest-desc{font-size:13px;color:var(--text-muted)}.talent-modal-box{background:#030712;border:1px solid rgba(56,189,248,.35);border-radius:20px;width:95vw;max-width:1100px;height:90vh;display:flex;flex-direction:column;box-shadow:0 0 60px #000000f2,0 0 40px #38bdf833;overflow:hidden;position:relative}.talent-header{padding:16px 24px;background:#0f172ad9;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:10}.talent-title-wrap h2{font-size:20px;font-weight:900;letter-spacing:1px;margin:0 0 2px;background:linear-gradient(90deg,#38bdf8,#facc15);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.talent-subtitle{font-size:12px;color:#94a3b8}.talent-points-badge{background:#1e293bcc;border:1px solid rgba(255,255,255,.15);padding:8px 16px;border-radius:30px;font-size:14px;font-weight:700;color:#cbd5e1;transition:all .3s ease}.talent-points-badge.has-points{border-color:#facc15;background:#facc1526;color:#fde047;box-shadow:0 0 16px #facc1559;animation:pulse-badge 1.8s infinite}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.talent-canvas-container{flex:1;position:relative;overflow:hidden;cursor:grab;background:radial-gradient(circle at center,#0b1329,#030712)}.talent-canvas-container:active{cursor:grabbing}#talent-tree-canvas{width:100%;height:100%;display:block;touch-action:none;user-select:none;-webkit-user-select:none}.talent-tooltip{position:absolute;pointer-events:none;background:#080e1cf7;border:2px solid rgba(56,189,248,.7);border-radius:14px;padding:16px 22px;max-width:360px;box-shadow:0 15px 40px #000000e6,0 0 25px #38bdf859;z-index:1000;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:opacity .1s ease}.tooltip-header{display:flex;align-items:center;gap:12px;margin-bottom:10px}.tooltip-icon{font-size:32px}.tooltip-type{font-size:12px;font-weight:900;text-transform:uppercase;color:#38bdf8;letter-spacing:1px}.tooltip-title{font-size:18px;font-weight:900;color:#fff}.tooltip-desc{font-size:15px;line-height:1.5;color:#f1f5f9;font-weight:600;margin-bottom:10px}.tooltip-status{font-size:13px;font-weight:800;padding:6px 12px;border-radius:8px;display:inline-block}.status-allocated{background:#22c55e40;color:#4ade80;border:1px solid rgba(34,197,94,.5)}.status-available{background:#facc1540;color:#fef08a;border:1px solid rgba(250,204,21,.6);box-shadow:0 0 12px #facc1559;animation:pulse-status 1.2s infinite alternate}.status-locked{background:#ef444433;color:#fca5a5;border:1px solid rgba(239,68,68,.4)}.talent-zoom-controls{position:absolute;right:18px;bottom:18px;display:flex;flex-direction:column;gap:6px;z-index:10}.zoom-btn{width:38px;height:38px;background:#0f172ad9;border:1px solid rgba(255,255,255,.15);color:#f8fafc;border-radius:8px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.zoom-btn:hover{border-color:var(--accent-cyan);background:#38bdf833}.hidden{display:none!important}#unpause-countdown{position:absolute;top:0;left:0;width:100%;height:100%;background:#03071273;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;pointer-events:none}.countdown-num{font-family:Outfit,sans-serif;font-size:130px;font-weight:900;color:#00f0ff;text-shadow:0 0 35px #00f0ff,0 0 70px #38bdf8,0 4px 14px #000000;letter-spacing:2px;line-height:1}.countdown-hint{font-family:Outfit,sans-serif;font-size:19px;font-weight:800;color:#f8fafc;margin-top:14px;text-shadow:0 2px 10px rgba(0,0,0,.9);letter-spacing:1.5px;text-transform:uppercase}.pulse-zoom{animation:countdownPulse .65s cubic-bezier(.175,.885,.32,1.275)}@keyframes countdownPulse{0%{transform:scale(1.6);opacity:0}35%{transform:scale(.95);opacity:1}to{transform:scale(1);opacity:1}}.hud-support-cards-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:linear-gradient(135deg,#1e1b4bd9,#312e81d9);border:1.5px solid #f59e0b;border-radius:10px;padding:6px 12px;min-width:68px;height:68px;cursor:pointer;box-shadow:0 0 14px #f59e0b40,inset 0 0 10px #f59e0b26;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.hud-support-cards-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 0 24px #f59e0b80,inset 0 0 14px #f59e0b4d;border-color:#fbbf24}.cards-btn-icon{font-size:20px;line-height:1}.cards-btn-label{font-family:Outfit,sans-serif;font-size:10px;font-weight:800;color:#fde68a;letter-spacing:.8px}.cards-count-badge{position:absolute;top:-5px;right:-5px;background:#dc2626;color:#fff;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:900;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #0f172a;box-shadow:0 0 8px #dc2626cc}.cards-count-badge.has-cards{background:#f59e0b;box-shadow:0 0 12px #f59e0be6;animation:pulseGoldBadge 1.8s infinite}@keyframes pulseGoldBadge{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.cards-tutorial-callout{position:absolute;bottom:calc(100% + 14px);left:50%;transform:translate(-50%);background:linear-gradient(135deg,#1a1207f5,#2d1a03f5);border:1.5px solid #facc15;border-radius:12px;padding:6px 12px;display:flex;align-items:center;gap:7px;white-space:nowrap;box-shadow:0 0 20px #facc1599,0 4px 15px #000000d9;pointer-events:none;z-index:30;animation:calloutBob 1.2s ease-in-out infinite alternate}.cards-tutorial-callout:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:#2d1a03;border-right:1.5px solid #facc15;border-bottom:1.5px solid #facc15}.cards-tutorial-callout .callout-hand{font-size:18px;display:inline-block;animation:handBounce .8s ease-in-out infinite alternate;transform:rotate(180deg)}.cards-tutorial-callout .callout-text{font-family:Outfit,sans-serif;font-size:11px;font-weight:800;color:#fef08a;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.9)}@keyframes calloutBob{0%{transform:translate(-50%)}to{transform:translate(-50%,-7px)}}@keyframes handBounce{0%{transform:rotate(180deg) translateY(0)}to{transform:rotate(180deg) translateY(4px)}}.hud-support-cards-btn.pulse-equip-alert{border-color:#fde047!important;box-shadow:0 0 26px #facc15d9,0 0 45px #f59e0b80,inset 0 0 16px #facc1573!important;animation:equipPulseGlow 1.2s infinite alternate ease-in-out!important}@keyframes equipPulseGlow{0%{transform:scale(1);border-color:#f59e0b}to{transform:scale(1.08);border-color:#fff;box-shadow:0 0 34px #facc15,inset 0 0 20px #fde047}}.slot-cards-tag{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);background:#0f172aeb;border:1px solid #f59e0b;color:#fbbf24;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:800;padding:1px 6px;border-radius:8px;white-space:nowrap;box-shadow:0 2px 6px #0009;cursor:pointer;transition:all .15s ease}.slot-cards-tag:hover{background:#f59e0b;color:#0f172a;box-shadow:0 0 10px #f59e0bcc}.support-cards-tabs{display:flex;gap:8px;padding:12px 14px 4px;border-bottom:1px solid rgba(255,255,255,.08);overflow-x:auto}.cards-tab{display:flex;flex-direction:column;align-items:flex-start;gap:2px;background:#0f172a99;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 14px;color:#94a3b8;cursor:pointer;transition:all .2s ease;min-width:140px}.cards-tab:hover{background:#1e293bcc;border-color:#38bdf866;color:#f1f5f9}.cards-tab.active{background:linear-gradient(135deg,#1e3a8a80,#0f172ae6);border-color:#38bdf8;box-shadow:0 0 14px #38bdf840;color:#fff}.cards-tab .tab-idx{font-size:10px;text-transform:uppercase;color:#64748b;font-weight:700}.cards-tab.active .tab-idx{color:#38bdf8}.cards-tab .tab-name{font-size:13px;font-weight:800}.cards-tab .tab-socket-badge{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:800;color:#f59e0b}.skill-tags-badge-list{display:flex;gap:6px;flex-wrap:wrap}.tag-badge{background:#38bdf81f;border:1px solid rgba(56,189,248,.35);color:#7dd3fc;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px}.poe-sockets-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;position:relative;padding:6px 4px}.poe-sockets-row:before{content:"";position:absolute;top:50%;left:8%;right:8%;height:4px;background:linear-gradient(90deg,#f59e0b,#fbbf24,#f59e0b);box-shadow:0 0 12px #f59e0bb3;z-index:1;pointer-events:none}.poe-socket{position:relative;z-index:2;background:#0f172a;border:2px solid #334155;border-radius:12px;padding:10px 8px;min-height:142px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000080}.poe-socket.empty{border-style:dashed;border-color:#475569;background:#0f172ad9}.poe-socket.empty:hover{border-color:#38bdf8;box-shadow:0 0 16px #38bdf84d;transform:translateY(-2px)}.poe-socket.filled{background:linear-gradient(135deg,#1e1b4be6,#0f172af2);box-shadow:0 0 16px #f59e0b40}.poe-socket.filled:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 24px #f59e0b73}.socket-number{position:absolute;top:6px;left:8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;color:#94a3b8}.socket-icon{font-size:28px;margin-bottom:6px}.socket-card-name{font-size:13.5px;font-weight:800;color:#fff;line-height:1.3;margin-bottom:4px}.socket-card-desc{font-size:12px;color:#cbd5e1;line-height:1.38}.socket-empty-icon{font-size:22px;color:#64748b;margin-bottom:4px}.socket-empty-text{font-size:13px;font-weight:700;color:#cbd5e1}.socket-hint{font-size:11px;color:#94a3b8;margin-top:4px}.btn-unsocket{position:absolute;top:6px;right:6px;background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#fca5a5;width:18px;height:18px;border-radius:50%;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.arpg-matrix-btn{display:inline-flex;align-items:center;gap:6px;background:#38bdf81f;border:1px solid rgba(56,189,248,.45);color:#38bdf8;font-family:Outfit,sans-serif;font-weight:700;font-size:12px;letter-spacing:.3px;padding:6px 14px;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000059}.arpg-matrix-btn:hover{background:#38bdf847;border-color:#38bdf8;color:#fff;box-shadow:0 0 14px #38bdf873;transform:translateY(-1px)}.arpg-modal-close-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ef444429,#991b1b52);border:1.5px solid rgba(248,113,113,.6);color:#fecaca;font-family:Outfit,sans-serif;font-weight:700;font-size:13px;letter-spacing:.4px;padding:6px 14px;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #00000080,inset 0 0 8px #ef444433}.arpg-modal-close-btn .close-icon{font-size:13px;font-weight:900;color:#f87171;transition:transform .2s ease}.arpg-modal-close-btn .close-key{font-size:11px;font-weight:800;color:#cbd5e1;background:#0006;padding:2px 6px;border-radius:4px;border:1px solid rgba(255,255,255,.15)}.arpg-modal-close-btn:hover{background:linear-gradient(135deg,#ef444466,#dc2626a6);border-color:#ef4444;color:#fff;box-shadow:0 0 16px #ef44448c,inset 0 0 12px #fecaca59;transform:translateY(-1.5px)}.arpg-modal-close-btn:hover .close-icon{color:#fff;transform:scale(1.15) rotate(90deg)}.arpg-modal-close-btn:hover .close-key{border-color:#fff6;color:#fff}.cards-inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:20px;padding:12px 8px;justify-items:center}.tcg-card{width:270px;min-height:335px;display:flex;flex-direction:column;position:relative;cursor:pointer;perspective:900px;-webkit-user-select:none;user-select:none;transition:transform .28s cubic-bezier(.25,1,.5,1),box-shadow .28s ease}.tcg-card-stock{width:100%;height:100%;background:radial-gradient(circle at 50% 20%,#1f1f23,#0d0d11);border:3px solid #b8860b;outline:1.5px solid #78350f;outline-offset:-5px;border-radius:14px;padding:7px 9px;box-shadow:0 10px 24px #000000d9,inset 0 0 16px #000000f2;position:relative;overflow:hidden;display:flex;flex-direction:column}.tcg-corner{position:absolute;width:8px;height:8px;border:2px solid #fbbf24;pointer-events:none;z-index:5}.tcg-corner.tl{top:3px;left:3px;border-right:none;border-bottom:none;border-top-left-radius:4px}.tcg-corner.tr{top:3px;right:3px;border-left:none;border-bottom:none;border-top-right-radius:4px}.tcg-corner.bl{bottom:3px;left:3px;border-right:none;border-top:none;border-bottom-left-radius:4px}.tcg-corner.br{bottom:3px;right:3px;border-left:none;border-top:none;border-bottom-right-radius:4px}.tcg-card-foil{position:absolute;top:-80%;left:-80%;width:260%;height:260%;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.08) 46%,rgba(251,191,36,.18) 50%,rgba(56,189,248,.15) 54%,transparent 70%);pointer-events:none;opacity:0;transform:rotate(20deg);transition:opacity .3s ease,transform .65s cubic-bezier(.2,.8,.2,1);z-index:6}.tcg-card.compatible:hover .tcg-card-foil{opacity:1;transform:translate(25%,25%) rotate(20deg)}.tcg-card.compatible:hover{transform:translateY(-8px) scale(1.025);box-shadow:0 18px 38px #000000f2,0 0 24px #f59e0b73}.tcg-card.compatible .tcg-card-stock{border-color:#f59e0b}.tcg-card.compatible:hover .tcg-card-stock{border-color:#fde047}.tcg-card.incompatible{opacity:.52;cursor:not-allowed;filter:grayscale(.5)}.tcg-card.incompatible:hover{opacity:.72;filter:grayscale(.15);transform:translateY(-3px)}.tcg-card-inner{display:flex;flex-direction:column;height:100%;gap:4px;position:relative;z-index:2;justify-content:space-between}.tcg-card-header{background:linear-gradient(180deg,#3d2208,#1a0f04);border:1.5px solid #d4af37;border-radius:7px;padding:4px 7px;display:flex;align-items:center;justify-content:space-between;box-shadow:inset 0 1px 2px #fff3,0 2px 4px #000000b3}.tcg-gem-icon{font-size:14px;filter:drop-shadow(0 0 4px rgba(251,191,36,.8))}.tcg-card-title{font-family:Outfit,sans-serif;font-size:13.5px;font-weight:900;color:#fef08a;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 1px 3px rgba(0,0,0,1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:175px}.tcg-rarity-pill{font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:800;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.tcg-rarity-pill.rara{background:#38bdf833;color:#7dd3fc;border:1px solid #0284c7}.tcg-rarity-pill.épica{background:#a855f733;color:#d8b4fe;border:1px solid #9333ea}.tcg-rarity-pill.legendaria{background:#eab30840;color:#fef08a;border:1px solid #ca8a04}.tcg-art-frame{height:56px;border-radius:5px;border:1.5px solid #a16207;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 3px 12px #000000d9,0 2px 5px #0009}.tcg-art-glow{position:absolute;width:80px;height:80px;border-radius:50%;pointer-events:none}.tcg-creature-sprite{font-size:26px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.9));transition:transform .3s ease;z-index:2}.tcg-card:hover .tcg-creature-sprite{transform:scale(1.14)}.tcg-creature-banner{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#00000073,#000000f2);border-top:1px solid rgba(217,119,6,.6);padding:1px 6px;display:flex;justify-content:space-between;align-items:center;z-index:3}.tcg-creature-name{font-family:JetBrains Mono,monospace;font-size:9px;font-weight:800;color:#fef3c7;letter-spacing:.8px;text-transform:uppercase}.tcg-habitat-label{font-family:Outfit,sans-serif;font-size:8.5px;color:#cbd5e1}.tcg-type-ribbon{font-family:JetBrains Mono,monospace;font-size:9.5px;font-weight:800;color:#facc15;background:linear-gradient(90deg,#18181b,#27272a,#18181b);border-top:1px solid #78350f;border-bottom:1px solid #78350f;text-align:center;padding:2px 0;letter-spacing:.8px;text-shadow:0 1px 2px rgba(0,0,0,.8)}.tcg-rules-scroll{background:linear-gradient(180deg,#18181b,#09090b);border:1px solid #52525b;border-radius:6px;padding:6px 9px;display:flex;flex-direction:column;gap:2px;box-shadow:inset 0 2px 5px #0009;min-height:60px;text-align:left}.tcg-title-suffix{font-family:Outfit,sans-serif;font-size:11px;font-weight:800;color:#fde047;font-style:italic;letter-spacing:.3px;text-shadow:0 0 6px rgba(250,204,21,.3)}.tcg-rules-text{font-size:13px;color:#f8fafc;line-height:1.4;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.9)}.tcg-req-row{display:flex;align-items:center;gap:5px;font-size:11px;color:#94a3b8;padding:1px 2px}.tcg-req-label{font-size:11px;font-weight:800;color:#cbd5e1}.tcg-tags-wrap{display:flex;flex-wrap:wrap;gap:4px}.req-tag{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;padding:2px 7px;border-radius:5px;letter-spacing:.3px;display:inline-flex;align-items:center}.req-tag.match{background:#10b98138;color:#6ee7b7;border:1px solid rgba(16,185,129,.55)}.req-tag.mismatch{background:#ef444438;color:#fca5a5;border:1px solid rgba(239,68,68,.45)}.tcg-collector-footer{display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:9px;color:#a1a1aa;border-top:1px dashed rgba(255,255,255,.12);padding:2px 2px 0;letter-spacing:.5px}.tcg-collector-star{color:#fbbf24;font-size:10px}.tcg-equip-btn{background:linear-gradient(180deg,#d97706,#b45309);border:1.5px solid #fde047;border-radius:6px;color:#0c0a09;font-family:Outfit,sans-serif;font-size:12px;font-weight:900;padding:6px 4px;cursor:pointer;text-align:center;letter-spacing:.8px;box-shadow:0 3px 8px #0009;transition:all .2s ease;margin-top:1px}.tcg-equip-btn:hover{background:linear-gradient(180deg,#f59e0b,#d97706);box-shadow:0 0 14px #fbbf24bf;transform:translateY(-1px)}.tcg-lock-banner{font-size:11px;font-weight:800;color:#f87171;background:#ef44442e;border:1px solid rgba(239,68,68,.38);border-radius:5px;padding:5px;text-align:center;margin-top:1px}.tcg-lock-banner.duplicate{color:#facc15;background:#eab3082e;border:1px solid rgba(234,179,8,.4)}.tcg-card.already-equipped{opacity:.58;cursor:not-allowed;filter:grayscale(.35)}.tcg-card.already-equipped:hover{opacity:.8;filter:grayscale(.1);transform:translateY(-3px)}.tcg-stack-badge{position:absolute;top:6px;right:6px;background:linear-gradient(135deg,#f59e0b,#b45309);color:#050505;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:900;padding:3px 8px;border-radius:12px;border:1.5px solid #fef08a;box-shadow:0 2px 8px #000000bf,0 0 10px #f59e0b99;z-index:10;pointer-events:none;letter-spacing:.5px}.ro-empty-gem-slot{width:56px;height:56px;border-radius:50%;border:2px dashed #64748b;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#1e293bb3,#0f172af2);margin-bottom:8px;position:relative;box-shadow:inset 0 0 10px #000000b3}.gem-inner-glow{position:absolute;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.3) 0%,transparent 70%)}.gem-plus{font-size:18px;color:#94a3b8;z-index:1}.socket-tcg-mini-card{width:60px;height:74px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:6px;box-shadow:0 4px 12px #000000b3,inset 0 0 8px #0009;overflow:hidden;position:relative}.socket-tcg-gem{position:absolute;top:2px;right:2px;font-size:10px;filter:drop-shadow(0 0 3px rgba(251,191,36,.9))}.socket-monster-icon{font-size:26px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.socket-monster-name{position:absolute;bottom:0;left:0;right:0;background:#000000d9;font-family:JetBrains Mono,monospace;font-size:7.5px;font-weight:800;color:#fef08a;text-align:center;padding:1px 0;letter-spacing:.5px;text-transform:uppercase;border-top:1px solid rgba(245,158,11,.5)}.socket-prefix-badge{font-family:Outfit,sans-serif;font-size:9.5px;color:#fde047;font-weight:800;margin-bottom:4px;font-style:italic}.cards-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 20px;color:#64748b;gap:8px;background:#0f172a66;border:1.5px dashed rgba(245,158,11,.3);border-radius:12px}.cards-empty-state p{font-size:15px;font-weight:800;color:#fde047;margin:0}.cards-empty-state small{font-size:12px;color:#cbd5e1}.compendium-modal-box{max-width:1120px;width:95%;max-height:92vh;display:flex;flex-direction:column;background:#0a0f1df7;border:1.5px solid rgba(56,189,248,.4);box-shadow:0 0 35px #38bdf840,0 20px 50px #000000d9;border-radius:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden;animation:modal-pop .25s cubic-bezier(.16,1,.3,1)}.compendium-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid rgba(56,189,248,.2);background:linear-gradient(90deg,rgba(14,165,233,.14) 0%,transparent 100%);flex-shrink:0}.compendium-title-wrap h2{margin:0;font-size:20px;font-weight:900;background:linear-gradient(90deg,#38bdf8,#facc15);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.5px}.compendium-subtitle{font-size:12px;color:#94a3b8;margin-top:3px}.compendium-controls-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#0f172aa6;border-bottom:1px solid rgba(255,255,255,.08);gap:12px;flex-wrap:wrap;flex-shrink:0}.compendium-filter-group{display:flex;gap:8px;flex-wrap:wrap}.compendium-chip{padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.15);background:#1e293b99;color:#cbd5e1;cursor:pointer;font-size:12.5px;font-weight:700;transition:all .2s ease}.compendium-chip:hover{background:#38bdf833;border-color:#38bdf866;color:#fff}.compendium-chip.active{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border-color:#38bdf8;box-shadow:0 0 14px #38bdf866}.compendium-search-wrap{display:flex;align-items:center;background:#1e293bd9;border:1px solid rgba(56,189,248,.35);border-radius:8px;padding:6px 14px;gap:8px;min-width:270px}.compendium-search-wrap .search-icon{font-size:13px;color:#94a3b8}.compendium-search-input{background:transparent;border:none;color:#fff;font-size:13px;font-weight:600;outline:none;width:100%}.compendium-search-input::placeholder{color:#64748b;font-weight:500}.compendium-table-wrapper{flex:1;overflow-y:auto;overflow-x:auto;padding:0 24px 14px}.compendium-table{width:100%;border-collapse:separate;border-spacing:0;font-size:12.5px;margin-top:6px}.compendium-table thead th{position:sticky;top:0;z-index:10;background:#0b1329;padding:12px 10px;text-align:left;color:#94a3b8;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.6px;border-bottom:2px solid rgba(56,189,248,.4)}.compendium-table tbody tr{transition:background .15s ease;border-bottom:1px solid rgba(255,255,255,.05)}.compendium-table tbody tr:hover{background:#38bdf812}.compendium-table tbody td{padding:10px;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.06)}.compendium-card-name-cell{display:flex;align-items:center;gap:8px}.compendium-card-icon{font-size:20px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);flex-shrink:0}.compendium-card-text{display:flex;flex-direction:column}.compendium-card-title{font-weight:800;color:#fff;font-size:14.5px}.compendium-card-rarity{font-size:11.5px;color:#94a3b8;text-transform:uppercase;font-weight:700}.compendium-tag-badge{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:4px;margin:2px;background:#38bdf81f;color:#7dd3fc;border:1px solid rgba(56,189,248,.3);letter-spacing:.3px}.badge-compat-yes{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 8px;border-radius:6px;background:#10b98129;border:1px solid rgba(16,185,129,.45);color:#34d399;font-weight:800;font-size:12.5px;min-width:88px}.badge-compat-note{font-size:11px;font-weight:700;color:#fef08a;margin-top:2px;text-align:center}.badge-compat-no{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:6px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);color:#f87171;font-weight:800;font-size:11.5px;min-width:84px}.compendium-effect-cell{line-height:1.45;color:#e2e8f0;font-size:12px}.compendium-footer{padding:12px 24px;background:#0f172ad9;border-top:1px solid rgba(255,255,255,.08);flex-shrink:0}.compendium-rule-card{background:#38bdf80f;border:1px solid rgba(56,189,248,.25);border-radius:8px;padding:10px 16px}.compendium-rule-card .rule-title{font-size:12.5px;font-weight:800;color:#38bdf8;margin-bottom:5px}.compendium-rule-card .rule-list{margin:0;padding-left:18px;font-size:11.5px;color:#cbd5e1;line-height:1.5}.admin-mode-wrap{display:inline-flex;align-items:center;background:#0f172ab3;border:1.5px solid rgba(245,158,11,.4);border-radius:12px;padding:8px 16px;box-shadow:0 4px 15px #0006,inset 0 0 10px #f59e0b1a;transition:all .25s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.admin-mode-wrap:hover{border-color:#f59e0bcc;box-shadow:0 6px 20px #f59e0b40,inset 0 0 15px #f59e0b26;transform:translateY(-1px)}.admin-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer}.admin-checkbox{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.admin-custom-switch{position:relative;width:44px;height:24px;background:#1e293be6;border:1.5px solid #64748b;border-radius:20px;transition:all .25s ease;flex-shrink:0}.admin-custom-switch:after{content:"";position:absolute;top:2px;left:3px;width:16px;height:16px;border-radius:50%;background:#94a3b8;transition:all .25s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 4px #00000080}.admin-checkbox:checked+.admin-custom-switch{background:linear-gradient(135deg,#b45309,#f59e0b);border-color:#fde047;box-shadow:0 0 12px #f59e0b99}.admin-checkbox:checked+.admin-custom-switch:after{transform:translate(19px);background:#fff;box-shadow:0 0 8px #fff}.admin-check-text{display:flex;flex-direction:column;text-align:left;line-height:1.25}.admin-check-text strong{font-family:JetBrains Mono,monospace;font-size:13px;color:#facc15;letter-spacing:.5px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.admin-check-text small{font-size:11px;color:#94a3b8}.hud-admin-badge{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:800;padding:3px 9px;border-radius:6px;background:linear-gradient(135deg,#f59e0b40,#d9770673);border:1px solid #f59e0b;color:#fde047;text-shadow:0 1px 3px rgba(0,0,0,.8);box-shadow:0 0 10px #f59e0b59;animation:adminPulse 2s infinite ease-in-out;cursor:default}@keyframes adminPulse{0%,to{box-shadow:0 0 6px #f59e0b4d}50%{box-shadow:0 0 14px #f59e0bb3}}.admin-cards-toolbar{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#78350f66,#b4530940,#78350f66);border:1px solid rgba(245,158,11,.5);border-radius:8px;padding:8px 14px;margin:0 14px 10px;box-shadow:0 4px 12px #0000004d;flex-shrink:0}.admin-toolbar-title{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:800;color:#facc15;letter-spacing:.6px}.admin-pulse-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;animation:adminPulse 1.5s infinite}.admin-toolbar-buttons{display:flex;gap:8px;align-items:center}.admin-toolbar-btn{background:#0f172ad9;border:1px solid rgba(245,158,11,.4);color:#fef08a;font-family:Outfit,sans-serif;font-size:11px;font-weight:700;padding:5px 11px;border-radius:6px;cursor:pointer;transition:all .2s ease}.admin-toolbar-btn:hover{background:#f59e0b;color:#0f172a;box-shadow:0 0 10px #f59e0b80;transform:translateY(-1px)}.admin-tab-change-btn{background:#f59e0b33;border:1px solid rgba(245,158,11,.5);color:#fde047;font-size:10px;padding:2px 6px;border-radius:4px;margin-left:6px;cursor:pointer;transition:all .2s ease}.admin-tab-change-btn:hover{background:#f59e0b;color:#0f172a}.leaderboard-modal-box{background:linear-gradient(135deg,#0f172af7,#1a1a2efa);border:1px solid rgba(245,158,11,.4);box-shadow:0 20px 60px #000000e6,0 0 35px #f59e0b33;border-radius:16px;width:95%;max-width:950px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;position:relative;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.leaderboard-header{padding:18px 24px 14px;border-bottom:1px solid rgba(245,158,11,.25);display:flex;justify-content:space-between;align-items:center;background:#00000059}.leaderboard-title-wrap h2{margin:0;font-size:22px;font-weight:800;color:#facc15;text-shadow:0 0 16px rgba(250,204,21,.4);letter-spacing:.5px}.leaderboard-subtitle{font-size:13px;color:#94a3b8;margin-top:4px}.leaderboard-tabs-bar{display:flex;gap:12px;padding:12px 24px;background:#0a0f1e99;border-bottom:1px solid rgba(255,255,255,.08)}.leaderboard-tab-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#94a3b8;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;padding:8px 18px;border-radius:8px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:8px}.leaderboard-tab-btn:hover{background:#f59e0b26;border-color:#f59e0b66;color:#fde047}.leaderboard-tab-btn.active{background:linear-gradient(135deg,#f59e0b4d,#d9770666);border-color:#f59e0b;color:#fef08a;box-shadow:0 0 14px #f59e0b59}.leaderboard-table-scroll{flex:1;overflow-y:auto;padding:16px 24px 20px}.ranking-table{width:100%;border-collapse:separate;border-spacing:0 6px;text-align:left;font-size:13px;color:#e2e8f0}.ranking-table thead th{padding:10px 12px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#94a3b8;border-bottom:1px solid rgba(255,255,255,.1)}.ranking-table tbody tr{background:#0f172ab3;transition:background .2s ease,transform .15s ease;border-radius:8px}.ranking-table tbody tr:hover{background:#1e293bd9}.ranking-table td{padding:8px 12px;vertical-align:middle}.ranking-table td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.ranking-table td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.col-rank{width:85px;white-space:nowrap}.rank-badge{display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;padding:3px 8px;border-radius:6px;letter-spacing:.3px}.rank-badge-gold{background:linear-gradient(135deg,#f59e0b,#d97706);color:#0f172a;box-shadow:0 0 10px #f59e0b80}.rank-badge-silver{background:linear-gradient(135deg,#94a3b8,#64748b);color:#0f172a;box-shadow:0 0 8px #94a3b866}.rank-badge-bronze{background:linear-gradient(135deg,#b45309,#78350f);color:#fef3c7;box-shadow:0 0 8px #b4530966}.rank-badge-normal{background:#ffffff14;color:#cbd5e1}.you-badge{display:inline-block;margin-left:6px;background:#f59e0b;color:#0f172a;font-size:10px;font-weight:900;padding:1px 5px;border-radius:4px;letter-spacing:.5px;animation:pulseGoldBadge 1.8s infinite}@keyframes pulseGoldBadge{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.9}}.player-highlight-row{position:relative;background:linear-gradient(90deg,#f59e0b38,#38bdf826)!important;box-shadow:0 0 18px #f59e0b73!important}.player-highlight-row td{border-top:1.5px solid #f59e0b;border-bottom:1.5px solid #f59e0b}.player-highlight-row td:first-child{border-left:1.5px solid #f59e0b}.player-highlight-row td:last-child{border-right:1.5px solid #f59e0b}.ranking-hero-cell,.ranking-skill-cell{display:flex;align-items:center;gap:8px;white-space:nowrap}.ranking-hero-icon,.ranking-skill-icon{font-size:16px}.ranking-hero-name,.ranking-skill-name{font-weight:700;color:#f8fafc}.col-cards{min-width:200px}.ranking-cards-cell{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.ranking-card-tag{display:inline-flex;align-items:center;gap:4px;background:#0f172ad9;border:1px solid rgba(56,189,248,.35);padding:2px 7px;border-radius:4px;font-size:11px;color:#e2e8f0}.ranking-card-icon{font-size:12px}.ranking-card-name{font-weight:600;color:#f1f5f9;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-date{font-size:11px;color:#94a3b8;white-space:nowrap}.col-time{text-align:right;white-space:nowrap}.ranking-time-badge{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:800;color:#38bdf8;background:#38bdf81f;border:1px solid rgba(56,189,248,.3);padding:3px 8px;border-radius:6px;text-shadow:0 0 10px rgba(56,189,248,.4)}.player-highlight-row .ranking-time-badge{color:#fef08a;background:#f59e0b33;border-color:#f59e0b;text-shadow:0 0 12px rgba(245,158,11,.5)}.stage-ranking-container{background:#0a0f1eb3;border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:12px 14px;box-shadow:inset 0 0 16px #0009}.rank-highlight-tag{box-shadow:0 0 8px #f59e0b80}#game-over-modal .modal-card.game-over-card,#game-over-modal .modal-card{background:linear-gradient(135deg,#260a10f7,#140508fa)!important;border:2px solid rgba(239,68,68,.8)!important;box-shadow:0 20px 60px #000000f2,0 0 50px #ef444473,inset 0 0 35px #b91c1c59!important;animation:defeatCardShake .45s cubic-bezier(.36,.07,.19,.97) both}@keyframes defeatCardShake{10%,90%{transform:translate3d(-2px,0,0)}20%,80%{transform:translate3d(3px,0,0)}30%,50%,70%{transform:translate3d(-5px,0,0)}40%,60%{transform:translate3d(5px,0,0)}}#game-over-modal .modal-title,#game-over-title{background:linear-gradient(90deg,#f44,#ef4444,#dc2626)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#ef4444!important;text-shadow:0 0 30px rgba(239,68,68,.85);font-size:32px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.defeat-badge{display:inline-flex;align-items:center;gap:6px;background:#ef444440;border:1.5px solid rgba(239,68,68,.8);color:#fca5a5;font-size:13px;font-weight:800;padding:4px 16px;border-radius:20px;margin-bottom:12px;letter-spacing:1.5px;box-shadow:0 0 18px #ef444480;animation:pulseDefeatBadge 1.5s infinite alternate}@keyframes pulseDefeatBadge{0%{transform:scale(1);box-shadow:0 0 10px #ef444466}to{transform:scale(1.05);box-shadow:0 0 22px #ef4444b3}}#game-over-modal .stat-row span{color:#fca5a5}#game-over-modal .stat-row strong{color:#f87171;text-shadow:0 0 8px rgba(239,68,68,.5)}#btn-retry-over{background:linear-gradient(135deg,#b91c1c,#ef4444)!important;color:#fff!important;border:1px solid rgba(254,202,202,.3)!important;box-shadow:0 0 20px #ef444499!important}#btn-retry-over:hover{background:linear-gradient(135deg,#dc2626,#f87171)!important;box-shadow:0 0 30px #ef4444e6!important;transform:translateY(-2px) scale(1.04)}