.content-wrapper{max-width:var(--page-max-width);width:100%}.main-content{max-width:1200px;margin:0 auto;padding:var(--space-10) var(--space-8) var(--space-20)}@media(max-width:768px){.main-content{padding:var(--space-5) var(--space-4) var(--space-16)}}.page-header{margin-bottom:var(--space-8)}.page-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-bright);letter-spacing:var(--tracking-normal)}.page-subtitle{color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-1)}.separator{width:100%;height:2px;background:var(--accent-gold);opacity:.4;margin:var(--space-3) 0 var(--space-5)}.content-section{margin-bottom:var(--space-8)}.section-label{display:block;font-size:var(--section-kicker-size);font-weight:var(--section-kicker-weight);color:var(--section-kicker-color);letter-spacing:var(--section-kicker-tracking);text-transform:uppercase;margin-bottom:var(--space-2)}.section-title{font-size:var(--section-title-size);font-weight:var(--section-title-weight);color:var(--section-title-color);display:flex;align-items:center;gap:var(--space-3)}.section-title:before,.section-title:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.section-title:before{max-width:24px}.rating-badge{position:var(--rating-badge-position, static);top:var(--rating-badge-top, auto);right:var(--rating-badge-right, auto);bottom:var(--rating-badge-bottom, auto);left:var(--rating-badge-left, auto);display:inline-flex;align-items:center;justify-content:center;min-width:var(--rating-badge-min-width, auto);min-height:var(--rating-badge-min-height, auto);padding:var(--rating-badge-padding, var(--badge-padding));border-radius:var(--rating-badge-radius, var(--badge-radius));font-size:var(--rating-badge-font-size, var(--badge-font-size));font-weight:var(--rating-badge-font-weight, var(--badge-font-weight));letter-spacing:var(--rating-badge-tracking, var(--badge-tracking));text-transform:uppercase;white-space:nowrap;backdrop-filter:var(--rating-badge-backdrop-filter, none);-webkit-backdrop-filter:var(--rating-badge-backdrop-filter, none);box-shadow:var(--rating-badge-shadow, none);z-index:var(--rating-badge-z-index, auto)}[data-tier="S+"]{background:linear-gradient(135deg,var(--tier-splus-from),var(--tier-splus-to));color:var(--tier-splus-text);box-shadow:0 0 8px var(--tier-splus-glow)}[data-tier=S]{background:linear-gradient(135deg,var(--tier-s-from),var(--tier-s-to));color:var(--tier-s-text);box-shadow:0 0 8px var(--tier-s-glow)}[data-tier="A+"]{background:linear-gradient(135deg,var(--tier-aplus-from),var(--tier-aplus-to));color:var(--tier-aplus-text);box-shadow:0 0 8px var(--tier-aplus-glow)}[data-tier=A]{background:linear-gradient(135deg,var(--tier-a-from),var(--tier-a-to));color:var(--tier-a-text)}[data-tier=B]{background:linear-gradient(135deg,var(--tier-b-from),var(--tier-b-to));color:var(--tier-b-text)}[data-tier="B+"]{background:linear-gradient(135deg,var(--tier-bplus-from),var(--tier-bplus-to));color:var(--tier-bplus-text)}[data-tier=C]{background:linear-gradient(135deg,var(--tier-c-from),var(--tier-c-to));color:var(--tier-c-text)}[data-tier=D]{background:linear-gradient(135deg,var(--tier-d-from),var(--tier-d-to));color:var(--tier-d-text)}.hero-card .rating-badge{--rating-badge-position: absolute;--rating-badge-top: var(--space-4);--rating-badge-right: 8px;--rating-badge-min-width: 32px;--rating-badge-min-height: 32px;--rating-badge-padding: 0 8px;--rating-badge-radius: 999px;--rating-badge-font-size: .85rem;--rating-badge-font-weight: 700;--rating-badge-tracking: .5px;--rating-badge-backdrop-filter: blur(6px);--rating-badge-shadow: 0 2px 8px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .25);--rating-badge-z-index: 4;box-shadow:var(--rating-badge-shadow)}@media(max-width:600px){.hero-card .rating-badge{--rating-badge-backdrop-filter: none}}.mechanic-box{border:1px solid var(--accent-teal);background:var(--accent-teal-dim);border-radius:var(--radius-md);padding:var(--space-4);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-primary)}.mechanic-box[data-type=warning]{border-color:var(--accent-gold);opacity:.45;background:var(--accent-gold);opacity:.06}.mechanic-box[data-type=phase]{border-color:var(--accent-purple);opacity:.45;background:var(--accent-purple);opacity:.06}.mechanic-box[data-type=danger]{border-color:#ef4444;opacity:.45;background:#ef4444;opacity:.06}.mechanic-box-label{display:block;font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent-teal);margin-bottom:var(--space-2)}.mechanic-box[data-type=warning] .mechanic-box-label{color:var(--accent-gold)}.mechanic-box[data-type=phase] .mechanic-box-label{color:var(--accent-purple)}.mechanic-box[data-type=danger] .mechanic-box-label{color:#ef4444}.stat-entry{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.stat-label{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--weight-medium)}.stat-bar-track{height:4px;background:var(--bg-raised);border-radius:var(--radius-full);overflow:hidden}.stat-bar-fill{height:100%;border-radius:var(--radius-full);background:var(--accent-gold);transition:width var(--duration-slow) var(--ease-out)}.stat-entry[data-category=defense] .stat-bar-fill{background:#60a5fa}.stat-entry[data-category=utility] .stat-bar-fill{background:var(--accent-purple)}.stat-value{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);text-align:right;white-space:nowrap}.sticky-page-header{position:sticky;top:0;z-index:var(--z-overlay);height:52px;display:flex;align-items:center;padding:0 var(--space-4);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-base);opacity:.82;border-bottom:1px solid var(--border-subtle)}.pill-tabbar{display:flex;gap:var(--space-2);padding:var(--space-3) 0;overflow-x:auto;scrollbar-width:none;flex-wrap:wrap}.pill-tabbar::-webkit-scrollbar{display:none}.pill-tab{flex:0 0 auto;border:1px solid var(--border-medium);background:var(--bg-raised);color:var(--text-secondary);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:inherit;letter-spacing:var(--tracking-wide);cursor:pointer;transition:var(--transition-colors);white-space:nowrap}.pill-tab.is-active{border-color:var(--accent-gold);opacity:.45;background:var(--accent-gold);opacity:.12;color:var(--accent-gold)}.pill-tab:hover:not(.is-active){background:var(--bg-overlay);color:var(--text-bright)}.boss-tabbar,.event-tabbar{display:flex;gap:6px;padding:0 0 0 var(--space-4);overflow-x:auto;scrollbar-width:none;backdrop-filter:blur(10px);top:0;z-index:50;flex-shrink:0;margin-bottom:var(--space-6)}.boss-tabbar::-webkit-scrollbar,.event-tabbar::-webkit-scrollbar{display:none}.boss-tab,.event-tab{flex:0 0 auto;border:1px solid var(--border-subtle);background:var(--bg-raised);color:var(--text-secondary);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-family:inherit;letter-spacing:var(--tracking-wide);cursor:pointer;transition:var(--transition-colors);white-space:nowrap}.boss-tab.is-active,.event-tab.is-active{border-color:var(--accent-gold);opacity:.45;background:var(--accent-gold);opacity:.12;color:var(--accent-gold)}.boss-tab:hover:not(.is-active),.event-tab:hover:not(.is-active){background:var(--bg-overlay);color:var(--text-bright)}@media(max-width:600px){.boss-tabbar,.event-tabbar{padding:var(--space-3) var(--space-4);gap:var(--space-1)}.event-tab{padding:5px 12px;font-size:var(--text-xs)}}.main-tabs{display:flex;gap:var(--space-2);margin:0;padding:var(--space-3) 0;border-bottom:1px solid var(--accent-gold);opacity:.4;justify-content:center;flex-wrap:wrap}.main-tab{border:1px solid var(--border-medium);background:var(--bg-raised);color:var(--text-secondary);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;font-family:inherit;transition:var(--transition-colors)}.main-tab.is-active{border-color:#facc1573;background:#facc151f;color:var(--accent-gold-light)}.main-tab:hover:not(.is-active){background:#ffffff14;color:var(--text-bright)}.main-tab-panel{display:block}@media(max-width:640px){.main-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-left:var(--space-3);padding-right:var(--space-3)}.main-tabs::-webkit-scrollbar{display:none}.main-tab{flex-shrink:0;font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}}.tips-subnav{display:flex;gap:var(--space-3);margin-bottom:var(--space-6);justify-content:center;flex-wrap:wrap}.tips-subnav-btn{border:1px solid var(--border-medium);background:var(--bg-raised);color:var(--text-secondary);border-radius:var(--radius-full);padding:var(--space-2) var(--space-5);font-size:var(--text-base);font-weight:var(--weight-semibold);cursor:pointer;font-family:inherit;transition:var(--transition-colors)}.tips-subnav-btn.is-active{border-color:#facc1573;background:#facc151f;color:var(--accent-gold-light)}.tips-subnav-btn:hover:not(.is-active){background:#ffffff14;color:var(--text-bright)}.tips-panel{display:none}.tips-panel.is-active{display:block}@media(max-width:640px){.tips-subnav{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--space-2);padding:0 var(--space-3);margin-bottom:var(--space-4)}.tips-subnav::-webkit-scrollbar{display:none}.tips-subnav-btn{flex-shrink:0;font-size:var(--text-sm);padding:var(--space-2) var(--space-4)}}.tips-jumpbar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.tips-jump-link{display:inline-block;padding:var(--space-1) var(--space-3);background:#facc1514;border:1px solid rgba(250,204,21,.3);border-radius:var(--radius-sm);color:var(--accent-gold-light);text-decoration:none;font-size:var(--text-sm);font-weight:var(--weight-medium);transition:var(--transition-colors)}.tips-jump-link:hover{background:#facc1526;border-color:#facc1580}.tips-callout{margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);border-left:3px solid var(--accent-gold);background:#facc150d;color:var(--text-primary)}.tips-callout p{margin:0;font-size:.95rem;line-height:1.5}.tips-callout p+p{margin-top:var(--space-2)}.tips-f2p-note{margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,#10b98114,#10b98108);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);color:var(--text-primary)}.tips-f2p-note p{margin:0;font-size:.95rem;line-height:1.6}.tips-main-content,.eg-main-content{max-width:1200px;margin:0 auto;padding:var(--space-10) var(--space-8) var(--space-20)}@media(max-width:768px){.tips-main-content,.eg-main-content{padding:var(--space-5) var(--space-4) var(--space-16)}}.tips-section{margin-bottom:var(--space-8)}.tips-section h2{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--text-bright);margin:0 0 var(--space-3) 0}.tips-section h3{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);margin:var(--space-4) 0 var(--space-2) 0}@media(max-width:640px){.tips-jumpbar{gap:var(--space-1)}.tips-jump-link{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}}.tips-warning-box{margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);background:#ef44440d;border-left:3px solid rgba(239,68,68,.5);color:var(--text-primary)}.tips-warning-box h3{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-bright);margin:0 0 var(--space-2) 0}.tips-warning-box p{margin:0;font-size:.95rem;line-height:1.5}.tips-warning-box ul{margin:var(--space-2) 0 0 0;padding-left:var(--space-5)}.tips-warning-box li{margin-bottom:var(--space-1);font-size:.95rem;line-height:1.5}.tips-elixir-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin:var(--space-4) 0}.tips-elixir-card{padding:var(--space-4);background:#facc1508;border:1px solid rgba(250,204,21,.15);border-radius:var(--radius-md);text-align:center}.tips-elixir-range{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--accent-gold);margin-bottom:var(--space-2)}.tips-elixir-name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-bright)}.tips-step-list{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-4) 0}.tips-step{display:flex;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:#ffffff05;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.tips-step-num{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#facc151a;border:1px solid rgba(250,204,21,.3);border-radius:var(--radius-sm);font-weight:var(--weight-bold);color:var(--accent-gold);font-size:var(--text-sm);flex-shrink:0}.tips-step-body{flex:1}.tips-step-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-bright);margin:0 0 var(--space-2) 0}.tips-step-body p{margin:0;font-size:.95rem;line-height:1.5;color:var(--text-primary)}.tips-support-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin:var(--space-4) 0}.tips-support-card{padding:var(--space-4);background:#facc1508;border:1px solid rgba(250,204,21,.15);border-radius:var(--radius-md)}.tips-support-label{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--accent-gold);margin-bottom:var(--space-3);display:block}.tips-support-card p{margin:var(--space-2) 0;font-size:.95rem;line-height:1.5;color:var(--text-primary)}.tips-support-card p:first-of-type{margin-top:0}.tips-support-card ul{margin:var(--space-2) 0;padding-left:var(--space-5)}.tips-support-card li{margin-bottom:var(--space-1);font-size:.95rem;line-height:1.5;color:var(--text-primary)}.comp-list{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-5)}.comp-card{background:var(--chip-bg);border:1px solid rgba(168,85,247,.2);border-left:3px solid rgba(168,85,247,.5);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5)}.comp-title{font-size:.95rem;font-weight:var(--weight-bold);color:var(--text-bright);margin-bottom:var(--space-3)}.comp-note{font-size:.85rem;color:var(--text-muted);line-height:1.65;margin:var(--space-3) 0 0}.hero-chip-grid{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-2) 0;align-items:flex-start}.hero-pic{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-decoration:none;color:inherit;width:64px;flex-shrink:0}.hero-chip-portrait{width:64px;height:64px;border-radius:var(--radius-md);background-size:cover;background-position:center top 25%;border:1px solid var(--border-subtle);flex-shrink:0}.hero-pic:hover .hero-chip-portrait{border-color:#a855f799;box-shadow:0 0 10px #a855f74d}.hero-pic.chip-highlight .hero-chip-portrait{border-color:#a855f780;box-shadow:0 0 6px #a855f733}.hero-chip-name{font-size:.67rem;text-align:center;color:var(--text-muted);font-weight:var(--weight-medium);line-height:1.3;max-width:64px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip-divider{display:flex;align-items:center;align-self:center;color:var(--text-disabled);font-size:.8rem;font-style:italic;padding:0 2px;margin-top:-10px}.chip-flex-slot{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);width:64px;flex-shrink:0}.chip-flex-img{width:64px;height:64px;border-radius:var(--radius-md);border:1px dashed rgba(250,204,21,.4);background:#facc150a;display:flex;align-items:center;justify-content:center;color:#facc1566;font-size:1.2rem}.chip-flex-label{font-size:.67rem;text-align:center;color:var(--accent-gold);font-weight:var(--weight-semibold)}.tab-bar{display:flex;gap:0;border-bottom:var(--tab-indicator-h) solid var(--border-subtle);overflow-x:auto;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab{flex:0 0 auto;height:var(--tab-height);padding:var(--chip-padding);background:var(--tab-bg);border:none;border-bottom:var(--tab-indicator-h) solid transparent;margin-bottom:calc(-1 * var(--tab-indicator-h));color:var(--tab-text);font-size:var(--tab-font-size);font-weight:var(--tab-font-weight);font-family:inherit;letter-spacing:var(--tab-tracking);text-transform:uppercase;cursor:pointer;transition:var(--transition-colors);white-space:nowrap}.tab:hover{color:var(--text-primary)}.tab.is-active{color:var(--tab-text-active);border-bottom-color:var(--tab-indicator)}.support-section{margin-top:var(--space-20);margin-left:auto;margin-right:auto}.support-card{display:flex;gap:var(--space-12);align-items:center;background:#ffffff06;border:1px solid rgba(250,204,21,.2);border-radius:var(--radius-xl);padding:var(--space-10)}.support-text{flex:1;min-width:0}.support-headline{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-3xl);font-weight:var(--weight-semibold);color:var(--accent-gold);margin:0 0 var(--space-4)}.support-heart{width:24px;height:24px;flex-shrink:0;color:var(--accent-gold)}.support-desc{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-loose);margin:0 0 var(--space-5)}.support-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.support-list li{font-size:var(--text-sm);color:var(--text-muted);padding-left:var(--space-4);position:relative}.support-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:#facc1599}.support-cta{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);min-width:200px}.donate-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:14px 28px;background:transparent;border:1.5px solid rgba(250,204,21,.6);border-radius:var(--radius-lg);color:var(--accent-gold);font-size:var(--text-base);font-weight:var(--weight-semibold);text-decoration:none;transition:var(--transition-all);white-space:nowrap}.donate-btn svg{width:18px;height:18px;flex-shrink:0}.donate-btn:hover{background:#facc151f;border-color:#facc15e6;box-shadow:0 4px 16px #facc1533;color:var(--text-bright)}.donate-btn-kofi{border-color:#ff5e5b99;color:#ff5e5b;width:100%;justify-content:center}.donate-btn-kofi:hover{background:#ff5e5b1a;border-color:#ff5e5be6;box-shadow:0 4px 16px #ff5e5b33;color:#ff7875}.donate-btn-paypal{width:100%;justify-content:center}.ad-slot-list,.ad-slot-hero{width:100%;max-width:900px;margin:0 auto var(--space-6);min-height:90px;text-align:center}.ad-slot-hero{margin-top:var(--space-8);padding:0 var(--space-4)}.support-alt{font-size:var(--text-xs);color:var(--text-disabled);text-align:center;margin:0;max-width:200px;line-height:var(--leading-normal)}@media(max-width:768px){.support-card{flex-direction:column;gap:var(--space-8);padding:var(--space-6)}.support-cta{width:100%;align-items:flex-start}.support-alt{max-width:none;text-align:left}}@media(max-width:480px){.support-card{padding:var(--space-5)}.support-headline{font-size:var(--text-2xl)}}.supporters-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;flex:0 0 100%;padding:14px 40px 20px;border-top:1px solid rgba(255,255,255,.05)}.supporters-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);white-space:nowrap}.supporters-pills{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.supporter-pill{font-size:.75rem;font-weight:500;color:var(--accent-gold);background:#facc1514;border:1px solid rgba(250,204,21,.2);border-radius:999px;padding:3px 10px;white-space:nowrap}@media(max-width:768px){.supporters-row{padding:12px 28px 16px}}@media(max-width:480px){.supporters-row{padding:10px 20px 14px}}.upgrade-row{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-2) var(--space-3);background:var(--bg-raised);border-radius:var(--radius-md);border:1px solid var(--border-faint)}.upgrade-lv{font-size:.7rem;font-weight:var(--weight-bold);padding:2px var(--space-2);background:#4caf5033;border:1px solid rgba(76,175,80,.35);color:#86efac;border-radius:var(--radius-sm);white-space:nowrap;align-self:flex-start}.upgrade-text{font-size:var(--text-sm);line-height:1.45;color:#86eface6}.filter-fab{display:none}.filter-overlay-backdrop{display:none;position:fixed;inset:0;background:#000000a6;z-index:200;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.filter-overlay-backdrop.is-open{display:block}.filter-overlay-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--text-bright);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.filter-overlay-close{width:36px;height:36px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:var(--text-bright);font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}.filter-overlay-close:hover{background:#ffffff24}@media(max-width:768px){.filter-fab{display:flex;position:fixed;bottom:68px;left:20px;z-index:150;align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-5);border-radius:999px;background:var(--accent-gold);color:#0d0c12;font-size:var(--text-sm);font-weight:var(--weight-bold);border:none;cursor:pointer;box-shadow:0 4px 20px #00000080;letter-spacing:var(--tracking-wide);text-transform:uppercase}.filter-fab:hover{background:var(--accent-gold-light, #fde68a)}.filter-fab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#0d0c12;color:var(--accent-gold);font-size:.65rem;font-weight:var(--weight-bold)}.filter-fab-badge:empty{display:none}.filter-bar--desktop-only{display:none}}@media(min-width:769px){.filter-overlay-backdrop,.filter-fab{display:none!important}}.wl-module{position:relative;width:100%;max-width:480px;margin:0 auto;background:linear-gradient(160deg,#1a1730,#0f0e1a,#12101f);border:1px solid rgba(250,204,21,.45);border-radius:var(--radius-xl);padding:0 0 var(--space-5);overflow:hidden;box-shadow:0 0 0 1px #facc151f,0 8px 40px #000000b3,inset 0 1px #facc1526}.wl-module:before,.wl-module:after{content:"";position:absolute;width:10px;height:10px;background:var(--accent-gold);transform:rotate(45deg);opacity:.7}.wl-module:before{top:-5px;left:20px}.wl-module:after{top:-5px;right:20px}.wl-header{text-align:center;padding:0 var(--space-6) var(--space-5);background:linear-gradient(180deg,#0f0e1a00,#0f0e1a99)}.wl-header-ornament{display:flex;justify-content:center;margin-bottom:-10px;padding-top:var(--space-1)}.wl-header-ornament svg{width:160px;height:48px}.wl-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:#f4e8b0;letter-spacing:.08em;margin:0 0 var(--space-3);text-shadow:0 0 20px rgba(250,204,21,.6),0 2px 4px rgba(0,0,0,.8);line-height:1.1}.wl-subtitle{font-size:var(--text-sm);color:#e8a840;line-height:1.55;margin:0}.wl-subtitle-note{color:#e8a840bf;font-size:var(--text-xs)}.wl-body{padding:0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.wl-faction{padding-bottom:var(--space-1)}.wl-divider{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding:0 var(--space-1)}.wl-divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,var(--faction-color) 40%,var(--faction-color) 60%,transparent 100%);opacity:.4}.wl-faction-hex{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;filter:drop-shadow(0 0 6px var(--faction-glow))}.wl-faction-hex:before{content:"";position:absolute;inset:0;background:var(--faction-dim);border:1.5px solid var(--faction-color);border-radius:var(--radius-xl);opacity:.9}.wl-faction-icon{position:relative;z-index:1;width:18px;height:18px;object-fit:contain}.wl-card-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.wl-card{position:relative;aspect-ratio:3 / 4;border-radius:var(--radius-md);overflow:hidden;border:1.5px solid rgba(250,204,21,.35);background:#0d0b18;box-shadow:0 0 0 1px #00000080,inset 0 1px #ffffff0d;transition:transform .2s ease,box-shadow .2s ease}.wl-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--faction-color) 0%,transparent 35%);opacity:.18;z-index:2;pointer-events:none}.wl-card-portrait{position:absolute;inset:0;background-size:cover;background-position:center top;background-repeat:no-repeat;z-index:1}.wl-card-holo{position:absolute;inset:0;z-index:3;background:linear-gradient(135deg,rgba(168,85,247,.18) 0%,rgba(56,189,248,.12) 30%,transparent 55%,rgba(168,85,247,.08) 80%,rgba(56,189,248,.15) 100%);mix-blend-mode:screen;pointer-events:none}.wl-card-vignette{position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(0deg,rgba(5,4,15,.85) 0%,transparent 100%);z-index:4;pointer-events:none}.wl-card-badge{position:absolute;top:6px;left:6px;z-index:5;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:#0000008c;border-radius:var(--radius-sm);color:var(--faction-color);filter:drop-shadow(0 0 3px var(--faction-glow))}.wl-card-badge .wl-faction-icon{width:13px;height:13px}.wl-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 1px #facc1599,0 6px 20px #0009,0 0 12px var(--faction-glow)}.wl-footer{display:flex;justify-content:flex-end;padding:var(--space-4) var(--space-4) 0}.wl-popularity-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#7c3aed,#5b21b6);border:1px solid rgba(167,139,250,.5);border-radius:var(--radius-full);color:#f4f1ff;font-size:var(--text-xs);font-weight:var(--weight-semibold);font-family:inherit;letter-spacing:.04em;cursor:pointer;transition:var(--transition-all);box-shadow:0 2px 10px #7c3aed66}.wl-popularity-btn:hover{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 4px 16px #7c3aed99;transform:translateY(-1px)}@media(max-width:520px){.wl-module{max-width:100%;border-radius:var(--radius-lg)}.wl-card-row{gap:6px}}@media(max-width:768px){.filter-bar.filter-overlay-open .tag-scroll-wrap{overflow:visible!important;height:auto!important}.filter-bar.filter-overlay-open .tag-scroll{overflow:visible!important;height:auto!important;max-height:none!important}.filter-bar.filter-overlay-open .chip-row--tags{flex-wrap:wrap!important;height:auto!important;overflow:visible!important}.filter-bar.filter-overlay-open .tag-chip{flex:0 0 auto!important;white-space:normal!important}.filter-bar.filter-overlay-open .tag-scroll-btn{display:none!important}.filter-bar.filter-overlay-open .filter-row--faction{flex-wrap:nowrap!important;overflow:visible!important}}.sw-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media(max-width:600px){.sw-grid{grid-template-columns:1fr}}.sw-col{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow:hidden}.sw-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:.68rem;font-weight:var(--weight-black);text-transform:uppercase;letter-spacing:var(--tracking-widest)}.sw-header--strengths{background:#22c55e14;border-bottom:1px solid rgba(34,197,94,.18);color:#4ade80}.sw-header--weaknesses{background:#ef444414;border-bottom:1px solid rgba(239,68,68,.18);color:#f87171}.sw-icon{width:14px;height:14px;flex-shrink:0}.sw-body{padding:var(--space-4);background:var(--bg-raised)}.sw-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.sw-item{padding-left:var(--space-5);position:relative;font-size:var(--text-sm);line-height:1.55;color:var(--text-secondary)}.sw-item:before{content:"";position:absolute;left:var(--space-2);top:.45em;width:6px;height:6px;border-radius:50%}.sw-item--strength:before{background:#4ade80}.sw-item--weakness:before{background:#f87171}.sw-empty{margin:0;font-size:var(--text-sm);color:var(--text-disabled);font-style:italic}.hdc-list{display:flex;flex-direction:column;gap:var(--space-4)}.hdc-empty{margin:0;font-size:var(--text-sm);color:var(--text-disabled);font-style:italic}.hdc-card{overflow:hidden}.hdc-hero-strip{display:flex;flex-wrap:wrap;gap:var(--space-4)}.hdc-hero-slot{display:block;position:relative;text-decoration:none;color:inherit;width:128px;height:160px;flex-shrink:0;border-radius:var(--radius-md);background-color:#0d1624;background-image:url(https://pub-a33abfbc3135413881a1d8eb86543559.r2.dev/hall.webp);background-size:cover;background-position:center top;transition:transform var(--duration-fast) var(--ease-out);overflow:hidden}.hdc-hero-slot:hover{transform:translateY(-2px)}.hdc-hero-slot--current{border:2px solid rgba(250,204,21,.35)}.hdc-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:0}.hdc-name-overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:8px 6px;text-align:center;background:linear-gradient(to top,#0a0a10eb,#0a0a1094,#0a0a101f)}.hdc-hero-name{font-size:.75rem;font-weight:var(--weight-medium);color:var(--text-bright);text-align:center;line-height:1.2;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hstats-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.hstats-search{flex:1 1 240px;max-width:360px;padding:10px 14px;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);outline:none}.hstats-search:focus{border-color:var(--border-strong)}.hstats-search::placeholder{color:var(--text-muted)}.hstats-count{margin:0;font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.hstats-scroll{overflow-x:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface)}.hstats-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-sm)}.hstats-th{position:sticky;top:0;z-index:2;background:var(--bg-overlay);color:var(--text-bright);font-weight:var(--weight-medium);text-align:left;white-space:nowrap;padding:12px 14px;cursor:pointer;user-select:none;border-bottom:1px solid var(--border-medium)}.hstats-th-num{text-align:right}.hstats-th:hover{color:var(--accent-gold)}.hstats-arrow{display:inline-block;width:12px;margin-left:4px;color:var(--text-muted)}.hstats-th.is-asc .hstats-arrow:after{content:"↑";color:var(--accent-gold)}.hstats-th.is-desc .hstats-arrow:after{content:"↓";color:var(--accent-gold)}.hstats-td{padding:8px 14px;white-space:nowrap;color:var(--text-secondary);border-bottom:1px solid var(--border-faint)}.hstats-td-num{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-primary)}.hstats-row:hover .hstats-td{background:var(--surface-tint)}.hstats-th-hero,.hstats-td-hero{position:sticky;left:0;z-index:1;background:var(--bg-surface);border-right:1px solid var(--border-subtle)}.hstats-th-hero{z-index:3;background:var(--bg-overlay)}.hstats-row:hover .hstats-td-hero{background:var(--bg-raised)}.hstats-hero{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-bright)}.hstats-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:var(--radius-full);background-size:cover;background-position:center top;background-color:var(--bg-raised);border:1px solid var(--border-subtle)}.hstats-name{font-weight:var(--weight-medium);white-space:nowrap}.hstats-hero:hover .hstats-name{color:var(--accent-gold)}.cn-overview{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.cn-stat{flex:1 1 120px;display:flex;flex-direction:column;gap:2px;padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.cn-stat-num{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--text-bright)}.cn-stat-date{font-size:var(--text-md)}.cn-stat-lbl{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.cn-stat-buff .cn-stat-num{color:var(--accent-new)}.cn-stat-nerf .cn-stat-num{color:#f87171}.cn-stat-diff .cn-stat-num{color:var(--accent-purple)}.cn-empty{color:var(--text-muted);font-size:var(--text-sm)}.cn-empty code{background:var(--bg-raised);padding:1px 5px;border-radius:var(--radius-sm)}.cn-hero-list{display:flex;flex-direction:column;gap:var(--space-md)}.cn-hero-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.cn-hero-head{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);text-decoration:none;border-bottom:1px solid var(--border-faint)}.cn-hero-head:hover .cn-hero-name{color:var(--accent-gold)}.cn-hero-img{width:52px;height:52px;flex:0 0 52px;border-radius:var(--radius-md);object-fit:cover;object-position:center top;background:var(--bg-raised);border:1px solid var(--border-subtle)}.cn-hero-id{flex:1 1 auto;min-width:0}.cn-hero-name{margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--text-bright)}.cn-hero-meta{margin:2px 0 0;font-size:var(--text-xs);color:var(--text-muted)}.cn-hero-badges{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.cn-badge{font-size:var(--text-xs);font-weight:var(--weight-bold);padding:3px 8px;border-radius:var(--radius-full);border:1px solid transparent;white-space:nowrap}.cn-badge-buff{color:var(--accent-new);background:#15b1091f;border-color:#15b10959}.cn-badge-nerf{color:#f87171;background:#f871711f;border-color:#f8717159}.cn-badge-diff{color:var(--accent-purple);background:var(--accent-purple-dim);border-color:#a855f759}.cn-badge-same{color:var(--text-muted);background:var(--surface-tint);border-color:var(--border-subtle)}.cn-detail-summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:var(--space-md)}.cn-detail-link{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--accent-gold);text-decoration:none;padding:3px 9px;border:1px solid var(--accent-gold-dim);border-radius:var(--radius-full)}.cn-detail-link:hover{background:var(--accent-gold-dim)}.cn-table-wrap{overflow-x:auto}.cn-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.cn-table th{text-align:left;padding:8px 10px;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.cn-table td{padding:8px 10px;border-bottom:1px solid var(--border-faint);color:var(--text-secondary);vertical-align:top}.cn-table tr:last-child td{border-bottom:none}.cn-row-changed td{background:var(--surface-tint)}.cn-td-skill{font-weight:var(--weight-medium);color:var(--text-primary);white-space:nowrap}.cn-td-global{color:var(--text-muted)}.cn-td-cn{color:var(--text-bright);font-weight:var(--weight-medium)}.cn-tag{display:inline-block;font-size:var(--text-xs);font-weight:var(--weight-bold);padding:2px 7px;border-radius:var(--radius-sm);margin-right:4px}.cn-tag-buff{color:var(--accent-new);background:#15b10924}.cn-tag-nerf{color:#f87171;background:#f8717124}.cn-tag-diff{color:var(--accent-purple);background:var(--accent-purple-dim)}.cn-tag-neutral{color:var(--text-muted);background:var(--surface-tint)}.cn-tag-unverified{color:var(--accent-gold);background:var(--accent-gold-dim)}.cn-notes{margin:var(--space-md) 0 0;padding-left:1.1rem;display:flex;flex-direction:column;gap:4px}.cn-notes li{font-size:var(--text-xs);color:var(--text-muted);line-height:1.5}.cn-notes strong{color:var(--text-secondary)}.event-accordion-nav[data-astro-cid-ro7pgs3h]{height:200px;width:100%;overflow:hidden}@media(max-width:768px){.event-accordion-nav[data-astro-cid-ro7pgs3h]{height:160px}}