@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark: #0d0b0a;--bg-darker: #070605;--bg-card: rgba(18, 14, 12, .92);--bg-card-solid: #12100e;--bg-card-hover: rgba(28, 22, 18, .95);--border-color: rgba(205, 175, 125, .15);--border-glow: rgba(255, 215, 0, .4);--stone-dark: #2a2520;--stone-mid: #3d3530;--stone-light: #4a4035;--wood-dark: #1a1410;--wood-mid: #2d241c;--wood-light: #3d3028;--parchment: #d4c4a8;--parchment-dark: #b8a888;--leather-brown: #4a3828;--metal-dark: #2a2a2a;--metal-light: #4a4a4a;--noise-fine: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");--text-primary: #f5f0e6;--text-secondary: #c9c0b0;--text-muted: #9a9080;--accent-gold: #d4a017;--accent-gold-light: #f0d078;--accent-gold-dark: #8b6914;--accent-gold-glow: rgba(212, 160, 23, .5);--accent-bronze: #cd7f32;--accent-bronze-light: #daa06d;--accent-bronze-dark: #8b5a2b;--warlock-purple: #d4a017;--warlock-purple-light: #f0d078;--warlock-purple-dark: #8b6914;--warlock-purple-glow: rgba(212, 160, 23, .5);--fel-green: #1eff00;--fel-green-dark: #0fa000;--fel-green-glow: rgba(30, 255, 0, .3);--gold: #ffd700;--gold-dark: #b89b00;--gold-glow: rgba(255, 209, 0, .4);--danger: #c0392b;--danger-glow: rgba(192, 57, 43, .3);--success: #27ae60;--info: #3498db;--shadow-color: rgba(0, 0, 0, .6);--class-primary: #d4a017;--class-secondary: #cd7f32;--class-glow: rgba(212, 160, 23, .5);--gradient-gold: linear-gradient(135deg, #ffd700 0%, #d4a017 50%, #ff8c00 100%);--gradient-dark: linear-gradient(180deg, rgba(18, 14, 12, .95) 0%, rgba(7, 6, 5, .98) 100%);--gradient-card: linear-gradient(145deg, rgba(24, 18, 14, .95) 0%, rgba(12, 10, 8, .98) 100%);--gradient-bronze: linear-gradient(135deg, #cd7f32 0%, #8b5a2b 100%);--sidebar-width: 280px;--right-sidebar-width: 220px;--header-height: 64px;--footer-height: auto;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--z-dropdown: 50;--z-sticky: 60;--z-fixed: 70;--z-backdrop: 80;--z-header: 90;--z-sidebar: 100;--z-modal: 110;--z-tooltip: 120;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--glass-bg: rgba(12, 10, 8, .9);--glass-bg-light: rgba(24, 18, 14, .75);--glass-border: rgba(212, 160, 23, .12);--glass-blur: 20px;--font-display: "Cinzel", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.class-warlock{--class-primary: #9482c9;--class-glow: rgba(148, 130, 201, .4)}.class-warrior{--class-primary: #c79c6e;--class-glow: rgba(199, 156, 110, .4)}.class-rogue{--class-primary: #fff569;--class-glow: rgba(255, 245, 105, .4)}.class-mage{--class-primary: #69ccf0;--class-glow: rgba(105, 204, 240, .4)}.class-priest{--class-primary: #ffffff;--class-glow: rgba(255, 255, 255, .3)}.class-druid{--class-primary: #ff7d0a;--class-glow: rgba(255, 125, 10, .4)}.class-paladin{--class-primary: #f58cba;--class-glow: rgba(245, 140, 186, .4)}.class-shaman{--class-primary: #0070de;--class-glow: rgba(0, 112, 222, .4)}.class-hunter{--class-primary: #abd473;--class-glow: rgba(171, 212, 115, .4)}.back-link{display:inline-block;color:var(--text-muted);text-decoration:none;font-size:.9rem;padding:8px 16px;border-radius:8px;border:1px solid var(--border-color);margin-bottom:20px;transition:all .3s ease}.back-link:hover{color:var(--class-primary);border-color:var(--class-primary);background:#ffffff0d}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-darker);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='0.4'/%3E%3C/svg%3E"),radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.4) 100%),radial-gradient(ellipse 100% 60% at 50% -10%,rgba(139,90,43,.12) 0%,transparent 60%),linear-gradient(180deg,#0f0d0b,#0a0908,#080706);background-blend-mode:overlay,normal,normal,normal;background-attachment:fixed;color:var(--text-primary);line-height:1.6;min-height:100vh}.container{max-width:1500px;margin:0 auto;padding:0 30px}header{padding:40px 0 25px;margin-bottom:35px;position:relative;background:linear-gradient(180deg,rgba(255,215,0,.03) 0%,transparent 100%)}header:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),rgba(255,255,255,.3),var(--gold),transparent);border-radius:2px}.header-content{display:flex;align-items:center;gap:25px;margin-bottom:30px}.class-icon{width:80px;height:80px;background-size:cover;border-radius:12px;border:3px solid var(--gold);box-shadow:0 0 30px #ffd70033,0 8px 32px #0006,inset 0 0 20px #ffd7001a;transition:all .3s ease}.class-icon:hover{box-shadow:0 0 50px #ffd7004d,0 12px 40px #00000080}.class-warlock .class-icon{background-image:url(https://wow.zamimg.com/images/wow/icons/large/classicon_warlock.jpg)}.class-warrior .class-icon{background-image:url(https://wow.zamimg.com/images/wow/icons/large/classicon_warrior.jpg)}.class-rogue .class-icon{background-image:url(https://wow.zamimg.com/images/wow/icons/large/classicon_rogue.jpg)}.class-mage .class-icon{background-image:url(https://wow.zamimg.com/images/wow/icons/large/classicon_mage.jpg)}.class-priest .class-icon{background-image:url(https://wow.zamimg.com/images/wow/icons/large/classicon_priest.jpg)}.class-druid .class-icon{background-image:url(https://wow.zamimg.com/images/wow/icons/large/classicon_druid.jpg)}.class-paladin .class-icon{background-image:url(https://wow.zamimg.com/images/wow/icons/large/classicon_paladin.jpg)}.class-shaman .class-icon{background-image:url(https://wow.zamimg.com/images/wow/icons/large/classicon_shaman.jpg)}.class-hunter .class-icon{background-image:url(https://wow.zamimg.com/images/wow/icons/large/classicon_hunter.jpg)}h1{font-family:Cinzel,serif;font-size:3rem;font-weight:700;background:linear-gradient(135deg,gold,#ff8c00,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 60px rgba(255,215,0,.3);letter-spacing:1px}.subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:300;letter-spacing:2px;text-transform:uppercase;margin-top:5px}.tab-nav{display:flex;gap:8px;flex-wrap:wrap;padding:8px;background:#0c0a08b3;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color)}.tab-btn{background:transparent;border:1px solid transparent;color:var(--text-secondary);padding:14px 28px;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tab-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gradient-bronze);opacity:0;transition:opacity .3s;z-index:-1}.tab-btn:hover{color:var(--text-primary);border-color:var(--border-glow);background:#d4a0171a;transform:translateY(-2px)}.tab-btn.active{background:var(--gradient-bronze);color:#fff;border-color:var(--warlock-purple);box-shadow:0 4px 20px var(--warlock-purple-glow),inset 0 1px #fff3}.tab-btn.active:before{opacity:1}.tab-content{display:none;opacity:0}.tab-content.active{display:block;opacity:1;animation:tabFadeIn .3s ease-out}@keyframes tabFadeIn{0%{opacity:0}to{opacity:1}}.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px;margin-bottom:40px}.card{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='cardnoise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23cardnoise)' opacity='0.15'/%3E%3C/svg%3E"),linear-gradient(180deg,#231c16f2,#120e0bfa);background-blend-mode:overlay,normal;border:2px solid;border-color:rgba(90,70,50,.5) rgba(60,45,30,.4) rgba(40,30,20,.5) rgba(70,55,40,.4);border-radius:12px;padding:28px;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000080,inset 0 1px #ffdcb414,inset 0 -2px #0003}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(205,175,125,.2),transparent)}.card:hover{border-color:rgba(205,165,100,.6) rgba(160,130,80,.5) rgba(100,80,50,.6) rgba(180,145,90,.5);box-shadow:0 8px 32px #00000080,0 0 20px #d4a0171a,inset 0 1px #ffdcb41f,inset 0 -2px #0003;transform:translateY(-2px)}.card.priority{background:linear-gradient(145deg,#8b691414,#0c0a08fa)}.card.full-width{grid-column:1 / -1}.card h2{font-family:Cinzel,serif;color:var(--warlock-purple-light);margin-bottom:20px;font-size:1.4rem;font-weight:600;display:flex;align-items:center;gap:10px;letter-spacing:.5px}.card h3{color:var(--text-primary);margin-bottom:12px;font-size:1.15rem;font-weight:600}.card h4{color:var(--gold);margin-top:20px;margin-bottom:10px;font-weight:600;letter-spacing:.5px}.card>h4:first-child,.card *:first-child h4:first-child{margin-top:0}.advanced-section{margin-top:30px}.advanced-section:first-child{margin-top:15px}.talent-path{display:flex;flex-direction:column;gap:10px}.talent-tier{display:flex;gap:18px;padding:14px 18px;background:#0000004d;border-radius:10px;border:1px solid rgba(212,160,23,.1);transition:all .3s ease}.talent-tier:hover{background:#d4a0171a;border-color:var(--border-glow);transform:translate(5px)}.talent-tier .level{color:var(--gold);font-weight:700;min-width:55px;font-size:.95rem}.talent-tier .talents{color:var(--text-secondary);font-weight:400}.rotation{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}.rotation .step{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#0000004d;border-radius:10px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.rotation .step:hover{background:#1eff000d;border-color:var(--fel-green-glow);transform:translate(5px)}.rotation .num{background:var(--gradient-bronze);color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;box-shadow:0 2px 10px var(--warlock-purple-glow)}.tip{background:linear-gradient(135deg,#d4a0171f,#d4a0170d);border-left:3px solid var(--warlock-purple);padding:14px 18px;border-radius:0 10px 10px 0;font-size:.95rem}.zone-list{display:flex;flex-direction:column;gap:10px}.zone{display:grid;grid-template-columns:60px 1fr;gap:10px;padding:10px;background:#0003;border-radius:6px}.zone-level{color:var(--gold);font-weight:700}.zone-name{color:var(--text-primary);font-weight:500}.zone-note{grid-column:2;color:var(--text-muted);font-size:.9rem}.checklist{list-style:none;display:flex;flex-direction:column;gap:6px}.checklist li{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#0003;border-radius:8px;border:1px solid transparent;transition:all .3s ease}.checklist li:hover{background:#d4a0171a;border-color:var(--border-glow)}.checklist input[type=checkbox]{width:20px;height:20px;accent-color:var(--fel-green);cursor:pointer;border-radius:4px}.checklist input[type=checkbox]:checked+*{color:var(--fel-green);text-decoration:line-through;opacity:.7}.spec-cards{display:flex;flex-direction:column;gap:15px}.spec{padding:15px;background:#0003;border-radius:8px;border-left:3px solid var(--border-color)}.spec h3{color:var(--fel-green)}.spec-build{color:var(--text-muted);font-family:monospace;margin-bottom:8px}.spec ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.spec li{background:#ffffff0d;padding:4px 10px;border-radius:4px;font-size:.9rem}.recommend{display:inline-block;margin-top:10px;color:var(--gold);font-weight:700;font-size:.85rem}.comp-list{display:flex;flex-direction:column;gap:10px}.comp{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:12px;background:#0003;border-radius:8px;align-items:center}.comp .tier{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700}.comp.s-tier .tier{background:linear-gradient(135deg,gold,#ff8c00);color:#000}.comp.a-tier .tier{background:var(--warlock-purple);color:#fff}.comp.b-tier .tier{background:var(--info);color:#fff}.comp .name{font-weight:500;color:var(--text-primary)}.comp .desc{grid-column:2;color:var(--text-muted);font-size:.9rem}.calculator-card{background:linear-gradient(145deg,#282319e6,#0c0a08fa);border-left:4px solid var(--gold)}.calculator{display:flex;flex-direction:column;gap:18px}.calc-input-group{display:flex;flex-direction:column;gap:8px}.calc-input-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.calc-input-group input,.calc-input-group select{padding:14px 18px;background:#0006;border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);font-size:1.1rem;font-weight:600;transition:all .3s ease}.calc-input-group input:focus,.calc-input-group select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 20px var(--gold-glow)}.calc-input-group input::-webkit-outer-spin-button,.calc-input-group input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.calc-btn{padding:14px 28px;background:var(--gradient-gold);border:none;border-radius:10px;color:#000;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 20px var(--gold-glow)}.calc-btn:hover{box-shadow:0 8px 30px var(--gold-glow)}.calc-results{background:#0000004d;border-radius:12px;padding:20px;border:1px solid var(--border-color);transition:all .3s ease}.calc-results.calculated{animation:resultsPop .4s ease}@keyframes resultsPop{0%{transform:scale(.98);opacity:.8}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.result-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.result-row.main{padding:15px 0;margin-bottom:10px;border-bottom:1px solid var(--border-color)}.result-row.main .result-label{font-size:1rem;font-weight:600;color:var(--text-primary)}.result-row.main .result-value{font-family:Cinzel,serif;font-size:2rem;font-weight:700;color:var(--gold);text-shadow:0 0 20px var(--gold-glow)}.result-label{color:var(--text-secondary);font-size:.9rem}.result-value{color:var(--fel-green);font-weight:700;font-size:1rem}.result-divider{height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:10px 0}.rating-tips{padding:16px;background:#0003;border-radius:10px;border:1px solid rgba(212,160,23,.1)}.rating-tips h4{color:var(--warlock-purple-light);font-size:.85rem;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.breakpoint{display:flex;justify-content:space-between;padding:8px 12px;margin-bottom:6px;background:#0003;border-radius:6px;transition:all .2s ease}.breakpoint:last-child{margin-bottom:0}.breakpoint:hover{background:#d4a0171a}.breakpoint.highlight{background:linear-gradient(135deg,#ffd10026,#ff8c001a);border:1px solid rgba(255,209,0,.3)}.bp-rating{color:var(--gold);font-weight:700}.bp-points{color:var(--text-secondary);font-size:.85rem}.comp-list-detailed{display:flex;flex-direction:column;gap:16px}.comp-card{background:linear-gradient(145deg,#18120ef2,#0c0a08fa);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--border-color)}.comp-card:hover{box-shadow:0 8px 30px #0000004d}.comp-card.s-tier{border-left:5px solid #ffd700;background:linear-gradient(145deg,#282319e6,#0c0a08fa)}.comp-card.s-tier:hover{box-shadow:0 8px 30px var(--gold-glow)}.comp-card.a-tier{border-left:5px solid var(--warlock-purple)}.comp-card.a-tier:hover{box-shadow:0 8px 30px var(--warlock-purple-glow)}.comp-card.b-tier{border-left:5px solid var(--info)}.comp-card.b-tier:hover{box-shadow:0 8px 30px #54a0ff40}.comp-header{display:flex;align-items:center;gap:16px;padding:20px}.comp-card .tier{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;flex-shrink:0;box-shadow:0 4px 15px #0000004d}.comp-card.s-tier .tier{background:var(--gradient-gold);color:#000;box-shadow:0 4px 20px var(--gold-glow)}.comp-card.a-tier .tier{background:var(--gradient-bronze);color:#fff;box-shadow:0 4px 20px var(--warlock-purple-glow)}.comp-card.b-tier .tier{background:linear-gradient(135deg,#54a0ff,#2e86de);color:#fff;box-shadow:0 4px 20px #54a0ff4d}.comp-info{flex:1}.comp-info .name{display:block;font-weight:700;font-size:1.1rem;color:var(--text-primary);margin-bottom:4px}.comp-info .desc{font-size:.9rem;color:var(--text-muted)}.expand-icon{color:var(--text-muted);transition:transform .4s cubic-bezier(.4,0,.2,1);font-size:.9rem;padding:8px}.comp-card.expanded .expand-icon{transform:rotate(180deg);color:var(--warlock-purple-light)}.comp-guide{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1),padding .4s ease;background:linear-gradient(180deg,#0000004d,#0000001a)}.comp-card.expanded .comp-guide{max-height:900px;padding:20px 25px;border-top:1px solid var(--border-color)}.guide-section{margin-bottom:20px;padding:14px 16px;background:#0003;border-radius:10px;border:1px solid rgba(212,160,23,.1)}.guide-section:last-child{margin-bottom:0}.guide-section h4{color:var(--gold);margin-bottom:12px;font-size:1rem;font-weight:700;letter-spacing:.5px}.guide-section p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.guide-section ol,.guide-section ul{margin:0;padding-left:22px;color:var(--text-secondary);font-size:.9rem}.guide-section li{margin-bottom:8px;line-height:1.5}.guide-section li strong{color:var(--fel-green);font-weight:600}.ability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.ability{display:flex;flex-direction:column;padding:10px;background:#0003;border-radius:6px}.ability .key{color:var(--fel-green);font-weight:700;margin-bottom:4px}.ability .desc{color:var(--text-muted);font-size:.85rem}.win-conditions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.win-condition{display:flex;gap:12px;align-items:flex-start;background:#2ecc710d;border:1px solid rgba(46,204,113,.2);padding:15px;border-radius:10px}.win-condition-icon{width:28px;height:28px;min-width:28px;background:linear-gradient(135deg,#2ecc714d,#27ae6066);border:2px solid rgba(46,204,113,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#2ecc71;font-size:.85rem;box-shadow:0 0 10px #2ecc7133}.win-condition-content h4{margin-bottom:6px;color:#2ecc71;font-size:.95rem}.win-condition-content p{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.win-conditions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.condition{padding:15px;background:#0003;border-radius:8px}.condition h4{margin-bottom:8px}.condition p{color:var(--text-secondary);font-size:.95rem}.decision-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:15px}.decision{padding:15px;border-radius:8px}.decision.buy{background:#00ff000d;border:1px solid rgba(0,255,0,.2)}.decision.farm{background:#ffd1000d;border:1px solid rgba(255,209,0,.2)}.decision h3{margin-bottom:10px}.decision ul{list-style:none}.decision li{padding:6px 0;color:var(--text-secondary)}.gold-math{background:#d4a0171a;padding:12px 15px;border-radius:6px;color:var(--text-secondary)}.farm-list{display:flex;flex-direction:column;gap:10px}.farm{display:grid;grid-template-columns:100px 1fr;gap:10px;padding:12px;background:#0003;border-radius:6px}.farm .gph{color:var(--gold);font-weight:700}.farm .name{color:var(--text-primary)}.farm .desc{grid-column:2;color:var(--text-muted);font-size:.9rem}.daily-route{display:flex;flex-direction:column;gap:8px}.daily{display:flex;gap:15px;padding:10px 12px;background:#0003;border-radius:6px}.daily .gold{color:var(--gold);font-weight:700;min-width:50px}.daily.total{background:#d4a01726;border:1px solid var(--warlock-purple-dark);margin-top:5px}.priority-list{list-style:none;counter-reset:priority}.priority-list li{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#0003;border-radius:6px;margin-bottom:8px;counter-increment:priority}.priority-list li:before{content:counter(priority);background:var(--warlock-purple);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;margin-right:12px}.priority-list .item{flex:1;color:var(--text-primary)}.priority-list .why{color:var(--text-muted);font-size:.9rem}.stat-priority{margin-bottom:20px}.stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.stat{padding:6px 14px;border-radius:20px;font-weight:500}.stat.high{background:#00ff0026;color:var(--fel-green);border:1px solid rgba(0,255,0,.3)}.stat.med{background:#ffd10026;color:var(--gold);border:1px solid rgba(255,209,0,.3)}.stat.low{background:#ffffff1a;color:var(--text-secondary);border:1px solid rgba(255,255,255,.2)}.arrow{color:var(--text-muted)}.target{color:var(--info);font-weight:500}.stat-priority{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}.stat-item{flex:1;min-width:140px;max-width:200px;padding:12px 16px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.stat-item:hover{background:#ffffff0f;border-color:#ffffff26}.stat-item.primary{background:#00ff0014;border-color:#00ff0040}.stat-item.primary .stat-name{color:var(--fel-green, #00ff00)}.stat-item.secondary{background:#ffd10014;border-color:#ffd10040}.stat-item.secondary .stat-name{color:var(--gold, #ffd100)}.stat-item.tertiary{background:#64b4ff14;border-color:#64b4ff40}.stat-item.tertiary .stat-name{color:var(--info, #64b4ff)}.stat-item .stat-name{display:block;font-weight:600;font-size:1rem;color:var(--text-primary);margin-bottom:4px}.stat-item .stat-value{display:block;font-size:.8rem;color:var(--gold, #ffd100);margin-bottom:6px}.stat-item .stat-desc,.stat-item p{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.4}.stat-arrow{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1.25rem;padding:0 4px;align-self:center}.stat-priorities{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-section{background:#0003;border-radius:8px;padding:16px;border:1px solid rgba(255,255,255,.06)}.stat-section h3{font-size:1rem;color:var(--gold, #ffd100);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.stat-list{display:flex;flex-direction:column;gap:8px}.stat-list .stat{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:6px;background:#ffffff08;border:none}.stat-list .stat .stat-name{font-weight:600;font-size:.9rem;color:var(--text-primary)}.stat-list .stat .stat-desc{font-size:.8rem;color:var(--text-muted)}.gear-path{margin-top:15px}.path-step{display:flex;gap:15px;padding:10px 0;border-bottom:1px solid var(--border-color)}.path-step:last-child{border-bottom:none}.path-step .phase{color:var(--warlock-purple);font-weight:700;min-width:80px}.path-step .action{color:var(--text-secondary)}.dungeon-gear,.rep-gear{display:flex;flex-direction:column;gap:10px}.item,.rep-item{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:10px;background:#0003;border-radius:6px}.item .slot,.rep-item .rep{color:var(--text-muted);font-size:.85rem}.item .name,.rep-item .item{color:var(--fel-green);grid-column:2}.item .source{grid-column:2;color:var(--text-muted);font-size:.85rem}.gem-guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:10px}.gem{padding:12px;border-radius:8px;text-align:center}.gem .color{display:block;font-weight:700;margin-bottom:4px}.gem .name{display:block;font-size:.9rem;margin-bottom:4px}.gem .stat{display:block;font-size:.85rem;color:var(--text-muted)}.gem.red{background:#ff444426;border:1px solid rgba(255,68,68,.3)}.gem.red .color{color:#f66}.gem.yellow{background:#ffd10026;border:1px solid rgba(255,209,0,.3)}.gem.yellow .color{color:var(--gold)}.gem.blue{background:#44aaff26;border:1px solid rgba(68,170,255,.3)}.gem.blue .color{color:var(--info)}.gem.meta{background:#d4a0171f;border:1px solid rgba(212,160,23,.2)}.gem.meta .color{color:var(--warlock-purple)}.macro-list{display:flex;flex-direction:column;gap:15px}.macro{padding:12px;background:#0003;border-radius:8px}.macro h4{margin-bottom:8px}.macro code{display:block;background:#000;padding:10px 12px;border-radius:6px;font-family:Consolas,Monaco,monospace;font-size:.9rem;color:var(--fel-green);margin-bottom:8px;white-space:pre-wrap;word-break:break-all}.macro p{color:var(--text-muted);font-size:.9rem}.keybind-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.keybind-section h4{margin-bottom:10px;color:var(--warlock-purple)}.bind{display:flex;align-items:center;gap:10px;padding:6px 0}.bind .key{background:var(--bg-dark);border:1px solid var(--border-color);padding:4px 10px;border-radius:4px;font-family:monospace;font-size:.85rem;min-width:60px;text-align:center}.addon-list{display:flex;flex-direction:column;gap:10px}.addon{display:flex;flex-direction:column;padding:10px 12px;background:#0003;border-radius:6px}.addon.essential{border-left:3px solid var(--fel-green)}.addon .name{color:var(--text-primary);font-weight:500}.addon .desc{color:var(--text-muted);font-size:.9rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.tip-item{padding:12px 15px;background:#0003;border-radius:6px;color:var(--text-secondary)}.tip-item strong{color:var(--gold)}.note{color:var(--text-muted);font-size:.85rem;font-style:italic;margin-top:12px;padding:10px 14px;background:#0003;border-radius:6px;border-left:2px solid var(--text-muted)}footer{text-align:center;padding:40px 0;color:var(--text-muted);margin-top:50px;position:relative;background:linear-gradient(180deg,transparent,rgba(139,105,20,.05))}footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:linear-gradient(90deg,transparent,var(--border-glow),transparent)}footer p{font-size:.9rem;letter-spacing:1px}.trainer-container{display:grid;grid-template-columns:1fr 380px;gap:25px}.game-area{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.game-area:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--warlock-purple),var(--fel-green),var(--warlock-purple))}.game-header{display:flex;justify-content:space-around;padding:20px;background:linear-gradient(180deg,#0006,#0003);border-radius:14px;margin-bottom:25px;border:1px solid var(--border-color);box-shadow:inset 0 2px 10px #0000004d}.score-display,.combo-display,.timer-display,.high-score-display{text-align:center;padding:0 20px}.score-display .label,.combo-display .label,.timer-display .label,.high-score-display .label{display:block;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:5px;font-weight:600}.score-display .value{font-family:Cinzel,serif;font-size:2.5rem;font-weight:700;color:var(--gold);text-shadow:0 0 20px var(--gold-glow)}.combo-display .value{font-family:Cinzel,serif;font-size:2.5rem;font-weight:700;color:var(--fel-green);text-shadow:0 0 20px var(--fel-green-glow)}.timer-display .value{font-family:Cinzel,serif;font-size:2.5rem;font-weight:700;color:var(--info);text-shadow:0 0 20px rgba(84,160,255,.4)}.high-score-display .value{font-family:Cinzel,serif;font-size:2.5rem;font-weight:700;color:var(--warlock-purple-light);text-shadow:0 0 20px var(--warlock-purple-glow)}.target-frames{display:flex;gap:20px;margin-bottom:25px}.target-frame{flex:1;background:linear-gradient(180deg,#281414e6,#140a0af2);border:2px solid rgba(200,50,50,.3);border-radius:12px;padding:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.target-frame:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c0392b,#e74c3c,#c0392b)}.target-frame:hover{border-color:#c8323299;box-shadow:0 8px 25px #c8323233}.target-frame.selected{border-color:var(--fel-green);box-shadow:0 0 25px var(--fel-green-glow),inset 0 0 30px #1eff001a}.target-frame.selected:before{background:linear-gradient(90deg,var(--fel-green-dark),var(--fel-green),var(--fel-green-dark))}.target-frame.focus-target{position:relative}.target-frame.focus-target:after{content:"FOCUS";position:absolute;top:-12px;right:12px;background:linear-gradient(135deg,#ff4757,#ff6b7a);color:#fff;padding:4px 12px;border-radius:6px;font-size:.65rem;font-weight:700;letter-spacing:1.5px;box-shadow:0 4px 15px var(--danger-glow);z-index:10}.target-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.target-name{font-weight:700;color:var(--danger)}.target-class{font-size:.8rem;padding:2px 8px;border-radius:4px}.target-class.warrior{background:#c79c6e4d;color:#c79c6e;display:flex;align-items:center;gap:4px}.target-class.warrior:before{content:"";width:16px;height:16px;background-image:url(https://wow.zamimg.com/images/wow/icons/tiny/classicon_warrior.gif);background-size:cover}.target-class.priest{background:#fff3;color:#fff;display:flex;align-items:center;gap:4px}.target-class.priest:before{content:"";width:16px;height:16px;background-image:url(https://wow.zamimg.com/images/wow/icons/tiny/classicon_priest.gif);background-size:cover}.health-bar{height:20px;background:#00000080;border-radius:4px;overflow:hidden;position:relative;margin-bottom:8px}.health-fill{height:100%;width:100%;background:linear-gradient(90deg,#2ecc40,#01ff70);transition:width .3s}.health-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.debuff-bar{display:flex;gap:4px;min-height:28px;flex-wrap:wrap}.debuff{width:26px;height:26px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;position:relative;animation:debuffPop .3s ease}@keyframes debuffPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.debuff{background-size:cover;background-position:center;border:1px solid #000}.debuff.corruption{background-image:url(https://wow.zamimg.com/images/wow/icons/medium/spell_shadow_abominationexplosion.jpg)}.debuff.coa{background-image:url(https://wow.zamimg.com/images/wow/icons/medium/spell_shadow_curseofsargeras.jpg)}.debuff.siphon{background-image:url(https://wow.zamimg.com/images/wow/icons/medium/spell_shadow_requiem.jpg)}.debuff.ua{background-image:url(https://wow.zamimg.com/images/wow/icons/medium/spell_shadow_unstableaffliction_3.jpg)}.debuff.cot{background-image:url(https://wow.zamimg.com/images/wow/icons/medium/spell_shadow_charm.jpg)}.debuff.fear{background-image:url(https://wow.zamimg.com/images/wow/icons/medium/spell_shadow_possession.jpg)}.debuff.drainlife{background-image:url(https://wow.zamimg.com/images/wow/icons/medium/spell_shadow_lifedrain02.jpg)}.debuff.deathcoil{background-image:url(https://wow.zamimg.com/images/wow/icons/medium/spell_shadow_deathcoil.jpg)}.debuff.spelllock{background-image:url(https://wow.zamimg.com/images/wow/icons/medium/spell_shadow_mindrot.jpg)}.debuff.howl{background-image:url(https://wow.zamimg.com/images/wow/icons/medium/spell_shadow_deathscream.jpg)}.debuff.immolate{background-image:url(https://wow.zamimg.com/images/wow/icons/medium/spell_fire_immolation.jpg)}.debuff.coex{background-image:url(https://wow.zamimg.com/images/wow/icons/medium/spell_shadow_grimward.jpg)}.debuff.shadowfury{background-image:url(https://wow.zamimg.com/images/wow/icons/medium/spell_shadow_shadowfury.jpg)}.debuff.seduce{background-image:url(https://wow.zamimg.com/images/wow/icons/medium/spell_shadow_mindsteal.jpg)}.debuff-timer{position:absolute;bottom:-4px;right:-4px;background:#000;padding:1px 3px;border-radius:3px;font-size:.6rem}.cast-bar-container{margin-bottom:20px;display:none}.cast-bar-container.active{display:block;animation:castBarSlide .3s cubic-bezier(.4,0,.2,1)}@keyframes castBarSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cast-bar{display:flex;align-items:center;gap:14px;background:linear-gradient(180deg,#18120efa,#0c0a08fa);border:2px solid var(--warlock-purple);border-radius:12px;padding:12px 16px;max-width:450px;margin:0 auto;box-shadow:0 8px 30px #0009,0 0 30px var(--warlock-purple-glow),inset 0 1px #ffffff1a}.cast-bar-icon{width:40px;height:40px;border-radius:8px;border:2px solid var(--warlock-purple);background-size:cover;background-position:center;flex-shrink:0;box-shadow:0 4px 15px #00000080}.cast-bar-content{flex:1;display:flex;flex-direction:column;gap:6px}.cast-bar-name{font-size:.95rem;font-weight:700;color:var(--text-primary);letter-spacing:.5px}.cast-bar-progress{height:18px;background:#0009;border-radius:6px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1)}.cast-bar-fill{height:100%;width:0%;border-radius:5px;transition:width .1s linear}.cast-bar-fill.casting{background:linear-gradient(90deg,#f39c12,#e67e22,#f39c12);box-shadow:0 0 15px #f39c1280}.cast-bar-fill.channeling{background:linear-gradient(90deg,#9b59b6,#8e44ad,#9b59b6);box-shadow:0 0 15px #9b59b680}.cast-bar-time{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:.75rem;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.9);color:#fff}.gcd-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;border-radius:4px;pointer-events:none;display:none}.gcd-overlay.active{display:block}.gcd-sweep{position:absolute;top:0;left:0;width:100%;height:100%;background:conic-gradient(transparent 0deg,#ffffff4d);border-radius:4px;animation:gcdSweep 1.5s linear forwards}@keyframes gcdSweep{0%{background:conic-gradient(transparent 0deg,#0009,#0009 360deg)}to{background:conic-gradient(transparent 360deg,#0009 360deg)}}.player-pet-container{display:flex;gap:18px;margin-bottom:25px}.player-frame{flex:1;background:linear-gradient(180deg,#231919f2,#120c0cfa);border:2px solid rgba(200,80,80,.3);border-radius:12px;padding:14px 16px;position:relative;overflow:hidden}.player-frame:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(200,80,80,.5),transparent)}.pet-frame{width:200px;background:linear-gradient(180deg,#231c32f2,#120e1cfa);border:2px solid rgba(212,160,23,.2);border-radius:12px;padding:14px 16px;position:relative;overflow:hidden}.pet-frame:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--warlock-purple-glow),transparent)}.frame-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.frame-header.pet{justify-content:flex-start;gap:10px}.pet-icon-small{width:22px;height:22px;border-radius:4px;border:1px solid var(--warlock-purple)}.frame-name{font-weight:700;color:var(--warlock-purple-light);font-size:.95rem}.frame-level{font-size:.75rem;color:var(--text-muted);font-weight:500}.player-bars{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.player-bar{height:28px;background:#0009;border-radius:6px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 2px 5px #0006}.player-bar .bar-fill{height:100%;width:100%;transition:width .3s ease;position:relative}.player-bar .bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:linear-gradient(180deg,rgba(255,255,255,.2) 0%,transparent 100%)}.player-bar.health .bar-fill{background:linear-gradient(90deg,#c0392b,#e74c3c,#c0392b);box-shadow:0 0 10px #e74c3c66}.player-bar.mana .bar-fill{background:linear-gradient(90deg,#2980b9,#3498db,#2980b9);box-shadow:0 0 10px #3498db66}.player-bar.pet-health .bar-fill{background:linear-gradient(90deg,#27ae60,#2ecc71,#27ae60);box-shadow:0 0 10px #2ecc7166}.player-bar.pet-mana .bar-fill{background:linear-gradient(90deg,#8e44ad,#9b59b6,#8e44ad);box-shadow:0 0 10px #9b59b666}.bar-text{position:absolute;top:50%;left:12px;transform:translateY(-50%);font-size:.8rem;font-weight:700;text-shadow:1px 1px 3px rgba(0,0,0,.9);z-index:2}.player-buffs{display:flex;gap:4px}.action-bars-container{display:flex;flex-direction:column;gap:6px;margin-bottom:20px;padding:15px;background:linear-gradient(180deg,#0c0a08d9,#070605f2);border-radius:14px;border:1px solid var(--border-color)}.action-bar{display:flex;align-items:center;gap:5px;padding:8px 12px;background:linear-gradient(180deg,#1e1812f2,#120e0afa);border:1px solid rgba(212,160,23,.15);border-radius:8px;box-shadow:inset 0 1px #ffffff0d,0 4px 15px #0006}.action-bar.pet-bar{background:linear-gradient(180deg,#2d2014f2,#1c140efa);border-color:#d4a01733}.action-bar.main-bar{justify-content:flex-start}.bar-label{min-width:28px;height:28px;background:linear-gradient(180deg,#0009,#0006);border:1px solid rgba(255,209,0,.3);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--gold);margin-right:10px;box-shadow:inset 0 1px 3px #00000080}.bar-separator{width:2px;height:40px;background:linear-gradient(180deg,transparent,var(--warlock-purple-glow),transparent);margin:0 10px;border-radius:2px}.ability-slot{position:relative}.ability-icon{width:44px;height:44px;border-radius:6px;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:2px solid rgba(80,70,100,.8);box-shadow:inset 0 0 0 1px #ffffff1a,0 4px 8px #00000080,0 0 0 1px #0000004d;transition:all .2s cubic-bezier(.4,0,.2,1)}.ability-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;box-shadow:inset 0 0 15px #00000080;pointer-events:none}.ability-icon:hover{border-color:var(--gold);box-shadow:0 0 25px var(--gold-glow),0 8px 20px #00000080,inset 0 0 0 1px #fff3;z-index:10}.ability-icon:active{filter:brightness(.8)}.ability-icon.on-cooldown{filter:grayscale(100%) brightness(.4)}.ability-slot.on-gcd .ability-icon{filter:brightness(.7)}.ability-slot.on-gcd:after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:6px;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg,transparent var(--gcd-angle, 0deg),rgba(0,0,0,.75) var(--gcd-angle, 0deg),rgba(0,0,0,.75) 360deg)}.ability-slot.on-gcd .ability-icon:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:8px;border:2px solid rgba(255,215,0,.6);pointer-events:none;animation:gcdGlow 1.5s ease-out forwards}@keyframes gcdGlow{0%{border-color:#ffd700cc;box-shadow:0 0 10px #ffd70080}to{border-color:#ffd70000;box-shadow:0 0 #ffd70000}}.ability-icon.highlighted{animation:highlight-pulse 1s infinite;border-color:var(--fel-green)}@keyframes highlight-pulse{0%,to{box-shadow:0 0 15px var(--fel-green-glow),inset 0 0 0 1px #ffffff1a;transform:scale(1)}50%{box-shadow:0 0 30px var(--fel-green),0 0 60px var(--fel-green-glow),inset 0 0 15px #1eff0033;transform:scale(1.08)}}.ability-icon{background-size:cover;background-position:center;background-repeat:no-repeat}.ability-icon.corruption{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_abominationexplosion.jpg)}.ability-icon.coa{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_curseofsargeras.jpg)}.ability-icon.siphon{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_requiem.jpg)}.ability-icon.ua{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_unstableaffliction_3.jpg)}.ability-icon.cot{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_charm.jpg)}.ability-icon.fear{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_possession.jpg)}.ability-icon.deathcoil{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_deathcoil.jpg)}.ability-icon.drainlife{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_lifedrain02.jpg)}.ability-icon.lifetap{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_burningspirit.jpg)}.ability-icon.spelllock{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_mindrot.jpg)}.ability-icon.focus-ver{position:relative}.ability-icon.focus-ver:before{content:"F";position:absolute;top:-6px;left:-6px;width:18px;height:18px;background:linear-gradient(135deg,#ff4757,#ff6b7a);border-radius:50%;font-size:.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:10;box-shadow:0 2px 10px var(--danger-glow);border:2px solid rgba(255,255,255,.3)}.ability-icon.howl{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_deathscream.jpg)}.ability-icon.shadowburn{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_scourgebuild.jpg)}.ability-icon.petattack{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_ghoulfrenzy.jpg)}.ability-icon.petfollow{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_tracking.jpg)}.ability-icon.petstay{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_smash.jpg)}.ability-icon.devour{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_purge.jpg)}.ability-icon.sacrifice{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_mindrot.jpg)}.ability-icon.shadowbolt{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_shadowbolt.jpg)}.ability-icon.immolate{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_fire_immolation.jpg)}.ability-icon.drainsoul{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_haunting.jpg)}.ability-icon.darkpact{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_darkritual.jpg)}.ability-icon.wand{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inv_wand_01.jpg)}.ability-icon.seduce{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_mindsteal.jpg)}.ability-icon.coex{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_grimward.jpg)}.ability-icon.amplify{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_contagion.jpg)}.ability-icon.shadowfury{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_shadowfury.jpg)}.ability-icon.conflag{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_fire_fireball.jpg)}.ability-icon.sbolt{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_arcane_arcane01.jpg)}.ability-icon.healthstone{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inv_stone_04.jpg)}.ability-icon.healthpot{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inv_potion_54.jpg)}.ability-icon.spellstone{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inv_misc_gem_sapphire_01.jpg)}.ability-icon.soulstone{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inv_misc_orb_04.jpg)}.ability-icon.felarmor{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_felarmour.jpg)}.ability-icon.soullink{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_gathershadows.jpg)}.ability-icon.demonicaegis{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_ragingscream.jpg)}.ability-icon.summonfelhunter{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_summonfelhunter.jpg)}.ability-icon.summonsuccubus{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_summonsuccubus.jpg)}.ability-icon.createhealthstone{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inv_stone_04.jpg)}.ability-icon.createspellstone{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inv_misc_gem_sapphire_01.jpg)}.ability-icon.ritual{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_twilight.jpg)}.ability-icon.battlestance{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_warrior_offensivestance.jpg)}.ability-icon.defensivestance{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_warrior_defensivestance.jpg)}.ability-icon.berserkerstance{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_racial_avatar.jpg)}.ability-icon.mortalstrike{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_warrior_savageblow.jpg)}.ability-icon.whirlwind{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_whirlwind.jpg)}.ability-icon.execute{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inv_sword_48.jpg)}.ability-icon.overpower{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_meleedamage.jpg)}.ability-icon.slam{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_warrior_decisivestrike.jpg)}.ability-icon.rend{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_gouge.jpg)}.ability-icon.hamstring{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_shockwave.jpg)}.ability-icon.pummel{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inv_gauntlets_04.jpg)}.ability-icon.spellreflect{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_warrior_shieldreflection.jpg)}.ability-icon.intercept{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_rogue_sprint.jpg)}.ability-icon.intimidatingshout{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_golemthunderclap.jpg)}.ability-icon.charge{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_warrior_charge.jpg)}.ability-icon.berserkerrage{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_ancestralguardian.jpg)}.ability-icon.disarm{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_warrior_disarm.jpg)}.ability-icon.laststand{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_ashestoashes.jpg)}.ability-icon.sinisterstrike{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_ritualofsacrifice.jpg)}.ability-icon.mutilate{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_rogue_shadowstrikes.jpg)}.ability-icon.hemorrhage{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_lifedrain.jpg)}.ability-icon.kidneyshot{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_rogue_kidneyshot.jpg)}.ability-icon.evisc{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_rogue_eviscerate.jpg)}.ability-icon.rupture{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_rogue_rupture.jpg)}.ability-icon.cheapshot{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_cheapshot.jpg)}.ability-icon.garrote{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_rogue_garrote.jpg)}.ability-icon.sap{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_sap.jpg)}.ability-icon.gouge{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_gouge.jpg)}.ability-icon.blind{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_mindsteal.jpg)}.ability-icon.kick{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_kick.jpg)}.ability-icon.vanish{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_vanish.jpg)}.ability-icon.cloak{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_nethercloak.jpg)}.ability-icon.evasion{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_shadowward.jpg)}.ability-icon.frostbolt{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_frost_frostbolt02.jpg)}.ability-icon.icelance{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_frost_frostblast.jpg)}.ability-icon.fireblast{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_fire_fireball.jpg)}.ability-icon.coneofcold{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_frost_glacier.jpg)}.ability-icon.arcaneexplosion{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_wispsplode.jpg)}.ability-icon.polymorph{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_polymorph.jpg)}.ability-icon.frostnova{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_frost_frostnova.jpg)}.ability-icon.counterspell{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_frost_iceshock.jpg)}.ability-icon.blink{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_arcane_blink.jpg)}.ability-icon.iceblock{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_frost_frost.jpg)}.ability-icon.icebarrier{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_ice_lament.jpg)}.ability-icon.icyveins{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_frost_coldhearted.jpg)}.ability-icon.coldsnap{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_frost_wizardmark.jpg)}.ability-icon.managem{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inv_misc_gem_sapphire_02.jpg)}.ability-icon.summonwater{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inv_elemental_mote_water01.jpg)}.ability-icon.petfreeze{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_frost_frostshock.jpg)}.ability-icon.pwshield{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_powerwordshield.jpg)}.ability-icon.flashheal{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_flashheal.jpg)}.ability-icon.greaterheal{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_greaterheal.jpg)}.ability-icon.renew{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_renew.jpg)}.ability-icon.pom{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_prayerofmendingtga.jpg)}.ability-icon.psychicscream{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_psychicscream.jpg)}.ability-icon.dispel{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_dispelmagic.jpg)}.ability-icon.manaburn{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_manaburn.jpg)}.ability-icon.massdispel{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_arcane_massdispel.jpg)}.ability-icon.swpain{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_shadowwordpain.jpg)}.ability-icon.mindblast{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_unholyfrenzy.jpg)}.ability-icon.swdeath{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_shadow_demonicfortitude.jpg)}.ability-icon.painsuppression{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_painsupression.jpg)}.ability-icon.fearward{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_excorcism.jpg)}.ability-icon.fade{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_magic_lesserinvisibilty.jpg)}.ability-icon.lifebloom{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inv_misc_herb_felblossom.jpg)}.ability-icon.rejuvenation{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_rejuvenation.jpg)}.ability-icon.regrowth{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_resistnature.jpg)}.ability-icon.swiftmend{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inv_relics_idolofrejuvenation.jpg)}.ability-icon.healingtouch{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_healingtouch.jpg)}.ability-icon.cyclone{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_earthbind.jpg)}.ability-icon.bash{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_druid_bash.jpg)}.ability-icon.entanglingroots{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_stranglevines.jpg)}.ability-icon.feralcharge{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_hunter_pet_bear.jpg)}.ability-icon.hibernate{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_sleep.jpg)}.ability-icon.catform{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_druid_catform.jpg)}.ability-icon.bearform{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_racial_bearform.jpg)}.ability-icon.travelform{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_druid_travelform.jpg)}.ability-icon.barkskin{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_stoneclawtotem.jpg)}.ability-icon.naturesswiftness{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_ravenform.jpg)}.ability-icon.innervate{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_lightning.jpg)}.ability-icon.flashoflight{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_flashheal.jpg)}.ability-icon.holylight{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_holybolt.jpg)}.ability-icon.holyshock{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_searinglight.jpg)}.ability-icon.cleanse{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_purify.jpg)}.ability-icon.bof{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_sealofvalor.jpg)}.ability-icon.hoj{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_sealofmight.jpg)}.ability-icon.repentance{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_prayerofhealing.jpg)}.ability-icon.divineshield{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_divineintervention.jpg)}.ability-icon.bos{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_sealofsacrifice.jpg)}.ability-icon.avengingwrath{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_avenginewrath.jpg)}.ability-icon.consecration{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_innerfire.jpg)}.ability-icon.loh{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_holy_layonhands.jpg)}.ability-icon.trinket{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inv_jewelry_trinketpvp_01.jpg)}.ability-icon.grounding{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_groundingtotem.jpg)}.ability-icon.tremor{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_tremortotem.jpg)}.ability-icon.earthbind{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_strengthofearthtotem02.jpg)}.ability-icon.windfury{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_windfury.jpg)}.ability-icon.lightningbolt{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_lightning.jpg)}.ability-icon.chainlightning{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_chainlightning.jpg)}.ability-icon.earthshock{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_earthshock.jpg)}.ability-icon.frostshock{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_frost_frostshock.jpg)}.ability-icon.flameshock{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_fire_flameshock.jpg)}.ability-icon.purge{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_purge.jpg)}.ability-icon.bloodlust{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_bloodlust.jpg)}.ability-icon.lesserhealingwave{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_healingwavelesser.jpg)}.ability-icon.healingwave{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_magicimmunity.jpg)}.ability-icon.earthshield{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_nature_skinofearth.jpg)}.ability-icon.watershield{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_shaman_watershield.jpg)}.ability-icon.manapot{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inv_potion_76.jpg)}.ability-icon.intimidation{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_devour.jpg)}.ability-icon.bestialwrath{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_druid_ferociousbite.jpg)}.ability-icon.killcommand{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_hunter_killcommand.jpg)}.ability-icon.steadyshot{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_hunter_steadyshot.jpg)}.ability-icon.arcaneshot{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_impalingbolt.jpg)}.ability-icon.aimedshot{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inv_spear_07.jpg)}.ability-icon.multishot{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_upgrademoonglaive.jpg)}.ability-icon.serpentsting{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_hunter_quickshot.jpg)}.ability-icon.concussiveshot{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_frost_stun.jpg)}.ability-icon.rapidfire{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_hunter_runningshot.jpg)}.ability-icon.scattershot{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_golemstormbolt.jpg)}.ability-icon.freezingtrap{background-image:url(https://wow.zamimg.com/images/wow/icons/large/spell_frost_chainsofice.jpg)}.ability-icon.silencingshot{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_theblackarrow.jpg)}.ability-icon.wyvernsting{background-image:url(https://wow.zamimg.com/images/wow/icons/large/inv_spear_02.jpg)}.ability-icon.vipersting{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_hunter_aimedshot.jpg)}.ability-icon.scorpidsting{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_hunter_criticalshot.jpg)}.ability-icon.wingclip{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_rogue_trip.jpg)}.ability-icon.feigndeath{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_rogue_feigndeath.jpg)}.ability-icon.deterrence{background-image:url(https://wow.zamimg.com/images/wow/icons/large/ability_whirlwind.jpg)}.keybind{position:absolute;top:2px;right:2px;background:linear-gradient(180deg,#000000e6,#000000b3);padding:2px 5px;border-radius:4px;font-size:.65rem;font-weight:700;color:var(--gold);text-shadow:0 1px 3px #000;z-index:5;line-height:1.2;border:1px solid rgba(255,209,0,.2)}.cooldown-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;border-radius:6px;display:none}.cooldown-overlay.active{display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}.tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#191428fa,#0c0a14fc);border:2px solid var(--warlock-purple);border-radius:10px;padding:14px 16px;width:220px;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:100;margin-bottom:10px;box-shadow:0 8px 30px #000c,0 0 20px var(--warlock-purple-glow),inset 0 1px #ffffff1a;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tooltip:before{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--warlock-purple)}.ability-slot:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(-5px)}.tooltip h4{font-family:Cinzel,serif;color:var(--warlock-purple-light);margin-bottom:8px;font-size:1rem;font-weight:600}.tooltip .instant{color:var(--fel-green);font-size:.85rem;margin-bottom:8px;font-weight:600;text-shadow:0 0 10px var(--fel-green-glow)}.tooltip .cast{color:var(--gold);font-size:.85rem;margin-bottom:8px;font-weight:600;text-shadow:0 0 10px var(--gold-glow)}.tooltip .channel{color:#b39ddb;font-size:.85rem;margin-bottom:8px;font-weight:700;text-shadow:0 0 10px rgba(179,157,219,.5)}.ability-icon[data-cast=channel]:before{content:"◉";position:absolute;bottom:1px;left:1px;font-size:.5rem;color:#b39ddb;text-shadow:0 0 3px #000;z-index:5}.ability-icon[data-cast=cast]:before{content:"◎";position:absolute;bottom:1px;left:1px;font-size:.5rem;color:#f39c12;text-shadow:0 0 3px #000;z-index:5}.tooltip p{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px;line-height:1.5}.tooltip .tip{color:var(--gold);font-style:italic;font-size:.8rem;border-top:1px solid rgba(212,160,23,.2);padding-top:10px;margin-top:10px}.feedback-area{min-height:70px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feedback-message{padding:14px 32px;border-radius:12px;font-size:1.1rem;font-weight:700;animation:feedbackSlide .4s cubic-bezier(.4,0,.2,1);letter-spacing:.5px}@keyframes feedbackSlide{0%{transform:translateY(-15px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.feedback-message.correct{background:linear-gradient(135deg,#2ed57333,#2ed5731a);border:2px solid #2ed573;color:#2ed573;box-shadow:0 4px 25px #2ed57340}.feedback-message.wrong{background:linear-gradient(135deg,#ff475733,#ff47571a);border:2px solid #ff4757;color:#ff4757;box-shadow:0 4px 25px #ff475740}.feedback-message.info{background:linear-gradient(135deg,#54a0ff33,#54a0ff1a);border:2px solid #54a0ff;color:#54a0ff;box-shadow:0 4px 25px #54a0ff40}.feedback-message.combo{background:linear-gradient(135deg,#ffd10040,#ff8c0026);border:2px solid var(--gold);color:var(--gold);font-size:1.4rem;box-shadow:0 4px 30px var(--gold-glow);text-shadow:0 0 20px var(--gold-glow)}.game-controls{display:flex;justify-content:center;gap:18px;align-items:center;padding-top:10px}.game-btn{padding:14px 36px;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1px}.game-btn.start{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;box-shadow:0 4px 20px #2ecc714d}.game-btn.start:hover{background:linear-gradient(135deg,#2ecc71,#58d68d);box-shadow:0 8px 30px #2ecc7166}.game-btn.reset{background:#14141ecc;border:2px solid var(--border-color);color:var(--text-secondary)}.game-btn.reset:hover{border-color:var(--danger);color:var(--danger);background:#ff47571a;box-shadow:0 4px 20px var(--danger-glow)}#difficultySelect{padding:12px 20px;background:#14141ee6;border:2px solid var(--border-color);color:var(--text-primary);border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s}#difficultySelect:hover{border-color:var(--warlock-purple)}#difficultySelect:focus{outline:none;border-color:var(--warlock-purple);box-shadow:0 0 15px var(--warlock-purple-glow)}.trainer-sidebar{display:flex;flex-direction:column;gap:20px}.trainer-sidebar .card{padding:22px}.goal-display{padding:20px;background:linear-gradient(180deg,#0000004d,#0000001a);border-radius:12px;text-align:center;border:1px solid var(--border-color)}.goal-display .expected-ability{display:inline-flex;align-items:center;gap:12px;padding:12px 20px;background:var(--gradient-bronze);border-radius:10px;font-weight:700;font-size:1.05rem;margin-top:12px;box-shadow:0 4px 20px var(--warlock-purple-glow)}.goal-display .goal-hint{color:var(--text-secondary);font-size:.95rem;margin-bottom:8px;line-height:1.5}.goal-display .key-badge{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;background:#0009;border:2px solid var(--gold);border-radius:6px;font-size:.9rem;font-weight:700;color:var(--gold);box-shadow:0 2px 10px var(--gold-glow)}.rotation-guide{display:flex;flex-direction:column;gap:6px}.rotation-step{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#0003;border-radius:6px;transition:all .2s}.rotation-step.active{background:#d4a01733;border-left:3px solid var(--warlock-purple)}.rotation-step.completed{opacity:.5}.step-num{width:22px;height:22px;background:var(--warlock-purple-dark);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.step-name{flex:1;font-weight:500}.step-note{font-size:.75rem;color:var(--text-muted)}.session-stats{display:flex;flex-direction:column;gap:6px}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#0003;border-radius:8px;transition:all .2s}.stat-row:hover{background:#d4a0171a}.stat-label{color:var(--text-secondary);font-size:.9rem}.stat-value{font-weight:700;color:var(--fel-green);font-size:1.1rem}.tips-display{padding:16px;background:linear-gradient(135deg,#ffd10014,#ffd10005);border-radius:10px;font-size:.9rem;color:var(--text-secondary);line-height:1.6;border-left:3px solid var(--gold)}.keybind-reference{display:grid;grid-template-columns:1fr 1fr;gap:16px}.keybind-group{padding:12px;background:#0003;border-radius:10px;border:1px solid rgba(212,160,23,.1)}.keybind-group h4{color:var(--warlock-purple-light);font-size:.75rem;margin-bottom:10px;text-transform:uppercase;letter-spacing:1px;font-weight:700;padding-bottom:6px;border-bottom:1px solid var(--border-color)}.key-row{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:.8rem;color:var(--text-secondary);transition:color .2s}.key-row:hover{color:var(--text-primary)}.key-row .k{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 6px;background:linear-gradient(180deg,#00000080,#0000004d);border:1px solid rgba(255,209,0,.3);border-radius:4px;font-size:.7rem;font-weight:700;color:var(--gold);font-family:Inter,monospace;box-shadow:0 2px 4px #0000004d}@media(max-width:1100px){.trainer-container{grid-template-columns:1fr}.trainer-sidebar{order:2;flex-direction:row;flex-wrap:wrap}.trainer-sidebar .card{flex:1;min-width:280px}}@media(max-width:768px){h1{font-size:1.8rem}.header-content{flex-direction:column;text-align:center}.tab-nav{justify-content:center}.tab-btn{padding:10px 16px;font-size:.9rem}.section-grid{grid-template-columns:1fr}.card{padding:18px}}.talents-header{text-align:center;margin-bottom:40px}.talents-header h2{font-family:Cinzel,serif;font-size:2.2rem;color:var(--warlock-purple-light);margin-bottom:10px;text-shadow:0 0 20px var(--warlock-purple-glow)}.talents-header p{color:var(--text-secondary);font-size:1rem}.build-selector{display:flex;gap:15px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.build-tab{background:var(--gradient-card);border:2px solid var(--border-color);border-radius:12px;padding:20px 30px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:8px;min-width:180px}.build-tab:hover{border-color:var(--warlock-purple);box-shadow:0 8px 25px #d4a01726}.build-tab.active{background:linear-gradient(145deg,#8b691433,#120e0af2);border-color:var(--warlock-purple);box-shadow:0 0 20px var(--warlock-purple-glow),inset 0 1px #ffffff1a}.build-tab .build-name{font-family:Cinzel,serif;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.build-tab.active .build-name{color:var(--warlock-purple-light)}.build-tab .build-spec{font-size:.85rem;color:var(--text-muted);font-family:Inter,monospace}.build-tab .build-type,.build-tab .build-tag{font-size:.75rem;padding:4px 10px;border-radius:20px;background:#d4a0171f;color:var(--warlock-purple);font-weight:500}.build-tab .build-tag.arena{background:linear-gradient(135deg,#d4a01733,#8b691426);color:var(--warlock-purple-light)}.build-tab .build-tag.damage{background:linear-gradient(135deg,#ff475733,#c8323c26);color:#ff6b7a}.build-tab .build-tag.leveling{background:linear-gradient(135deg,#1eff0033,#0fa00026);color:var(--fel-green)}.build-tab .build-tag.burst{background:linear-gradient(135deg,#ffd10033,#c8a00026);color:var(--gold)}.build-content{display:none}.build-content.active{display:block;animation:buildFadeIn .3s ease-out}@keyframes buildFadeIn{0%{opacity:0}to{opacity:1}}.build-overview{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px}.build-header-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:16px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.build-header-card h3{font-family:Cinzel,serif;font-size:1.5rem;color:var(--warlock-purple-light);margin-bottom:20px;display:flex;align-items:center;gap:10px}.build-header-card h3:before{content:"⚔";font-size:1.2rem}.build-header-card p{color:var(--text-secondary);line-height:1.8;font-size:.95rem}.build-header-card ul{list-style:none;padding:0}.build-header-card ul li{padding:10px 0;border-bottom:1px solid rgba(212,160,23,.1);color:var(--text-secondary);display:flex;align-items:center;gap:10px}.build-header-card ul li:last-child{border-bottom:none}.build-header-card ul li:before{content:"✦";color:var(--warlock-purple);font-size:.8rem}.build-info{flex:1}.build-info h3{font-family:Cinzel,serif;font-size:1.4rem;color:var(--warlock-purple-light);margin-bottom:8px}.build-info h3:before{display:none}.build-subtitle{color:var(--text-secondary);font-size:.95rem;margin-bottom:15px}.build-meta{display:flex;flex-wrap:wrap;gap:15px}.build-meta .meta-item{font-size:.85rem;color:var(--text-secondary);padding:6px 12px;background:#0000004d;border-radius:6px;border:1px solid var(--border-color)}.build-meta .meta-item strong{color:var(--warlock-purple)}.build-summary{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:16px;padding:25px}.build-summary h4{font-family:Cinzel,serif;font-size:1.2rem;color:var(--warlock-purple-light);margin-bottom:15px}.build-summary p{color:var(--text-secondary);line-height:1.8;font-size:.95rem}.build-summary strong{color:var(--fel-green)}.tree-points{margin-left:auto;background:#d4a01726;padding:5px 12px;border-radius:20px;font-size:.85rem;font-weight:600;color:var(--warlock-purple-light)}.points-badge{font-size:.7rem;color:var(--fel-green);font-weight:600;margin-left:auto;background:#1eff001a;padding:2px 6px;border-radius:4px}.talent .key-badge{font-size:.6rem;font-weight:700;color:#000;background:var(--gradient-gold);padding:2px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.talent-trees{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:40px}.talent-tree{background:var(--gradient-card);border:2px solid var(--border-color);border-radius:16px;padding:20px;position:relative;overflow:hidden}.talent-tree:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:16px 16px 0 0}.talent-tree.affliction:before{background:linear-gradient(90deg,#d4a017,#8b6914)}.talent-tree.demonology:before{background:linear-gradient(90deg,#1eff00,#0fa000)}.talent-tree.destruction:before{background:linear-gradient(90deg,#ff4757,#ff6b6b)}.talent-tree.empty{opacity:.5}.tree-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.tree-header img{width:40px;height:40px;border-radius:8px;border:2px solid var(--warlock-purple);box-shadow:0 0 10px var(--warlock-purple-glow)}.tree-header h4{font-family:Cinzel,serif;font-size:1.1rem;color:var(--text-primary)}.tree-header .points{margin-left:auto;background:#d4a01726;padding:5px 12px;border-radius:20px;font-size:.85rem;font-weight:600;color:var(--warlock-purple-light)}.tree-talents{display:flex;flex-direction:column;gap:8px}.talent-row{display:flex;gap:8px;flex-wrap:wrap}.talent{background:#0000004d;border:1px solid rgba(100,100,100,.3);border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px;flex:1;min-width:120px;opacity:.4;transition:all .3s ease}.talent.taken{opacity:1;background:#d4a0171f;border-color:#d4a01740}.talent.key-talent{background:linear-gradient(135deg,#ffd10026,#d4a01726);border-color:var(--gold);box-shadow:0 0 15px #ffd10033;position:relative}.talent.key-talent:before{content:"★";position:absolute;top:-8px;right:-8px;color:var(--gold);font-size:.9rem;text-shadow:0 0 8px var(--gold-glow)}.talent img{width:28px;height:28px;border-radius:6px;border:1px solid rgba(212,160,23,.2)}.talent.taken img{border-color:var(--warlock-purple);box-shadow:0 0 8px var(--warlock-purple-glow)}.talent-name{font-size:.75rem;color:var(--text-secondary);flex:1}.talent.taken .talent-name{color:var(--text-primary)}.talent-explanations{margin-top:40px}.talent-explanations h3{font-family:Cinzel,serif;font-size:1.4rem;color:var(--warlock-purple-light);margin-bottom:25px;text-align:center}.explanation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.explanation-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;transition:all .3s ease}.explanation-card:hover{border-color:var(--warlock-purple);box-shadow:0 8px 20px #0000004d}.explanation-card.key-talent-card{border-color:var(--gold);background:linear-gradient(145deg,#ffd10014,#120e0af2)}.explanation-card h4{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:1rem;color:var(--text-primary)}.explanation-card h4 img{width:36px;height:36px;border-radius:8px;border:2px solid var(--warlock-purple);box-shadow:0 0 10px var(--warlock-purple-glow)}.explanation-card.key-talent-card h4 img{border-color:var(--gold);box-shadow:0 0 15px var(--gold-glow)}.explanation-card h4 .key-badge{margin-left:auto;background:var(--gradient-gold);color:#000;font-size:.65rem;padding:3px 8px;border-radius:10px;font-weight:700;text-transform:uppercase}.explanation-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.build-comparison{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:16px;padding:25px;margin-bottom:30px}.build-comparison h4{font-family:Cinzel,serif;font-size:1.2rem;color:var(--warlock-purple-light);margin-bottom:20px}.comparison-table{width:100%;background:var(--bg-card);border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.comparison-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;padding:12px 20px;border-bottom:1px solid var(--border-color);align-items:center}.comparison-row:last-child{border-bottom:none}.comparison-row.header{background:linear-gradient(135deg,#8b691433,#120e0af2);font-family:Cinzel,serif;font-weight:600;color:var(--warlock-purple-light)}.comparison-row span:first-child{color:var(--text-secondary);font-weight:500}.comparison-row span:nth-child(2),.comparison-row span:nth-child(3){text-align:center;color:var(--gold);letter-spacing:2px}.comparison-row:hover:not(.header){background:#d4a0170d}.comparison-row .good{color:var(--fel-green)!important}.comparison-row .mid{color:var(--gold)!important}.comparison-row .bad{color:var(--danger)!important}table.comparison-table{width:100%;border-collapse:collapse;margin-top:30px;background:var(--bg-card);border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.comparison-table thead{background:linear-gradient(135deg,#8b691433,#120e0af2)}.comparison-table th{padding:15px 20px;text-align:left;font-family:Cinzel,serif;font-size:.95rem;color:var(--warlock-purple-light);border-bottom:2px solid var(--warlock-purple)}.comparison-table td{padding:12px 20px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:.9rem}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover td{background:#d4a0170d}.comparison-table .highlight{color:var(--fel-green);font-weight:600}.comparison-table .negative{color:var(--danger)}.tips-grid-talents{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px;margin-top:30px}.tips-grid-talents .tip-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:10px;padding:18px;display:flex;align-items:flex-start;gap:12px}.tips-grid-talents .tip-card .tip-icon{font-size:1.5rem;flex-shrink:0}.tips-grid-talents .tip-card .tip-content h5{color:var(--text-primary);font-size:.95rem;margin-bottom:6px}.tips-grid-talents .tip-card .tip-content p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.talent-tree.empty .tree-talents{display:flex;align-items:center;justify-content:center;min-height:150px}.tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;text-align:center;padding:20px}.tree-empty p{color:var(--text-muted);font-size:.95rem;margin-bottom:8px}.tree-empty .empty-reason{color:var(--text-secondary);font-size:.8rem;font-style:italic;opacity:.7}.talent-tree.empty .empty-message{color:var(--text-muted);font-style:italic;text-align:center}@media(max-width:1200px){.talent-trees,.build-overview{grid-template-columns:1fr}}@media(max-width:768px){.build-selector{flex-direction:column;align-items:stretch}.build-tab{min-width:unset}.talent-row{flex-direction:column}.talent{min-width:unset}}.class-intro{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:25px;text-align:center}.class-intro strong{color:var(--warlock-purple-light)}.identity-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.identity-item{background:#0000004d;border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease}.identity-item:hover{border-color:var(--warlock-purple)}.identity-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.identity-icon img{width:56px;height:56px;border-radius:8px;border:2px solid var(--accent-bronze);box-shadow:0 0 0 1px #00000080,0 4px 12px #0006,inset 0 1px #ffffff1a;transition:all .3s ease;background:linear-gradient(145deg,#281e14e6,#140f0af2)}.identity-item:hover .identity-icon img{border-color:var(--accent-gold);box-shadow:0 0 0 1px #00000080,0 0 20px var(--accent-gold-glow),0 4px 16px #00000080,inset 0 1px #ffffff26;transform:scale(1.05)}.identity-item h4{font-family:Cinzel,serif;color:var(--warlock-purple-light);margin-bottom:8px;font-size:1rem}.identity-item p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.mechanic-list{display:flex;flex-direction:column;gap:15px}.mechanic{background:#0003;border-left:3px solid var(--warlock-purple);padding:15px 20px;border-radius:0 8px 8px 0}.mechanic h4{color:var(--warlock-purple-light);font-size:.95rem;margin-bottom:6px}.mechanic p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.mechanic p strong{color:var(--fel-green)}.tips-list{display:flex;flex-direction:column;gap:15px}.pro-tip{display:flex;gap:15px;align-items:flex-start;background:#0003;padding:15px;border-radius:10px;border:1px solid var(--border-color);transition:all .3s ease}.pro-tip:hover{border-color:var(--warlock-purple)}.tip-num{width:32px;height:32px;background:var(--gradient-bronze);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.tip-content h4{color:var(--text-primary);font-size:.95rem;margin-bottom:5px}.tip-content p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.pet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.pet-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:12px;padding:20px;text-align:center}.pet-card img{width:56px;height:56px;border-radius:10px;border:2px solid var(--warlock-purple);box-shadow:0 0 15px var(--warlock-purple-glow);margin-bottom:12px}.pet-card h4{font-family:Cinzel,serif;color:var(--text-primary);margin-bottom:5px}.pet-use{display:inline-block;font-size:.75rem;padding:3px 10px;border-radius:15px;margin-bottom:12px;font-weight:500}.pet-card.felhunter .pet-use{background:#1eff0026;color:var(--fel-green)}.pet-card.succubus .pet-use{background:#ffd10026;color:var(--gold)}.pet-card.voidwalker .pet-use{background:#ff475726;color:var(--danger)}.pet-card ul{list-style:none;text-align:left;padding:0}.pet-card ul li{font-size:.8rem;color:var(--text-secondary);padding:5px 0;border-bottom:1px solid rgba(212,160,23,.1)}.pet-card ul li:last-child{border-bottom:none}.pet-card ul li strong{color:var(--warlock-purple-light)}.priority-section{display:flex;flex-direction:column;gap:20px}.priority-group{background:#0003;padding:15px 20px;border-radius:10px}.priority-group h4{color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.priority-list-inline{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.priority-item{background:#d4a0171f;border:1px solid var(--border-color);padding:8px 14px;border-radius:8px;font-size:.9rem;color:var(--text-primary)}.priority-item.caster{border-color:var(--info);background:#54a0ff1a}.priority-item.melee{border-color:var(--danger);background:#ff47571a}.priority-item.damage{border-color:var(--fel-green);background:#1eff001a}.priority-item.cc{border-color:var(--gold);background:#ffd1001a}.priority-item small{color:var(--text-muted);font-size:.75rem}.priority-arrow{color:var(--text-muted);font-size:1.2rem}.mistakes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:15px}.mistake{display:flex;gap:12px;align-items:flex-start;background:#ff47570d;border:1px solid rgba(255,71,87,.2);padding:15px;border-radius:10px}.mistake-icon{font-size:1.2rem;flex-shrink:0}.mistake-content h4{color:var(--danger);font-size:.9rem;margin-bottom:5px}.mistake-content p{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.roadmap-card .roadmap-intro{color:var(--text-secondary);font-size:1rem;margin-bottom:25px;line-height:1.6}.rating-roadmap{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.rating-tier{background:var(--gradient-card);border:2px solid var(--border-color);border-radius:16px;padding:0;position:relative;overflow:hidden;transition:all .3s ease}.rating-tier:hover{box-shadow:0 15px 40px #0006}.rating-tier.tier-bronze{border-color:#cd7f32}.rating-tier.tier-silver{border-color:silver}.rating-tier.tier-gold{border-color:gold}.rating-tier.tier-duelist{border-color:#ff4757}.rating-tier .tier-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:15px 20px;border-bottom:1px solid var(--border-color)}.tier-badge{font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:1px;text-transform:uppercase}.tier-badge.bronze{background:linear-gradient(135deg,#cd7f32,#b87333);color:#1a1a1a}.tier-badge.silver{background:linear-gradient(135deg,silver,#a8a8a8);color:#1a1a1a}.tier-badge.gold{background:linear-gradient(135deg,gold,#ffb700);color:#1a1a1a}.tier-badge.duelist{background:linear-gradient(135deg,#ff4757,#ff6b81);color:#fff}.tier-rating{font-size:.85rem;color:var(--text-muted);font-weight:600}.tier-name{font-family:Cinzel,serif;font-size:.9rem;color:var(--text-primary);width:100%;margin-top:5px}.tier-content{padding:20px}.tier-content h4{font-size:.9rem;color:var(--warlock-purple-light);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.tier-content ul{list-style:none;padding:0;margin-bottom:15px}.tier-content ul li{position:relative;padding-left:18px;font-size:.85rem;color:var(--text-secondary);margin-bottom:8px;line-height:1.4}.tier-content ul li:before{content:"→";position:absolute;left:0;color:var(--warlock-purple)}.tier-content ul li strong{color:var(--text-primary)}.tier-goal{background:#1eff0014;border:1px solid rgba(30,255,0,.2);border-radius:8px;padding:10px 15px;font-size:.85rem;color:var(--fel-green)}.tier-goal strong{color:var(--fel-green)}.positioning-guide{margin-top:20px}.positioning-guide .position-concept{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:12px;padding:25px;margin-bottom:25px}.positioning-guide .position-concept h4{font-family:Cinzel,serif;color:var(--text-primary);margin-bottom:20px;font-size:1.1rem;text-align:center}.position-visual{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.position-step{background:#d4a0171a;border:1px solid var(--warlock-purple);border-radius:10px;padding:12px 18px;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:120px}.step-num{width:28px;height:28px;background:var(--warlock-purple);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff}.step-text{font-size:.85rem;color:var(--text-primary);text-align:center}.position-arrow{font-size:1.5rem;color:var(--warlock-purple);font-weight:700}.position-note{background:#1eff0014;border:1px solid rgba(30,255,0,.2);border-radius:8px;padding:12px 18px;font-size:.9rem;color:var(--fel-green);text-align:center}.position-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.position-rule{display:flex;gap:12px;align-items:flex-start;background:#0003;border:1px solid var(--border-color);border-radius:10px;padding:15px}.rule-icon{font-size:1.2rem;flex-shrink:0}.rule-content h5{font-family:Cinzel,serif;color:var(--text-primary);font-size:.95rem;margin-bottom:5px}.rule-content p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.framework-intro{color:var(--text-secondary);font-size:1rem;margin-bottom:20px;line-height:1.6}.cooldown-framework{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px;margin-top:20px}.cd-category{background:#0000004d;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.cd-category h4{font-family:Cinzel,serif;color:var(--text-primary);font-size:1rem;padding:15px 20px;background:#d4a0171a;border-bottom:1px solid var(--border-color);margin:0}.cd-category.defensive h4{border-left:4px solid var(--fel-green)}.cd-category.offensive h4{border-left:4px solid var(--danger)}.cd-list{padding:15px 20px}.cd-item{display:flex;gap:15px;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(212,160,23,.1)}.cd-item:last-child{border-bottom:none}.cd-item img{width:40px;height:40px;border-radius:8px;border:2px solid var(--border-color);flex-shrink:0}.cd-info{display:flex;flex-direction:column;gap:4px}.cd-name{font-size:.95rem;color:var(--text-primary);font-weight:600}.cd-when{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.cd-response{font-size:.8rem;color:var(--text-secondary);text-align:right;max-width:60%}.cd-response.good{color:var(--fel-green)}.cd-response.bad{color:var(--danger)}.cd-windows{padding:15px 20px}.cd-window{display:flex;align-items:center;gap:15px;padding:12px 0;border-bottom:1px solid rgba(212,160,23,.1)}.cd-window:last-child{border-bottom:none}.window-trigger{font-size:.9rem;font-weight:600;color:var(--gold);min-width:160px}.window-action{font-size:.85rem;color:var(--text-secondary);line-height:1.4}.section-intro{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.matchup-difficulty-legend{display:flex;gap:30px;flex-wrap:wrap}.difficulty-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary)}.difficulty-item .dot{width:12px;height:12px;border-radius:50%}.difficulty-item.favorable .dot{background:#40a0ff}.difficulty-item.even .dot{background:var(--gold)}.difficulty-item.hard .dot{background:var(--danger)}.matchup-card{background:var(--gradient-card);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s ease}.matchup-card:hover{box-shadow:0 15px 40px #0006;border-color:var(--warlock-purple)}.matchup-header{display:flex;align-items:center;gap:15px;padding:20px;background:#0000004d;border-bottom:1px solid var(--border-color)}.matchup-icon{width:50px;height:50px;border-radius:10px;border:2px solid var(--border-color)}.matchup-title h3{font-family:Cinzel,serif;font-size:1.2rem;color:var(--text-primary);margin-bottom:5px}.matchup-difficulty{display:inline-block;font-size:.75rem;padding:4px 12px;border-radius:15px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.matchup-difficulty.favorable{background:#40a0ff26;color:#40a0ff}.matchup-difficulty.even{background:#ffd10026;color:var(--gold)}.matchup-difficulty.hard{background:#ff475726;color:var(--danger)}.matchup-content{padding:20px}.matchup-section{margin-bottom:18px}.matchup-section:last-of-type{margin-bottom:15px}.matchup-section h4{font-size:.9rem;color:var(--warlock-purple-light);margin-bottom:10px;font-weight:600}.matchup-section>p{font-size:.9rem;color:var(--text-secondary);line-height:1.5}.matchup-section ul{list-style:none;padding:0}.matchup-section ul li{font-size:.85rem;color:var(--text-secondary);padding:5px 0;line-height:1.4}.matchup-section ul li strong{color:var(--text-primary)}.matchup-rating{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:10px;align-items:center;padding-top:15px;border-top:1px solid var(--border-color)}.rating-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.rating-bar{height:6px;background:#0006;border-radius:3px;overflow:hidden}.rating-fill{height:100%;border-radius:3px;transition:width .3s ease}.rating-fill.floor-low{background:linear-gradient(90deg,#2ecc71,#27ae60)}.rating-fill.floor-medium{background:linear-gradient(90deg,#f39c12,#e67e22)}.rating-fill.floor-high{background:linear-gradient(90deg,#e74c3c,#c0392b)}.rating-fill.reward{background:linear-gradient(90deg,#f1c40f,#f39c12)}.team-matchups-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:20px}.team-matchup{background:#0000004d;border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.team-matchup-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#d4a0171a;border-bottom:1px solid var(--border-color)}.vs-comp{font-family:Cinzel,serif;font-size:1rem;color:var(--text-primary);font-weight:600}.team-matchup-body{padding:15px 20px}.team-matchup-body p{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:10px}.team-matchup-body p:last-child{margin-bottom:0}.team-matchup-body p strong{color:var(--warlock-purple-light)}.quick-matchup-table{margin-top:20px;background:#0000004d;border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}.quick-row{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;padding:12px 20px;border-bottom:1px solid var(--border-color);align-items:center}.quick-row:last-child{border-bottom:none}.quick-row.header{background:#d4a0171f;font-weight:600;font-size:.85rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.quick-row:not(.header){font-size:.9rem;color:var(--text-secondary)}.quick-row:not(.header):hover{background:#d4a0170d}.class-name{font-weight:600}.class-name.warrior{color:#c79c6e}.class-name.rogue{color:#fff569}.class-name.mage{color:#69ccf0}.class-name.priest{color:#fff}.class-name.hunter{color:#abd473}.class-name.druid{color:#ff7d0a}.class-name.shaman{color:#0070de}.class-name.paladin{color:#f58cba}.class-name.warlock{color:var(--warlock-purple-light)}@media(max-width:1200px){.rating-roadmap{grid-template-columns:repeat(2,1fr)}.cooldown-framework{grid-template-columns:1fr}}@media(max-width:768px){.identity-cards{grid-template-columns:1fr 1fr}.pet-grid{grid-template-columns:1fr}.priority-list-inline{flex-direction:column;align-items:flex-start}.priority-arrow{transform:rotate(90deg);align-self:center}.rating-roadmap{grid-template-columns:1fr}.position-visual{flex-direction:column}.position-arrow{transform:rotate(90deg)}.position-rules,.cooldown-framework{grid-template-columns:1fr}.cd-window{flex-direction:column;align-items:flex-start;gap:5px}.window-trigger{min-width:auto}.matchup-rating{grid-template-columns:auto 1fr;gap:8px}.quick-row{grid-template-columns:1fr 1fr;gap:5px}.quick-row span:nth-child(3),.quick-row span:nth-child(4){font-size:.8rem}.matchup-difficulty-legend{flex-direction:column;gap:10px}.team-matchups-grid{grid-template-columns:1fr}}.video-card{display:flex;flex-direction:column;gap:15px}.video-card h3{font-family:Cinzel,serif;font-size:1.2rem;color:var(--warlock-purple-light);margin:0;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;background:var(--bg-darker);border:1px solid var(--border-color)}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;border-radius:8px}.video-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0;padding-top:5px}#videos .section-intro{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-top:10px}@media(max-width:768px){.video-container{padding-bottom:56.25%}.video-card h3{font-size:1.1rem}.video-desc{font-size:.9rem}}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);margin-right:var(--right-sidebar-width);padding-top:var(--header-height);min-height:100vh;transition:margin var(--transition-normal)}@media(max-width:1279px){.main-content{margin-right:0}}@media(max-width:1023px){.main-content{margin-left:0}}.page-content{padding:var(--space-6) var(--space-4);max-width:1400px;margin:0 auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px var(--class-glow)}50%{box-shadow:0 0 25px var(--class-glow),0 0 40px var(--class-glow)}}@keyframes subtleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-stagger>*{opacity:0;animation:fadeInUp .4s ease-out forwards}.animate-stagger>*:nth-child(1){animation-delay:.05s}.animate-stagger>*:nth-child(2){animation-delay:.1s}.animate-stagger>*:nth-child(3){animation-delay:.15s}.animate-stagger>*:nth-child(4){animation-delay:.2s}.animate-stagger>*:nth-child(5){animation-delay:.25s}.animate-stagger>*:nth-child(6){animation-delay:.3s}.animate-stagger>*:nth-child(7){animation-delay:.35s}.animate-stagger>*:nth-child(8){animation-delay:.4s}.animate-stagger>*:nth-child(9){animation-delay:.45s}.skeleton{background:linear-gradient(90deg,#ffffff08,#ffffff14,#ffffff08);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-text:last-child{width:70%}.skeleton-card{height:200px}.hover-depth{transition:box-shadow var(--transition-normal)}.hover-depth:hover{box-shadow:0 10px 40px #0000004d,0 0 0 1px var(--glass-border)}.hover-glow{transition:box-shadow var(--transition-normal)}.hover-glow:hover{box-shadow:0 0 30px var(--class-glow)}html{scroll-behavior:smooth}:focus-visible{outline:2px solid var(--class-primary);outline-offset:2px}@media(pointer:coarse){button,a,[role=button]{min-height:44px;min-width:44px}}@media(max-width:480px){:root{--space-4: .75rem;--space-6: 1.25rem}h1{font-size:1.5rem!important;line-height:1.3}h2{font-size:1.25rem!important}h3{font-size:1.1rem!important}.tab-nav{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px;margin:0 -1rem;padding-left:1rem;padding-right:1rem}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;padding:10px 14px;font-size:.8rem;white-space:nowrap}.card,.info-card,.matchup-card,.build-card{padding:16px;border-radius:12px}.page-content,.homepage,.comp-page,.guides-page,.comps-page{padding-left:12px!important;padding-right:12px!important}.section-grid,.matchup-grid,.rating-roadmap,.identity-cards{grid-template-columns:1fr!important;gap:12px}.class-icon-large,.header-icon{width:48px!important;height:48px!important}.section-header{flex-direction:column;text-align:center;gap:12px}.section-header .section-icon{width:48px;height:48px}.cta-primary,.see-all-guides,.learn-more{width:100%;justify-content:center}}@media(max-width:768px)and (min-width:481px){.tab-nav{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tab-btn{flex-shrink:0;padding:12px 18px;font-size:.85rem}.section-grid,.matchup-grid,.rating-roadmap{grid-template-columns:repeat(2,1fr)}}@media(max-width:1023px){.main-content{padding-top:var(--header-height)}.hero-title .title-main{font-size:clamp(1.8rem,6vw,2.8rem)}.hero-title .title-accent{font-size:clamp(1.2rem,4vw,1.8rem)}.stats-bar{flex-wrap:wrap;justify-content:center}.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1023px){.header{padding:0 12px}.header-inner{gap:8px}.breadcrumbs{font-size:.8rem}.class-badge{padding:4px 10px;font-size:.75rem}}@media(max-height:500px)and (orientation:landscape){.hero{min-height:auto;padding:20px 0}.hero-emblem{width:80px;height:80px}}@media print{.sidebar,.header,.right-sidebar,.footer{display:none!important}.main-content{margin:0!important;padding:0!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sidebar.svelte-6dohdz{position:fixed;top:0;left:0;width:var(--sidebar-width, 280px);height:100vh;background:var(--glass-bg, rgba(10, 10, 15, .95));-webkit-backdrop-filter:blur(var(--glass-blur, 20px));backdrop-filter:blur(var(--glass-blur, 20px));border-right:1px solid var(--glass-border, rgba(255, 255, 255, .08));z-index:var(--z-sidebar, 100);overflow-y:auto;overflow-x:hidden;transition:transform var(--transition-normal, .3s cubic-bezier(.4, 0, .2, 1))}@media(max-width:1023px){.sidebar.svelte-6dohdz{transform:translate(-100%)}.sidebar.open.svelte-6dohdz{transform:translate(0)}}.sidebar-inner.svelte-6dohdz{display:flex;flex-direction:column;height:100%;padding:var(--space-4, 1rem)}.logo.svelte-6dohdz{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem);margin-bottom:var(--space-4, 1rem);text-decoration:none;border-radius:12px;transition:background .2s ease}.logo.svelte-6dohdz:hover{background:#ffffff0d}.logo-icon.svelte-6dohdz{font-size:1.75rem;filter:drop-shadow(0 0 10px rgba(255,215,0,.5))}.logo-text.svelte-6dohdz{font-family:var(--font-display, "Cinzel", serif);font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,gold,#fa0,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.nav-title.svelte-6dohdz{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted, #666);padding:var(--space-2, .5rem) var(--space-3, .75rem);margin:0}.class-nav.svelte-6dohdz{flex:1}.class-list.svelte-6dohdz{list-style:none;padding:0;margin:0}.class-link.svelte-6dohdz{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-3, .75rem);text-decoration:none;color:var(--text-secondary, #a0a0a0);border-radius:8px;transition:all .2s ease;position:relative}.class-link.svelte-6dohdz:hover{background:#ffffff0d;color:var(--text-primary, #fff)}.class-link.active.svelte-6dohdz{background:rgba(var(--class-color-rgb, 255, 255, 255),.1);color:var(--class-color);box-shadow:inset 3px 0 0 var(--class-color)}.class-link.active.svelte-6dohdz:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--class-color);border-radius:0 2px 2px 0}.class-name.svelte-6dohdz{font-size:.95rem;font-weight:500}.class-guide-divider.svelte-6dohdz{height:1px;background:#ffffff14;margin:var(--space-3, .75rem) var(--space-3, .75rem)}.class-guide-link.svelte-6dohdz{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);text-decoration:none;color:var(--text-muted, #888);font-size:.875rem;border-radius:8px;transition:all .2s ease}.class-guide-link.svelte-6dohdz:hover{background:#ffffff0d;color:var(--text-secondary, #a0a0a0)}.class-guide-link.active.svelte-6dohdz{background:#d4a01726;color:var(--accent-gold, #d4a017)}.class-guide-link.svelte-6dohdz .guide-icon:where(.svelte-6dohdz){font-size:1rem;opacity:.8}.class-guide-link.active.svelte-6dohdz .guide-icon:where(.svelte-6dohdz){opacity:1}.arena-tools.svelte-6dohdz{margin-top:var(--space-4, 1rem);padding-top:var(--space-3, .75rem);border-top:1px solid rgba(255,255,255,.06)}.tool-link.svelte-6dohdz{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);text-decoration:none;color:var(--text-muted, #888);font-size:.875rem;border-radius:8px;transition:all .2s ease;margin-bottom:var(--space-1, .25rem)}.tool-link.svelte-6dohdz:hover{background:#ffffff0d;color:var(--text-secondary, #a0a0a0)}.tool-link.active.svelte-6dohdz{background:#d4a01726;color:var(--accent-gold, #d4a017);border:1px solid rgba(212,160,23,.2)}.tool-icon.svelte-6dohdz{font-size:1rem;opacity:.8;flex-shrink:0}.tool-link.active.svelte-6dohdz .tool-icon:where(.svelte-6dohdz){opacity:1}.sidebar-footer.svelte-6dohdz{margin-top:auto;padding-top:var(--space-4, 1rem);border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.footer-link.svelte-6dohdz{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);background:none;border:none;color:var(--text-muted, #666);font-size:.8rem;text-decoration:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.footer-link.svelte-6dohdz:hover{background:#ffffff0d;color:var(--text-secondary, #a0a0a0)}.footer-link.guides-link.svelte-6dohdz{color:var(--accent-gold, #d4a017);background:#d4a01714;border:1px solid rgba(212,160,23,.2)}.footer-link.guides-link.svelte-6dohdz:hover{background:#d4a01726;border-color:#d4a01766}.sidebar-backdrop.svelte-6dohdz{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-sidebar, 100) - 1);border:none;cursor:pointer}@media(max-width:1023px){.sidebar-backdrop.svelte-6dohdz{display:block}.sidebar.svelte-6dohdz{width:min(280px,85vw)}.sidebar-inner.svelte-6dohdz{padding:var(--space-3, .75rem)}.logo.svelte-6dohdz{padding:var(--space-3, .75rem);margin-bottom:var(--space-3, .75rem)}.logo-text.svelte-6dohdz{font-size:1.3rem}.class-link.svelte-6dohdz{padding:var(--space-3, .75rem);min-height:48px}.class-name.svelte-6dohdz{font-size:.9rem}.class-guide-link.svelte-6dohdz,.footer-link.svelte-6dohdz{min-height:44px;display:flex;align-items:center}}@media(max-width:480px){.sidebar.svelte-6dohdz{width:100vw;max-width:none}.logo-icon.svelte-6dohdz{font-size:1.5rem}.logo-text.svelte-6dohdz{font-size:1.2rem}}.right-sidebar.svelte-1tal6rd{position:fixed;top:var(--header-height, 64px);right:0;width:var(--right-sidebar-width, 220px);height:calc(100vh - var(--header-height, 64px));background:var(--glass-bg, rgba(10, 10, 15, .95));-webkit-backdrop-filter:blur(var(--glass-blur, 20px));backdrop-filter:blur(var(--glass-blur, 20px));border-left:1px solid var(--glass-border, rgba(255, 255, 255, .08));z-index:var(--z-sidebar, 100);overflow-y:auto;overflow-x:hidden;padding:var(--space-4, 1rem)}@media(max-width:1279px){.right-sidebar.svelte-1tal6rd{display:none}}.nav-title.svelte-1tal6rd{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted, #666);padding:var(--space-2, .5rem) var(--space-2, .5rem);margin:0 0 var(--space-2, .5rem) 0}.guide-list.svelte-1tal6rd{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.guide-link.svelte-1tal6rd{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:.4rem .5rem;text-decoration:none;color:var(--text-muted, #888);font-size:.8rem;border-radius:6px;transition:all .15s ease;line-height:1.3}.guide-link.svelte-1tal6rd:hover{background:#ffffff0d;color:var(--text-secondary, #c0c0c0)}.guide-link.active.svelte-1tal6rd{background:#ffd7001f;color:var(--gold, #ffd700)}.guide-icon.svelte-1tal6rd{font-size:.9rem;opacity:.7;flex-shrink:0}.guide-link.active.svelte-1tal6rd .guide-icon:where(.svelte-1tal6rd){opacity:1}.guide-label.svelte-1tal6rd{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right-sidebar.svelte-1tal6rd::-webkit-scrollbar{width:4px}.right-sidebar.svelte-1tal6rd::-webkit-scrollbar-track{background:transparent}.right-sidebar.svelte-1tal6rd::-webkit-scrollbar-thumb{background:#d4a0174d;border-radius:2px}.header.svelte-hv3zzy{position:fixed;top:0;left:var(--sidebar-width, 280px);right:0;height:var(--header-height, 64px);background:var(--glass-bg, rgba(10, 10, 15, .8));-webkit-backdrop-filter:blur(var(--glass-blur, 12px));backdrop-filter:blur(var(--glass-blur, 12px));border-bottom:1px solid transparent;z-index:var(--z-header, 90);transition:all var(--transition-normal, .3s ease)}@media(max-width:1023px){.header.svelte-hv3zzy{left:0}}.header.scrolled.svelte-hv3zzy{background:var(--glass-bg, rgba(10, 10, 15, .95));border-bottom-color:var(--glass-border, rgba(255, 255, 255, .08));box-shadow:0 4px 20px #0000004d}.progress-bar.svelte-hv3zzy{position:absolute;top:0;left:0;height:3px;width:var(--progress);background:linear-gradient(90deg,var(--class-color),var(--class-color));box-shadow:0 0 10px var(--class-color);transition:width .1s linear}.header-inner.svelte-hv3zzy{display:flex;align-items:center;height:100%;padding:0 var(--space-4, 1rem);gap:var(--space-4, 1rem)}.menu-toggle.svelte-hv3zzy{display:none;padding:var(--space-2, .5rem);background:none;border:none;cursor:pointer;border-radius:8px;transition:background .2s ease}.menu-toggle.svelte-hv3zzy:hover{background:#ffffff1a}@media(max-width:1023px){.menu-toggle.svelte-hv3zzy{display:flex}}.hamburger.svelte-hv3zzy{display:flex;flex-direction:column;gap:4px;width:20px}.hamburger.svelte-hv3zzy span:where(.svelte-hv3zzy){display:block;height:2px;background:var(--text-primary, #fff);border-radius:2px;transition:all .2s ease}.hamburger.svelte-hv3zzy span:where(.svelte-hv3zzy):nth-child(2){width:75%}.breadcrumbs.svelte-hv3zzy{display:flex;align-items:center;gap:var(--space-2, .5rem);font-size:.875rem}.breadcrumb-link.svelte-hv3zzy{color:var(--text-muted, #666);text-decoration:none;transition:color .2s ease}.breadcrumb-link.svelte-hv3zzy:hover{color:var(--text-primary, #fff)}.breadcrumb-separator.svelte-hv3zzy{color:var(--text-muted, #666);opacity:.5}.breadcrumb-current.svelte-hv3zzy{color:var(--text-secondary, #a0a0a0);font-weight:500}.class-badge.svelte-hv3zzy{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-1, .25rem) var(--space-3, .75rem);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;font-size:.8rem}.class-badge-name.svelte-hv3zzy{color:var(--class-color);font-weight:600}.class-badge-role.svelte-hv3zzy{color:var(--text-muted, #666);padding-left:var(--space-2, .5rem);border-left:1px solid rgba(255,255,255,.1)}@media(max-width:640px){.class-badge-role.svelte-hv3zzy{display:none}}@media(max-width:480px){.header-inner.svelte-hv3zzy{padding:0 8px;gap:6px}.breadcrumbs.svelte-hv3zzy{font-size:.75rem}.breadcrumb-current.svelte-hv3zzy{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-badge.svelte-hv3zzy{padding:3px 8px;font-size:.7rem;gap:4px}.class-badge-name.svelte-hv3zzy{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-toggle.svelte-hv3zzy{padding:8px}}.header-spacer.svelte-hv3zzy{flex:1}.footer.svelte-7lfk2o{position:relative;border-top:1px solid rgba(212,160,23,.15);padding:var(--space-8, 2rem) 0;margin-top:var(--space-8, 2rem);background:linear-gradient(180deg,#0f0c0800,#0f0c0899)}.footer-inner.svelte-7lfk2o{max-width:1200px;margin:0 auto;padding:0 var(--space-4, 1rem);display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6, 1.5rem)}.footer-section.svelte-7lfk2o{padding:var(--space-4, 1rem)}.footer-title.svelte-7lfk2o{font-family:var(--font-display, "Cinzel", serif);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--gold, #ffd700);margin:0 0 var(--space-4, 1rem)}.class-grid.svelte-7lfk2o{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2, .5rem)}.class-link.svelte-7lfk2o{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem);color:var(--text-muted, #666);text-decoration:none;font-size:.8rem;border-radius:6px;transition:all .2s ease}.class-link.svelte-7lfk2o:hover{background:#ffffff0d;color:var(--class-color)}.footer-links.svelte-7lfk2o{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.footer-links.svelte-7lfk2o a:where(.svelte-7lfk2o){color:var(--text-muted, #666);text-decoration:none;font-size:.875rem;transition:color .2s ease}.footer-links.svelte-7lfk2o a:where(.svelte-7lfk2o):hover{color:var(--text-primary, #fff)}.footer-text.svelte-7lfk2o{color:var(--text-muted, #666);font-size:.875rem;line-height:1.6;margin:0}.footer-bottom.svelte-7lfk2o{grid-column:1 / -1;padding-top:var(--space-6, 1.5rem);margin-top:var(--space-4, 1rem);border-top:1px solid rgba(255,255,255,.06);text-align:center}.footer-logo.svelte-7lfk2o{display:flex;align-items:center;justify-content:center;gap:var(--space-2, .5rem);margin-bottom:var(--space-3, .75rem)}.footer-logo.svelte-7lfk2o .logo-icon:where(.svelte-7lfk2o){font-size:1.25rem;filter:drop-shadow(0 0 6px rgba(255,215,0,.4))}.footer-logo.svelte-7lfk2o .logo-text:where(.svelte-7lfk2o){font-family:var(--font-display, "Cinzel", serif);font-size:1.125rem;font-weight:700;background:linear-gradient(135deg,gold,#fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-disclaimer.svelte-7lfk2o,.footer-copyright.svelte-7lfk2o{color:var(--text-muted, #666);font-size:.75rem;margin:var(--space-2, .5rem) 0;opacity:.7}