.perks-head h1{font-size:var(--font-h1);margin:0 0 var(--space-xs);letter-spacing:1px;line-height:36px}.perks-title{align-items:center;gap:var(--space-sm) var(--space-md);flex-wrap:wrap;display:flex}.perks-head p{max-width:640px;margin:0}.perk-filters{gap:var(--space-md);grid-template-columns:2fr 1fr 1fr 1fr;align-items:end;display:grid}.perk-filter{gap:var(--space-xs);flex-direction:column;min-width:0;display:flex}.perk-filter .field{width:100%}.perk-chips{gap:var(--space-sm);flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.perk-chip{align-items:center;gap:var(--space-sm);min-height:44px;padding:0 var(--space-md);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-pill);max-width:100%;color:var(--text);font:inherit;cursor:pointer;display:inline-flex}.perk-chip span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.perk-chip:hover{border-color:var(--accent)}.perk-clear{background:0 0}.perk-sections{gap:var(--space-lg);flex-direction:column;display:flex}.perk-row-text{flex-direction:column;gap:2px;min-width:0;display:flex}.perk-row-summary{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.perk-meta{gap:var(--space-sm);margin-top:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}@keyframes perk-enter{0%{opacity:0;transform:translateY(20px)scale(.985)}}.perk-sentinel{height:1px}.perk-pages{gap:var(--space-sm);flex-wrap:wrap;display:flex}.perk-pages .btn[aria-current=page]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.perk-top{min-height:36px;padding:0 var(--space-md);background:var(--accent);border-radius:var(--radius-pill);color:var(--on-accent);font-family:var(--ff-display), sans-serif;text-transform:uppercase;letter-spacing:1px;cursor:pointer;white-space:nowrap;border:0;font-weight:700}.perk-top:hover{background:var(--accent-hover)}.perk-back:hover{color:var(--text)}.perk-enter{animation:.7s cubic-bezier(.2,.7,.2,1) both perk-enter;animation-delay:var(--delay,0s)}.perk-hero{align-items:center;gap:var(--space-2xl);display:flex}.perk-hero-text{gap:var(--space-sm);flex-direction:column;min-width:0;display:flex}.perk-hero h1{font-size:var(--font-display);overflow-wrap:anywhere;margin:0;line-height:52px}.perk-hero p{margin:0}.perk-lead{font-size:var(--font-h3);max-width:60ch}.perk-tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.perk-desc{max-width:70ch;line-height:1.6}.perk-desc p{margin:0 0 var(--space-md)}.perk-desc ul{margin:0 0 var(--space-md);padding-left:var(--space-xl)}.perk-desc li{margin-bottom:var(--space-xs)}.perk-desc blockquote{margin:0 0 var(--space-md);padding-left:var(--space-md);border-left:3px solid var(--accent);color:var(--text-muted);font-style:italic}.perk-note{font-size:var(--font-small)}.perk-wiki{margin-top:var(--space-lg)}.perk-attribution{font-size:var(--font-small);margin:0}.perk-attribution a{text-decoration:underline}:is(.perk-group,.perk-section-head,.perk-row,.perk-hero,.perk-strip li){--sd:var(--text-muted)}:is(.perk-group,.perk-section-head,.perk-row,.perk-hero,.perk-strip li)[data-side=survivor]{--sd:var(--side-survivor)}:is(.perk-group,.perk-section-head,.perk-row,.perk-hero,.perk-strip li)[data-side=killer]{--sd:var(--side-killer)}.perk-section-head,.perk-group-head,.perk-row-text h4,.perk-tile h4,.perk-hero h1,.perk-tier-big{font-family:var(--ff-display), sans-serif;text-transform:uppercase;font-weight:700}.perk-frame{width:var(--s);height:var(--s);flex:none;place-items:center;transition:rotate .35s cubic-bezier(.2,.8,.2,1.3),scale .35s cubic-bezier(.2,.8,.2,1.3);display:inline-grid;position:relative}.perk-frame:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--glow) 55%, transparent), transparent 65%);opacity:0;pointer-events:none;border-radius:50%;transition:opacity .35s;position:absolute;inset:-35%}.perk-frame-shape{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.perk-frame .perk-icon{object-fit:contain;width:78%;height:78%;position:relative}.perk-frame>.diamond{position:relative}@keyframes perk-bob{50%{transform:translateY(-4px)}}.perk-row-link:hover .perk-frame,.perk-row-link:focus-visible .perk-frame,.perk-tile:hover .perk-frame,.perk-tile:focus-visible .perk-frame{rotate:-5deg;scale:1.1}.perk-row-link:hover .perk-frame:before,.perk-row-link:focus-visible .perk-frame:before,.perk-tile:hover .perk-frame:before,.perk-tile:focus-visible .perk-frame:before{opacity:1}.perk-row-link:hover .perk-icon,.perk-row-link:focus-visible .perk-icon,.perk-tile:hover .perk-icon{animation:1.6s ease-in-out infinite perk-bob}.perk-az{scrollbar-width:thin;padding:var(--space-xs) 0 var(--space-sm);margin-top:var(--space-md);gap:3px;display:flex;overflow-x:auto}.perk-az button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:28px;height:44px;color:var(--text);font-family:var(--ff-display), sans-serif;cursor:pointer;flex:1 0 28px;font-weight:700;transition:translate .15s,background .2s,border-color .2s,scale .15s}.perk-az button:hover:not(:disabled){border-color:var(--accent);background:var(--surface-3);translate:0 -2px}.perk-az button:active:not(:disabled){scale:.92}.perk-az button:disabled{color:var(--text-muted);opacity:.3;cursor:not-allowed}.perk-az-section{padding:0 var(--space-md);text-transform:uppercase;letter-spacing:1px;font-size:var(--font-small);border-bottom:2px solid var(--accent)!important;flex:none!important}.perk-az-sep{flex:0 0 var(--space-md)}.perk-count-line{margin:var(--space-md) 0 0;min-height:16px}.perk-sections{gap:var(--space-lg);view-transition-name:perk-list;flex-direction:column;display:flex}.perk-section-head{align-items:baseline;gap:var(--space-md);margin:var(--space-3xl) 0 0;padding-bottom:var(--space-sm);font-size:var(--font-h1);letter-spacing:2px;scroll-margin-top:72px;line-height:36px;animation:.6s both perk-fade;display:flex;position:relative}.perk-section-head:before{content:"";background:var(--sd);align-self:center;width:6px;height:28px}.perk-section-head:after{content:"";background:linear-gradient(90deg, var(--sd), transparent);transform-origin:0;height:2px;animation:.9s cubic-bezier(.2,.7,.2,1) both perk-line;position:absolute;bottom:0;left:0;right:0}.perk-sections>.perk-section-head:first-child{margin-top:var(--space-lg)}.perk-count{font-size:var(--font-small);color:var(--text-muted);letter-spacing:1px}.perk-group{scroll-margin-top:72px}.perk-group-head{top:var(--topbar-h,56px);z-index:4;padding:var(--space-sm) var(--space-md);background:var(--bg);border-bottom:1px solid var(--border-strong);border-left:3px solid var(--sd);font-size:var(--font-h3);letter-spacing:1.5px;isolation:isolate;justify-content:space-between;align-items:baseline;margin:0;line-height:24px;animation:.5s both perk-fade;display:flex;position:sticky;overflow:hidden}.perk-group-head:before{content:"";z-index:-1;mix-blend-mode:screen;opacity:.32;pointer-events:none;background:url(/art/fog-header.webp) 50%/cover;animation:40s ease-in-out infinite alternate drift;position:absolute;inset:0 -8%}.perk-group-head:after{content:"";z-index:-1;background:linear-gradient(90deg, transparent 30%, var(--bg) 95%);pointer-events:none;position:absolute;inset:0}.perk-rows{margin:0;padding:0;list-style:none}.perk-row{border-bottom:1px solid var(--border);animation:.5s cubic-bezier(.2,.7,.2,1) both perk-row-in;animation-delay:calc(var(--i,0) * 35ms)}.perk-row-link{align-items:center;gap:var(--space-lg);padding:var(--space-md);min-height:80px;scroll-margin-top:72px;transition:background .2s;display:flex;position:relative;overflow:hidden}.perk-row-link:before{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--sd) 18%, transparent), transparent 70%);transform-origin:0;pointer-events:none;transition:transform .35s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scaleX(0)}.perk-row-link:hover:before,.perk-row-link:focus-visible:before{transform:scaleX(1)}.perk-row-link:hover,.perk-row-link:focus-visible{background:var(--surface-2)}.perk-row-text{flex-direction:column;gap:2px;min-width:0;display:flex;position:relative}.perk-row-text h4{font-size:var(--font-h3);letter-spacing:.5px;overflow-wrap:anywhere;margin:0;line-height:24px}@keyframes perk-row-in{0%{opacity:0;transform:translate(-12px)}}@keyframes perk-fade{0%{opacity:0;transform:translateY(-6px)}}@keyframes perk-line{0%{transform:scaleX(0)}}@supports (animation-timeline:view()){.perk-row{animation:linear both perk-row-in;animation-timeline:view();animation-range:entry entry 60%}}::view-transition-old(perk-list){animation:.16s both perk-vt-out}::view-transition-new(perk-list){animation:.3s cubic-bezier(.2,.7,.2,1) both perk-vt-in}@keyframes perk-vt-out{to{opacity:0}}@keyframes perk-vt-in{0%{opacity:0;transform:translateY(10px)}}.perk-pill{bottom:var(--space-lg);z-index:5;align-self:center;align-items:center;gap:var(--space-md);max-width:100%;padding:var(--space-sm) var(--space-lg);background:color-mix(in srgb, var(--surface-2) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border-strong);border-radius:var(--radius-pill);animation:.5s cubic-bezier(.2,.7,.2,1) both perk-enter;display:flex;position:sticky;box-shadow:0 8px 24px #0000008c}.perk-pill-text{color:var(--text);white-space:nowrap}.perk-bar{background:var(--border);border-radius:2px;flex:none;width:96px;height:4px;overflow:hidden}.perk-bar i{background:linear-gradient(90deg, var(--accent), var(--accent-text));transform-origin:0;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.2,1);display:block}.perk-top{animation:.3s both perk-enter}.perk-hero{position:relative;overflow:hidden}.perk-hero-icon{flex:none;place-items:center;width:200px;height:200px;display:grid;position:relative}.perk-mist{mix-blend-mode:screen;opacity:.5;pointer-events:none;background:url(/art/fog-header.webp) 50%/cover;animation:30s ease-in-out infinite alternate drift,9s ease-in-out infinite flicker;position:absolute;inset:-30% -40%;-webkit-mask-image:radial-gradient(closest-side,#000 25%,#0000);mask-image:radial-gradient(closest-side,#000 25%,#0000)}.perk-hero-icon .perk-frame{z-index:1;animation:.9s cubic-bezier(.2,.8,.2,1.15) .15s both perk-icon-in}.perk-hero-icon .perk-frame:before{opacity:.8;animation:3.5s ease-in-out infinite alternate perk-pulse}.perk-hero-icon .perk-icon{animation:5s ease-in-out 1s infinite perk-bob}@keyframes perk-icon-in{0%{opacity:0;transform:scale(.55)rotate(-14deg)}}@keyframes perk-pulse{to{opacity:.4}}.perk-hero-icon .embers{z-index:2;overflow:visible}.perk-tiers{gap:var(--space-lg);display:grid}.perk-tier-read{align-items:center;gap:var(--space-lg);min-height:64px;display:flex}.perk-tier-big{font-size:var(--font-h1);color:var(--text);overflow-wrap:anywhere;min-width:0;line-height:36px}.perk-tier-pick{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.perk-tier-btn{gap:2px var(--space-sm);min-height:64px;padding:var(--space-sm) var(--space-md);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font:inherit;cursor:pointer;grid-template-columns:auto 1fr;align-items:center;transition:translate .2s,border-color .2s,background .2s;display:grid;position:relative;overflow:hidden}.perk-tier-btn:hover{border-color:var(--c);translate:0 -2px}.perk-tier-btn[aria-pressed=true]{background:var(--surface-3);border-color:var(--c)}.perk-tier-btn:after{content:"";background:var(--c);transform-origin:0;height:3px;transition:transform .35s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.perk-tier-btn[aria-pressed=true]:after{transform:scaleX(1)}.perk-tier-dot{background:var(--c);width:10px;height:10px;transform:rotate(45deg)}.perk-tier-name{font-family:var(--ff-display), sans-serif;text-transform:uppercase;letter-spacing:1.5px;font-weight:700}.perk-tier-rarity{font-size:var(--font-small);grid-column:2}.perk-tier-value{font-family:var(--ff-display), sans-serif;font-weight:700;font-size:var(--font-body);overflow-wrap:anywhere;grid-column:1/-1}.perk-strip{gap:var(--space-md);padding:var(--space-sm) 2px var(--space-md);scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;margin:0;list-style:none;display:flex;overflow-x:auto}.perk-strip li{scroll-snap-align:start;animation:.5s cubic-bezier(.2,.7,.2,1) both perk-row-in;animation-delay:calc(var(--i,0) * 50ms);flex:0 0 min(248px,72%)}.perk-tile{gap:var(--space-sm);height:100%;padding:var(--space-lg);background:var(--surface-2);border:1px solid var(--border);border-top:2px solid var(--sd);border-radius:var(--radius-md);flex-direction:column;transition:translate .25s cubic-bezier(.2,.7,.2,1),border-color .25s,background .25s;display:flex}.perk-tile:hover,.perk-tile:focus-visible{background:var(--surface-3);border-color:var(--sd);translate:0 -4px}.perk-tile .perk-frame{margin:0 0 var(--space-xs) var(--space-xs)}.perk-tile h4{font-size:var(--font-h3);letter-spacing:.5px;overflow-wrap:anywhere;margin:0;line-height:24px}.perk-tile p{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}@media (hover:none){.perk-az button:hover:not(:disabled),.perk-tile:hover,.perk-tier-btn:hover{translate:none}}@media (max-width:900px){.perk-filters{grid-template-columns:1fr 1fr}.perk-search{grid-column:1/-1}.perk-filters .field{height:44px}.perk-hero{flex-direction:column;align-items:flex-start}.perk-hero-icon{width:160px;height:160px}.perk-hero-icon .perk-frame{width:128px;height:128px}.perk-hero h1{font-size:var(--font-h1);line-height:36px}}@media (max-width:640px){.perk-group-head{font-size:var(--font-body);top:0}.perk-section-head,.perk-tier-big{font-size:var(--font-h2);line-height:30px}.perk-lead{font-size:var(--font-body)}}@media (max-width:480px){.perk-row-link{gap:var(--space-md);padding:var(--space-sm);min-height:72px}.perk-row .perk-frame{width:calc(var(--s) * .8);height:calc(var(--s) * .8)}.perk-row-summary{-webkit-line-clamp:3}.perk-filters{grid-template-columns:1fr}.perk-bar{width:40px}.perk-pill{gap:var(--space-sm);padding:var(--space-sm) var(--space-md)}.perk-tier-pick{grid-template-columns:1fr}}.perk-change dl{gap:var(--space-xs) var(--space-md);grid-template-columns:max-content 1fr;margin:0;display:grid}.perk-change dd{white-space:pre-line;margin:0}.perk-change-was{opacity:.75;text-decoration:line-through}.perk-recent{gap:var(--space-sm);display:grid}.perk-recent>h2,.perk-recent>p{margin:0}.perk-recent ul{padding-left:var(--space-lg);margin:0}.perk-stats{gap:var(--space-lg);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.perk-stat{--sd:var(--quality-gold);isolation:isolate;min-height:150px;padding:var(--space-lg);border-top:2px solid var(--sd);animation:.7s cubic-bezier(.2,.7,.2,1) both perk-enter;animation-delay:calc(var(--i) * 90ms);justify-content:flex-end;gap:2px;transition:translate .3s cubic-bezier(.2,.7,.2,1)}.perk-stat[data-side=survivor]{--sd:var(--side-survivor)}.perk-stat[data-side=killer]{--sd:var(--side-killer)}.perk-stat[data-side=general]{--sd:var(--text-muted)}.perk-stat:before{z-index:1}.perk-stat>*{z-index:2}.perk-stat>.perk-stat-bg{z-index:0;opacity:.8;background-position:right 30%;background-size:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.perk-stat:hover{translate:0 -3px}.perk-stat:hover .perk-stat-bg{transform:scale(1.08)}.perk-stat-icon{top:var(--space-lg);right:var(--space-lg);width:28px;height:28px;color:var(--sd);opacity:.9;position:absolute!important}.perk-stat-n{font-family:var(--ff-display), sans-serif;font-size:var(--font-display);color:var(--sd);line-height:52px}.perk-stat-bar{height:4px;margin-top:var(--space-sm);background:var(--border);border-radius:2px;overflow:hidden}.perk-stat-bar i{background:var(--sd);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--p));animation:1.2s cubic-bezier(.2,.7,.2,1) both perk-grow;animation-delay:calc(.3s + var(--i) * .12s);display:block}@keyframes perk-grow{0%{transform:scaleX(0)}}@media (max-width:900px){.perk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.perk-stat-n{font-size:var(--font-h1);line-height:36px}.perk-stat{min-height:120px}}.perk-nav{justify-content:space-between;align-items:center;gap:var(--space-sm) var(--space-lg);flex-wrap:wrap;display:flex}.perk-back{align-items:center;min-height:44px;display:inline-flex}.perk-nav-step{gap:var(--space-sm);min-width:0;display:flex}.perk-step{--sd:var(--side-survivor);align-items:center;gap:var(--space-sm);max-width:240px;min-height:44px;padding:0 var(--space-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);transition:border-color .2s,color .2s,translate .2s;display:inline-flex}.perk-step[data-side=killer]{--sd:var(--side-killer)}.perk-step:hover,.perk-step:focus-visible{border-color:var(--sd);color:var(--text)}.perk-step:first-child:hover{translate:-3px}.perk-step:last-child:hover{translate:3px}.perk-step:hover .perk-frame{rotate:-5deg;scale:1.1}.perk-step-name{font-family:var(--ff-display), sans-serif;text-transform:uppercase;letter-spacing:.5px;font-weight:700;font-size:var(--font-small);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.perk-hero>*{z-index:1;position:relative}.perk-hero>.perk-hero-art{z-index:0;opacity:.5;pointer-events:none;background-position:50% 25%;background-size:cover;width:55%;animation:40s ease-in-out infinite alternate drift;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 70%);mask-image:linear-gradient(90deg,#0000,#000 70%)}.perk-hero{border-left:3px solid var(--sd)}.perk-hero h1{text-shadow:0 2px 24px #000c}.perk-body{gap:var(--space-2xl);display:grid}.perk-body>.panel{min-width:0}.perk-body.has-tiers{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start}.perk-body .perk-tier-pick{grid-template-columns:minmax(0,1fr)}.perk-tiers-panel{top:calc(var(--topbar-h,56px) + var(--space-lg));position:sticky}@media (max-width:900px){.perk-body.has-tiers{grid-template-columns:minmax(0,1fr)}.perk-tiers-panel{position:static}.perk-body .perk-tier-pick{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.perk-hero>.perk-hero-art{opacity:.25;width:100%}}@media (max-width:640px){.perk-step-name{display:none}.perk-nav-step{margin-left:auto}}