@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)}.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 var(--control-line);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 var(--control-line);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:var(--section-wash);color:var(--ink);border:1px solid var(--line);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}.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}.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}.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}}
@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 var(--control-line);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:var(--line);stroke-width:2}.shipment-screen .planner-edges path.is-planned{stroke:var(--yellow);stroke-width:4}.planner-trunk{height:2px;background:var(--control-line);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 .faq-item{background:var(--surface);border-radius:var(--radius);padding:16px 21px 17px;margin-bottom:10px}.page-faq .faq-item:last-child{margin-bottom:0}.page-faq .faq-question{margin:0 0 7px;font-size:15px;font-weight:850;line-height:1.5;color:var(--ink)}.faq-answer{padding:0;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 .faq-item{padding:12px 12px 13px}.planner-sidebar .page-faq .faq-question{font-size:13px;margin-bottom:5px}.planner-sidebar .faq-answer{font-size:13px}
@media(max-width:590px){.page-faq{margin-top:32px;padding-top:22px}.page-faq h2{font-size:23px}.page-faq .faq-item{padding:14px 15px 15px}}
.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 .faq-question,.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}
.steam-count-actions{display:flex;flex-wrap:wrap;gap:10px 12px}.steam-count-share-status{min-height:21px;margin:10px 0 0;font-size:14px;line-height:1.5;color:var(--yellow);max-width:38ch}.steam-count .share-output{margin-top:8px;max-width:420px;resize:vertical}
.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}
.home-tool-art{position:relative;display:block;width:64px;height:56px;flex:0 0 64px}
.home-tool-art>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:brightness(1.28) contrast(1.03)}
.home-tool-art-scales>img{height:28px;inset:auto 0}
.home-tool-art-scales>img:first-child{top:0}
.home-tool-art-scales>img:last-child{bottom:0}
.home-tool-art-layers>img:first-child{width:51px;height:43px;inset:0 auto auto 0}
.home-tool-art-layers>img:last-child{width:48px;height:34px;inset:auto 0 0 auto}
@media(max-width:590px){.home-tool-art{width:56px;height:50px;flex-basis:56px}.home-tool-art-scales>img{height:24px}.home-tool-art-layers>img:first-child{width:45px;height:38px}.home-tool-art-layers>img:last-child{width:42px;height:30px}}
.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: the Profile menu with Steam sign-in. On phones it moves into the open menu. */
.header-actions{margin-left:auto;display:flex;align-items:center;gap:30px}.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){.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}.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(--pink)}
.count-band.count-steamdb{fill:var(--pink)}
.count-solo.count-steamdb{fill:var(--pink)}
.count-spot{fill:var(--yellow);stroke:var(--ground);stroke-width:1.5}
.count-cross .count-dot.is-steamdb{fill:var(--pink)}
.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(--pink)}
.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-day-table{min-width:980px}
.count-day-table small{display:block;font-size:12px;line-height:1.4;color:var(--muted);margin-top:3px;white-space:nowrap}
.count-day-table td:nth-child(2),.count-day-table td:last-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}}
/* Planner saved plans: a compact list in the plan rail, matching the goals list. The open plan reads lime. */
.planner-saved .planner-search{margin-bottom:10px}
.planner-saved .planner-share{margin-top:0}
.planner-saved-list{list-style:none;padding:0;margin:12px 0 0}
.planner-saved-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 8px;border-bottom:1px solid var(--subtle-line)}
.planner-saved-list .inline-confirm{position:relative;isolation:isolate;flex-basis:100%;margin:2px 0 12px;padding:12px 18px 14px}
.planner-saved-list .inline-confirm:before{content:'';position:absolute;inset:0 5px;z-index:-1;background:var(--surface);border:1px solid var(--yellow);transform:skewX(-2deg)}
.planner-saved-list .inline-confirm p{margin:0 0 10px;font-size:13px;line-height:1.45;color:var(--ink)}
.planner-saved-list .inline-confirm-actions{display:flex;flex-wrap:wrap;gap:8px}
.planner-plan-open{flex:1;min-width:0;display:grid;gap:2px;padding:8px 0;min-height:44px;background:none;border:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.planner-plan-open strong{font-size:14px;font-weight:850;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.planner-plan-open small{font-size:11px;color:var(--muted)}
.planner-plan-open:hover strong,.planner-plan-open:focus-visible strong,.planner-saved-list .is-current strong{color:var(--yellow)}
/* Location guides: the Hangar district list and power ladder. */
.hangar-districts{list-style:none;padding:0;margin:12px 0 16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:4px 18px}
.hangar-districts li{padding:8px 0;border-bottom:1px solid var(--subtle-line)}
.hangar-districts a{color:var(--yellow);font-weight:800}
.hangar-districts small{color:var(--muted);margin-left:4px}
.hangar-ladder{padding-left:22px;max-width:75ch;display:grid;gap:8px;color:#d2dcc9}
/* Tier list maker: three saved lists, switched with lime outlined buttons like the other range controls. */
.tiermaker-slots{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.tiermaker-slots [data-slot]{display:grid;gap:1px;min-width:150px;max-width:240px;min-height:48px;padding:6px 14px;border:1px solid var(--yellow);border-radius:3px;background:none;color:var(--yellow);text-align:left;cursor:pointer;transition:background-color 140ms ease-out,color 140ms ease-out}
.tiermaker-slots strong{font-size:15px;font-weight:850}
.tiermaker-slots small{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tiermaker-slots [data-slot]:hover,.tiermaker-slots [data-slot]:focus-visible,.tiermaker-slots [data-slot][aria-pressed=true]{background:var(--yellow);color:var(--ground)}
.tiermaker-slots [data-slot]:hover small,.tiermaker-slots [data-slot]:focus-visible small,.tiermaker-slots [data-slot][aria-pressed=true] small{color:var(--ground)}
.tiermaker-slot-confirm .inline-confirm{position:relative;isolation:isolate;max-width:560px;margin:-4px 0 16px;padding:12px 18px 14px}
.tiermaker-slot-confirm .inline-confirm:before{content:'';position:absolute;inset:0 5px;z-index:-1;background:var(--surface);border:1px solid var(--yellow);transform:skewX(-2deg)}
.tiermaker-slot-confirm .inline-confirm p{margin:0 0 10px;font-size:13px;line-height:1.45;color:var(--ink)}
.tiermaker-slot-confirm .inline-confirm-actions{display:flex;flex-wrap:wrap;gap:8px}
@media(max-width:590px){.tiermaker-slots [data-slot]{flex:1;min-width:0}}
@media(prefers-reduced-motion:reduce){.tiermaker-slots [data-slot]{transition:none}}
/* Section colors. Each part of the site owns a hue: items orange, weapons red, skins soft pink, workbenches and Intel gold,
   the map and locations cyan, loadouts and saves violet, and home, the planner and the player count blue. Rules, card
   frames, field strokes and counts mix from it, so no border is gray. Lime keeps actions and focus; pink keeps the brand
   mark, active navigation and planner prerequisites. */
:root{--orange:#ff9f1c;--red:#ff5d5d;--blue:#5b8cff;--purple:#a78bfa}
/* Rules keep the hue's full chroma and only drop lightness, so they read as color, never gray. */
body{--section:var(--blue);--line:oklch(from var(--section) calc(l * .68) c h);--subtle-line:oklch(from var(--section) calc(l * .42) calc(c * .8) h);--control-line:oklch(from var(--section) calc(l * .84) c h);--section-wash:oklch(from var(--section) .25 calc(c * .35) h)}
body.section-items{--section:var(--orange)}
body.section-weapons{--section:var(--red)}
body.section-skins{--section:var(--pink-soft)}
body.section-workbenches,body.section-intel{--section:var(--gold)}
body.section-world{--section:var(--cyan)}
body.section-kit{--section:var(--purple)}
/* Cards and links that point somewhere take that destination's hue. */
.save-favorites{--card:var(--gold)}.save-loadouts{--card:var(--purple)}.save-tierlists{--card:var(--red)}.save-plans{--card:var(--blue)}
.save-planner{--card:var(--yellow)}.save-map{--card:var(--cyan)}.save-mapnotes{--card:var(--orange)}.save-ratings{--card:var(--pink-soft)}
.profile-cards .profile-card:before{border-color:var(--card);background:oklch(from var(--card) .22 calc(c * .3) h)}
.profile-cards .profile-card:hover:before,.profile-cards .profile-card:focus-visible:before{border-color:var(--card);border-width:2px;background:oklch(from var(--card) .28 calc(c * .45) h)}
.profile-cards .profile-card-count{color:var(--card)}
.profile-cards .profile-card-count:empty:before{color:var(--card)}
.profile-cards .profile-card:hover strong,.profile-cards .profile-card:focus-visible strong{color:var(--card)}
.profile-panel nav b{background:oklch(from var(--card) .27 calc(c * .45) h);color:var(--card)}
.profile-panel nav a:hover,.profile-panel nav a:focus-visible{background:var(--card)}
.profile-panel nav a:hover b,.profile-panel nav a:focus-visible b{background:var(--ground);color:var(--card)}
.profile-panel{border-color:var(--line)}
.category-link{--card:var(--orange)}.category-link[href^="/weapons/"]{--card:var(--red)}.category-link[href^="/workbenches/"]{--card:var(--gold)}.category-link[href^="/locations/"]{--card:var(--cyan)}
.category-link strong{color:var(--card)}
.category-nav .category-link>svg:first-child{color:var(--card)}
.planning-link{--card:var(--blue)}.planning-link[href^="/compare-weapons/"],.planning-link[href^="/tier-list/"]{--card:var(--red)}.planning-link[href^="/loot-calculator/"]{--card:var(--orange)}
.planning-link[href^="/loadouts/"]{--card:var(--purple)}.planning-link[href^="/map/"],.planning-link[href^="/locations/"]{--card:var(--cyan)}.planning-link[href^="/intel/"]{--card:var(--gold)}
.planning-link>svg:first-child{color:var(--card)}
.planning-link:hover strong,.planning-link:focus-visible strong{color:var(--card)}
.world-block{--card:var(--cyan)}.world-block:nth-child(2){--card:var(--gold)}.world-block:nth-child(3){--card:var(--blue)}
.world-block>svg{color:var(--card)}

/* Item hover cards take the rarity color of the item they describe (Uncommon and up). */
.item-card[data-rarity]{border-color:var(--rarity)}
/* Privacy and terms: the version date sits quietly under the text. */
.legal-updated{color:var(--muted);font-size:14px}
/* Homepage category tiles: hover and keyboard focus fill the tile with a dark tint of its own hue, sweeping in from the
   left like the item rows, draw a full-hue bar along the bottom, lift the artwork and turn the arrow up and right. */
.category-link{position:relative;isolation:isolate}
.category-link:before,.category-link:after{content:'';position:absolute;left:0;right:0;z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform 240ms var(--ease);pointer-events:none}
.category-link:before{top:0;bottom:0;background:oklch(from var(--card) .26 calc(c * .45) h)}
.category-link:after{bottom:0;height:3px;background:var(--card)}
.category-link:hover:before,.category-link:focus-visible:before,.category-link:hover:after,.category-link:focus-visible:after{transform:scaleX(1)}
.category-link:hover small,.category-link:focus-visible small{color:var(--ink)}
.category-link:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
.category-link .category-art,.category-link>svg:first-child{transition:transform 180ms var(--ease)}
.category-link:hover .category-art,.category-link:focus-visible .category-art,.category-link:hover>svg:first-child,.category-link:focus-visible>svg:first-child{transform:translateY(-3px) scale(1.08)}
.category-link .arrow{transition:transform 180ms var(--ease)}
.category-link:hover .arrow,.category-link:focus-visible .arrow{transform:rotate(-45deg)}
/* Conflict timer (/conflict-timer/): one angled track per cycle in the World cyan section hue. The Sit-down is a mid-tone of the hue, conflict start slots the full hue and now a Warm White rule; text labels carry the same facts. */
.conflict-timer{padding:4px 0 34px}
.conflict-controls{display:grid;grid-template-columns:minmax(230px,300px) minmax(0,1fr) auto;gap:10px 24px;align-items:end;background:var(--well);border:1px solid var(--subtle-line);border-radius:var(--radius);padding:16px 20px}
.conflict-shift-field{margin:0}
.conflict-shift-help{margin:0;font-size:14px;line-height:1.5;color:var(--muted);max-width:62ch;align-self:center}
.conflict-zone{margin:14px 0 18px;font-size:14px;color:var(--muted)}
.conflict-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.conflict-track{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:22px 32px}
.conflict-track:before{content:'';position:absolute;inset:0 6px;z-index:-1;background:var(--surface);border:1px solid var(--line);transform:skewX(-3deg)}
.conflict-track-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin-bottom:12px}
.conflict-track-head h2{margin:0;font-size:24px}
.conflict-repeat{font-size:13px;font-weight:800;color:var(--section)}
.conflict-lead{margin:0;min-height:45px;font-size:15px;line-height:1.5;color:var(--muted)}
.conflict-countdown{margin:2px 0 6px;font-size:clamp(40px,4.6vw,58px);font-weight:950;line-height:1.05;letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:var(--ink)}
.conflict-track[data-phase="waiting"] .conflict-countdown,.conflict-track[data-phase="slots"] .conflict-countdown{color:var(--section)}
.conflict-after{margin:0 0 20px;min-height:23px;font-size:15px;color:var(--ink)}
.conflict-cycle{margin:0 0 20px}
.conflict-cycle-track{position:relative;height:14px;border-radius:3px;background:oklch(from var(--section) .24 calc(c*.4) h)}
.conflict-cycle-sitdown{position:absolute;inset:0 auto 0 0;border-radius:3px 0 0 3px;background:oklch(from var(--section) .52 calc(c*.75) h)}
.conflict-cycle-slot{position:absolute;top:-3px;bottom:-3px;border-radius:2px;background:var(--section)}
.conflict-cycle-now{position:absolute;top:-6px;bottom:-6px;left:0;width:2px;margin-left:-1px;background:var(--ink);box-shadow:0 0 0 2px var(--surface)}
/* Final stretch (urgent in src/conflict-engine.mjs): brand pink on the countdown, the frame and the now rule for the last soon_ms before a deadline and while start slots run. The bar's segments keep the section hue. */
.conflict-track:before{transition:border-color .4s var(--ease)}.conflict-countdown{transition:color .4s var(--ease)}.conflict-cycle-now{transition:background-color .4s var(--ease)}
.conflict-track[data-urgent]:before{border-color:var(--pink)}.conflict-track[data-urgent] .conflict-countdown{color:var(--pink)}.conflict-track[data-urgent] .conflict-cycle-now{background:var(--pink)}
.conflict-cycle-ends{display:flex;justify-content:space-between;margin-top:9px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.conflict-times{display:grid;gap:9px;margin:0 0 20px}
.conflict-times div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px}
.conflict-times dt{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted)}
.conflict-times dd{margin:0;font-size:15px;font-weight:750;color:var(--ink);font-variant-numeric:tabular-nums}
.conflict-key{flex:none;width:14px;height:10px;border-radius:2px}
.conflict-key-sitdown{background:oklch(from var(--section) .52 calc(c*.75) h)}
.conflict-key-conflict{background:var(--section)}
.conflict-upcoming-heading{margin:0 0 8px;font-size:14px;font-weight:850;color:var(--ink)}
.conflict-upcoming{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 22px;padding:0}
.conflict-upcoming li{padding:6px 10px;border:1px solid var(--subtle-line);border-radius:3px;background:var(--ground);font-size:14px;font-variant-numeric:tabular-nums;color:var(--ink)}
.conflict-upcoming small{display:block;font-size:12px;color:var(--muted)}
.conflict-track>.button{align-self:flex-start;margin-top:auto}
.conflict-timer>.tool-status{margin:16px 0 0}
.conflict-table th[scope=row]{font-weight:750;color:var(--muted)}
.map-conflict-link{display:inline-flex;margin:-4px 0 14px;font-size:14px}
@media(max-width:900px){.conflict-controls{grid-template-columns:1fr}.conflict-controls .button{justify-self:start}.conflict-tracks{grid-template-columns:1fr}}
@media(max-width:590px){.conflict-track{padding:20px 30px 20px 36px}.conflict-times div{grid-template-columns:1fr;gap:2px}}
/* Homepage conflict timer strip: compact angled countdown cards in the World cyan they link to, plus the schedule note. */
.home-timers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(190px,.62fr);gap:14px 22px;align-items:center;margin:20px 0 4px}
.home-timer{--card:var(--cyan);position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 16px;padding:12px 26px 14px;color:var(--ink);text-decoration:none}
.home-timer:before{content:'';position:absolute;inset:0 5px;z-index:-1;background:var(--surface);border:1px solid oklch(from var(--card) calc(l*.68) c h);transform:skewX(-6deg);transition:border-color .16s var(--ease),background-color .16s var(--ease)}
.home-timer:hover:before{border-color:var(--card);background:oklch(from var(--card) .24 calc(c*.3) h)}
.home-timer[data-urgent]:before{border-color:var(--pink)}
.home-timer:focus-visible{outline:none}
.home-timer:focus-visible:before{border:2px solid var(--yellow)}
.home-timer-name{font-size:15px;font-weight:850;line-height:1.3}
.home-timer-count{grid-column:2;grid-row:1/3;font-size:30px;font-weight:950;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ink)}
.home-timer[data-phase="waiting"] .home-timer-count,.home-timer[data-phase="slots"] .home-timer-count{color:var(--card)}
.home-timer-note{grid-column:1;font-size:13px;line-height:1.4;color:var(--muted)}
.home-timer-bar{grid-column:1/-1;position:relative;height:6px;margin-top:9px;border-radius:3px;background:oklch(from var(--card) .24 calc(c*.4) h)}
.home-timer-sitdown{position:absolute;inset:0 auto 0 0;border-radius:3px 0 0 3px;background:oklch(from var(--card) .52 calc(c*.75) h)}
.home-timer-slot{position:absolute;top:-2px;bottom:-2px;border-radius:1px;background:var(--card)}
.home-timer-now{position:absolute;top:-4px;bottom:-4px;left:0;width:2px;margin-left:-1px;background:var(--ink);box-shadow:0 0 0 2px var(--surface);transition:background-color .4s var(--ease)}
.home-timer-count{transition:color .4s var(--ease)}.home-timer[data-urgent] .home-timer-count{color:var(--pink)}.home-timer[data-urgent] .home-timer-now{background:var(--pink)}
.home-timers-note{font-size:13px;line-height:1.5;color:var(--muted)}.home-timers-note p{margin:0}.home-timers-legend{display:flex;flex-wrap:wrap;gap:4px 14px;list-style:none;margin:0 0 7px;padding:0;color:var(--ink)}.home-timers-legend li{display:flex;align-items:center;gap:6px}.home-timers-legend i{display:block;flex:none;width:14px;height:6px;border-radius:2px}.home-key-sitdown{background:oklch(from var(--cyan) .52 calc(c*.75) h)}.home-key-conflict{background:var(--cyan)}.home-key-now{width:2px!important;height:12px!important;border-radius:0!important;background:var(--ink)}
.home-timers-note .text-link{display:inline-flex;margin-top:3px;font-size:14px}
.home-region-switch{display:inline;margin:0 0 0 2px;padding:1px 5px;border:0;border-radius:3px;background:none;color:var(--yellow);font:inherit;font-weight:850;cursor:pointer;transition:background-color .15s var(--ease),color .15s var(--ease)}.home-region-switch:hover,.home-region-switch:focus-visible{background:var(--yellow);color:var(--ground)}.home-timers-note strong{color:var(--ink);font-weight:850}
@media(max-width:1000px){.home-timers{grid-template-columns:repeat(2,minmax(0,1fr))}.home-timers-note{grid-column:1/-1}}
@media(max-width:620px){.home-timers{grid-template-columns:1fr}.home-timer-count{font-size:27px}}
@media(prefers-reduced-motion:reduce){.home-timer:before,.home-timer-count,.home-timer-now,.conflict-track:before,.conflict-countdown,.conflict-cycle-now{transition:none}}