@font-face{font-family:Nunito;src:url('/assets/fonts/NunitoSans.ttf') format('truetype');font-weight:200 1000;font-style:normal;font-display:swap}
:root{color-scheme:dark;--ground:#0e120e;--surface:#191e18;--surface-hover:#242b21;--ink:#f5f5f0;--muted:#bbc2b7;--line:#626a5d;--subtle-line:#333c30;--pink:#fb0074;--yellow:#eaff00;--danger:#ff9caa;--radius:6px;--ease:cubic-bezier(.16,1,.3,1);font-family:Nunito,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:24px;scrollbar-gutter:stable;scrollbar-color:#657052 var(--ground)}body{margin:0;background:var(--ground);color:var(--ink);font-size:16px;line-height:1.5}::selection{background:var(--yellow);color:var(--ground)}input{caret-color:var(--yellow)}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:not(.button):hover{color:var(--yellow)}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:5px}img{max-width:100%;display:block}svg{display:block;flex-shrink:0;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.container{width:min(1340px,calc(100% - 96px));margin-inline:auto}.site-header{display:flex;align-items:center;min-height:77px;border-bottom:1px solid var(--line);gap:60px}.brand{font-size:26px;font-weight:950;letter-spacing:-.035em;text-decoration:none;display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{display:block;width:14px;height:17px;background:var(--pink);transform:skew(-11deg)}.main-nav{display:flex;align-items:stretch;gap:38px;align-self:stretch}.main-nav a{display:flex;align-items:center;position:relative;font-size:18px;text-decoration:none;font-weight:650}.main-nav a[aria-current=page]{font-weight:850}.main-nav a[aria-current=page]:after{content:'';position:absolute;bottom:9px;left:-8px;right:-8px;height:4px;background:var(--pink)}.player-nav{margin-left:auto;display:flex;gap:9px;align-items:center;text-decoration:none;white-space:nowrap}.player-nav svg{width:23px;height:23px}.skip-link{position:absolute;left:16px;top:-100px;z-index:10;padding:12px 20px;background:var(--yellow);color:#0e120e}.skip-link:focus{top:12px}.mobile-menu{display:none;background:none;border:0;padding:10px;color:var(--ink)}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,3.7vw,49px);font-weight:950;line-height:1.12;letter-spacing:-.025em;margin-bottom:8px;text-wrap:balance}h2{font-size:30px;font-weight:900;letter-spacing:-.02em;line-height:1.2;margin-bottom:16px}h3{font-size:22px;font-weight:850;line-height:1.2;letter-spacing:-.015em;margin-bottom:6px}.hero{padding-top:31px}.hero .intro{font-size:21px;line-height:1.4;margin-bottom:23px;color:#e3e7df}.global-search{display:flex;gap:15px;align-items:center;min-height:65px;border:1px solid #a3ad9b;border-radius:7px;background:var(--surface);padding:6px 7px 6px 20px}.global-search>svg{width:27px;height:27px}.global-search input{width:100%;min-width:0;padding:8px 0;background:none;border:none;outline:none;font-size:19px;color:var(--ink)}.global-search input::placeholder{color:#c2cabb;opacity:1}.global-search:focus-within{border-color:var(--yellow);outline:1px solid var(--yellow);outline-offset:2px}.global-search input:focus-visible{outline:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:47px;padding:10px 24px;border:1px solid #c8d400;border-radius:5px;background:var(--yellow);color:#11150b;text-decoration:none;font-weight:900;white-space:nowrap}.button svg{width:21px;height:21px}.button:hover{background:var(--ground);color:var(--yellow)}.button.secondary{background:transparent;border-color:#9aa592;color:var(--ink)}.button.secondary:hover{border-color:var(--yellow);color:var(--yellow)}.button.small{min-height:36px;padding:6px 12px;font-size:14px}.category-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px;padding-bottom:23px;border-bottom:1px solid var(--line)}.category-link{display:flex;align-items:center;gap:20px;text-decoration:none;padding:5px 24px;min-height:62px;border-right:1px solid var(--line)}.category-link:first-child{padding-left:4px}.category-link:last-child{border-right:none;padding-right:0}.category-link>svg{width:36px;height:36px}.category-link .arrow{margin-left:auto;color:var(--yellow);width:24px}.category-link strong{display:block;font-size:22px;font-weight:900;line-height:1.1;margin-bottom:4px}.category-link small{display:block;color:#d5dbcf;font-size:15px;white-space:nowrap}
.home-workspace{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(300px,1fr);gap:34px;margin-top:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.explore{min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.section-heading h2{margin-bottom:8px}.section-heading .quiet{font-size:13px;white-space:nowrap;color:var(--muted)}.tablist{display:flex;gap:28px;border-bottom:1px solid var(--line);margin-top:2px}.tablist a{position:relative;padding:9px 5px 14px;font-size:18px;text-decoration:none;font-weight:650}.tablist a[aria-selected=true]{color:var(--yellow);font-weight:900}.tablist a[aria-selected=true]:after{content:'';height:4px;background:var(--pink);position:absolute;left:0;right:0;bottom:3px;transition:width .2s var(--ease)}.item-list{padding:0;margin:0;list-style:none}.item-row{border-bottom:1px solid var(--line);min-height:50px;display:flex;align-items:center;gap:16px;text-decoration:none;padding:7px 7px;font-size:18px}.item-row img{width:58px;height:34px;object-fit:contain}.item-row strong{font-weight:850}.item-row .row-category{margin-left:auto;font-size:14px;color:#d0d7ca;min-width:115px}.item-row .arrow{color:var(--yellow);width:21px;margin-left:10px}.item-row:hover{background:var(--surface)}.text-link{display:inline-flex;gap:10px;align-items:center;color:var(--yellow);text-decoration:none;font-weight:850}.text-link svg{width:21px}.browse-link{margin-top:10px}.planning{border-left:1px solid var(--line);padding-left:34px}.planning h2{margin-bottom:7px}.planning-link{display:flex;gap:19px;align-items:center;padding:17px 0 19px;border-bottom:1px solid var(--line);text-decoration:none;min-height:87px}.planning-link>svg{width:36px;height:36px}.planning-link strong{display:block;font-size:22px;font-weight:900;line-height:1.12}.planning-link small{color:#d0d7ca;font-size:15px;display:block;margin-top:3px}.planning-link .arrow{margin-left:auto;color:var(--yellow);width:23px}.planning-reference{display:flex;gap:12px;margin-top:20px;background:var(--surface-hover);padding:10px 17px;text-decoration:none;font-weight:750;border-radius:5px}.planning-reference svg{color:var(--yellow);width:22px}.world-section{padding:23px 0 25px;border-bottom:1px solid var(--line)}.world-section>h2{font-size:15px;letter-spacing:.09em;font-weight:700;margin-bottom:22px}.world-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.world-block{display:flex;gap:22px;padding:0 34px;border-right:1px solid var(--line)}.world-block:first-child{padding-left:10px}.world-block:last-child{padding-right:0;border:none}.world-block>svg{width:35px;height:35px;margin-top:4px}.world-block h3{font-size:25px;margin-bottom:5px}.world-block p{color:#d1d8ca;font-size:16px;margin-bottom:10px}.world-links{display:flex;flex-wrap:wrap;gap:9px 23px;margin-bottom:12px}.world-links a{color:var(--yellow);font-weight:800}.world-block .button{padding:6px 17px;min-height:39px;font-size:15px}.site-footer{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:17px 0 22px;font-size:13px;color:#c2cbb9}.footer-links{display:flex;align-items:center;gap:25px}.footer-links a{text-decoration:none}.snapshot{color:#aebba4}.footer-brand{display:flex;gap:14px;flex-wrap:wrap}
.page-heading{padding:30px 0 26px;max-width:1000px}.page-heading .intro{color:#cbd4c4;font-size:19px;margin:12px 0 0;max-width:76ch}.breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:13px;padding-top:20px}.breadcrumbs a{color:#d3ddca}.page-main{padding-bottom:45px;min-height:65vh}.filters{display:flex;align-items:end;gap:14px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin-bottom:12px}.filters label,.field{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#c5cebd}.filters .search-field{flex:1;min-width:230px}.field-input,input[type=number],select{min-height:43px;border:1px solid #7e8974;background:var(--surface);border-radius:5px;padding:9px 12px;color:var(--ink);min-width:0;font-size:16px}select{max-width:100%}.result-count{font-size:14px;color:var(--muted);margin:13px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;font-size:15px}th,td{border-bottom:1px solid var(--subtle-line);padding:12px 14px;text-align:left}th{font-weight:850;font-size:13px;color:#d6ddce;white-space:nowrap}td{color:#dfe5d9}td strong,td a{color:var(--ink)}td.numeric,th.numeric{text-align:right;white-space:nowrap}tbody tr:hover{background:var(--surface)}.table-item{display:flex;gap:15px;align-items:center;text-decoration:none;font-weight:850;min-width:210px}.table-item img{width:60px;height:40px;object-fit:contain}.table-arrow{color:var(--yellow);width:19px}.sort-button{padding:0;border:0;background:none;color:inherit;text-align:inherit;font-weight:inherit;display:inline-flex;gap:6px;align-items:center}.sort-button svg{width:13px;height:13px}.empty-state{padding:30px;border:1px solid var(--line);color:#d6dfcd;margin-top:20px}.empty-state h2{font-size:22px}.empty-state p{margin-bottom:8px}.muted{color:var(--muted)}.pill{font-size:12px;display:inline-block;background:#273020;color:#d5e5c4;border:1px solid #647451;border-radius:4px;padding:3px 8px}.content-note{font-size:14px;color:var(--muted);max-width:80ch;margin:24px 0}.detail-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:45px;align-items:start}.item-art{display:grid;place-items:center;min-height:310px;background:#151b13;border:1px solid var(--subtle-line);padding:35px}.item-art img{max-height:230px;width:100%;object-fit:contain}.description{font-size:19px;max-width:70ch;color:#dbe2d5}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--line)}.stat-grid>div{padding:16px 10px 17px 0;border-bottom:1px solid var(--line)}dt{font-size:13px;color:#bdc9b3}dd{font-size:26px;font-weight:900;margin:3px 0 0;line-height:1.2;font-variant-numeric:tabular-nums}.detail-section{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.detail-section h2{font-size:25px}.detail-section p{max-width:75ch}.cost-line{display:flex;align-items:center;gap:12px;margin:10px 0;color:var(--yellow);font-weight:900;font-size:24px}.cost-line img{width:37px;height:30px;object-fit:contain}.reference-list{list-style:none;padding:0;margin:0}.reference-list li{padding:9px 0;border-bottom:1px solid var(--subtle-line);display:flex;align-items:center;gap:12px}.reference-list img{width:40px;height:35px;object-fit:contain}.reference-list span{margin-left:auto;font-weight:800}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.info-grid h2{font-size:24px}.recipe-row{display:grid;grid-template-columns:260px 1fr auto;align-items:center;gap:30px;padding:22px 0;border-bottom:1px solid var(--line)}.recipe-result{display:flex;align-items:center;gap:20px}.recipe-result img{width:70px;height:60px;object-fit:contain}.recipe-result a{font-size:20px;font-weight:850;text-decoration:none}.recipe-ingredients{display:flex;gap:15px 25px;flex-wrap:wrap}.ingredient{display:flex;gap:10px;align-items:center}.ingredient img{width:34px;height:34px;object-fit:contain}.ingredient a{font-size:15px}.ingredient strong{color:var(--yellow)}.location-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 35px}.location-row{padding:20px 0;border-bottom:1px solid var(--line)}.location-row h2{font-size:22px;margin-bottom:7px}.location-row p{font-size:15px;color:#c9d4bf;max-width:68ch}.location-row .text-link{font-size:14px}.location-row .location-kind{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:7px}.location-loot{display:flex;gap:5px;align-items:center;margin:10px 0 13px}.location-loot img{height:31px;width:39px;object-fit:contain}
.tool-form{display:flex;gap:14px;align-items:end;flex-wrap:wrap;padding:20px;border:1px solid var(--line);background:#151b13;margin-bottom:25px}.tool-form .field{flex:1;min-width:200px}.tool-form .quantity-field{flex:0 0 100px;min-width:80px}.tool-form input[type=number]{width:100%}.tool-form .button{height:44px;min-height:44px}.compare-grid{display:grid;grid-template-columns:180px 1fr 1fr;border-top:1px solid var(--line)}.compare-grid>div{padding:17px 20px;border-bottom:1px solid var(--line)}.compare-grid .compare-label{font-size:14px;color:#c1cfb5;display:flex;align-items:center}.compare-grid .compare-value{font-weight:850;font-size:23px;font-variant-numeric:tabular-nums}.compare-grid .compare-weapon{padding-top:25px;padding-bottom:22px}.compare-weapon img{height:110px;max-width:220px;object-fit:contain;margin:auto auto 20px}.compare-weapon a{font-size:22px;font-weight:900;text-decoration:none}.compare-weapon{text-align:center}.compare-value{background:#151b13}.compare-value.is-higher{color:var(--yellow)}.tool-footer{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding-top:20px}.tool-status{font-size:14px;color:var(--yellow)}.field-error{color:var(--danger);font-size:14px;margin:12px 0;min-height:20px}.loot-summary{display:flex;justify-content:space-between;gap:25px;align-items:end;border-top:1px solid var(--line);padding:23px 0}.loot-total{font-size:42px;font-weight:950;letter-spacing:-.02em;color:var(--yellow);line-height:1.1}.loot-total small{display:block;font-size:14px;color:#c1ceb6;font-weight:600;letter-spacing:0;margin-bottom:7px}.loot-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.remove-line{border:0;background:transparent;color:var(--muted);padding:8px;min-height:40px;min-width:40px}.remove-line:hover{color:var(--yellow)}.remove-line svg{width:20px;height:20px}.share-output{margin-top:12px;width:100%;padding:12px;background:var(--surface);color:var(--ink);border:1px solid var(--line);font:14px/1.5 Nunito,Arial,sans-serif}.news-list{max-width:950px}.news-list article{padding:23px 0;border-bottom:1px solid var(--line)}.news-list time{color:var(--muted);font-size:13px}.news-list h2{font-size:24px;margin-top:8px}.news-list h2 a{text-decoration:none}.reading{max-width:80ch}.reading p{color:#d2dcc9;line-height:1.7}.reading h2{margin-top:35px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1500px){.home-workspace{gap:40px}.planning{padding-left:40px}.hero{padding-top:35px}.category-nav{padding-bottom:25px;margin-top:27px}.item-row{min-height:56px}.home-workspace{margin-top:28px}.planning-link{min-height:96px}.world-section{padding-top:28px;padding-bottom:30px}}
@media(max-width:1150px){.container{width:calc(100% - 56px)}.site-header{gap:32px}.brand{font-size:23px}.main-nav{gap:24px}.main-nav a{font-size:16px}.player-nav{font-size:14px}.category-link{padding-inline:17px;gap:12px}.category-link strong{font-size:20px}.category-link small{font-size:13px}.category-link>svg{width:30px;height:30px}.home-workspace{grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:25px}.planning{padding-left:25px}.planning-link{gap:14px}.planning-link strong{font-size:20px}.planning-link small{font-size:14px}.world-block{padding-inline:22px;gap:15px}.world-block h3{font-size:23px}.world-block p{font-size:14px}.tablist{gap:20px}.tablist a{font-size:17px}.section-heading .quiet{display:none}.recipe-row{grid-template-columns:230px 1fr}.recipe-row>.text-link{grid-column:2}.footer-links{gap:17px}}
@media(max-width:850px){.container{width:calc(100% - 40px)}.site-header{min-height:69px;gap:24px;flex-wrap:wrap;padding:0}.brand{font-size:23px}.main-nav{gap:23px}.main-nav a{font-size:15px}.player-nav{font-size:0}.player-nav svg{width:24px;height:24px}.category-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 0}.category-link:nth-child(2){border:0;padding-right:0}.category-link:nth-child(3){padding-left:4px}.category-link:nth-child(4){padding-left:18px}.category-link{min-height:52px}.category-link strong{font-size:21px}.category-link small{font-size:14px}.home-workspace{grid-template-columns:1fr;gap:25px}.planning{padding-left:0;padding-top:24px;border-left:none;border-top:1px solid var(--line)}.planning h2{margin-bottom:10px}.planning-link{padding-block:14px;min-height:79px}.planning-reference{margin-top:16px}.world-grid{grid-template-columns:1fr 1fr;gap:28px}.world-block{padding:0;border:0}.world-block:first-child{padding-left:0}.world-block:last-child{grid-column:1/-1;border-top:1px solid var(--subtle-line);padding-top:22px}.world-section>h2{margin-bottom:20px}.site-footer{align-items:start;flex-direction:column;gap:15px}.detail-layout{grid-template-columns:minmax(220px,.7fr) minmax(0,1fr);gap:25px}.stat-grid{grid-template-columns:1fr 1fr}.recipe-row{grid-template-columns:1fr;gap:15px}.recipe-row>.text-link{grid-column:1}.location-grid{gap:0 25px}.compare-grid{grid-template-columns:140px 1fr 1fr}.compare-grid>div{padding-inline:12px}.compare-weapon a{font-size:18px}.compare-weapon img{max-width:100%;height:90px}}
@media(max-width:590px){.container{width:calc(100% - 32px)}.site-header{min-height:65px;gap:15px}.brand{font-size:23px;gap:9px}.brand-mark{width:12px;height:15px}.mobile-menu{display:block;margin-left:auto}.player-nav{display:none}.main-nav{display:none;flex-basis:100%;gap:25px;padding-bottom:9px;min-height:45px}.main-nav.is-open{display:flex}.main-nav a{font-size:16px;padding-bottom:14px}.main-nav a[aria-current=page]:after{bottom:2px;left:0;right:0}.hero{padding-top:25px}h1{font-size:34px;letter-spacing:-.025em}.hero .intro{font-size:17px;margin-bottom:20px;max-width:35ch}.global-search{min-height:58px;gap:10px;padding-left:12px}.global-search>svg{width:21px;height:21px}.global-search input{font-size:16px}.global-search .button{font-size:0;gap:0;padding:10px 13px;min-height:43px}.global-search .button svg{width:22px;height:22px}.category-nav{gap:17px 0;margin-top:23px;padding-bottom:22px}.category-link{gap:11px;padding-right:13px}.category-link:nth-child(2),.category-link:nth-child(4){padding-left:15px}.category-link>svg{width:26px;height:26px}.category-link strong{font-size:18px}.category-link small{font-size:12px;white-space:normal;line-height:1.35}.category-link .arrow{width:17px;margin-left:auto}.home-workspace{margin-top:22px}h2{font-size:26px}.tablist{gap:22px;overflow-x:auto}.tablist a{font-size:16px;padding:10px 2px 13px;white-space:nowrap}.item-row{gap:12px;font-size:17px;min-height:56px;padding-inline:2px}.item-row img{width:44px;height:35px}.item-row .row-category{font-size:12px;min-width:65px}.item-row .arrow{width:18px;margin-left:0}.planning-link strong{font-size:21px}.planning-link small{font-size:14px}.planning-link>svg{width:32px;height:32px}.planning h2{font-size:27px}.world-grid{grid-template-columns:1fr;gap:22px}.world-block,.world-block:first-child,.world-block:last-child{padding:0 0 20px;grid-column:auto;border:0;border-bottom:1px solid var(--subtle-line);gap:20px}.world-block:last-child{padding-bottom:0;border:0}.world-block h3{font-size:23px}.world-section>h2{font-size:14px}.world-block p{font-size:15px}.footer-links{flex-wrap:wrap;gap:13px 22px}.snapshot{font-size:12px}.site-footer{font-size:12px}.page-heading{padding-top:24px;padding-bottom:23px}.page-heading h1{font-size:32px}.page-heading .intro{font-size:17px}.filters{gap:12px}.filters label{flex:1;min-width:140px}.filters .search-field{flex-basis:100%}.filters select{width:100%}.table-item{min-width:170px;font-size:14px;gap:9px}.table-item img{width:44px;height:34px}th,td{padding:11px 10px}.table-wrap{margin-right:-16px}.detail-layout{grid-template-columns:1fr;gap:25px}.item-art{min-height:210px;padding:25px}.item-art img{max-height:160px}.description{font-size:17px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}dd{font-size:25px}.detail-section h2{font-size:23px}.detail-actions .button{flex:1;font-size:15px;padding-inline:12px}.info-grid{grid-template-columns:1fr;gap:20px}.location-grid{grid-template-columns:1fr}.recipe-ingredients{gap:14px 20px}.tool-form{padding:15px;gap:13px}.tool-form .field{min-width:0;flex-basis:100%}.tool-form .quantity-field{flex:1;min-width:70px}.tool-form .button{flex:1}.tool-form.compare-form .button{flex-basis:100%}.compare-grid{grid-template-columns:94px minmax(0,1fr) minmax(0,1fr)}.compare-grid>div{padding:13px 8px}.compare-grid .compare-label{font-size:11px}.compare-grid .compare-value{font-size:17px}.compare-weapon a{font-size:15px}.compare-weapon img{height:65px;margin-bottom:12px}.loot-summary{align-items:start;flex-direction:column;gap:20px}.loot-total{font-size:37px}.tool-footer .button{font-size:14px;padding-inline:14px}.loot-controls{gap:10px}.content-note{font-size:13px}.news-list h2{font-size:22px}}
.world-links a{display:inline-flex;gap:7px;align-items:center}.world-links a svg{width:18px;height:18px}.table-wrap{position:relative}
.field-input::placeholder{color:var(--muted);opacity:1}
.comparison-wrap{border-top:1px solid var(--line)}.compare-table{table-layout:fixed}.compare-table th,.compare-table td{padding:17px 20px;border-bottom:1px solid var(--line);white-space:normal}.compare-table th{font-size:14px;font-weight:600;color:#c1cfb5}.compare-table thead th{text-align:center}.compare-table thead th:first-child{width:180px;text-align:left}.compare-table .compare-weapon{padding-top:25px;padding-bottom:22px}.compare-table td{background:#151b13;font-size:23px;font-weight:850;font-variant-numeric:tabular-nums}.compare-table .compare-weapon a{color:var(--ink)}
@media(max-width:850px){.compare-table thead th:first-child{width:140px}.compare-table th,.compare-table td{padding-inline:12px}}
@media(max-width:590px){.compare-table thead th:first-child{width:94px}.compare-table th,.compare-table td{padding:13px 8px}.compare-table th{font-size:11px}.compare-table td{font-size:17px}.compare-table .compare-weapon a{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@font-face{font-family:BarlowAction;src:url('/assets/fonts/BarlowCondensed-ExtraBoldItalic.ttf') format('truetype');font-weight:800;font-style:italic;font-display:swap}
:root{--yellow:#caff2c}
.button{position:relative;isolation:isolate;background:none;border:0;border-radius:0;padding-inline:29px;font:italic 800 22px/1.15 BarlowAction,Nunito,sans-serif;text-transform:uppercase;letter-spacing:.01em}
.button:before{content:'';position:absolute;inset:0 7px;z-index:-1;background:var(--yellow);border:1px solid var(--yellow);border-radius:5px;transform:skewX(-14deg);transition:background-color .16s var(--ease),border-color .16s var(--ease)}
.button:hover{background:none;color:var(--yellow)}.button:hover:before{background:var(--ground);border-color:var(--yellow)}
.button.secondary{background:none;border:0}.button.secondary:before{background:transparent;border-color:#9aa592}.button.secondary:hover{background:none;color:var(--yellow)}.button.secondary:hover:before{background:var(--yellow);border-color:var(--yellow)}
.button.small{font-size:18px;padding-inline:19px}.tool-form .button{padding-inline:25px}.world-block .button{font-size:19px;padding-inline:25px}
.planning-reference,.item-art,.empty-state{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);border-radius:0}
select option{background:var(--surface);color:var(--ink)}select option:checked,select option:hover,select option:focus-visible{background:var(--yellow);color:var(--ground)}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--yellow)}
@supports(appearance:base-select){select,select::picker(select){appearance:base-select}select{align-items:center;cursor:pointer}select::picker(select){background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:5px;max-height:min(350px,60vh);overflow-y:auto;min-width:anchor-size(width);box-shadow:0 12px 28px #0009}select option{display:flex;align-items:center;gap:10px;padding:9px 12px;min-height:40px;border-radius:2px;cursor:pointer}select option:checked{font-weight:850}select option::checkmark{color:currentColor}select::picker-icon{color:var(--yellow)}select:open::picker-icon{rotate:180deg}}
@media(max-width:590px){.main-nav.is-open{flex-wrap:wrap;gap:15px 24px}.tool-form .button{font-size:21px}.tool-footer .button{font-size:18px}.button.small{font-size:17px}}
.angular-panel{position:relative;background:var(--well);border:1px solid var(--line);border-radius:0;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}
.weapon-primary-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.weapon-primary-filters label,.weapon-advanced-grid>label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted)}.weapon-primary-filters select,.weapon-advanced-grid select{width:100%;min-width:0}.weapon-more-filters{padding:0 20px;margin-bottom:18px;overflow:visible;clip-path:none;border-top:2px solid var(--yellow)}.weapon-more-filters summary{cursor:pointer;padding:16px 0;font-weight:850}.weapon-advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 22px;padding:5px 0 22px}.weapon-advanced-grid fieldset{margin:0;padding:0;border:0;min-width:0}.weapon-advanced-grid legend{font-size:14px;font-weight:800;padding:0;margin-bottom:9px}.weapon-advanced-grid legend span{font-size:12px;font-weight:400;color:var(--muted);margin-left:5px}.filter-range{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}.filter-range input{width:100%;min-width:0}.filter-range>span{color:var(--muted);font-size:13px}.filter-budget{display:block;margin-top:8px}.filter-budget input{width:100%}.weapon-filter-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.weapon-filter-actions>div{display:flex;gap:10px}.weapon-filter-actions .result-count{margin:0}.weapon-filter-actions+.field-error:empty{display:none}.weapon-search-row{padding-top:21px}.weapon-search-row select{min-width:240px}.field-input[aria-invalid=true]{border-color:var(--danger)}
.planner-app{display:grid;grid-template-columns:278px minmax(0,1fr);gap:26px;align-items:start}.planner-main{min-width:0}.planner-summary{padding:20px}.planner-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:16px}.planner-section-title h2{font-size:23px;margin:0}.planner-text-button,.planner-remove{border:0;background:none;color:var(--muted);text-decoration:underline;text-underline-offset:4px;font:inherit;padding:3px 0;font-size:12px;min-height:28px}.planner-text-button:hover,.planner-remove:hover{color:var(--yellow)}.planner-costs{margin:0 0 20px}.planner-costs>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--subtle-line)}.planner-costs dt{font-size:13px}.planner-costs dd{font-size:22px;margin:0}.planner-costs .planner-combined{display:block;padding-top:14px}.planner-combined dd{color:var(--yellow);font-size:30px;margin-top:5px}.planner-summary .field{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.planner-summary select{width:100%;font-size:14px;padding-inline:9px}.planner-small{font-size:12px;line-height:1.5;color:var(--muted);margin:11px 0}.planner-requirements{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:17px 0}.planner-requirements dd{font-size:18px}.planner-requirements dt{font-size:12px}.planner-goals{list-style:none;padding:0;margin:17px 0}.planner-goals li{display:flex;align-items:center;gap:8px;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--subtle-line);font-size:13px}.planner-goals a{text-decoration:none;font-weight:850}.planner-summary>.button{width:100%;font-size:18px}.planner-sidebar-section{margin-top:22px}.planner-sidebar-section h2{font-size:18px;margin-bottom:9px}.planner-categories{display:grid;gap:2px}.planner-category{display:flex;justify-content:space-between;align-items:center;gap:8px;background:none;border:0;color:var(--ink);font:inherit;font-size:14px;padding:8px 12px;text-align:left;min-height:36px}.planner-category>span:last-child{color:var(--muted);font-size:12px}.planner-category:hover{background:var(--surface)}.planner-category[aria-pressed=true]{background:var(--surface-hover);color:var(--yellow);border-left:1px solid var(--pink);font-weight:850}.planner-category[aria-pressed=true]>span:last-child{color:var(--yellow)}.planner-options{display:grid;gap:9px}.planner-options label{display:flex;gap:9px;align-items:center;font-size:13px}.planner-options input{width:17px;height:17px}.planner-share{display:flex;gap:9px;margin-top:20px;flex-wrap:wrap}.planner-share .button{flex:1;padding-inline:15px;font-size:17px}.planner-sidebar .tool-status{display:block;margin:12px 0}.planner-toolbar{display:flex;align-items:end;gap:14px;justify-content:space-between;margin-bottom:14px}.planner-search{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--muted);flex:1;min-width:160px}.planner-search input{width:100%}.planner-view-controls{display:flex;gap:8px;padding-bottom:2px}.planner-view-controls .button{font-size:17px}.planner-legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:12px}.planner-legend>span{display:flex;align-items:center;gap:6px}.planner-legend i{display:inline-block;width:10px;height:10px;border:1px solid var(--line)}.planner-legend .legend-target{background:var(--yellow);border-color:var(--yellow)}.planner-legend .legend-needed{background:var(--pink);border-color:var(--pink)}.planner-legend .legend-done{background:var(--surface-hover);border-color:var(--ink)}#planner-visible-count{margin-left:auto}.planner-viewport{height:600px;overflow:auto;border:1px solid var(--line);background:var(--well);position:relative;overscroll-behavior:contain;cursor:grab;scrollbar-color:var(--line) var(--well);touch-action:pan-x pan-y}.planner-viewport.is-dragging{cursor:grabbing;user-select:none}#planner-space{position:relative;min-height:100%}#planner-world{position:relative;transform-origin:0 0}.planner-edges{position:absolute;inset:0;stroke:var(--line);stroke-width:2;fill:none;pointer-events:none}.planner-edges path.is-planned{stroke:var(--pink);stroke-width:3}.planner-node{position:absolute;width:224px;height:120px;padding:0;background:var(--surface);border:1px solid var(--line);cursor:auto;clip-path:none;outline:none}.planner-node:after{content:'';position:absolute;top:-1px;right:-1px;width:12px;height:12px;background:linear-gradient(45deg,var(--surface) 47%,var(--line) 48%,var(--line) 53%,var(--well) 54%);pointer-events:none}.planner-node-main{display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:26px 23px 18px;align-items:center;column-gap:10px;width:100%;min-height:85px;text-align:left;padding:8px 12px 6px;background:none;border:0;color:var(--ink);font:inherit}.planner-node-main img{grid-row:1/4;width:58px;height:58px;object-fit:contain}.planner-node-name{font-size:14px;font-weight:900;line-height:1.2}.planner-node-main strong{font-size:15px;font-variant-numeric:tabular-nums}.planner-node-main small{font-size:11px;color:var(--muted)}.planner-node-actions{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:0 12px;border-top:1px solid var(--subtle-line);height:33px;font-size:11px}.planner-node-actions a{color:var(--muted);text-decoration:none}.planner-node-actions button{font:inherit;background:none;border:0;color:var(--muted);padding:6px 0}.planner-node-actions button:hover,.planner-node-actions a:hover{color:var(--yellow)}.planner-node.is-needed{border-color:var(--pink)}.planner-node.is-goal{border-color:var(--yellow);background:#273218}.planner-node.is-goal:after{background:linear-gradient(45deg,#273218 47%,var(--yellow) 48%,var(--yellow) 53%,var(--well) 54%)}.planner-node.is-goal .planner-node-main small{color:var(--yellow)}.planner-node.is-done{border-color:var(--ink);background:#30372c}.planner-node.is-done .planner-node-main small{color:var(--ink)}.planner-node-main:hover{background:#ffffff06}.planner-node-main:focus-visible{outline-offset:2px;outline-width:3px}.planner-node-actions :focus-visible{outline-offset:0}.planner-canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12px;color:var(--muted);margin-top:12px}.planner-zoom{display:flex;align-items:center;gap:9px;flex-shrink:0}.planner-zoom input{width:100px}.planner-zoom output{min-width:35px;text-align:right;font-variant-numeric:tabular-nums}.planner-zoom .button{padding:5px 14px;min-height:32px;font:800 19px/1 Nunito,Arial,sans-serif}.planner-order{margin-top:25px;padding:16px 20px;clip-path:none}.planner-order summary{font-weight:850;cursor:pointer}.planner-order summary span{color:var(--yellow);margin-left:8px}.planner-order ol{padding-left:23px;margin-bottom:0}.planner-order li{padding:9px 0;border-bottom:1px solid var(--subtle-line);font-size:14px}.planner-order li strong{float:right;margin-left:15px;font-variant-numeric:tabular-nums}.planner-fallback{columns:2;padding:20px 30px;font-size:14px}.planner-fallback li{padding:4px}.planner-fallback span{display:block;font-size:12px;color:var(--muted)}.planner-viewport.is-list{height:600px;cursor:auto;padding:14px}.planner-viewport.is-list #planner-world{display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:14px;align-content:start}.planner-viewport.is-list .planner-node{position:relative;inset:auto!important;width:100%}
@media(min-width:851px) and (max-width:1280px){.site-header{gap:25px}.main-nav{gap:23px}.main-nav a{font-size:16px}.brand{font-size:23px}.player-nav{font-size:13px}}
@media(max-width:1000px){.planner-app{grid-template-columns:245px minmax(0,1fr);gap:20px}.planner-toolbar{flex-wrap:wrap}.planner-view-controls{margin-left:auto}.planner-canvas-footer{align-items:start;flex-direction:column}.weapon-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.planner-app{grid-template-columns:1fr}.planner-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.planner-summary{grid-row:1/5}.planner-sidebar-section{margin-top:0;margin-bottom:18px}.planner-share{margin-top:0}.planner-sidebar>.tool-status,.planner-sidebar>.share-output{grid-column:1/-1}.planner-viewport{height:550px}.planner-toolbar{flex-wrap:nowrap}.planner-canvas-footer{flex-direction:row;align-items:center}.weapon-primary-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:590px){.planner-sidebar{display:block}.planner-summary{padding:18px}.planner-costs{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;margin-bottom:14px}.planner-costs>div{display:block}.planner-costs .planner-combined{grid-column:1/-1;display:flex;align-items:baseline;padding-top:10px}.planner-combined dd{font-size:29px}.planner-requirements{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-block:14px}.planner-requirements dt{font-size:10px}.planner-requirements dd{font-size:16px}.planner-sidebar-section{margin-top:20px}.planner-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 9px}.planner-category{padding-inline:10px}.planner-options{grid-template-columns:1fr 1fr}.planner-options label{font-size:12px}.planner-share{margin-top:16px}.planner-toolbar{flex-wrap:wrap}.planner-search{flex-basis:100%}.planner-view-controls{margin-left:0}.planner-legend{gap:8px 13px;font-size:11px}#planner-visible-count{margin-left:0;flex-basis:100%}.planner-viewport{height:480px}.planner-canvas-footer{align-items:start;flex-direction:column}.planner-order{padding:15px}.planner-order li{display:list-item;font-size:13px}.planner-order li strong{float:none;display:block;margin:4px 0 0}.planner-fallback{columns:1}.weapon-primary-filters{gap:13px 12px}.weapon-search-row select{min-width:0}.weapon-more-filters{padding-inline:15px}.weapon-more-filters summary{font-size:14px}.weapon-advanced-grid{grid-template-columns:1fr;gap:20px}.weapon-filter-actions{align-items:start;flex-direction:column;gap:12px}.weapon-filter-actions>div{flex-wrap:wrap;gap:9px}.weapon-filter-actions .button{font-size:17px}}
.skins-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.skin-card{clip-path:none;border-color:var(--subtle-line);min-width:0}.skin-art{display:grid;place-items:center;height:175px;overflow:hidden;background:var(--surface)}.skin-art img{width:100%;height:100%;object-fit:contain;padding:13px}.skin-card-copy{padding:16px 18px 18px;position:relative}.skin-kind{font-size:11px;color:var(--muted)}.skin-card h2{font-size:19px;margin:6px 0 8px}.skin-card h2 a{text-decoration:none}.skin-card p{font-size:12px;color:var(--muted);min-height:18px;margin:0 0 12px}.skin-rarity{font-size:11px;display:inline-block;border:1px solid var(--line);padding:2px 7px;color:var(--ink)}.skin-open{display:block;position:absolute;bottom:16px;right:17px;color:var(--yellow)}.skin-open svg{width:20px;height:20px}.skin-card:hover{border-color:var(--yellow)}.skin-no-image{font-size:13px;color:var(--muted);padding:20px;overflow-wrap:anywhere}.skin-source-id{font-size:13px;color:var(--muted);margin-top:20px;overflow-wrap:anywhere}.skin-source-id code{font:inherit}
@media(max-width:1000px){.skins-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.skins-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.skin-art{height:150px}.skin-card-copy{padding:13px}.skin-card h2{font-size:17px}.skin-open{right:12px;bottom:14px}}
/* Shipment screen follows the game's board: image tiles, category photographs and one trunk. */
.planner-page{overflow:hidden}.planner-page>.container{width:100%;height:100dvh;display:flex;flex-direction:column}.planner-page .site-header{flex-shrink:0}.planner-page .site-footer{display:none}.shipment-screen{flex:1;min-height:0}.shipment-screen .planner-app{grid-template-columns:300px minmax(0,1fr);gap:0;height:100%;position:relative}.shipment-screen .planner-sidebar{display:block;padding:20px 22px 30px;overflow:auto;height:100%;border-right:1px solid var(--subtle-line);background:var(--ground)}.planner-sidebar-heading{display:flex;justify-content:space-between;gap:15px;margin-bottom:22px;font-size:13px}.planner-sidebar-heading svg{width:15px;height:15px;transform:rotate(180deg)}#planner-close-sidebar,#planner-open-sidebar{display:none}.shipment-screen .planner-summary{padding:20px 0 0;background:none;border:0;clip-path:none}.shipment-screen .planner-section-title h2,.shipment-screen .planner-sidebar-section h2{font:italic 800 24px/1.1 BarlowAction,Nunito,sans-serif;text-transform:uppercase}.shipment-screen .planner-costs .planner-combined{border-bottom:0}.shipment-screen .planner-small{font-size:11px}.shipment-screen .planner-requirements{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;border-bottom:1px solid var(--subtle-line);padding-bottom:14px}.shipment-screen .planner-requirements dt{font-size:10px}.shipment-screen .planner-requirements dd{font-size:17px}.shipment-screen .planner-costs dd{font:italic 800 28px/1 BarlowAction,Nunito,sans-serif}.shipment-screen .planner-combined dd{font-size:37px}.shipment-screen .planner-options label{font-size:12px}.shipment-screen .planner-categories{grid-template-columns:1fr 1fr;gap:3px 6px}.shipment-screen .planner-category{font-size:12px;padding:7px 8px}.shipment-screen .planner-sidebar-section{margin-top:22px}.shipment-screen .planner-sidebar .planner-search{font-size:12px}.shipment-screen .planner-search input{font-size:14px}.shipment-screen .planner-main{height:100%;position:relative;min-height:0;overflow:hidden}.shipment-screen .planner-viewport,.shipment-screen .planner-viewport.is-list{height:100%;border:0;background:#20231d}.shipment-screen .planner-toolbar{position:absolute;top:20px;left:25px;right:25px;z-index:4;align-items:start;pointer-events:none;flex-wrap:nowrap}.planner-title{background:#0e120ef2;padding:12px 19px 13px;border-left:1px solid var(--yellow);pointer-events:auto}.planner-title h1{font:italic 800 39px/1 BarlowAction,Nunito,sans-serif;text-transform:uppercase;letter-spacing:0;margin:0}.planner-title p{font-size:12px;color:var(--muted);margin:7px 0 0;display:flex;align-items:baseline;gap:6px}.planner-title p strong{color:var(--yellow);font-size:17px}.planner-title p span{border-left:1px solid var(--line);margin-left:9px;padding-left:13px;color:var(--yellow);font-weight:900}.shipment-screen .planner-view-controls{pointer-events:auto;background:#0e120ef2;padding:8px;gap:5px}.shipment-screen .planner-view-controls .button{font-size:17px}.shipment-screen .planner-legend{position:absolute;bottom:58px;left:25px;z-index:3;background:#0e120ef2;padding:9px 12px;margin:0;gap:14px;pointer-events:none;font-size:11px}.shipment-screen .planner-canvas-footer{position:absolute;bottom:12px;left:25px;right:25px;z-index:3;margin:0;background:#0e120ef2;padding:8px 12px;flex-direction:row;align-items:center;font-size:11px}.shipment-screen .planner-zoom input{width:80px}.shipment-screen .planner-order{position:absolute;right:25px;bottom:99px;z-index:4;width:260px;max-height:45%;overflow:auto;margin:0;padding:12px 15px;background:#0e120ef2;border-color:var(--subtle-line);font-size:13px}.shipment-screen .planner-order li{font-size:12px}.shipment-screen .planner-order li strong{float:none;display:block;margin:3px 0 0}.shipment-screen .planner-node{width:100px;height:84px;border:0;border-bottom:2px solid #a0a58b;clip-path:none;background:#151812}.shipment-screen .planner-node:after{display:none}.shipment-screen .planner-node-main{display:block;padding:5px 8px;height:82px;min-height:0;position:relative}.shipment-screen .planner-node-main img{width:100%;height:70px;object-fit:contain}.shipment-screen .planner-node-main .planner-node-name,.shipment-screen .planner-node-main strong,.shipment-screen .planner-node-main small,.shipment-screen .planner-node-actions{display:none}.shipment-screen .planner-node-tier{position:absolute;top:2px;left:4px;color:var(--muted);font-size:10px;font-weight:900}.shipment-screen .planner-node.is-needed{border-bottom-color:var(--pink)}.shipment-screen .planner-node.is-goal{outline:2px solid var(--yellow);outline-offset:2px;background:#344320;border-bottom-color:var(--yellow)}.shipment-screen .planner-node.is-done{background:#3a4134;border-bottom-color:var(--ink);opacity:.7}.shipment-screen .planner-node.is-selected:not(.is-goal){outline:1px solid var(--ink);outline-offset:2px}.shipment-screen .planner-node-main:focus-visible{outline:3px solid var(--yellow);outline-offset:4px;background:var(--surface-hover)}.shipment-screen .planner-edges{z-index:0;stroke:#72786a;stroke-width:2}.shipment-screen .planner-edges path.is-planned{stroke:var(--yellow);stroke-width:4}.planner-trunk{height:2px;background:#d3d2c3;position:absolute}.planner-vendor{position:absolute;width:200px;z-index:1}.planner-vendor img{width:100%;height:auto}.planner-vendor p{text-align:center;font-size:15px;margin:0;background:#e6dfd0;color:#24231e;padding:7px}.planner-group-card{position:absolute;display:block;width:144px;height:170px;padding:0;border:0;background:#e4dfd1;color:#181b15;z-index:1;text-align:center;font:italic 800 22px/1 BarlowAction,Nunito,sans-serif}.planner-group-card img{width:100%;height:145px;object-fit:contain}.planner-group-card span{display:block;margin-top:0;text-transform:uppercase}.planner-group-card:hover{outline:3px solid var(--yellow);outline-offset:3px}.planner-tooltip{position:fixed;width:230px;z-index:50;padding:13px 16px;background:var(--ground);border:1px solid var(--yellow);pointer-events:none;min-height:124px}.planner-tooltip img{float:left;width:65px;height:70px;object-fit:contain;margin-right:12px}.planner-tooltip strong{display:block;font-size:14px;margin-bottom:8px}.planner-tooltip span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.planner-selected{border-block:1px solid var(--line);padding:16px 0;margin-top:18px}.planner-selected-top{display:flex;gap:12px;align-items:center}.planner-selected-top img{width:72px;height:60px;object-fit:contain}.planner-selected h2{font-size:20px;margin:0 0 4px}.planner-selected-top span{font-size:12px;color:var(--muted)}.planner-selected dl{margin:14px 0}.planner-selected dl>div{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:7px}.planner-selected dd{font-size:15px}.planner-selected-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.shipment-screen .planner-viewport.is-list{padding:140px 25px 150px}.shipment-screen .planner-viewport.is-list #planner-world{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:18px}.shipment-screen .is-list .planner-node{width:100%;height:133px;border:1px solid var(--line)}.shipment-screen .is-list .planner-node-main{display:grid;grid-template-columns:65px 1fr;grid-template-rows:28px 24px 18px;height:98px;padding:12px}.shipment-screen .is-list .planner-node-main img{grid-row:1/4;width:62px;height:68px}.shipment-screen .is-list .planner-node-main .planner-node-name,.shipment-screen .is-list .planner-node-main strong,.shipment-screen .is-list .planner-node-main small{display:block}.shipment-screen .is-list .planner-node-tier{display:none}.shipment-screen .is-list .planner-node-actions{display:flex}.shipment-screen #planner-empty{position:absolute;top:150px;left:25px;right:25px;background:var(--ground);z-index:2}.shipment-screen .planner-fallback{column-width:220px;columns:auto;padding-top:140px}
@media(max-width:1150px){.shipment-screen .planner-app{grid-template-columns:270px minmax(0,1fr)}.shipment-screen .planner-sidebar{padding-inline:18px}.shipment-screen .planner-canvas-footer>span{max-width:220px}}
@media(max-width:850px){.shipment-screen .planner-app{grid-template-columns:1fr}.shipment-screen .planner-sidebar{position:absolute;inset:0 auto 0 0;width:300px;z-index:20;visibility:hidden;transform:translateX(-102%);transition:transform .2s var(--ease),visibility .2s}.shipment-screen .planner-sidebar.is-open{visibility:visible;transform:translateX(0)}#planner-open-sidebar{display:inline-flex}#planner-close-sidebar{display:block}.shipment-screen .planner-toolbar{left:16px;right:16px;top:16px}.shipment-screen .planner-canvas-footer{left:16px;right:16px}.shipment-screen .planner-legend{left:16px}.shipment-screen .planner-view-controls{margin-left:auto}}
@media(max-width:590px){.shipment-screen .planner-toolbar{top:12px;left:12px;right:12px;flex-wrap:wrap;gap:8px}.planner-title{padding:10px 13px}.planner-title h1{font-size:32px}.shipment-screen .planner-view-controls{padding:7px;margin-left:0;width:100%;justify-content:flex-start}.shipment-screen .planner-view-controls .button{font-size:16px;min-height:34px;padding-inline:18px}.shipment-screen .planner-legend{left:12px;right:12px;bottom:69px;gap:8px 13px;font-size:10px}.shipment-screen #planner-visible-count{flex-basis:auto;margin-left:auto}.shipment-screen .planner-canvas-footer{left:12px;right:12px;bottom:10px;display:block;padding:8px 10px}.shipment-screen .planner-canvas-footer>span{display:none}.shipment-screen .planner-zoom{justify-content:space-between}.shipment-screen .planner-zoom input{width:140px}.shipment-screen .planner-order{bottom:116px;right:12px;width:175px;padding:10px 12px}.shipment-screen .planner-order:not([open]) summary{font-size:12px}.shipment-screen .planner-costs{display:block}.shipment-screen .planner-requirements{grid-template-columns:repeat(4,minmax(0,1fr))}.shipment-screen .planner-options{grid-template-columns:1fr}.shipment-screen .planner-viewport.is-list{padding:180px 14px 190px}.shipment-screen .planner-viewport.is-list #planner-world{grid-template-columns:1fr}.shipment-screen .planner-sidebar .planner-share{margin-top:18px}.planner-tooltip{width:215px}}
.planner-group-card{width:156px;height:203px;font-size:22px}.planner-group-card img{height:177px}.planner-vendor{width:300px}.planner-vendor p{font-size:16px;padding:8px}
.skin-card:after{content:'';position:absolute;right:-1px;top:-1px;width:16px;height:16px;background:linear-gradient(45deg,var(--surface) 47%,var(--line) 48%,var(--line) 53%,var(--ground) 54%);pointer-events:none}.skin-card:focus-within{outline:2px solid var(--yellow);outline-offset:3px}
a.skip-link:hover{color:var(--ground)}.shipment-screen .planner-requirements dt,.shipment-screen .planner-node-tier{font-size:11px}.shipment-screen .planner-legend{font-size:11px}
/* Complete slanted frames keep every border segment joined. Source PNGs stay intact. */
.item-art{position:relative;isolation:isolate;clip-path:none;background:none;border:0}.item-art:before{content:'';position:absolute;inset:0 15px;z-index:-1;background:var(--surface-hover);border:1px solid var(--yellow);transform:skewX(-4deg)}.item-art img,.skin-art img{filter:brightness(1.28) contrast(1.03)}
.skin-card{background:none;border:0;isolation:isolate;clip-path:none}.skin-card:before{content:'';position:absolute;inset:0 10px;z-index:-1;background:var(--surface-hover);border:1px solid var(--line);transform:skewX(-3deg)}.skin-card:after{display:none}.skin-art{background:none}.skin-card-copy{padding-inline:24px}.skin-card h2{margin-top:0}.skin-card:hover:before,.skin-card:focus-within:before{border-color:var(--yellow)}.skin-open{right:24px}.skin-card:focus-within{outline:none}
.planning-reference,.empty-state{clip-path:none;position:relative;isolation:isolate;background:none;border:0}.planning-reference:before,.empty-state:before{content:'';position:absolute;inset:0 9px;z-index:-1;background:var(--surface-hover);border:1px solid var(--line);transform:skewX(-4deg)}
.shipment-screen .planner-main{display:flex;flex-direction:column}.shipment-screen .planner-viewport{flex:1;min-height:0}.shipment-screen .is-list-mode .planner-toolbar{position:relative;inset:auto;flex:0 0 auto;margin:0;padding:16px 20px;background:var(--ground);pointer-events:auto}.shipment-screen .is-list-mode .planner-title{background:none;padding:0;border:0}.shipment-screen .is-list-mode .planner-title h1{font-size:30px}.shipment-screen .is-list-mode .planner-title p{margin-top:5px}.shipment-screen .is-list-mode .planner-viewport.is-list{height:auto;min-height:0;padding:20px;scroll-padding:20px}.shipment-screen .is-list-mode .planner-legend,.shipment-screen .is-list-mode .planner-canvas-footer,.shipment-screen .is-list-mode .planner-order{display:none}.shipment-screen .is-list-mode #planner-fit{display:none}.shipment-screen .is-list-mode .planner-view-controls{background:none;margin:0;padding:0}
@media(max-width:590px){.skin-card-copy{padding-inline:21px}.skin-open{right:21px}.shipment-screen .is-list-mode .planner-toolbar{padding:14px 14px 12px;gap:12px}.shipment-screen .is-list-mode .planner-view-controls{width:auto;margin-left:auto}.shipment-screen .is-list-mode .planner-viewport.is-list{padding:14px}.shipment-screen .is-list-mode .planner-title h1{font-size:27px}}
:root{--pink-soft:#ff72b1;--violet:#c4b5fd;--cyan:#67e8f9;--gold:#ffd166;--surface-hover:#26232b}
.button.secondary{color:var(--yellow)}.button.secondary:before{border-color:var(--yellow)}.button.secondary:hover{color:var(--ground)}.button.secondary:hover:before{background:var(--yellow);border-color:var(--yellow)}.category-link:nth-child(2)>svg:first-child{color:var(--violet)}.category-link:nth-child(3)>svg:first-child{color:var(--yellow)}.category-link:nth-child(4)>svg:first-child{color:var(--cyan)}.breadcrumbs a{color:var(--yellow)}.skin-card[data-rarity="2"] .skin-rarity{color:var(--rarity-2);border-color:var(--rarity-2)}.skin-card[data-rarity="3"] .skin-rarity{color:var(--rarity-3);border-color:var(--rarity-3)}.skin-card[data-rarity="4"] .skin-rarity{color:var(--rarity-4);border-color:var(--rarity-4)}.skin-card[data-rarity="5"] .skin-rarity{color:var(--rarity-5);border-color:var(--rarity-5)}.skin-card[data-rarity="6"] .skin-rarity{color:var(--rarity-6);border-color:var(--rarity-6)}.skin-card:hover:before,.skin-card:focus-within:before{border-color:var(--yellow)}#planner-research{color:var(--yellow)}.planner-category[aria-pressed=true]{color:var(--pink-soft);background:#351324}.planner-category[aria-pressed=true]>span:last-child{color:var(--pink-soft)}.planner-text-button:hover,.planner-remove:hover{color:var(--yellow)}
.page-faq{border-top:1px solid var(--yellow);margin-top:42px;padding-top:26px;max-width:950px}.page-faq h2{font-size:26px;margin-bottom:18px}.page-faq details{border-bottom:1px solid var(--line);background:var(--surface)}.page-faq summary{cursor:pointer;min-height:52px;padding:16px 21px;font-size:15px;font-weight:850;line-height:1.5;color:var(--ink)}.page-faq summary::marker{color:var(--yellow)}.page-faq details[open] summary{color:var(--yellow)}.faq-answer{padding:0 21px 18px;font-size:15px;line-height:1.7;color:var(--muted);max-width:78ch}.faq-answer p{margin:0}.faq-answer a{color:var(--cyan);text-decoration:underline}.planner-sidebar .page-faq{margin-top:28px;padding-top:20px}.planner-sidebar .page-faq h2{font:italic 800 23px/1.15 BarlowAction,Nunito,sans-serif;text-transform:uppercase}.planner-sidebar .page-faq summary{font-size:13px;padding:12px}.planner-sidebar .faq-answer{font-size:13px;padding:0 12px 15px}
@media(max-width:590px){.page-faq{margin-top:32px;padding-top:22px}.page-faq h2{font-size:23px}.page-faq summary{padding:14px 15px}.faq-answer{padding:0 15px 16px}}
.shipment-screen .planner-view-controls{background:none;padding:0;gap:10px}.shipment-screen .planner-view-controls .button.secondary:before{background:var(--ground)}.shipment-screen .planner-view-controls .button.secondary:hover:before{background:var(--yellow)}.page-faq details[open]{background:#231a24}
.page-faq summary,.faq-answer{overflow-wrap:anywhere}
.detail-page .stat-grid,.detail-page .stat-grid>div,.detail-page .detail-section,.detail-page .reference-list li{border:0}.detail-page .detail-section{padding-top:12px}.detail-page .reference-list li{padding-block:11px}
.category-art{width:48px;height:40px;object-fit:contain;flex-shrink:0;filter:brightness(1.28) contrast(1.03)}.location-row-heading{display:flex;align-items:center;gap:15px;margin-bottom:12px}.location-row-heading h2{margin-bottom:4px}.location-row-heading .location-kind{margin:0;color:var(--muted)}.location-building-icon{width:92px;height:76px;object-fit:contain;flex-shrink:0}.location-title{display:flex;gap:18px;align-items:center}.location-title .location-building-icon{width:104px;height:86px}
@media(max-width:590px){.category-art{width:33px;height:32px}.location-building-icon{width:64px;height:54px}.location-title{gap:12px}.location-title .location-building-icon{width:72px;height:60px}}
.planner-tooltip{pointer-events:auto}.planner-tooltip .planner-inspect{clear:both;display:flex;gap:10px;margin:16px 3px 1px;font-size:17px;min-height:38px}.planner-inspect svg{width:16px;height:16px}.planner-selected-actions{flex-wrap:wrap;gap:15px}.planner-selected-actions>.button{font-size:17px}.planner-node-actions a{color:var(--yellow)}
.button.back-to-top{position:fixed;right:28px;bottom:24px;z-index:40;gap:8px;min-height:44px;font-size:18px;padding:9px 20px}.back-to-top:before{background:var(--ground)!important}.back-to-top:hover:before{background:var(--yellow)!important}.back-to-top>svg{width:20px;height:20px;transform:rotate(-90deg)}.back-to-top.is-planner-rail{left:174px;right:auto;bottom:18px}#top:focus{outline:none}
@media(max-width:590px){.back-to-top{right:18px;bottom:18px;font-size:17px;padding:9px 18px}}
html,*{scrollbar-color:var(--yellow) var(--ground)}::-webkit-scrollbar{width:14px;height:14px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:var(--ground)}::-webkit-scrollbar-thumb{background:var(--yellow);border:3px solid var(--ground);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--ink)}
.shipment-screen .is-list-mode .planner-viewport.is-list{padding-bottom:80px}.shipment-screen .planner-sidebar{padding-bottom:78px}
.planner-rail-footer{position:absolute;left:0;bottom:0;width:300px;height:70px;z-index:21;padding:12px 22px;background:var(--ground);border-right:1px solid var(--subtle-line);display:flex;justify-content:flex-end;align-items:center}.shipment-screen .has-rail-top .planner-sidebar{height:calc(100% - 70px)}.planner-rail-footer .back-to-top.is-planner-rail{position:relative;inset:auto;margin:0}.shipment-screen .planner-sidebar{padding-bottom:30px}
@media(min-width:851px) and (max-width:1150px){.planner-rail-footer{width:270px}}
.planner-branch-context{display:grid;gap:9px;margin-top:11px}.planner-title .planner-branch-label{margin:0;color:var(--yellow);font-size:14px;font-weight:800}.planner-branch-context .button{justify-self:start;font-size:17px;min-height:36px}.planner-group-card[aria-pressed=true]{outline:2px solid var(--pink-soft);outline-offset:3px}
.location-photo{max-width:1000px;margin:0 0 27px}
.location-photo img{display:block;width:100%;height:auto;border-radius:4px}
.location-photo figcaption{font-size:12px;color:var(--muted);margin-top:8px}
.sort-button{cursor:pointer;min-height:32px;white-space:nowrap}
.sort-button:hover,th[aria-sort="ascending"] .sort-button,th[aria-sort="descending"] .sort-button{color:var(--yellow)}
.skins-page>.container{width:100%}
.skins-page .page-main{width:100%;padding-inline:clamp(16px,2.25vw,40px)}
.skins-page .skins-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
@media(max-width:700px){.skins-page .skins-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
:root{--row-hover-blue:#1d4ed8}
.item-row{position:relative;isolation:isolate}
.item-row:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--row-hover-blue);transform:scaleX(0);transform-origin:left;transition:transform 240ms cubic-bezier(.16,1,.3,1);pointer-events:none}
.item-row:hover,.item-row:focus-visible{background:transparent;color:var(--ink)}
.item-row:hover:before,.item-row:focus-visible:before{transform:scaleX(1)}
.item-row:hover .row-category,.item-row:focus-visible .row-category{color:var(--ink)}
.item-row>.arrow{transform-origin:center;transition:transform 180ms cubic-bezier(.16,1,.3,1)}
.item-row:hover>.arrow,.item-row:focus-visible>.arrow{transform:rotate(-45deg)}
.world-section a:not(.button){padding:3px 4px;margin:-3px -4px;border-radius:2px;transition:background-color 140ms ease-out,color 140ms ease-out}
.world-section a:not(.button):hover,.world-section a:not(.button):focus-visible{background:var(--yellow);color:var(--ground);text-decoration-color:currentColor}
.global-search{position:relative;isolation:isolate;width:calc(100% - 16px);margin-inline:8px;border:0;border-radius:0;background:transparent}
.global-search:before{content:'';position:absolute;inset:0;z-index:-1;transform:skewX(-12deg);border:1px solid var(--line);border-radius:2px;background:var(--surface);pointer-events:none}
.global-search:focus-within{outline:none}
.global-search:focus-within:before{border:2px solid var(--yellow)}
.home-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:32px}
.home-heading>div{min-width:0}
.player-count-teaser{display:grid;grid-template-columns:auto auto;column-gap:10px;row-gap:1px;align-items:baseline;flex-shrink:0;padding-top:7px;text-decoration:none}
.player-count-teaser strong{font-size:26px;line-height:1.2;font-weight:900;font-variant-numeric:tabular-nums;color:var(--ink)}
.player-count-teaser>span{font-size:14px;color:var(--yellow);text-decoration:underline;text-underline-offset:4px}
.player-count-teaser>small{grid-column:1/-1;font-size:12px;line-height:1.5;color:var(--muted)}
.player-count-teaser:hover strong,.player-count-teaser:focus-visible strong{color:var(--yellow)}
.player-count-layout{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:48px;align-items:start;padding:8px 0 36px}
.steam-count-label{font-size:18px;margin:0 0 10px;color:var(--muted)}
.steam-count-number{font-size:48px;line-height:1.1;font-weight:950;letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin:0 0 14px;color:var(--ink);overflow-wrap:anywhere}
.steam-count-time{font-size:14px;color:var(--muted);margin:0 0 7px}
.steam-count-status{font-size:14px;color:var(--muted);max-width:38ch;min-height:42px;margin:0 0 18px}
.player-count-explainer h2:first-child{margin-top:0}
@media(max-width:900px){.home-heading{display:block}.player-count-teaser{display:inline-grid;padding:0;margin:-6px 0 22px}.player-count-layout{gap:30px;grid-template-columns:1fr}.steam-count-number{font-size:48px}}
/* Homepage Planning tools: the skins link uses the standard angled secondary button. */
.planning .planning-skins{margin-top:22px}
.planning .planning-skins svg{width:22px;height:22px}
.favorite-toggle[aria-pressed=true]:before{background:var(--surface-hover)}
.favorite-toggle[aria-pressed=true]:hover:before{background:var(--yellow)}
.favorite-status:empty{margin:0}
/* Header actions: Player lookup and the Steam Sign in link. On phones both move into the open menu. */
.header-actions{margin-left:auto;display:flex;align-items:center;gap:30px}.header-actions .player-nav{margin-left:0}.account-nav.button.small{min-height:36px;padding:4px 20px;font-size:17px;gap:8px}.account-nav img{width:24px;height:24px;border-radius:3px;flex-shrink:0}.account-nav span{display:block;max-width:16ch;overflow:hidden;text-overflow:ellipsis}.account-nav.is-signed-in{padding-left:16px}@media(max-width:1280px){.header-actions{gap:22px}.account-nav.button.small{padding-inline:16px;font-size:16px}.account-nav span{max-width:11ch}}@media(max-width:1040px){.player-nav{font-size:0;gap:0}.header-actions{gap:14px}.account-nav.button.small{padding-inline:13px;font-size:15px}}@media(min-width:851px) and (max-width:1040px){.main-nav{gap:19px}}@media(max-width:850px){.main-nav{order:3;flex-basis:100%}.header-actions{order:2}.account-nav.button.small{min-height:30px;padding-block:2px}}@media(min-width:591px) and (max-width:850px){.site-header{row-gap:0;padding-top:12px}.main-nav{min-height:44px}.main-nav a{padding-top:4px;padding-bottom:12px}.main-nav a[aria-current=page]:after{bottom:0;left:0;right:0}}@media(max-width:590px){.main-nav,.header-actions{order:0}.header-actions{display:none}.main-nav.is-open~.header-actions{display:flex;flex-basis:100%;justify-content:space-between;gap:16px;padding:4px 0 16px;border-top:1px solid var(--subtle-line);padding-top:14px}.main-nav.is-open~.header-actions .player-nav{display:flex;font-size:16px;gap:9px}.account-nav span{max-width:14ch}}
/* Weapons table views: Overview, Damage and Handling show different columns of the same table. */
.weapon-views{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:4px 0 0;overflow-x:auto}.weapon-views button{position:relative;background:none;border:0;color:var(--ink);padding:9px 3px 13px;font-size:17px;font-weight:650;white-space:nowrap}.weapon-views button:hover{color:var(--yellow)}.weapon-views button[aria-pressed=true]{color:var(--yellow);font-weight:900}.weapon-views button[aria-pressed=true]:after{content:'';position:absolute;left:0;right:0;bottom:3px;height:4px;background:var(--pink)}.weapon-table[data-view=overview] [data-views]:not([data-views~=overview]),.weapon-table[data-view=damage] [data-views]:not([data-views~=damage]),.weapon-table[data-view=handling] [data-views]:not([data-views~=handling]){display:none}.weapon-table .cell-note{display:block;font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap}.weapon-table td.numeric{white-space:nowrap}@media(max-width:590px){.weapon-views{gap:20px}.weapon-views button{font-size:16px}}
/* Data table rows sweep Jim's row blue in from the left on hover and keyboard focus, matching the homepage item rows. */
tbody tr{background-image:linear-gradient(var(--row-hover-blue),var(--row-hover-blue));background-repeat:no-repeat;background-position:left;background-size:0 100%;transition:background-size 240ms cubic-bezier(.16,1,.3,1)}
tbody tr:hover,tbody tr:focus-within{background:linear-gradient(var(--row-hover-blue),var(--row-hover-blue)) left/100% 100% no-repeat transparent;color:var(--ink)}
tbody tr:hover .cell-note,tbody tr:focus-within .cell-note{color:#d8def5}
@media(prefers-reduced-motion:reduce){tbody tr{transition:none}}
.detail-research{margin-top:28px}.detail-research h2{font-size:22px}.detail-research .cost-line{font-size:22px}
/* Planner quick actions: small lime outline buttons that invert to lime fill on hover, focus and when pressed. */
.planner-quick-actions{clear:both;display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.planner-quick-actions :is(a,button){display:inline-flex;align-items:center;min-height:30px;padding:4px 9px;border:1px solid var(--yellow);border-radius:3px;background:none;color:var(--yellow);font-size:12px;font-weight:800;line-height:1.2;text-decoration:none;white-space:nowrap}
.planner-quick-actions :is(a,button):hover,.planner-quick-actions :is(a,button):focus-visible,.planner-quick-actions button[aria-pressed=true]{background:var(--yellow);color:var(--ground)}
.planner-quick-status{margin:8px 0 0;font-size:12px;color:var(--ink)}.planner-quick-status:empty{display:none}.planner-quick-status a{color:var(--yellow)}
#planner-selected .planner-quick-actions{margin-top:12px}
/* Weapon comparison: a type filter per slot, a swap button, a scoreboard and rows that mark the better value in lime. */
.compare-picker{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:18px;align-items:end;margin:6px 0 26px}
.compare-slot{border:0;margin:0;padding:0;display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr);gap:12px;min-width:0}
.compare-slot legend{font-weight:850;font-size:15px;margin-bottom:8px;padding:0}
.compare-slot .field{min-width:0}.compare-slot select{width:100%}
.compare-swap{align-self:end;gap:8px}.compare-swap svg{transform:rotate(90deg);width:18px;height:18px}
.compare-submit[hidden]{display:none}
.cmp-score{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:stretch;margin-bottom:14px}
.cmp-side{position:relative;isolation:isolate;display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 28px}
.cmp-side:before{content:'';position:absolute;inset:0 8px;z-index:-1;border:1px solid var(--line);background:var(--surface);transform:skewX(-6deg)}
.cmp-side.is-lead:before{border-color:var(--yellow)}
.cmp-side img{width:96px;height:56px;object-fit:contain}
.cmp-who a{display:block;font-size:20px;font-weight:900;text-decoration:none}
.cmp-who span{font-size:13px;color:var(--muted)}
.cmp-wins{text-align:center}
.cmp-wins strong{display:block;font:italic 800 40px/1 BarlowAction,Nunito,sans-serif;color:var(--ink)}
.cmp-side.is-lead .cmp-wins strong{color:var(--yellow)}
.cmp-wins span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.cmp-vs{align-self:center;font:italic 800 22px/1 BarlowAction,Nunito,sans-serif;color:var(--muted)}
.cmp-verdict{font-size:18px;font-weight:750;margin:14px 0 6px}
.cmp-highlights{margin:0 0 16px;padding-left:20px;color:#d3ddca;font-size:15px}
.cmp-table{width:100%;table-layout:fixed}
.cmp-table thead th{font-size:14px;text-align:left}
.cmp-table thead th:first-child{width:28%}
.cmp-table tbody th{font-size:15px;font-weight:700;text-align:left;color:var(--ink)}
.cmp-table tbody th small{display:block;font-size:12px;font-weight:600;color:var(--muted)}
.cmp-table .cmp-section th{padding-top:26px;font:italic 800 21px/1 BarlowAction,Nunito,sans-serif;text-transform:uppercase;color:var(--yellow)}
.cmp-table tr.cmp-section,.cmp-table tr.cmp-section:hover{background:none;transition:none}
.cmp-value{font-size:20px;font-weight:850;font-variant-numeric:tabular-nums}
.cmp-cell.is-win .cmp-value{color:var(--yellow)}
.cmp-cell.is-lose .cmp-value{color:#aeb7a6}
.cmp-edge{display:inline-block;margin-left:10px;padding:2px 7px;background:var(--yellow);color:var(--ground);font-size:12px;font-weight:900;border-radius:3px;vertical-align:2px}
.cmp-tie{margin-left:10px;font-size:12px;color:var(--muted);font-weight:800}
.cmp-bar{display:block;height:5px;margin-top:8px;background:#2a3027;max-width:260px}
.cmp-bar i{display:block;height:100%;background:#6c7564}
.cmp-cell.is-win .cmp-bar i{background:var(--yellow)}
tbody tr:hover .cmp-cell.is-lose .cmp-value,tbody tr:focus-within .cmp-cell.is-lose .cmp-value{color:#e2e8f8}
@media(max-width:850px){.compare-picker{grid-template-columns:1fr}.compare-swap{justify-self:start}.cmp-score{grid-template-columns:1fr}.cmp-vs{justify-self:center}}
@media(max-width:590px){.compare-slot{grid-template-columns:1fr}.cmp-side{grid-template-columns:64px minmax(0,1fr) auto;padding:12px 20px}.cmp-side img{width:64px;height:40px}.cmp-who a{font-size:16px}.cmp-wins strong{font-size:30px}.cmp-table thead th:first-child{width:34%}.cmp-value{font-size:16px}.cmp-edge{display:table;margin:4px 0 0}}
/* Community ratings: the tier badge, distribution bars and S to D vote buttons on weapon pages, and the tier list page. */
.page-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin:-6px 0 18px}
.rating-summary{display:flex;gap:22px;align-items:center;margin:6px 0 16px}
.rating-tier{position:relative;isolation:isolate;display:grid;justify-items:center;min-width:104px;padding:10px 18px}
.rating-tier:before{content:'';position:absolute;inset:0 6px;z-index:-1;border:1px solid var(--yellow);background:var(--surface);transform:skewX(-8deg)}
.rating-tier strong{font:italic 800 46px/1 BarlowAction,Nunito,sans-serif;color:var(--yellow)}
.rating-tier span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;text-align:center;max-width:12ch}
.rating-tier.is-pending:before{border-color:var(--line)}.rating-tier.is-pending strong{color:var(--muted)}
.rating-detail{flex:1;min-width:0}.rating-detail p{margin:0 0 8px;font-weight:700}
.rating-bars{list-style:none;margin:0;padding:0;display:grid;gap:4px;max-width:340px}
.rating-bars li{display:grid;grid-template-columns:16px 1fr 28px;gap:8px;align-items:center;font-size:12px;font-weight:800}
.rating-bars i{display:block;height:6px;background:#2a3027}.rating-bars b{display:block;height:100%;background:var(--yellow)}
.rating-bars em{font-style:normal;color:var(--muted);text-align:right}
.rating-vote{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}
.rating-ask{width:100%;font-size:13px;color:var(--muted)}
.rating-vote button{min-width:44px;min-height:40px;border:1px solid var(--yellow);border-radius:3px;background:none;color:var(--yellow);font:italic 800 20px/1 BarlowAction,Nunito,sans-serif}
.rating-vote button:hover,.rating-vote button:focus-visible,.rating-vote button[aria-pressed=true]{background:var(--yellow);color:var(--ground)}
.rating-vote .rating-clear{min-width:0;padding:0 12px;font:800 13px/1 Nunito,sans-serif;border-color:var(--line);color:var(--ink)}
.rating-vote .rating-clear:hover,.rating-vote .rating-clear:focus-visible{background:var(--yellow);border-color:var(--yellow);color:var(--ground)}
.rating-note{margin:4px 0 10px;font-size:14px}.rating-note:empty{display:none}
.tier-toolbar{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:end;margin:0 0 20px}
.tier-toolbar .field{min-width:200px}.tier-toolbar .tool-status{margin:0;flex:1}
.tier-list{display:grid;gap:12px}
.tier-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:start;padding:12px 0;border-bottom:1px solid var(--subtle-line)}
.tier-label{display:grid;place-items:center;height:72px;font:italic 800 40px/1 BarlowAction,Nunito,sans-serif;border:1px solid var(--line);color:var(--ink);transform:skewX(-8deg)}
.tier-S .tier-label{background:var(--yellow);border-color:var(--yellow);color:var(--ground)}
.tier-A .tier-label{border-color:var(--yellow);color:var(--yellow)}
.tier-pending .tier-label{color:var(--muted)}
.tier-row h2{font-size:20px;margin:4px 0 2px}.tier-row p{margin:0 0 10px;color:var(--muted);font-size:14px}
.tier-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.tier-items a{display:grid;grid-template-rows:54px auto auto;gap:3px;padding:8px 10px;border:1px solid var(--subtle-line);text-decoration:none;height:100%}
.tier-items a:hover,.tier-items a:focus-visible{border-color:var(--yellow)}
.tier-items img{width:100%;height:54px;object-fit:contain}
.tier-items span{font-size:14px;font-weight:850}.tier-items small{font-size:11px;color:var(--muted)}
.tier-empty{color:var(--muted);font-size:14px;padding:22px 4px}
@media(max-width:590px){.rating-summary{flex-direction:column;align-items:flex-start}.tier-row{grid-template-columns:48px minmax(0,1fr);gap:10px}.tier-label{height:48px;font-size:28px}.tier-items{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Shared angled cards: a lighter panel in a complete angled frame that turns lime on hover and keyboard focus. */
.angle-card{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:10px;padding:20px 26px 18px}
.angle-card:before{content:'';position:absolute;inset:0 6px;z-index:-1;background:var(--surface);border:1px solid var(--line);transform:skewX(-3deg);transition:border-color .16s var(--ease),background-color .16s var(--ease)}
.angle-card:hover:before,.angle-card:focus-within:before{border-color:var(--yellow);background:#1b2218}
.card-link{text-decoration:none}.card-link:after{content:'';position:absolute;inset:0;z-index:1}
.angle-card:hover .card-link,.card-link:focus-visible{color:var(--yellow)}
.card-link:focus-visible{outline:none}.angle-card:has(.card-link:focus-visible):before{border-color:var(--yellow);border-width:2px}
.card-chips{display:flex;flex-wrap:wrap;gap:6px}
.card-chip{display:inline-block;padding:3px 8px;border:1px solid var(--line);border-radius:3px;font-size:11px;font-weight:800;letter-spacing:.02em;color:#d3ddca;text-transform:uppercase}
.card-chip.is-accent{border-color:var(--yellow);color:var(--yellow)}
.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:6px;font-size:13px;font-weight:750;color:var(--muted)}
.card-foot svg{width:20px;height:20px;color:var(--yellow);transition:transform .16s var(--ease)}
.angle-card:hover .card-foot svg{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){.angle-card:before,.card-foot svg{transition:none}.angle-card:hover .card-foot svg{transform:none}}
/* Locations index */
.location-filters{display:grid;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:14px;align-items:end;margin:0 0 10px}
.location-filters .field{min-width:0}.location-filters select{width:100%}
.location-results{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-bottom:16px}
.location-results .result-count{margin:0}
.location-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px 16px}
.location-cards [hidden]{display:none}
.location-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.location-card .location-building-icon{width:84px;height:68px}
.location-card .card-chips{justify-content:flex-end}
.location-card h2{font-size:22px;margin:2px 0 0;line-height:1.15}
.location-card-text{margin:0;font-size:14px;color:#d3ddca;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.location-card-loot{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.location-card-loot img{width:34px;height:34px;object-fit:contain;filter:brightness(1.15)}
.location-more{font-size:12px;font-weight:850;color:var(--yellow)}
@media(max-width:850px){.location-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.location-filters .search-field{grid-column:1/-1}}
@media(max-width:590px){.location-filters{grid-template-columns:1fr 1fr}.location-filters .field:last-child{grid-column:1/-1}.location-cards{grid-template-columns:1fr}}
/* Crafting: barter recipe cards */
.recipe-browser{margin-top:30px}.recipe-browser>h2{margin-bottom:6px}
.recipe-intro{max-width:72ch;color:#d3ddca;margin:0 0 16px}
.recipe-browser .filters{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:14px;align-items:end}
.recipe-browser .filters select{width:100%}
.recipe-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:22px 16px;margin-top:6px}
.recipe-cards [hidden]{display:none}
.recipe-card-result{display:flex;gap:16px;align-items:center}
.recipe-card-result img{width:84px;height:68px;object-fit:contain;filter:brightness(1.15)}
.recipe-card-result h3{font-size:20px;margin:6px 0 2px;line-height:1.15}.recipe-card-result h3 a{text-decoration:none}
.recipe-card-result small,.recipe-card-ingredients small{display:block;font-size:12px;color:var(--muted)}
.recipe-card-label{margin:6px 0 0;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.04em;color:var(--yellow)}
.recipe-card-ingredients{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.recipe-card-ingredients li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:10px;align-items:center}
.recipe-card-ingredients img{grid-row:1/3;width:44px;height:38px;object-fit:contain;filter:brightness(1.15)}
.recipe-card-ingredients a{font-weight:750;text-decoration:none}.recipe-card-ingredients a:hover{color:var(--yellow)}
.recipe-qty{color:var(--yellow);font-weight:900}
.recipe-card-value{margin:auto 0 0;padding-top:8px;font-size:13px;color:var(--muted)}.recipe-card-value strong{color:var(--ink)}
@media(max-width:590px){.recipe-browser .filters{grid-template-columns:1fr}.recipe-cards{grid-template-columns:1fr}}
/* Item hover card (src/app.js): a short summary beside an item link on hover or keyboard focus. */
.item-card{position:fixed;z-index:60;width:300px;padding:14px 16px;background:var(--ground);border:1px solid var(--yellow);box-shadow:0 12px 32px #000a;pointer-events:none;font-size:13px}
.item-card[hidden]{display:none}
.item-card-top{display:flex;gap:12px;align-items:center;margin-bottom:8px}
.item-card-top img{width:64px;height:52px;object-fit:contain;filter:brightness(1.15)}
.item-card-top strong{display:block;font-size:16px;line-height:1.2}.item-card-top span{font-size:12px;color:var(--muted)}
.item-card p{margin:0 0 10px;color:#d3ddca;line-height:1.45}
.item-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;margin:0 0 8px}
.item-card dl:last-child{margin-bottom:0}
.item-card dt{font-size:11px;color:var(--muted)}.item-card dd{margin:0;font-weight:850;font-size:14px}
@media(hover:none){.item-card{display:none}}
/* Time to down on weapon pages */
.ttk-table{min-width:520px}.ttk-table th small,.ttk-table td small{font-weight:600}
.ttk-table tbody th{font-weight:800;white-space:nowrap}.ttk-table td.numeric{font-weight:850;font-size:17px}
.ttk-table .cell-note{display:block;font-size:11px;font-weight:650;color:var(--muted);white-space:nowrap}.ttk-table th .cell-note{margin-top:2px}
/* Starter kits: location pages and the loadouts overview */
.kit-section h3{font-size:19px;margin:18px 0 8px}
.kit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:18px 30px}
.kit-grid h4{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--yellow);margin:0 0 8px}
.kit-obstacles{margin:0;padding-left:18px;display:grid;gap:6px;font-size:15px;color:#d3ddca}
.kit-alarm{display:inline-block;padding:0 6px;border:1px solid var(--yellow);border-radius:3px;color:var(--yellow);font-size:11px;font-weight:800;text-transform:uppercase;vertical-align:1px}
.kit-items{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.kit-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:8px 10px;border:1px solid var(--subtle-line)}
.kit-item img{width:48px;height:40px;object-fit:contain;filter:brightness(1.15)}
.kit-item a{font-weight:850;text-decoration:none}.kit-item a:hover{color:var(--yellow)}
.kit-item span{display:block;font-size:12px;color:var(--muted)}
.kit-item strong{font-size:14px;text-align:right;white-space:nowrap}.kit-item strong small{display:block;font-weight:600;color:var(--muted)}
.kit-item.is-optional{border-style:dashed}
.kit-actions{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin-top:14px}
.kit-none{color:var(--muted);font-size:14px}
.kits-overview{margin-top:40px}.kits-intro{max-width:72ch;color:#d3ddca}
.kit-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px 16px;margin-top:14px}
.kit-card h3{font-size:19px;margin:0}.kit-card h3 a{text-decoration:none}.kit-card h3 a:hover{color:var(--yellow)}
.kit-chips{display:flex;flex-wrap:wrap;gap:6px}
.kit-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 4px;border:1px solid var(--subtle-line);font-size:12px;font-weight:750}
.kit-chip img{width:26px;height:22px;object-fit:contain;filter:brightness(1.15)}
.kit-optional{margin:0;font-size:12px;color:var(--muted)}
.kit-card .button{align-self:flex-start;margin-top:auto}
@media(max-width:850px){.kit-grid{grid-template-columns:1fr}}
/* Intel: index cards, topic filter, posts */
.intel-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.intel-filters button{min-height:36px;padding:4px 14px;border:1px solid var(--yellow);border-radius:3px;background:none;color:var(--yellow);font-weight:800}
.intel-filters button:hover,.intel-filters button:focus-visible,.intel-filters button[aria-pressed=true]{background:var(--yellow);color:var(--ground)}
.intel-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px 16px}
.intel-cards [hidden]{display:none}
.intel-card-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;margin-bottom:4px}
.intel-card time{font-size:12px;color:var(--muted);align-self:center}
.intel-card h2{font-size:22px;line-height:1.2;margin:4px 0 0}
.intel-card p{margin:0;color:#d3ddca;font-size:15px}
.intel-post{max-width:860px}
.intel-hero{margin:0 0 28px}
.intel-hero img{display:block;width:100%;height:auto}
.intel-meta{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;font-size:13px;color:var(--muted);margin:0 0 20px}
.intel-takeaways{position:relative;isolation:isolate;padding:18px 26px;margin:0 0 28px}
.intel-takeaways:before{content:'';position:absolute;inset:0 6px;z-index:-1;background:var(--surface);border:1px solid var(--yellow);transform:skewX(-2deg)}
.intel-takeaways h2{font-size:16px;text-transform:uppercase;letter-spacing:.04em;color:var(--yellow);margin:0 0 8px}
.intel-takeaways ul{margin:0;padding-left:20px;display:grid;gap:8px}
.intel-post>h2{font-size:28px;margin:34px 0 10px}
.intel-post>p{font-size:17px;line-height:1.65;color:#e2e8da;max-width:72ch}
.intel-post p a,.intel-takeaways a,.intel-table a{color:var(--yellow)}
.intel-table td small,.intel-table th small{color:var(--muted);font-weight:600}
.intel-table{margin:8px 0 14px}
.intel-sources{margin-top:34px}.intel-sources h2,.intel-more h2{font-size:20px}
.intel-sources ol{padding-left:22px;color:#d3ddca}
.intel-more ul{padding-left:20px}
.intel-ladder,.intel-card-ladder{position:relative;isolation:isolate}
.intel-ladder:before,.intel-card-ladder:before{content:'';position:absolute;inset:0 12px;z-index:-1;background:var(--surface-hover);border:1px solid var(--yellow);transform:skewX(-4deg)}
.intel-ladder{margin:0 0 28px;padding:26px 34px 22px}
.intel-ladder ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.intel-ladder li{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.intel-ladder img,.intel-card-ladder img{width:100%;height:auto;object-fit:contain;filter:brightness(1.28) contrast(1.03)}
.intel-ladder img{max-width:190px;margin-bottom:6px}
.intel-ladder strong{font-size:17px;line-height:1.2}
.intel-ladder small{font-size:13px;color:var(--yellow);font-weight:800}
.intel-card-ladder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:center;aspect-ratio:16/9;padding:12px 30px;margin-bottom:4px}
.intel-card-ladder img{max-height:100%}
.intel-layout{display:grid;grid-template-columns:minmax(0,1fr)}
.intel-column{min-width:0}
.intel-column>.page-faq{max-width:860px}
.intel-toc{margin:0 0 26px}
.intel-toc details{border-block:1px solid var(--line)}
.intel-toc summary{min-height:48px;padding:12px 2px;cursor:pointer;font-size:15px;font-weight:850;line-height:1.5;color:var(--ink)}
.intel-toc summary::marker{color:var(--yellow)}
.intel-toc summary:hover{color:var(--yellow)}
.intel-toc ol{list-style:none;margin:0 0 14px;padding:0;border-left:1px solid var(--subtle-line)}
.intel-toc a{display:block;margin-left:-1px;padding:7px 10px 7px 15px;border-left:1px solid transparent;color:var(--muted);font-size:14px;line-height:1.4;font-weight:650;text-decoration:none;transition:color 140ms ease-out}
.intel-toc a:hover{color:var(--yellow)}
.intel-toc a[aria-current]{color:var(--ink);font-weight:850;border-left-color:var(--pink)}
.intel-layout h2[id]{scroll-margin-top:20px}
html:has(.intel-toc){scroll-behavior:smooth}
@media(max-width:1199px){.intel-toc a{padding-block:10px}}
@media(min-width:1200px){.intel-layout{grid-template-columns:minmax(0,860px) 230px;grid-template-areas:"column toc";column-gap:56px;align-items:start}.intel-column{grid-area:column}.intel-toc{grid-area:toc;position:sticky;top:24px;max-height:calc(100dvh - 48px);overflow-y:auto;margin:0;padding-top:4px}.intel-toc details{border:0}.intel-toc summary{min-height:0;padding:0 0 12px;list-style:none;cursor:default;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.intel-toc summary:hover{color:var(--muted)}.intel-toc summary::-webkit-details-marker{display:none}.intel-toc ol{margin:0}}
@media(max-width:590px){.intel-ladder{padding:20px 22px 18px}.intel-ladder ol{gap:8px}.intel-ladder strong{font-size:14px}.intel-ladder small{font-size:11px}}
/* Seven menu items (Intel added): tighter spacing where the header runs out of room. */
@media(min-width:1281px) and (max-width:1440px){.site-header{gap:36px}.main-nav{gap:30px}}
@media(min-width:851px) and (max-width:1040px){.main-nav{gap:15px}.main-nav a{font-size:15px}.site-header{gap:20px}}
/* Tier list maker */
.tiermaker-toolbar{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:14px;align-items:end;margin-bottom:18px}
.tiermaker-toolbar .field{min-width:0}.tiermaker-toolbar select{width:100%}
.tiermaker-toolbar [hidden]{display:none}
.tiermaker-board{display:grid;gap:6px}
.tiermaker .tier-row{display:grid;grid-template-columns:120px minmax(0,1fr);min-height:92px;border:1px solid var(--subtle-line);background:#151b13}
.tier-head{position:relative;display:grid;place-items:center;background:#262c22}
.tier-color-0 .tier-head{background:var(--yellow)}.tier-color-1 .tier-head{background:#2f3b24}
.tier-label-input{width:96px;background:none;border:0;text-align:center;font:italic 800 34px/1 BarlowAction,Nunito,sans-serif;color:var(--yellow);padding:4px}
.tier-color-0 .tier-label-input{color:var(--ground)}
.tier-label-input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.tier-remove{position:absolute;top:2px;right:4px;background:none;border:0;color:var(--muted);font-size:18px;line-height:1;padding:4px}
.tier-color-0 .tier-remove{color:#36400f}.tier-remove:hover,.tier-remove:focus-visible{color:var(--ink)}.tier-color-0 .tier-remove:hover{color:var(--ground)}
.tier-drop{display:flex;flex-wrap:wrap;align-content:flex-start;gap:6px;padding:6px;min-height:90px}
.tier-drop.is-over,.tier-drop:focus-visible{outline:2px dashed var(--yellow);outline-offset:-4px}
.tier-tile{display:grid;grid-template-rows:56px auto;justify-items:center;gap:2px;width:96px;padding:6px 4px;background:#232a1f;border:1px solid var(--subtle-line);border-radius:3px;color:var(--ink);cursor:grab;touch-action:none;user-select:none}
.tier-tile img{width:84px;height:56px;object-fit:contain;filter:brightness(1.15);pointer-events:none}
.tier-tile span{font-size:11px;font-weight:800;line-height:1.2;text-align:center;max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tier-tile:hover,.tier-tile:focus-visible{border-color:var(--yellow)}
.tier-tile[aria-pressed=true]{border-color:var(--yellow);box-shadow:0 0 0 2px var(--yellow)}
.tier-tile.is-dragging{opacity:.35}
.tier-ghost{position:fixed;z-index:80;pointer-events:none;transform:translate(-50%,-50%) rotate(-3deg);box-shadow:0 12px 30px #000a;border-color:var(--yellow)}
.tiermaker-row-actions{margin:10px 0 24px}
.tiermaker-pool-wrap .section-heading{border-bottom:1px solid var(--line)}
.tiermaker-hint{color:var(--muted);font-size:14px;margin:8px 0}
.tiermaker-pool{display:flex;flex-wrap:wrap;gap:6px;padding:8px;min-height:100px;border:1px dashed var(--line)}
.tiermaker-pool.is-over{outline:2px dashed var(--yellow)}
.tiermaker-empty{color:var(--muted);margin:8px}
.tiermaker-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;align-items:center}
@media(max-width:590px){.tiermaker-toolbar{grid-template-columns:1fr 1fr}.tiermaker-title-field{grid-column:1/-1}.tiermaker .tier-row{grid-template-columns:64px minmax(0,1fr)}.tier-label-input{width:56px;font-size:24px}.tier-tile{width:72px;grid-template-rows:42px auto}.tier-tile img{width:62px;height:42px}.tier-tile span{font-size:10px;max-width:64px}}
/* Tier colors: one color per tier, used by the tier list maker, the community tier list, rating badges and the PNG export.
   Pink stays out of the scale; it's reserved for the brand mark and active markers. */
:root{--tier-0:#ff5c5c;--tier-1:#ff9f43;--tier-2:#ffd43b;--tier-3:#69db7c;--tier-4:#4dabf7;--tier-5:#b197fc;--tier-6:#38d9a9;--tier-7:#adb5bd}
.tier-color-0,.tier-S{--tier:var(--tier-0)}.tier-color-1,.tier-A{--tier:var(--tier-1)}.tier-color-2,.tier-B{--tier:var(--tier-2)}.tier-color-3,.tier-C{--tier:var(--tier-3)}
.tier-color-4,.tier-D{--tier:var(--tier-4)}.tier-color-5{--tier:var(--tier-5)}.tier-color-6{--tier:var(--tier-6)}.tier-color-7{--tier:var(--tier-7)}
/* Maker rows: the label block fills the row height in its tier color, and the row carries a faint tint of it. */
.tiermaker .tier-row{align-items:stretch;padding:0;gap:0;border-color:color-mix(in srgb,var(--tier) 35%,transparent);background:color-mix(in srgb,var(--tier) 7%,#151b13)}
.tiermaker .tier-head,.tiermaker .tier-color-0 .tier-head,.tiermaker .tier-color-1 .tier-head{background:var(--tier)}
.tiermaker .tier-label-input,.tiermaker .tier-color-0 .tier-label-input{color:#0e120e}
.tiermaker .tier-remove,.tiermaker .tier-color-0 .tier-remove{color:#0e120ea6}.tiermaker .tier-remove:hover,.tiermaker .tier-remove:focus-visible{color:#0e120e}
.tiermaker .tier-label-input:focus-visible{outline-color:#0e120e}
.tiermaker .tier-drop.is-over,.tiermaker .tier-drop:focus-visible{outline-color:var(--tier)}
/* Community tier list rows */
.tier-list .tier-S .tier-label,.tier-list .tier-A .tier-label,.tier-list .tier-B .tier-label,.tier-list .tier-C .tier-label,.tier-list .tier-D .tier-label{background:var(--tier);border-color:var(--tier);color:#0e120e}
.tier-list .tier-row:not(.tier-pending){padding-inline:10px;background:color-mix(in srgb,var(--tier) 6%,transparent)}
/* Weapon page rating badge and bars */
.rating-tier.tier-S strong,.rating-tier.tier-A strong,.rating-tier.tier-B strong,.rating-tier.tier-C strong,.rating-tier.tier-D strong{color:var(--tier)}
.rating-tier[class*=" tier-"]:before{border-color:var(--tier)}
.rating-bars li[class^="tier-"] b{background:var(--tier)}.rating-bars li[class^="tier-"] span{color:var(--tier)}
.rating-vote button[data-tier=S]{--tier:var(--tier-0)}.rating-vote button[data-tier=A]{--tier:var(--tier-1)}.rating-vote button[data-tier=B]{--tier:var(--tier-2)}.rating-vote button[data-tier=C]{--tier:var(--tier-3)}.rating-vote button[data-tier=D]{--tier:var(--tier-4)}
.rating-vote button[data-tier]:not(.rating-clear){border-color:var(--tier);color:var(--tier)}
.rating-vote button[data-tier]:not(.rating-clear):hover,.rating-vote button[data-tier]:not(.rating-clear):focus-visible,.rating-vote button[data-tier][aria-pressed=true]:not(.rating-clear){background:var(--tier);color:#0e120e}
/* Rarity colors (the game's six rarities, data/skins-2026-11-07/rarity-evidence.json). Item icons glow in their rarity's
   color, rarity names take it, and the skins page uses the same scale. Swap the six values here to match the game's own. */
:root{--rarity-1:#c5ccc0;--rarity-2:#69db7c;--rarity-3:#4dabf7;--rarity-4:#b197fc;--rarity-5:#ffb84d;--rarity-6:#ff6b6b}
[data-rarity="1"]{--rarity:var(--rarity-1)}[data-rarity="2"]{--rarity:var(--rarity-2)}[data-rarity="3"]{--rarity:var(--rarity-3)}
[data-rarity="4"]{--rarity:var(--rarity-4)}[data-rarity="5"]{--rarity:var(--rarity-5)}[data-rarity="6"]{--rarity:var(--rarity-6)}
img[data-rarity]{background:radial-gradient(ellipse 72% 58% at 50% 78%,color-mix(in srgb,var(--rarity) 46%,transparent),transparent 74%);border-radius:4px}
.item-art img[data-rarity]{background:radial-gradient(ellipse 62% 52% at 50% 62%,color-mix(in srgb,var(--rarity) 30%,transparent),transparent 76%)}
.rarity-text[data-rarity]{color:var(--rarity)}
dd.rarity-text[data-rarity]{font-weight:900}
/* Profile menu in the header: every save in one place, with live counts. A details element, so it works without scripts. */
.profile-menu{position:relative}
.profile-menu>summary{list-style:none;cursor:pointer}.profile-menu>summary::-webkit-details-marker{display:none}
.profile-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:70;width:280px;padding:12px;background:var(--ground);border:1px solid var(--yellow);box-shadow:0 14px 34px #000b}
.profile-who{margin:0 0 8px;padding:0 6px;font-size:12px;color:var(--muted)}
.profile-panel nav{display:grid}
.profile-panel nav a,.profile-account{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 6px;border-radius:3px;text-decoration:none;font-weight:750;font-size:15px}
.profile-panel nav a:hover,.profile-panel nav a:focus-visible,.profile-panel .profile-account:hover,.profile-panel .profile-account:focus-visible{background:var(--yellow);color:var(--ground)}
.profile-panel nav b{min-width:22px;padding:1px 7px;border-radius:999px;background:#2a3524;color:var(--yellow);font-size:12px;text-align:center}
.profile-panel nav b:empty{display:none}
.profile-panel nav a:hover b,.profile-panel nav a:focus-visible b{background:var(--ground)}
.profile-account{margin-top:6px;padding-top:11px;border-top:1px solid var(--line);color:var(--yellow)}
@media(max-width:590px){.main-nav.is-open~.header-actions{position:relative}.profile-menu{position:static}.profile-panel{left:0;right:0;width:auto;top:calc(100% - 8px)}}
/* Profile hub on the account page */
.profile-hub{margin:0 0 30px}.profile-hub h2{font-size:24px;margin-bottom:12px}
.profile-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px 14px}
.profile-card{text-decoration:none;min-height:120px}
.profile-card strong{font-size:18px}.profile-card small{font-size:13px;color:#d3ddca}
.profile-card-count{font:italic 800 34px/1 BarlowAction,Nunito,sans-serif;color:var(--yellow)}
.profile-card-count:empty:before{content:'0';color:var(--muted)}
.profile-card:hover strong,.profile-card:focus-visible strong{color:var(--yellow)}
/* Player count history: recorded highs and lows, the five-minute chart and the daily table. */
.count-stats h2{font-size:22px;margin:0 0 14px}
.count-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;margin:0}
.count-stat-grid dt{font-size:13px;color:var(--muted)}
.count-stat-grid dd{font-size:26px;font-weight:900;line-height:1.2;margin:3px 0 2px;color:var(--ink)}
.count-stat-grid dd.is-empty{font-size:17px;font-weight:700;color:var(--muted)}
.count-stat-grid small{display:block;font-size:12px;color:var(--muted);min-height:18px}
.count-coverage{font-size:13px;color:var(--muted);margin:18px 0 0;max-width:60ch}
.count-history{border-top:1px solid var(--line);padding-top:26px;margin-top:8px}
.count-history-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:8px}
.count-history-head h2{margin:0}
.count-range{display:flex;flex-wrap:wrap;gap:8px}
.count-range button{min-height:36px;padding:4px 14px;border:1px solid var(--yellow);border-radius:3px;background:none;color:var(--yellow);font-weight:800;font-size:14px;cursor:pointer;transition:background-color 140ms ease-out,color 140ms ease-out}
.count-range button:hover,.count-range button:focus-visible,.count-range button[aria-pressed=true]{background:var(--yellow);color:var(--ground)}
.count-history-note{font-size:14px;color:var(--muted);margin:0 0 14px;max-width:80ch}
.count-chart{position:relative;min-height:230px;transition:opacity 160ms ease-out}
.count-chart.is-loading{opacity:.55}
.count-chart:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}
.count-chart-svg{display:block;width:100%;height:auto;overflow:visible;stroke:none;stroke-width:1}
.count-chart-message{display:grid;place-items:center;min-height:230px;margin:0;padding:20px;border:1px solid var(--subtle-line);color:var(--muted);text-align:center}
.count-grid{stroke:var(--subtle-line);stroke-width:1}
.count-baseline{stroke:var(--line);stroke-width:1}
.count-axis{fill:var(--muted);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.count-line{fill:none;stroke:var(--yellow);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.count-band{fill:var(--yellow);fill-opacity:.1}
.count-solo{fill:var(--yellow)}
.count-line.count-steamdb{stroke:var(--violet)}
.count-band.count-steamdb{fill:var(--violet)}
.count-solo.count-steamdb{fill:var(--violet)}
.count-spot{fill:var(--yellow);stroke:var(--ground);stroke-width:1.5}
.count-cross .count-dot.is-steamdb{fill:var(--violet)}
.count-legend{display:flex;flex-wrap:wrap;gap:6px 20px;list-style:none;margin:0 0 12px;padding:0;font-size:13px;color:var(--muted)}
.count-legend[hidden]{display:none}
.count-legend li{display:flex;align-items:center;gap:8px}
.count-key{display:block;width:20px;height:2px;border-radius:1px;background:var(--yellow)}
.count-key-steamdb{background:var(--violet)}
.count-dot{fill:var(--yellow);stroke:var(--ground);stroke-width:2}
.count-peak-label{fill:var(--ink);font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.count-cross-line{stroke:var(--muted);stroke-width:1}
.count-tip{position:absolute;top:0;z-index:2;display:grid;gap:2px;min-width:150px;padding:9px 12px;background:var(--ground);border:1px solid var(--yellow);pointer-events:none;font-size:13px;color:var(--muted);white-space:nowrap}
.count-tip strong{font-size:17px;font-weight:900;color:var(--ink)}
.count-days{border-top:1px solid var(--line);padding-top:26px;margin-top:30px}
.count-days h2{margin-bottom:6px}
.count-days-note{font-size:14px;color:var(--muted);margin:0 0 10px;max-width:80ch}
.count-day-table td:first-child{white-space:nowrap}
.count-days+.player-count-explainer{margin-top:34px}
.count-launch-table{max-width:560px}.count-launch-credit{margin:10px 0 0}
@media(max-width:590px){.count-stat-grid{gap:16px 18px}.count-stat-grid dd{font-size:22px}.count-range{width:100%}.count-range button{flex:1;padding-inline:8px}.count-chart,.count-chart-message{min-height:200px}}
@media(prefers-reduced-motion:reduce){.count-range button,.count-chart{transition:none}}