/* Shared finish: neutral surfaces, restrained accent, consistent controls. */
:root{--bg:#101113;--panel:#191b1e;--border:#ffffff12;--muted:#9a9da3;--accent:#b9d6b4;--surface:#17191c;--radius:10px}
.forgot-password{display:block;margin:16px auto 0;padding:7px;background:none;color:var(--accent);font-size:11px;border-radius:5px}
.forgot-password:hover{background:#b9d6b409}
.security-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;max-width:1080px;align-items:start;margin-top:32px}
.security-layout .security-card{max-width:none;padding:32px 35px;border-color:#ffffff16;background:linear-gradient(145deg,#1d2023,#181a1d);box-shadow:0 10px 35px #0001}
.security-card-heading{display:flex;align-items:center;gap:16px;margin-bottom:30px}
.security-symbol{display:grid;place-items:center;width:48px;height:48px;border:1px solid #b9d6b423;background:#b9d6b408;border-radius:12px;color:#c0d5b8;flex-shrink:0}
.security-symbol .ui-icon{width:23px;height:23px}
.security-card-heading h2{font-size:21px;letter-spacing:-.6px;margin:0 0 5px}
.security-card-heading p{font-size:11px;color:#929a9f}
.security-field{margin:0 0 21px}
.security-layout .security-field label{margin:0 0 9px;font-size:11px;color:#c0c7c9}
.password-control{position:relative}
.password-control input{height:49px;padding:13px 80px 13px 15px;background:#121416;border-color:#ffffff15;border-radius:7px;font-size:13px}
.password-control input:focus{border-color:#b9d6b47a}
.password-control input::placeholder{font-size:11px;color:#60696f}
.password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;padding:7px;color:#8e9c93;background:none;border-radius:4px}
.password-toggle:hover{color:#c5dfbc;background:#b9d6b407}
.security-form-divider{height:1px;background:#ffffff0b;margin:26px 0}
.security-layout .password-guidance{font-size:10px;color:#78848a;line-height:1.8;margin-top:9px}
.password-checks{display:flex;flex-wrap:wrap;gap:12px 20px;margin:0 0 28px;color:#78848a;font-size:9px}
.password-checks span{display:flex;align-items:center;gap:7px}
.password-checks span:before{content:'';width:5px;height:5px;border:1px solid currentColor;border-radius:50%;flex-shrink:0}
.password-checks .valid{color:#b9d6b4}
.password-checks .valid:before{background:currentColor}
.password-checks .invalid{color:#df9b8f}
.security-save{border-top:1px solid #ffffff0e;padding-top:24px;display:flex;gap:22px;align-items:center;justify-content:space-between}
.security-save p{max-width:220px;font-size:10px;line-height:1.8;color:#879399}
.security-save .primary{white-space:nowrap;padding:12px 18px;font-size:11px;gap:20px;min-height:44px;flex-shrink:0}
.security-support{display:flex;flex-direction:column;gap:24px}
.security-recovery-card{border:1px solid #ffffff17;border-radius:10px;overflow:hidden;background:#1b1e21}
.security-recovery-art{height:142px;display:grid;place-items:center;background:linear-gradient(0deg,#1b1e21,#121a1380),url('/assets/scavenge-pass-v3.png') center 38%/cover;border-bottom:1px solid #ffffff08}
.security-recovery-art img{object-fit:contain;filter:drop-shadow(0 5px 12px #0008)}
.security-recovery-copy{padding:24px 25px 26px}
.security-recovery-copy h2{font-size:18px;letter-spacing:-.5px;margin-bottom:11px}
.security-recovery-copy p{font-size:11px;line-height:1.9;color:#959fa3}
.security-discord-button{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:12px 14px;margin-top:22px;border:1px solid #b9d6b43b;background:#b9d6b408;color:#c1d5b7;border-radius:6px;font-size:10px}
.security-discord-button:hover{background:#b9d6b413;border-color:#b9d6b46b}
.security-discord-button span{font-size:16px}
.security-help{padding:0 7px}
.security-help h3{font-size:12px;color:#c5cbcb;margin-bottom:14px}
.security-help ul{padding:0 0 0 13px;margin:0;display:flex;flex-direction:column;gap:11px;font-size:10px;line-height:1.8;color:#7e8c91}
.security-help li::marker{color:#809477}
.security-help a{display:block;margin-top:22px;font-size:9px;color:#a2b999}
@media(max-width:1150px){.security-layout{grid-template-columns:minmax(0,1fr) 285px;gap:20px}.security-layout .security-card{padding:28px}.security-save{align-items:start;flex-direction:column;gap:17px}.security-save p{max-width:none}.security-save .primary{width:100%;justify-content:space-between}.security-recovery-copy{padding:23px}}
@media(max-width:920px){.security-layout{grid-template-columns:1fr;max-width:650px}.security-support{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.security-recovery-art{height:110px}.security-help{padding:0}.security-card-heading h2{font-size:20px}.security-save{flex-direction:row;align-items:center}.security-save p{max-width:240px}.security-save .primary{width:auto}}
@media(max-width:560px){.security-layout{margin-top:24px;gap:22px}.security-layout .security-card{padding:24px}.security-card-heading{gap:13px;margin-bottom:25px}.security-symbol{width:40px;height:43px;border-radius:9px}.security-card-heading h2{font-size:20px}.security-card-heading p{font-size:10px;line-height:1.7}.security-field{margin-bottom:20px}.password-control input{height:48px;font-size:12px}.security-save{flex-direction:column;align-items:stretch;gap:19px}.security-save p{max-width:none}.security-save .primary{width:100%}.security-support{display:flex;flex-direction:column;align-items:stretch;gap:24px}.security-recovery-art{height:130px}.security-help{padding:0 5px}.password-checks{gap:12px;font-size:8px}}
.security-card form{margin:0}
.security-card label:not(:first-child),.recovery-dialog label{margin-top:22px}
.password-guidance,.security-explainer{font-size:10px;line-height:1.8;color:#959ea1;margin-top:10px}
.security-explainer{margin-top:23px}
.auth-notice{padding:13px 15px;border:1px solid #b9d6b43b;border-radius:7px;background:#b9d6b40c;color:#c7e1bc;font-size:11px;margin:16px 0}
.recovery-dialog{position:relative;width:min(475px,calc(100% - 30px));max-height:calc(100svh - 36px);overflow:auto;background:#191b1e;color:#e7ece6;padding:38px;border:1px solid #b9d6b430;border-radius:12px;box-shadow:0 30px 100px #0009}
.recovery-dialog::backdrop{background:#030806c9;backdrop-filter:blur(10px)}
.recovery-dialog h2{font-size:27px;letter-spacing:-1px;margin:4px 0 19px}
.recovery-dialog p{font-size:12px;color:#aeb7b4;line-height:1.9}
.recovery-dialog .password-guidance{font-size:10px;margin-top:18px;color:#929e96}
.recovery-dialog form{margin-top:0}
.recovery-dialog .error{color:#edb5aa;font-size:11px}
body:has(.recovery-dialog[open]){overflow:hidden}
@media(max-width:640px){.recovery-dialog{padding:32px 25px}.security-card{padding:25px}}
body,body:has(#portal-view:not([hidden])){background:#101113}
.ui-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.primary,.header-login{border-radius:7px;min-height:42px}
.stat,.card,.product,.table-wrap,.home-vip,.combo-banner{border-radius:var(--radius)}
.stat,.card,.product,.podium-card,.join-steps,.combo-banner,.home-vip{background:#191b1e;border-color:#ffffff14}
.login-dialog .login-panel{background:#191b1e}
.login-dialog input,.search-label input{background:#111315;border-color:#ffffff1c}
.login-dialog .intro,.product-content p,.records dt,.section-intro p,.stat small,.data-note{color:#999da3}
.product-content h3,.card-title h2{color:#eef0f2}
.rank-card:after{display:none}
.rank-symbol{background:#202326;border-color:#ffffff16;box-shadow:none}
.stat-icon{background:transparent;border:0;color:#8f9793}
.stat-icon .ui-icon{width:18px;height:18px}
.stat:after{display:none}
.stat>span{color:#a2a7aa}
.hero-atmosphere{display:none}
.hero-actions .primary:after{display:none}
.hero-bottom .scroll-cue>span{animation:none}
.discovery-card{background:#1b1e20;border-color:#ffffff1f}
.discovery-card:after{background:linear-gradient(90deg,#17191eee,#17191e77)}
.discovery-icon .ui-icon{width:26px;height:26px}
.join-steps li:before{background:#24272a;border-color:#ffffff1b;color:#c7ceca}
.join-steps p,.combo-banner p{color:#a0a6a7}
.availability button,.product-bottom button{border:1px solid #ffffff17;background:#26292d;color:#a3a8ad;min-height:40px;border-radius:7px}
.records dd{color:#dedfe1}
.podium-card:first-child{background:linear-gradient(120deg,#b9d6b40d,transparent),#1b1e20;border-color:#b9d6b43f}
th{background:#222529;color:#afb3b5}
td,tbody tr{background:#191b1e}
tbody tr:hover,tbody tr:hover td{background:#212529}
.self-row,.self-row td{background:#b9d6b40c}
.store-tabs{background:#191b1e;border-color:#ffffff16;border-radius:8px}
.store-tabs .selected{background:#b9d6b415;color:var(--accent)}
.data-note button{background:#202326;border-color:#ffffff16}

/* Sidebar lives inside the authenticated surface; mobile navigation is a drawer. */
.sidebar-toggle,.sidebar-close{display:none}
.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#15171a;border-right:1px solid #ffffff12;display:flex;flex-direction:column;z-index:5;padding:30px 18px 18px}
.sidebar-brand{padding:0 6px 33px}
.sidebar .brand{gap:10px}
.sidebar .brand img{width:34px;height:43px}
.sidebar .brand>span{font-size:18px;letter-spacing:.4px}
.sidebar .brand small{font-size:7px;letter-spacing:3.7px;color:#989fa3}
.side-nav{display:flex;flex-direction:column;gap:7px;padding-top:12px;border-top:1px solid #ffffff0d}
.side-nav .nav{display:flex;align-items:center;gap:13px;width:100%;padding:14px;border-radius:8px;text-align:left;font-size:12px;background:transparent;color:#92999e;font-weight:400}
.side-nav .nav:hover{background:#ffffff05;color:#e1e5e5}
.side-nav .nav.active{background:#b9d6b410;color:#c5dfbc;box-shadow:inset 2px 0 #b9d6b4}
.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff0e;padding-top:18px}
.sidebar-community{display:flex;align-items:center;gap:11px;padding:11px 10px;color:#c5c9ca;font-size:11px}
.sidebar-community .ui-icon{color:#909b95}
.sidebar-community small{display:block;font-size:8px;color:#7f898e;margin-top:3px}
.sidebar-logout{display:flex;align-items:center;gap:11px;padding:12px 10px;margin-top:10px;border-radius:7px;width:100%;text-align:left;background:none;font-size:11px;color:#92999d}
.sidebar-logout:hover{background:#ffffff05;color:#d3d8d7}
body:has(#portal-view:not([hidden]))>.header{height:73px;margin:0 0 0 232px;max-width:none;padding:0 38px;border-bottom:1px solid #ffffff0e;justify-content:flex-end}
body:has(#portal-view:not([hidden]))>.header>.brand{margin-right:auto;opacity:.6}
body:has(#portal-view:not([hidden]))>.header>.brand img{display:none}
body:has(#portal-view:not([hidden]))>.header>.brand>span{font-size:11px;letter-spacing:2px}
body:has(#portal-view:not([hidden]))>.header>.brand small{display:none}
.portal{max-width:none;margin:0 0 0 232px;padding:34px 38px 48px}
.portal-content{max-width:1360px;margin:0 auto;min-width:0}
body:has(#portal-view:not([hidden])) .site-end{margin-left:232px;border-top:1px solid #ffffff0e}
body:has(#portal-view:not([hidden])) .footer{max-width:1360px;margin-left:38px;margin-right:38px}
.portal-heading{margin-bottom:27px}
.portal-heading h1{font-size:27px;letter-spacing:-.8px}
.account-chip{background:#1b1e21;border-color:#ffffff13}
.account-avatar{background:#292f2b;border-color:#b9d6b425}
.account-chip small{color:#8e9992}
.welcome{min-height:255px;padding:38px;background-image:linear-gradient(90deg,#15191df2,#15191dc7 40%,#15191d08 85%),url('/assets/scavenge-hero-v3.png');border:0;box-shadow:none}
.profile-identity{display:flex;align-items:center;gap:21px;position:relative;z-index:1}
.profile-skull{display:grid;place-items:center;width:95px;height:105px;flex-shrink:0;background:#12171a7d;border:1px solid #d4dfcc24;border-radius:12px;backdrop-filter:blur(8px)}
.profile-skull svg{width:87px;height:87px;overflow:hidden;filter:drop-shadow(0 6px 8px #0007)}
.profile-identity h2{margin:0;font-size:35px;letter-spacing:-1px;overflow-wrap:anywhere}
.profile-identity .profile-rank{margin:10px 0 0;font-size:11px;display:flex;flex-wrap:wrap;gap:10px;color:#d0dfc8}
.profile-divider{color:#77857d}
.welcome>div:first-child>p{margin:20px 0;font-size:11px;color:#aab3b2}
.welcome-position{display:none}
.stats-grid{gap:16px}
.stat strong{font-size:32px}
.details-grid{gap:20px}
.rank-body p,#rank-tier{color:#9eada2}
.portal-promo:after{background:linear-gradient(90deg,#15191ee8,#15191e50),linear-gradient(0deg,#15191e99,transparent)}

/* Comparable cards: one title, known inclusions, then price and availability. */
.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.product{display:flex;flex-direction:column;min-width:0}
.product-art{height:210px;padding:22px;flex-shrink:0}
.product-mark{font-size:25px;letter-spacing:-.8px}
.product-mark>span{font-size:7px;letter-spacing:.7px;line-height:1.6}
.product-art .tag{font-size:6px;right:14px;top:14px;padding:6px 8px}
.product-content{padding:23px;display:flex;flex-direction:column;flex:1}
.product-content h3{font-size:18px;letter-spacing:-.4px;margin:0 0 11px}
.product-content>p{font-size:11px;line-height:1.85;min-height:61px}
.product-includes{list-style:none;margin:20px 0 24px;padding:0;display:flex;flex-direction:column;gap:13px}
.product-includes li{display:flex;gap:9px;align-items:start;color:#c2c7c7;font-size:10px;line-height:1.7}
.product-includes .ui-icon{width:15px;height:15px;color:#9fb394;margin-top:1px}
.product-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:stretch;gap:19px;padding-top:21px;border-color:#ffffff12}
.product-bottom>span{font-size:29px;letter-spacing:-.7px;font-weight:700;min-height:84px;display:flex;flex-direction:column;justify-content:end}
.product-bottom small{font-size:9px;letter-spacing:0;line-height:1.7;color:#909a9c;min-height:31px}
.product-bottom button{width:100%;font-size:10px}
.product-combo{border-color:#b9d6b469;box-shadow:0 0 0 1px #b9d6b409}
.product-combo .product-art .tag{background:#b9d6b4;color:#1d2a1b;font-weight:700;border-color:#cfe5c5}
.product-combo .product-bottom>span{color:#c6e0b9}
.product-combo .product-bottom button{background:#b9d6b40e;color:#acbba5;border-color:#b9d6b42e}
.old-price{color:#969f9b;font-size:11px;line-height:1.5;margin-bottom:2px}
.product-combo .product-bottom small{max-width:none}
.product-mark>span,.login-art-traits{color:#bac2b9}
.pass-copy h2{font-size:49px}
.sidebar-backdrop{position:fixed;inset:0;z-index:9;background:#050709ad;backdrop-filter:blur(4px);border:0}
@media(min-width:1700px){.sidebar{width:250px;padding-left:24px;padding-right:24px}.portal{margin-left:250px;padding:42px 54px}body:has(#portal-view:not([hidden]))>.header,body:has(#portal-view:not([hidden])) .site-end{margin-left:250px}}
@media(max-width:1200px){.sidebar{width:205px;padding:25px 14px}.sidebar .brand>span{font-size:16px}.sidebar .brand img{width:29px;height:37px}.portal{margin-left:205px;padding:28px 25px}.product-art{height:175px;padding:18px}.product-mark{font-size:21px}.product-content{padding:19px}.product-content h3{font-size:16px}.product-includes li{font-size:9px}.product-content>p{font-size:10px;min-height:75px}.products{gap:13px}.stat{padding:22px 18px}.stat strong{font-size:28px}body:has(#portal-view:not([hidden]))>.header,body:has(#portal-view:not([hidden])) .site-end{margin-left:205px}body:has(#portal-view:not([hidden]))>.header{padding:0 25px}}
@media(max-width:1050px) and (min-width:761px){.products{grid-template-columns:1fr 1fr}.product-combo{grid-column:span 2;display:grid;grid-template-columns:.9fr 1.1fr}.product-combo .product-art{height:100%;min-height:330px}.product-combo .product-content>p{min-height:0}.stats-grid{grid-template-columns:1fr 1fr}.details-grid{grid-template-columns:1fr}.profile-identity h2{font-size:29px}.portal-promos{gap:14px}.portal-promo{padding:20px}.portal-promo strong{font-size:18px}}
@media(max-width:760px){.sidebar{width:min(285px,85vw);padding:25px 20px;z-index:10;transform:translateX(-100%);transition:transform .22s ease;visibility:hidden}.sidebar.is-open{transform:translateX(0);visibility:visible}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:0 0 27px}.sidebar .brand>span{font-size:18px}.sidebar .brand img{width:34px;height:43px}.sidebar-close{display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:6px;background:#ffffff05;color:#b4bdba}.sidebar-close .ui-icon{width:17px;height:17px}.sidebar-toggle{display:none;width:36px;height:36px;padding:8px;background:#ffffff06;border:1px solid #ffffff13;border-radius:7px;color:#ccd4d0}body:has(#portal-view:not([hidden])) .sidebar-toggle{display:grid;place-items:center}body:has(#portal-view:not([hidden]))>.header{margin:0;padding:0 20px;height:65px;min-height:0;gap:14px;justify-content:start}body:has(#portal-view:not([hidden]))>.header>.brand{margin:0;opacity:.85}body:has(#portal-view:not([hidden])) .site-end{margin-left:0}body:has(#portal-view:not([hidden])) .footer{margin:24px 20px 0}.portal{margin:0;padding:25px 20px 35px}.portal-heading h1{font-size:25px}.welcome{padding:27px;min-height:255px}.profile-identity{gap:16px}.profile-skull{width:75px;height:85px;border-radius:9px}.profile-skull svg{width:68px;height:68px}.profile-identity h2{font-size:27px}.profile-identity .profile-rank{font-size:10px;gap:7px}.welcome>div:first-child>p{font-size:10px;line-height:1.8}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat strong{font-size:28px}.details-grid{grid-template-columns:1fr;gap:16px}.products{grid-template-columns:1fr;gap:20px}.product-art{height:240px;padding:25px}.product-mark{font-size:29px}.product-content{padding:25px}.product-content h3{font-size:20px}.product-content>p{font-size:11px;min-height:0}.product-includes li{font-size:11px}.product-bottom{flex-direction:row;align-items:end;gap:15px}.product-bottom>span{font-size:29px;flex:1;min-height:0}.product-bottom button{width:auto;min-width:120px;font-size:10px}.product-bottom small{font-size:9px;min-height:0}.old-price{font-size:11px}.pass-copy h2{font-size:40px}.sidebar-open{overflow:hidden}.portal-promo strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}