@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");:root{--bg:#0a0a0f;--bg-elevated:rgba(18,18,24,.8);--glass:hsla(0,0%,100%,.03);--glass-border:hsla(0,0%,100%,.06);--text:#fafafa;--muted:#94a3b8;--accent:#f97316;--accent-bright:#fb923c;--accent-soft:rgba(249,115,22,.15);--gradient-accent:linear-gradient(135deg,#f97316,#fb923c 50%,#fbbf24);--gradient-bg:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(249,115,22,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(251,191,36,.04) 0%,transparent 50%);--shadow-soft:0 2px 8px rgba(0,0,0,.2);--shadow-card:0 4px 24px -4px rgba(0,0,0,.4),0 0 0 1px hsla(0,0%,100%,.03);--shadow-card-hover:0 24px 48px -12px rgba(0,0,0,.5),0 0 0 1px rgba(249,115,22,.2);--radius:16px;--radius-lg:24px;--font:"Plus Jakarta Sans",system-ui,sans-serif}*{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:radial-gradient(circle at 20% 20%,rgba(249,115,22,.03) 0,transparent 40%),radial-gradient(circle at 80% 80%,rgba(251,191,36,.02) 0,transparent 40%);pointer-events:none;z-index:-1}.layout{min-height:100vh;display:flex;flex-direction:column}.container{width:min(1280px,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{border-bottom:1px solid var(--glass-border);background:linear-gradient(180deg,rgba(20,20,28,.98) 0,var(--bg) 100%);padding:1rem 0;position:relative}.topbar:before{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:60%;max-width:400px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.logo{text-decoration:none;letter-spacing:-.02em;display:inline-block;margin-bottom:.25rem;transition:all .2s}.logo-text{font-family:var(--font);font-size:clamp(1.5rem,3.5vw,1.875rem);font-weight:800;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 12px rgba(249,115,22,.2))}.logo:hover .logo-text{filter:drop-shadow(0 0 16px rgba(249,115,22,.4))}.tagline{margin:0 0 1rem;color:var(--muted);font-size:.9rem;font-weight:500}.nav-links{display:flex;gap:.5rem;flex-wrap:wrap}.nav-link{padding:.5rem 1rem;border-radius:10px;color:var(--muted);text-decoration:none;font-size:.9rem;font-weight:600;transition:all .2s;background:hsla(0,0%,100%,.02);border:1px solid transparent}.nav-link:hover{border-color:rgba(249,115,22,.2)}.nav-link.active,.nav-link:hover{color:var(--accent);background:var(--accent-soft)}.nav-link.active{border-color:rgba(249,115,22,.4)}.section{margin-top:1.5rem;padding:1.5rem;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius)}h1{font-family:var(--font);font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--text);margin:0 0 .5rem;letter-spacing:-.03em;line-height:1.15}h2{font-size:clamp(1.375rem,3vw,1.75rem);margin:0 0 1.25rem;letter-spacing:-.02em}h2,h3{font-family:var(--font);font-weight:700;color:var(--text)}h3{font-size:1rem;margin:0 0 .5rem}.card-group{display:grid;grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius);padding:1.5rem;transition:border-color .2s,transform .2s,box-shadow .2s}.card:hover{border-color:rgba(249,115,22,.4)}.card-link:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px rgba(0,0,0,.4)}.card h3{margin-top:0;margin-bottom:.5rem;color:var(--accent);font-size:1.1rem;font-weight:700}.card h3 a{color:inherit;text-decoration:none}.card h3 a:hover{opacity:.85}.card p{margin:0 0 1rem;color:var(--muted);font-size:.9375rem;line-height:1.6}.card ul{margin:.6rem 0 0;padding-left:1.25rem;color:#cbd5e1}.card ul li{margin-bottom:.4rem}.link-button{display:inline-flex;align-items:center;padding:.625rem 1.25rem;border-radius:12px;background:var(--gradient-accent);color:#0a0a0f;font-weight:700;font-size:.875rem;text-decoration:none;border:none;transition:all .25s ease;box-shadow:0 2px 12px -2px rgba(249,115,22,.4)}.link-button:hover:not(.disabled){transform:translateY(-1px);box-shadow:0 8px 24px -4px rgba(249,115,22,.5)}.link-button.disabled{opacity:.5;cursor:not-allowed;background:#374151}.link-button.active{background:var(--accent-soft);color:var(--accent);border:2px solid rgba(249,115,22,.5)}.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,#fbbf24,#f59e0b);color:#0a0a0f}.tier-a{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.tier-b{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.tier-c{background:#475569;color:#fff}.tier-d{background:#334155;color:#94a3b8}.tier-e{background:#1e293b;color:#64748b}.tier-list-intro p{margin:.5rem 0 0}.tier-list-intro a{color:var(--accent);text-decoration:none}.tier-list-intro a:hover{text-decoration:underline}.tier-list-stats{font-size:.9rem;color:var(--muted);font-weight:600;margin-top:.75rem!important}.tier-sections{margin-top:1.5rem}.tier-section{margin-bottom:.75rem;background:linear-gradient(135deg,hsla(0,0%,100%,.02),hsla(0,0%,100%,.01));border:1px solid var(--glass-border);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.2);transition:box-shadow .2s,border-color .2s}.tier-section:hover{border-color:hsla(0,0%,100%,.08);box-shadow:0 4px 20px rgba(0,0,0,.3)}.tier-section.is-expanded{border-color:rgba(249,115,22,.2);box-shadow:0 4px 24px rgba(249,115,22,.06)}.tier-section:last-of-type{margin-bottom:0}.tier-section-header{display:flex;align-items:center;gap:.75rem;width:100%;padding:1.1rem 1.5rem;background:rgba(0,0,0,.2);border:none;border-bottom:1px solid transparent;cursor:pointer;font-family:inherit;text-align:left;transition:background .2s,border-color .2s}.tier-section-header:hover{background:hsla(0,0%,100%,.04)}.tier-section.is-expanded .tier-section-header{border-bottom-color:var(--glass-border)}.tier-section-header .tier-badge{font-size:.875rem;padding:.4rem .9rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px rgba(0,0,0,.2)}.tier-section-count{font-size:.8rem;color:var(--muted);margin-left:auto;font-weight:500}.tier-section-chevron{width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .25s ease}.tier-section.is-expanded .tier-section-chevron{transform:rotate(-135deg)}.tier-section-content{display:grid;grid-template-rows:1fr;transition:grid-template-rows .25s ease-out}.tier-section:not(.is-expanded) .tier-section-content{grid-template-rows:0fr}.tier-section-content-inner{min-height:0;overflow:hidden;padding:1.25rem 1.5rem}.tier-section-reason{color:var(--muted);font-size:.9rem;margin:0 0 1.25rem;line-height:1.6}.tier-weapon-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.75rem}.tier-weapon-chips .weapon-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:10px;font-size:.875rem;font-family:inherit;cursor:pointer;transition:all .2s;text-align:left}.tier-weapon-chips .weapon-chip.has-attachments:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.tier-weapon-chips .weapon-chip.has-attachments.is-expanded{box-shadow:0 0 0 2px var(--accent)}.tier-weapon-chips .weapon-chip:disabled{cursor:default;opacity:.6}.tier-attachments-expanded{margin-bottom:1rem;padding:.75rem;background:rgba(0,0,0,.2);border-radius:8px;border:1px solid var(--glass-border);animation:expandIn .2s ease-out}.tier-expanded-section{margin-bottom:.75rem}.tier-expanded-section:last-child{margin-bottom:0}.tier-expanded-label{display:block;font-size:.7rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.tier-expanded-focus{font-size:.85rem;color:#94a3b8;margin:0;line-height:1.5}.tier-weapon-chips .weapon-chip--assault-rifle{border-left:3px solid #22c55e}.tier-weapon-chips .weapon-chip--assault-rifle.has-attachments:hover{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.3)}.tier-weapon-chips .weapon-chip--smg{border-left:3px solid #3b82f6}.tier-weapon-chips .weapon-chip--smg.has-attachments:hover{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.3)}.tier-weapon-chips .weapon-chip--lmg{border-left:3px solid #a855f7}.tier-weapon-chips .weapon-chip--lmg.has-attachments:hover{background:rgba(168,85,247,.08);border-color:rgba(168,85,247,.3)}.tier-weapon-chips .weapon-chip--sniper-rifle{border-left:3px solid #06b6d4}.tier-weapon-chips .weapon-chip--sniper-rifle.has-attachments:hover{background:rgba(6,182,212,.08);border-color:rgba(6,182,212,.3)}.tier-weapon-chips .weapon-chip--shotgun{border-left:3px solid #ef4444}.tier-weapon-chips .weapon-chip--shotgun.has-attachments:hover{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.3)}.tier-weapon-chips .weapon-chip--pistol{border-left:3px solid #f97316}.tier-weapon-chips .weapon-chip--pistol.has-attachments:hover{background:rgba(249,115,22,.08);border-color:rgba(249,115,22,.3)}.tier-weapon-chips .weapon-chip--marksman-rifle{border-left:3px solid #eab308}.tier-weapon-chips .weapon-chip--marksman-rifle.has-attachments:hover{background:rgba(234,179,8,.08);border-color:rgba(234,179,8,.3)}.weapon-chip-name{font-weight:600;color:var(--text)}.weapon-chip-archetype{font-size:.75rem;color:var(--muted);font-weight:500}.tier-section-link{font-size:.9rem;margin:0!important}.tier-section-link a{color:var(--accent);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;transition:gap .2s}.tier-section-link a:hover{gap:.5rem}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius);background:rgba(10,10,15,.6);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(270deg,rgba(10,10,15,.9),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(--accent-soft);color:var(--accent);font-weight:700;font-size:.8125rem;text-transform:uppercase;letter-spacing:.06em}.table-wrapper td{color:#e2e8f0}.table-wrapper tr:hover td{background:hsla(0,0%,100%,.02)}.table-wrapper tr:last-child td{border-bottom:none}.hero{text-align:center;padding:3rem 0}.hero h1{margin-bottom:.5rem}.hero p{color:var(--muted);font-size:1.1rem;margin:0}.hero-landing{padding:2.5rem 1rem 3rem;position:relative}.hero-landing:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:400px;height:200px;background:radial-gradient(ellipse 80% 50% at 50% 0,rgba(249,115,22,.15) 0,transparent 70%);pointer-events:none}.hero-badge{display:inline-block;padding:.35rem 1rem;background:var(--accent-soft);border:1px solid rgba(249,115,22,.3);border-radius:100px;font-size:.8rem;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1rem}.hero-landing h1{position:relative;text-shadow:0 0 40px rgba(249,115,22,.2)}.hero-landing p{font-size:1.1rem;margin-top:.5rem;max-width:400px;margin-left:auto;margin-right:auto}.hero-stats{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:1.5rem;font-size:.9rem;font-weight:600;color:var(--muted)}.hero-stats span:nth-child(odd){color:var(--text)}.card-group-landing{max-width:800px;margin:0 auto}.card-icon{display:block;font-size:2rem;margin-bottom:.75rem;line-height:1}.card-primary .card-icon{filter:drop-shadow(0 0 8px rgba(249,115,22,.4))}.card-link .card-icon{transition:transform .2s}.card-link:hover .card-icon{transform:scale(1.1)}.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)}.card-group-simple{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:700px;margin:0 auto}.card-primary{border-color:rgba(249,115,22,.5);border-width:2px;background:linear-gradient(135deg,rgba(249,115,22,.06),transparent 50%)}.card-primary:hover{border-color:rgba(249,115,22,.7);box-shadow:0 12px 32px -8px rgba(249,115,22,.15)}.card-ad{display:flex;align-items:center;justify-content:center;min-height:120px}.link-button-support{padding:.75rem 2rem}.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-bright)}.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:hsla(0,0%,100%,.02);border:1px solid var(--glass-border);border-radius:8px;padding:1rem;margin-bottom:1rem}.activity-card h3{margin:0 0 .5rem;font-size:1rem}.activity-card p{margin:.25rem 0;font-size:.9rem}.archetypes-intro p{margin:.5rem 0 0}.archetypes-stats{font-size:.9rem;color:var(--muted);font-weight:600;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:hsla(0,0%,100%,.02);border:1px solid var(--glass-border);border-radius:12px;padding:1.25rem;transition:border-color .2s}.archetype-card:hover{border-color:rgba(249,115,22,.3)}.archetype-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.category-badge{font-size:.7rem;font-weight:700;padding:.25rem .6rem;border-radius:6px;background:var(--accent-soft);color:var(--cat-color,var(--accent));text-transform:uppercase;letter-spacing:.05em}.archetype-card h3{margin:0;font-size:1.1rem;color:var(--text)}.archetype-playstyle{color:var(--muted);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:.9rem;font-weight:700;padding:.35rem .65rem;background:rgba(249,115,22,.15);border:1px solid rgba(249,115,22,.35);border-radius:8px;color:var(--accent-bright);cursor:pointer;font-family:inherit;transition:all .2s}.weapon-chip.has-attachments:hover{background:rgba(249,115,22,.25);border-color:var(--accent)}.weapon-chip.has-attachments.is-expanded{background:rgba(249,115,22,.3);border-color:var(--accent)}.weapon-chip:disabled{cursor:default;opacity:.7}.weapon-attachments-expanded{margin-top:.75rem;padding:.75rem;background:rgba(0,0,0,.2);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:#cbd5e1;line-height:1.5}.archetype-upgrades .archetype-label{display:block;margin-bottom:.25rem}.attachment-tags{display:flex;flex-wrap:wrap;gap:.25rem}.attachment-tag{font-size:.7rem;padding:.15rem .4rem;background:hsla(0,0%,100%,.06);border-radius:6px;color:#94a3b8}.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:1rem!important}.guide-source a{color:var(--accent);text-decoration:none}.guide-source a:hover{text-decoration:underline}.filter-group{display:flex;flex-wrap:wrap;gap:.5rem}.footer{margin-top:auto;padding:1.5rem;text-align:center;color:var(--muted);font-size:.85rem;border-top:1px solid var(--glass-border);display:flex;flex-direction:column;align-items:center}@media (max-width:640px){.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}}