@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap");:root,[data-theme=dark]{--bg:#1a1918;--bg-elevated:#222120;--bg-card:#1e1d1c;--glass:hsla(0,0%,100%,.03);--glass-border:hsla(0,0%,100%,.08);--text:#f5f5f4;--text-secondary:#a8a29e;--muted:#78716c;--accent:#f97316;--accent-bright:#fb923c;--accent-soft:rgba(249,115,22,.15);--accent-glow:rgba(249,115,22,.2);--gradient-accent:linear-gradient(135deg,#ea580c,#f97316);--gradient-mesh:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(249,115,22,.15) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(249,115,22,.06) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 0% 80%,rgba(249,115,22,.04) 0%,transparent 50%);--shadow-soft:0 1px 3px rgba(0,0,0,.3);--shadow-card:0 1px 0 0 hsla(0,0%,100%,.03),0 4px 20px -8px rgba(0,0,0,.4);--shadow-card-hover:0 0 0 1px rgba(249,115,22,.25),0 8px 28px -8px rgba(0,0,0,.5);--radius:14px;--radius-lg:20px;--font:"Outfit",system-ui,-apple-system,sans-serif;--card-hover-border:hsla(0,0%,100%,.1);--card-link-hover-border:rgba(249,115,22,.4);--tier-section-hover-border:hsla(0,0%,100%,.1);--tier-section-header-bg:rgba(0,0,0,.2);--tier-section-header-hover-bg:hsla(0,0%,100%,.04);--tier-attachments-bg:rgba(0,0,0,.2);--weapon-chip-bg:hsla(0,0%,100%,.03);--table-th-bg:hsla(0,0%,100%,.03);--table-row-hover-bg:hsla(0,0%,100%,.02);--attachment-tag-bg:hsla(0,0%,100%,.05);--filter-hover-border:hsla(0,0%,100%,.1);--hero-stat-shadow:0 1px 3px rgba(0,0,0,.2)}[data-theme=light]{--bg:#f5f4f2;--bg-elevated:#faf9f7;--bg-card:#faf9f7;--glass:rgba(0,0,0,.03);--glass-border:rgba(0,0,0,.08);--text:#292524;--text-secondary:#57534e;--muted:#78716c;--accent:#ea580c;--accent-bright:#f97316;--accent-soft:rgba(234,88,12,.12);--accent-glow:rgba(234,88,12,.15);--gradient-mesh:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(251,146,60,.1) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(251,146,60,.04) 0%,transparent 50%);--shadow-soft:0 1px 2px rgba(0,0,0,.04);--shadow-card:0 1px 2px rgba(0,0,0,.03),0 2px 12px -4px rgba(0,0,0,.05);--shadow-card-hover:0 0 0 1px rgba(234,88,12,.25),0 4px 20px -6px rgba(234,88,12,.1);--card-hover-border:rgba(0,0,0,.1);--card-link-hover-border:rgba(234,88,12,.35);--tier-section-hover-border:rgba(0,0,0,.1);--tier-section-header-bg:rgba(0,0,0,.02);--tier-section-header-hover-bg:rgba(0,0,0,.04);--tier-attachments-bg:rgba(0,0,0,.02);--weapon-chip-bg:rgba(0,0,0,.02);--table-th-bg:rgba(0,0,0,.02);--table-row-hover-bg:rgba(0,0,0,.015);--attachment-tag-bg:rgba(0,0,0,.03);--filter-hover-border:rgba(0,0,0,.1);--hero-stat-shadow:0 1px 2px rgba(0,0,0,.04)}[data-theme=light] .hero-stat{background:linear-gradient(135deg,rgba(234,88,12,.1) 0,var(--bg-card) 100%);border-color:rgba(234,88,12,.25)}[data-theme=light] .hero-stat:hover{border-color:rgba(234,88,12,.45);box-shadow:0 0 20px rgba(234,88,12,.12)}[data-theme=light] .hero-badge,[data-theme=light] .tier-page-badge{background:rgba(234,88,12,.12);border-color:rgba(234,88,12,.3)}[data-theme=light] .tier-a{background:var(--bg-elevated);color:var(--text)}[data-theme=light] .tier-b{background:var(--bg-card);color:var(--text-secondary)}[data-theme=light] .tier-c,[data-theme=light] .tier-d,[data-theme=light] .tier-e{background:var(--glass);color:var(--muted)}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:var(--gradient-mesh);pointer-events:none;z-index:-1}.layout{min-height:100vh;display:flex;flex-direction:column}.container{width:min(1100px,94vw);margin:0 auto;padding:1.5rem max(1.5rem,env(safe-area-inset-right)) 1.5rem max(1.5rem,env(safe-area-inset-left))}.content{flex:1 1;padding-top:0}.topbar{background:var(--bg);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar-container{display:flex;align-items:center;gap:2rem}.topbar .logo{flex-shrink:0;margin-right:auto;display:flex;flex-direction:column;gap:.15rem}.logo-text{font-size:1.35rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.logo-text,[data-theme=light] .logo-text{background:linear-gradient(135deg,var(--text) 0,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-tagline{font-size:.7rem;font-weight:500;color:var(--muted);letter-spacing:.02em}.topbar-right{gap:.75rem}.theme-toggle,.topbar-right{display:flex;align-items:center}.theme-toggle{gap:.5rem}.theme-toggle-label{font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.theme-toggle-buttons{display:flex;gap:.2rem}.theme-toggle-btn{padding:.35rem .65rem;border:1px solid var(--glass-border);border-radius:6px;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.theme-toggle-btn:hover{color:var(--text);border-color:hsla(0,0%,100%,.12);background:var(--glass)}[data-theme=light] .theme-toggle-btn:hover{border-color:rgba(0,0,0,.12);background:rgba(0,0,0,.04)}.theme-toggle-btn.active{background:var(--accent-soft);color:var(--accent);border-color:rgba(249,115,22,.3)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;border:none;background:transparent;cursor:pointer}.hamburger span{display:block;width:22px;height:2px;background:var(--text-secondary);border-radius:1px;transition:transform .25s,opacity .25s}.hamburger:hover span{background:var(--text)}.hamburger.is-open span:first-child{transform:translateY(7px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:100;opacity:0;pointer-events:none;transition:opacity .25s}.nav-overlay.is-open{opacity:1;pointer-events:auto}.nav-drawer{display:none;position:fixed;top:0;right:0;bottom:0;width:min(280px,85vw);background:var(--bg-card);border-left:1px solid var(--glass-border);z-index:101;padding:2rem 1.5rem;flex-direction:column;gap:1.5rem;transform:translateX(100%);transition:transform .25s ease;box-shadow:-8px 0 24px rgba(0,0,0,.3)}.nav-drawer.is-open{transform:translateX(0)}.nav-drawer-links{display:flex;flex-direction:column;gap:.25rem}.nav-drawer-link{display:block;padding:.85rem 1rem;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:1rem;font-weight:500;transition:background .2s,color .2s}.nav-drawer-link:hover{color:var(--text);background:var(--glass)}.nav-drawer-link.active{color:var(--accent);background:var(--accent-soft)}.nav-drawer-theme{margin-top:auto;padding-top:1rem;border-top:1px solid var(--glass-border)}.logo{text-decoration:none;transition:opacity .2s}.logo:hover{opacity:.9}.nav-links{display:flex;gap:.25rem;flex-wrap:wrap}.nav-link{padding:.4rem .75rem;border-radius:6px;color:var(--text-secondary);text-decoration:none;font-size:.8125rem;font-weight:500;transition:color .2s,background .2s}.nav-link:hover{color:var(--text);background:var(--glass)}.nav-link.active{color:var(--accent);background:var(--accent-soft)}.section{margin-top:2rem;padding:2rem;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}h1{font-family:var(--font);font-size:clamp(2.25rem,5.5vw,3.25rem);font-weight:700;color:var(--text);margin:0 0 .5rem;letter-spacing:-.04em;line-height:1.1}h2{font-size:clamp(1.25rem,2.5vw,1.5rem);margin:0 0 1rem;letter-spacing:-.02em}h2,h3{font-family:var(--font);font-weight:600;color:var(--text)}h3{font-size:.9375rem;margin:1.5rem 0 .5rem}h3:first-child{margin-top:0}.card-group{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.5rem;transition:all .25s ease}.card:hover{border-color:var(--card-hover-border);box-shadow:var(--shadow-card)}.card-link{position:relative}.card-link:hover{border-color:var(--card-link-hover-border);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-arrow{position:absolute;bottom:1.25rem;right:1.25rem;font-size:1.25rem;color:var(--accent);opacity:0;transition:all .25s ease}.card-link:hover .card-arrow{opacity:1;transform:translateX(4px)}.card h3{margin-top:0;margin-bottom:.5rem;color:var(--text);font-size:1rem;font-weight:600}.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{opacity:.85}.card p{margin:0 0 1rem;font-size:.9rem;line-height:1.55}.card p,.card ul{color:var(--text-secondary)}.card ul{margin:.6rem 0 0;padding-left:1.25rem}.card ul li{margin-bottom:.4rem}.link-button{display:inline-flex;align-items:center;padding:.5rem 1.125rem;border-radius:8px;background:var(--accent);color:#fff;font-weight:600;font-size:.875rem;text-decoration:none;border:none;transition:background .2s,opacity .2s}.link-button:hover:not(.disabled){background:var(--accent-bright)}.link-button.disabled{opacity:.5;cursor:not-allowed;background:var(--muted)}.link-button.active{background:var(--accent-soft);color:var(--accent)}.tier-badge{display:inline-block;padding:.35rem .75rem;border-radius:10px;font-family:var(--font);font-weight:700;font-size:.875rem}.tier-s{background:linear-gradient(135deg,var(--accent) 0,#ea580c 100%);color:#fff;font-weight:800}.tier-a{background:var(--bg-elevated);color:var(--text)}.tier-a,.tier-b{border:1px solid var(--glass-border)}.tier-b{background:var(--bg-card);color:var(--text-secondary)}.tier-c,.tier-d,.tier-e{background:var(--glass);color:var(--muted);border:1px solid var(--glass-border)}.tier-page-header{margin-bottom:1.5rem}.tier-page-hero{position:relative;padding:2rem 0}.tier-page-hero:before{content:"";position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:100%;max-width:500px;height:200px;background:radial-gradient(ellipse 60% 50% at 50% 0,rgba(249,115,22,.12) 0,transparent 70%);pointer-events:none}.tier-page-badge{display:inline-block;margin-bottom:.6rem;padding:.3rem .8rem;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.3);border-radius:100px}.tier-page-header h1{margin-bottom:.5rem;font-size:clamp(2rem,4.5vw,2.75rem);font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .tier-page-header h1{background:linear-gradient(135deg,var(--text) 0,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tier-page-desc{color:var(--text-secondary);font-size:1.05rem;margin:0;line-height:1.55;max-width:520px}.tier-page-meta{margin-top:.85rem;font-size:.9rem;font-weight:500;color:var(--text-secondary)}.tier-meta-dot{margin:0 .5rem;opacity:.6}.tier-filters{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem}.tier-filter-btn{padding:.5rem 1rem;border:1px solid var(--glass-border);border-radius:8px;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .25s}.tier-filter-btn:hover{color:var(--text);border-color:rgba(249,115,22,.3);background:rgba(249,115,22,.08)}.tier-filter-btn.active{background:var(--accent-soft);color:var(--accent);border-color:rgba(249,115,22,.4);box-shadow:0 0 12px rgba(249,115,22,.15)}.tier-grid{display:flex;flex-direction:column;gap:1.5rem}.tier-grid .tier-card{animation:tierCardIn .4s ease-out backwards}.tier-grid .tier-card:first-child{animation-delay:.05s}.tier-grid .tier-card:nth-child(2){animation-delay:.1s}.tier-grid .tier-card:nth-child(3){animation-delay:.15s}.tier-grid .tier-card:nth-child(4){animation-delay:.2s}.tier-grid .tier-card:nth-child(5){animation-delay:.25s}.tier-grid .tier-card:nth-child(6){animation-delay:.3s}@keyframes tierCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.tier-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;transition:all .25s ease}.tier-card:hover{border-color:var(--tier-section-hover-border);box-shadow:0 2px 12px rgba(0,0,0,.15)}.tier-card-featured{background:linear-gradient(135deg,rgba(249,115,22,.1) 0,rgba(249,115,22,.03) 40%,var(--bg-card) 100%);border-color:rgba(249,115,22,.35);border-left:4px solid var(--accent);box-shadow:0 2px 16px rgba(0,0,0,.2)}.tier-card-featured:hover{border-color:rgba(249,115,22,.5);box-shadow:0 0 0 1px rgba(249,115,22,.2),0 8px 24px -8px rgba(249,115,22,.12)}.tier-card-featured .tier-badge.tier-s{box-shadow:0 0 16px rgba(249,115,22,.4)}.tier-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.tier-card-header .tier-badge{font-size:.8rem;padding:.3rem .7rem;text-transform:uppercase;letter-spacing:.04em}.tier-card-count{font-size:.75rem;color:var(--muted);font-weight:500}.tier-card-reason{font-size:.9rem;color:var(--text-secondary);margin:0 0 1rem;line-height:1.5}.tier-card-builds{display:flex;flex-wrap:wrap;gap:.5rem}.tier-build{margin:0}.tier-build-trigger{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.55rem 2rem .55rem .9rem;border:1px solid var(--glass-border);border-radius:10px;background:var(--weapon-chip-bg);color:inherit;font-family:inherit;font-size:.875rem;cursor:pointer;text-align:left;transition:all .25s ease;min-width:0}.tier-build-trigger.has-content:hover{border-color:rgba(249,115,22,.4);background:var(--accent-soft);transform:translateY(-1px);box-shadow:0 2px 8px rgba(249,115,22,.1)}.tier-build-trigger.has-content.is-expanded{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px rgba(249,115,22,.25)}.tier-build-trigger:disabled{cursor:default;opacity:.8}.tier-build-weapon{font-weight:600;color:var(--text)}.tier-build-archetype{font-size:.75rem;color:var(--muted)}.tier-build-chevron{position:absolute;top:50%;right:.75rem;width:6px;height:6px;border-right:2px solid;border-bottom:2px solid;transform:translateY(-50%) rotate(45deg);opacity:.5}.tier-build-trigger.is-expanded .tier-build-chevron{transform:translateY(-50%) rotate(-135deg)}.tier-build-details{margin-top:.75rem;padding:1rem;background:var(--tier-attachments-bg);border-radius:8px;border:1px solid var(--glass-border);animation:expandIn .2s ease-out}.tier-build-block{margin-bottom:.75rem}.tier-build-block:last-child{margin-bottom:0}.tier-build-label{display:block;font-size:.65rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.tier-build-block p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.tier-build-block .attachment-tags{display:flex;flex-wrap:wrap;gap:.35rem}.tier-cta{margin-top:2rem;margin-bottom:2rem}.tier-cta .link-button{display:inline-flex}.tier-notes{padding:1.5rem 1.75rem;background:linear-gradient(135deg,rgba(249,115,22,.04) 0,var(--bg-card) 100%);border:1px solid rgba(249,115,22,.12);border-radius:var(--radius-lg)}.tier-notes h2{margin-bottom:.75rem;font-size:1rem}.tier-notes ul{margin:0;padding-left:1.25rem;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.tier-notes li{margin-bottom:.4rem}.tier-notes li:last-child{margin-bottom:0}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--glass-border);padding:1rem;box-shadow:var(--shadow-soft);position:relative}.table-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(to left,var(--bg-card),transparent);pointer-events:none;opacity:0}@media (max-width:768px){.table-wrapper:after{opacity:1}}.table-wrapper table{width:100%;border-collapse:collapse;min-width:600px}.table-wrapper td,.table-wrapper th{border-bottom:1px solid var(--glass-border);padding:1rem 1.25rem;text-align:left;font-size:.9375rem}.table-wrapper th{background:var(--table-th-bg);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.table-wrapper td,.table-wrapper th{color:var(--text-secondary)}.table-wrapper tr:hover td{background:var(--table-row-hover-bg)}.table-wrapper tr:last-child td{border-bottom:none}.hero{text-align:center;padding:3rem 0 3.5rem}.hero h1{margin-bottom:.5rem}.hero p{color:var(--text-secondary);font-size:1.05rem;margin:0}.hero-landing{padding:3rem 1rem 4rem;position:relative}.hero-landing:before{content:"";position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:120%;max-width:600px;height:320px;background:radial-gradient(ellipse 70% 60% at 50% 0,rgba(249,115,22,.18) 0,rgba(249,115,22,.05) 40%,transparent 70%);pointer-events:none}.hero-badge{display:inline-block;margin-bottom:.75rem;padding:.35rem .9rem;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:rgba(249,115,22,.15);border:1px solid rgba(249,115,22,.35);border-radius:100px}.hero-landing h1{position:relative;font-size:clamp(2.75rem,6.5vw,4rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;background:linear-gradient(135deg,#fff 0,#fcd34d 25%,var(--accent) 60%,#ea580c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .hero-landing h1{background:linear-gradient(135deg,var(--text) 0,var(--accent) 50%,#ea580c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{position:relative;font-size:1.1rem!important;margin-top:.85rem!important;max-width:420px;margin-left:auto!important;margin-right:auto!important;color:var(--text-secondary)!important;font-weight:500;line-height:1.55}.hero-stats{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2.25rem;flex-wrap:wrap}.hero-stat{padding:.6rem 1.25rem;background:linear-gradient(135deg,rgba(249,115,22,.12) 0,var(--bg-card) 100%);border:1px solid rgba(249,115,22,.2);border-radius:10px;font-size:.9rem;font-weight:600;color:var(--text);box-shadow:0 2px 8px rgba(0,0,0,.2);transition:all .25s ease}.hero-stat:hover{border-color:rgba(249,115,22,.4);box-shadow:0 0 20px rgba(249,115,22,.15);transform:translateY(-1px)}.hero-rarity{padding:2rem 1rem 2.5rem;margin-top:.5rem;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.hero-rarity h2{font-size:clamp(1.25rem,3vw,1.5rem);margin-bottom:.5rem}.hero-rarity-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.5;max-width:520px;margin:0 auto 1.25rem}.hero-rarity-tiers{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1rem}.rarity-pill{padding:.4rem .85rem;border-radius:8px;font-size:.8rem;font-weight:600}.rarity-common{background:#6b7280;color:#fff}.rarity-uncommon{background:#22c55e;color:#fff}.rarity-rare{background:#3b82f6;color:#fff}.rarity-epic{background:#a855f7;color:#fff}.rarity-legendary{background:var(--accent);color:#fff}.hero-rarity-link{font-size:.9rem;font-weight:600;color:var(--accent);text-decoration:none}.hero-rarity-link:hover{text-decoration:underline}.hero-perks-count{margin-bottom:1rem}.hero-perks-count .hero-stat{margin:0}.card-group-landing{margin-top:.5rem;padding-top:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem}.card-group-landing .card{animation:cardFadeIn .5s ease-out backwards}.card-group-landing .card:first-child{animation-delay:.1s}.card-group-landing .card:nth-child(2){animation-delay:.2s}.card-group-landing .card:nth-child(3){animation-delay:.25s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.card-group-landing{grid-template-columns:1fr}}.card-featured{grid-column:1/-1;padding:2rem 2rem 2rem 2.25rem;background:linear-gradient(135deg,rgba(249,115,22,.12) 0,rgba(249,115,22,.04) 40%,var(--bg-card) 100%);border-color:rgba(249,115,22,.3);border-left:3px solid var(--accent);box-shadow:0 2px 12px rgba(0,0,0,.15);transition:all .3s ease}.card-featured:hover{border-color:rgba(249,115,22,.5);box-shadow:0 0 0 1px rgba(249,115,22,.25),0 8px 32px -8px rgba(249,115,22,.15);transform:translateY(-2px)}.card-featured .card-icon{font-size:2.25rem;filter:drop-shadow(0 0 8px rgba(249,115,22,.4))}.card-featured h3{font-size:1.3rem;font-weight:700}.card-featured p{font-size:1.05rem}.card-icon{display:block;font-size:1.5rem;margin-bottom:.75rem;line-height:1;opacity:.95;transition:transform .25s ease}.card-link:hover .card-icon{transform:scale(1.1)}.quick-ref{margin-top:1.25rem;padding:1.5rem 1.75rem;background:linear-gradient(135deg,rgba(249,115,22,.04) 0,var(--bg-card) 100%);border:1px solid rgba(249,115,22,.15);border-radius:var(--radius-lg);transition:border-color .25s,box-shadow .25s}.quick-ref:hover{border-color:rgba(249,115,22,.25);box-shadow:0 0 24px rgba(249,115,22,.06)}.quick-ref-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}.quick-ref-block h3{margin:0 0 .35rem;font-size:.95rem;font-weight:700;color:var(--text)}.quick-ref-block p{margin:0 0 .5rem;font-size:.85rem;color:var(--text-secondary);line-height:1.4}.quick-ref-pills{display:flex;flex-wrap:wrap;gap:.4rem}.quick-ref-pills .rarity-pill{padding:.3rem .65rem;font-size:.75rem}.quick-ref-link{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;font-size:.9rem;font-weight:600;color:var(--accent);text-decoration:none;transition:gap .2s,color .2s}.quick-ref-link:hover{color:var(--accent-bright);gap:.5rem}@media (max-width:640px){.quick-ref-grid{grid-template-columns:1fr}}.ad-hero{margin-top:2.5rem;margin-bottom:.5rem}.ad-hero-link{display:block;padding:1.5rem 1.75rem;background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all .2s}.ad-hero-link:hover{border-color:var(--card-link-hover-border);box-shadow:var(--shadow-card-hover)}.ad-hero-badge{display:inline-block;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.5rem}.ad-hero-title{margin:0 0 .35rem;font-size:1.1rem;font-weight:600;color:var(--text)}.ad-hero-desc{margin:0 0 .75rem;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.ad-hero-cta{font-size:.85rem;font-weight:600;color:var(--accent)}.support-strip{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--glass-border)}.link-button-support{padding:.65rem 1.5rem;font-size:.9rem;border-radius:100px}.tabs{display:flex;gap:.25rem;margin-bottom:1.5rem}.tab{padding:.5rem 1.25rem;border-radius:8px;border:none;background:var(--glass);color:var(--muted);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.tab:hover{color:var(--text)}.tab.active{background:var(--accent-soft);color:var(--accent)}.filter-group .link-button.small{background:transparent;color:var(--text-secondary);border:1px solid var(--glass-border)}.filter-group .link-button.small:hover{background:var(--glass);color:var(--text);border-color:var(--filter-hover-border)}.filter-group .link-button.small.active{background:var(--accent-soft);color:var(--accent);border-color:rgba(249,115,22,.3)}.card-group-simple{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:700px;margin:0 auto}.link-button-footer{margin-bottom:.75rem;font-size:.85rem;padding:.5rem 1rem}.card-link{text-decoration:none;color:inherit;display:block}.card-link:hover h3{color:var(--accent)}.link-button.small{padding:.4rem .9rem;font-size:.8rem}.table-compact td,.table-compact th{padding:.6rem 1rem;font-size:.875rem}.table-compact table{min-width:400px}.equipment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:1rem 0}.equipment-grid h4{font-size:.9rem;margin:0 0 .5rem;color:var(--accent)}.equipment-grid ul{margin:0;padding-left:1.2rem;font-size:.9rem}.simple-list{padding-left:1.25rem;margin:.5rem 0 0}.simple-list li{margin-bottom:.5rem}.activity-card{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}.activity-card:last-child{margin-bottom:0}.activity-card h3{margin:0 0 .5rem;font-size:.9375rem}.activity-card p{margin:.25rem 0;font-size:.9rem;color:var(--text-secondary)}.archetypes-intro p{margin:.5rem 0 0}.archetypes-stats{font-size:.85rem;color:var(--text-secondary);font-weight:500;margin-top:.75rem!important}.archetype-grid{margin-top:1rem}.archetype-group{margin-bottom:2rem}.archetype-group:last-child{margin-bottom:0}.archetype-group-title{font-size:1rem;font-weight:700;color:var(--cat-color,var(--accent));margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:2px solid var(--cat-color,var(--accent));display:inline-block}.archetype-cards{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.archetype-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:12px;padding:1.25rem;transition:border-color .2s}.archetype-card:hover{border-color:var(--card-hover-border)}.archetype-card-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem}.weapon-class-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px}.category-badge,.weapon-class-icon{border-radius:6px;background:var(--accent-soft);color:var(--cat-color,var(--accent))}.category-badge{font-size:.7rem;font-weight:700;padding:.25rem .6rem;text-transform:uppercase;letter-spacing:.05em}.archetype-card h3{margin:0;font-size:1.1rem;color:var(--text)}.archetype-playstyle{color:var(--text-secondary);font-size:.9rem;margin:0 0 .75rem;line-height:1.5}.archetype-weapons{margin:0 0 .75rem}.archetype-weapons .archetype-label{display:block;margin-bottom:.4rem}.weapon-chips{display:flex;flex-wrap:wrap;gap:.4rem}.weapon-chip{font-size:.875rem;font-weight:600;padding:.35rem .65rem;background:var(--weapon-chip-bg);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:inherit;transition:all .2s}.weapon-chip.has-attachments:hover{background:var(--accent-soft);border-color:rgba(249,115,22,.35);color:var(--accent)}.weapon-chip.has-attachments.is-expanded{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.weapon-chip:disabled{cursor:default;opacity:.7}.weapon-attachments-expanded{margin-top:.75rem;padding:.75rem;background:var(--tier-attachments-bg);border-radius:8px;border:1px solid var(--glass-border);animation:expandIn .2s ease-out}@keyframes expandIn{0%{opacity:0}to{opacity:1}}.archetype-upgrades{font-size:.875rem;margin:0 0 .75rem;color:var(--text-secondary);line-height:1.5}.archetype-upgrades .archetype-label{display:block;margin-bottom:.25rem}.attachment-tags{display:flex;flex-wrap:wrap;gap:.25rem}.attachment-tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;padding:.2rem .5rem;background:var(--attachment-tag-bg);border-radius:4px;color:var(--text-secondary)}.attachment-tag-icon{flex-shrink:0;opacity:.7}.archetype-label{font-size:.75rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.03em}.archetype-meta-cta{margin:.75rem 0 0!important;font-size:.85rem}.archetype-meta-cta a{color:var(--accent);text-decoration:none}.archetype-meta-cta a:hover{text-decoration:underline}.guide-source{font-size:.8rem;color:var(--muted);margin-top:1.5rem!important}.guide-source a{color:var(--accent);text-decoration:none}.guide-source a:hover{text-decoration:underline}.filter-group{flex-wrap:wrap}.filter-group,.footer{display:flex;gap:.5rem}.footer{margin-top:auto;padding:2rem 1.5rem;text-align:center;color:var(--text-secondary);font-size:.8125rem;border-top:1px solid var(--glass-border);flex-direction:column;align-items:center}.footer small{color:var(--muted);font-weight:400}@media (max-width:768px){.nav-desktop,.theme-desktop{display:none!important}.hamburger{display:flex!important}.nav-overlay{display:block}.nav-drawer{display:flex}}@media (max-width:640px){.topbar-container{gap:1rem}.topbar .logo-text{font-size:1.15rem}.topbar .logo-tagline{font-size:.65rem}.theme-toggle-label{font-size:.7rem}.theme-toggle-btn{padding:.3rem .5rem;font-size:.75rem}.section{padding:1.25rem}.container{padding:1rem max(1rem,env(safe-area-inset-right)) 1rem max(1rem,env(safe-area-inset-left))}.hero{padding:2rem 0}.hero p{font-size:1rem}.nav-link{display:inline-flex;align-items:center}.link-button.small,.nav-link{padding:.65rem 1rem;min-height:44px}.link-button.small{font-size:.85rem}.link-button{padding:.75rem 1.25rem;min-height:44px}.table-wrapper{margin:0 -1rem;border-radius:0;border-left:none;border-right:none}.table-wrapper table{min-width:560px}.table-wrapper td,.table-wrapper th{padding:.75rem .9rem;font-size:.875rem}}@media (max-width:400px){.filter-group{gap:.4rem}.link-button.small{padding:.6rem .85rem;font-size:.8rem}}