:root{--s2-bg:#070809;--s2-panel:#101214;--s2-panel2:#151719;--s2-line:#292c30;--s2-text:#f5f5f6;--s2-muted:#92979f;--s2-red:#e23838;--s2-red2:#8f2025}
body{background:radial-gradient(circle at 75% -10%,#321014 0,transparent 28%),linear-gradient(180deg,#090a0c,#060708 70%);color:var(--s2-text)}
header{background:#090a0ce8!important;border-bottom:1px solid #ffffff0c!important;backdrop-filter:blur(18px)}
.brand small{color:#777d85!important}.mark{background:linear-gradient(145deg,#1b1d20,#0c0d0f)!important;border:1px solid #3b2023!important;color:#fff!important;box-shadow:inset 0 0 20px #e2383810}
.scout2Home{padding-top:16px!important}.s2ProfileBar{display:grid;grid-template-columns:48px 1fr 34px;align-items:center;gap:12px;margin-bottom:17px}.s2Avatar{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,#25272b,#101113);border:1px solid #3b3e43;box-shadow:inset 0 0 0 1px #000;color:#fff;overflow:hidden}.s2Avatar img{width:100%;height:100%;object-fit:cover}.s2Identity{min-width:0;display:flex;flex-direction:column}.s2Identity small{font-size:8px;letter-spacing:1.4px;color:#737981}.s2Identity b{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s2Identity span{font-size:11px;color:#b7bbc1;margin-top:2px}.s2ProfileOpen{height:34px;width:34px;padding:0;border-radius:10px;border:1px solid #2b2e32;background:#111315;color:#ddd;font-size:22px}
.s2BrandPanel{position:relative;min-height:188px;border-radius:22px;padding:23px;overflow:hidden;background:linear-gradient(125deg,#17191c 0%,#0c0d0f 65%);border:1px solid #292c30;box-shadow:0 18px 50px #0008}.s2BrandPanel:before{content:'';position:absolute;width:180px;height:180px;border-radius:50%;right:-60px;top:-75px;background:#d42f3722;filter:blur(3px)}.s2BrandPanel:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 58%,#e238380d);pointer-events:none}.s2BrandCopy{position:relative;z-index:2;max-width:75%}.s2BrandCopy>span{font-size:9px;letter-spacing:2px;color:#e45858;font-weight:800}.s2BrandCopy h1{font-size:29px;line-height:1.02;letter-spacing:-1.2px;margin:10px 0}.s2BrandCopy p{font-size:11px;line-height:1.55;color:#9ba0a8;margin:0}.s2BrandMark{position:absolute;right:18px;bottom:14px;display:flex;gap:0;transform:skew(-8deg);opacity:.16}.s2BrandMark i{font-style:normal;font-size:58px;font-weight:950;letter-spacing:-12px}.s2BrandMark i:last-child{color:#e23838}
.s2Actions{display:grid;gap:10px;margin-top:14px}.s2Action{display:grid;grid-template-columns:48px 1fr 18px;align-items:center;text-align:left;gap:12px;min-height:74px;padding:12px 15px;border-radius:17px;background:linear-gradient(135deg,#151719,#0e1012);border:1px solid #2b2e32;color:#fff}.s2ActionSearch{border-color:#482326;background:linear-gradient(135deg,#1b1719,#101113)}.s2ActionIcon{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#1c1e21;border:1px solid #303338;font-size:22px}.s2ActionSearch .s2ActionIcon{background:#251517;border-color:#54252a;color:#f06161}.s2Action span:nth-child(2){display:flex;flex-direction:column;gap:3px}.s2Action b{font-size:14px}.s2Action small{font-size:10px;color:#858b93}.s2Action>i{font-style:normal;color:#666;font-size:20px}.s2SectionHead{display:flex;align-items:center;justify-content:space-between;margin:22px 2px 9px}.s2SectionHead b{font-size:13px}.s2SectionHead button{padding:0;border:0;background:none;color:#a2a6ac;font-size:10px}.s2HuntPreview{width:100%;display:grid;grid-template-columns:42px 1fr 16px;align-items:center;gap:11px;text-align:left;padding:13px;border-radius:15px;background:#0f1113;border:1px solid #26292d;color:#fff}.s2Radar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid #5a282c;color:#e95a5a;background:radial-gradient(circle,#42171b,#151113)}.s2HuntPreview span:nth-child(2){display:flex;flex-direction:column;gap:3px}.s2HuntPreview b{font-size:12px}.s2HuntPreview small{font-size:9px;color:#81868e}.s2HuntPreview>i{font-style:normal;color:#666}.s2QuickRow{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.s2Quick{min-height:52px;border-radius:14px;background:#0f1113;border:1px solid #26292d;color:#dfe1e4;display:flex;align-items:center;justify-content:center;gap:8px}.s2Quick i{font-style:normal;color:#e75b5b;font-size:18px}.s2Install{width:100%;margin-top:10px!important;background:transparent!important;border:1px dashed #303338!important;color:#747a82!important}
.s2Nav{background:#090a0cf2!important;border-top:1px solid #202226!important;backdrop-filter:blur(20px)}.s2Nav button.on{color:#fff!important}.s2Nav button.on i{color:#ef5151!important;text-shadow:0 0 16px #e2383860}.s2Nav button:after{background:#e23838!important}
.s2Onboarding{position:fixed;inset:0;z-index:290;background:#070809;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));display:grid;place-items:center}.s2Onboarding.hidden{display:none}.s2OnboardCard{width:min(440px,100%)}.s2OnboardTop{display:flex;justify-content:space-between;align-items:center}.s2OnboardTop>span{font-weight:900;letter-spacing:2px;font-size:12px}.s2OnboardTop button{border:0;background:none;color:#777d85;font-size:11px;padding:8px}.s2OnboardVisual{height:300px;margin:24px 0 25px;border-radius:26px;border:1px solid #292c30;background:radial-gradient(circle at 50% 50%,#4a171c,#111315 38%,#090a0c 70%);display:grid;place-items:center;overflow:hidden;position:relative}.s2OnboardVisual:after{content:'';position:absolute;width:210px;height:210px;border:1px solid #e2383830;border-radius:50%;box-shadow:0 0 0 35px #e2383808,0 0 0 70px #e2383805}.s2Orb{position:relative;z-index:2;width:105px;height:105px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(145deg,#26282c,#0e0f11);border:1px solid #4a4d52;font-size:31px;font-weight:950;box-shadow:0 25px 80px #000}.s2OnboardCard>small{font-size:9px;color:#d84a4a;letter-spacing:1.6px}.s2OnboardCard h2{font-size:30px;letter-spacing:-1px;margin:8px 0}.s2OnboardCard>p{color:#959aa2;font-size:13px;line-height:1.6;min-height:42px}.s2Dots{display:flex;gap:6px;margin:18px 0}.s2Dots i{width:18px;height:3px;background:#292c30;border-radius:3px}.s2Dots i.on{background:#e23838}.s2OnboardNext{width:100%;min-height:52px!important;border-radius:14px!important;background:linear-gradient(135deg,#e13b3b,#9e2429)!important;color:#fff!important;border:1px solid #ef5a5a!important}
.entryGate{background:radial-gradient(ellipse at 90% 0,#3b1115,#07080b 62%)!important}.entryBrand,.entryEyebrow{color:#e45151!important}.entryDocument{border-color:#392629!important;background:#0f1113!important}.acceptLabel input{accent-color:#df3e3e!important}#agreementContinue:not(:disabled){background:linear-gradient(135deg,#e13b3b,#9e2429)!important;color:white!important;border-color:#ef5a5a!important}
@media(max-width:380px){.s2BrandPanel{min-height:172px;padding:19px}.s2BrandCopy h1{font-size:26px}.s2OnboardVisual{height:250px}}
/* Skin Scout 2 — item-first discovery */
#search.discoveryFirst .pagehead{margin-bottom:12px}
#search .searchbox{background:linear-gradient(145deg,#15171c,#0d0f13);border:1px solid rgba(255,255,255,.10);box-shadow:0 12px 34px rgba(0,0,0,.24)}
#search .searchbox:focus-within{border-color:rgba(232,50,55,.48);box-shadow:0 0 0 3px rgba(232,50,55,.08),0 16px 38px rgba(0,0,0,.28)}
#search .catalogBlock{margin-top:16px}.skinGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skinTile{min-height:190px;border-radius:16px;background:linear-gradient(155deg,#17191f,#0d0f13);border:1px solid rgba(255,255,255,.08);overflow:hidden}.skinTileImage{height:128px;object-fit:contain;padding:8px}.skinTileText{padding:0 10px 12px}.skinTileText b{font-size:13px;line-height:1.25}
.s2ItemCard{max-width:520px;padding:0!important;overflow:hidden;background:#0b0d11!important;border:1px solid rgba(255,255,255,.11)!important}.s2ItemHero{height:235px;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(186,34,40,.18),transparent 43%),linear-gradient(155deg,#181b21,#0b0d11);border-bottom:1px solid rgba(255,255,255,.07)}.s2ItemHero img{width:88%;height:88%;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(0,0,0,.34))}.s2ItemBody{padding:18px}.s2ItemEyebrow{color:#d84045;letter-spacing:.14em;font-size:10px;font-weight:800}.s2ItemBody h2{margin:5px 0 2px;font-size:22px}.s2ItemBody>small#s2ItemOriginal{color:#777d87}.s2ItemPrices{display:grid;gap:8px;margin:18px 0}.s2MarketPrice{display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px 13px;border-radius:13px;background:#13161b;border:1px solid rgba(255,255,255,.07)}.s2MarketPrice b{font-size:14px}.s2MarketPrice strong{font-size:15px;color:#fff}.s2MarketPrice small{display:block;color:#777d87;margin-top:2px}.s2ItemLoading{padding:16px;border-radius:13px;background:#121419;color:#8b9099;text-align:center}.s2ItemActions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.s2ItemActions button{margin:0}.s2StatsButton{width:100%;display:flex;justify-content:space-between;margin-top:9px;padding:13px;border:0;border-radius:13px;background:#15171c;color:#fff;text-align:left}.s2StatsPanel{margin-top:8px;padding:12px;border-radius:13px;background:#111318;color:#9ca1aa;font-size:13px}.s2StatsPanel b{color:#fff}
/* Skin Scout 2 — favorites */
.s2FavTools{display:flex;gap:8px;margin:0 0 10px}.s2FavTools button{margin:0!important;min-height:38px!important;padding:8px 13px!important}.s2FavFolders{display:flex;gap:7px;overflow:auto;padding:2px 0 12px;scrollbar-width:none}.s2FavFolders button{white-space:nowrap;border:1px solid #2b2e33;background:#111318;color:#aeb2b9;border-radius:11px;padding:8px 12px}.s2FavFolders button.on{border-color:#743036;color:#fff;background:#211416}.s2FavGrid{display:grid;gap:9px}.s2FavCard{position:relative;display:grid;grid-template-columns:92px 1fr 28px;align-items:center;gap:10px;min-height:92px;padding:9px;border:1px solid #26292e;border-radius:16px;background:linear-gradient(145deg,#15171b,#0d0f12)}.s2FavCard img,.s2FavImg{width:92px;height:72px;object-fit:contain;border-radius:12px;background:radial-gradient(circle,#281417,#111318 68%)}.s2FavCard>div{min-width:0;display:flex;flex-direction:column;gap:4px}.s2FavCard small{font-size:8px;color:#d34b50;letter-spacing:.08em}.s2FavCard b{font-size:12px;line-height:1.25}.s2FavCard span{font-size:10px;color:#8e949d}.s2FavCard>button{width:28px;height:28px;padding:0;border-radius:9px;border:1px solid #2b2e33;background:#111318;color:#7f858d}.s2FavEmpty{padding:28px 15px;border:1px dashed #30343a;border-radius:15px;color:#777e87;text-align:center}.skinTile{position:relative}.s2TileFav{position:absolute;right:8px;top:8px;z-index:4;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#0b0d10dd;border:1px solid #34373d;color:#fff;font-size:19px;backdrop-filter:blur(8px)}.s2TileFav:active{transform:scale(.92);color:#ef555a}.s2ItemActions{grid-template-columns:1fr 1fr 1fr!important}.s2ItemActions button{padding-left:8px!important;padding-right:8px!important;font-size:11px!important}

/* 2.0.1 visual + interaction fix pass */
:root{--violet:#e23838!important;--cyan:#f2f2f3!important;--acid:#e23838!important}
.primary,#buildSet,.loadoutForm #buildSet{background:linear-gradient(135deg,#e23838,#a52128)!important;color:#fff!important;border-color:#ef555a!important;box-shadow:none!important}
nav button.on i,.s2Nav button.on i{color:#ef5151!important}.subscriptionCard.current,.subscriptionCard.selected{border-color:#8b3035!important}
.pagehead>span,.studioStep span{color:#d94b50!important}.pagehead.discoveryHead{background:transparent!important;box-shadow:none!important}
#search{background:linear-gradient(180deg,#090a0c,#070809)!important;position:relative;overflow:hidden}
#search:before{content:'⌕';position:absolute;right:-18px;top:75px;font-size:180px;line-height:1;color:#fff;opacity:.025;transform:rotate(-12deg);pointer-events:none}
#search .discoveryHead{position:relative;z-index:1}.discoveryHead:after{content:'AK  •  AWP  •  M4  •  KNIFE';display:block;margin-top:16px;font-size:9px;letter-spacing:3px;color:#4d5158}
.searchSort{display:none!important}
.s2Quick i,.s2TileFav,.s2ItemFavorite{color:#fff!important}.s2TileFav:active,.s2TileFav.on{color:#ef5151!important}
.s2Onboarding{background:radial-gradient(circle at 85% 5%,#281013 0,transparent 30%),#070809}.s2WelcomeCard{width:min(460px,100%);padding:8px}.s2WelcomeBrand{display:flex;align-items:center;gap:12px}.s2WelcomeLogo{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-weight:950;letter-spacing:-3px;background:#111316;border:1px solid #48262a;color:#fff}.s2WelcomeBrand>div:last-child{display:flex;flex-direction:column}.s2WelcomeBrand b{font-size:14px;letter-spacing:2px}.s2WelcomeBrand small{font-size:8px;letter-spacing:1.7px;color:#6f747c;margin-top:3px}.s2WelcomeCopy{margin:38px 0 24px}.s2WelcomeCopy>span{font-size:9px;letter-spacing:2px;color:#df4b50;font-weight:850}.s2WelcomeCopy h2{font-size:32px;line-height:1.05;letter-spacing:-1.3px;margin:10px 0 12px}.s2WelcomeCopy p{color:#8d929a;font-size:13px;line-height:1.6;margin:0}.s2WelcomeFeatures{display:grid;gap:9px}.s2WelcomeFeatures>div{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:12px;border:1px solid #25282d;border-radius:16px;background:linear-gradient(145deg,#121417,#0b0c0e)}.s2LineIcon{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;border:1px solid #452428;background:#181113;color:#ee555a;font-style:normal;font-size:21px}.s2WelcomeFeatures span{display:flex;flex-direction:column;gap:3px}.s2WelcomeFeatures b{font-size:13px}.s2WelcomeFeatures small{font-size:10px;color:#7f858d;line-height:1.35}.s2WelcomeStart{width:100%;min-height:54px!important;margin-top:18px!important;border-radius:15px!important}
#s2ItemSheet{overflow:hidden!important;align-items:stretch!important;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important}
.s2ItemCard{height:min(900px,calc(100dvh - 16px));max-height:calc(100dvh - 16px);display:flex;flex-direction:column;overflow:hidden!important;margin:auto}.s2ItemHero{height:clamp(180px,31dvh,270px);min-height:180px;flex:0 0 auto}.s2ItemBody{overflow-y:auto!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:40px!important}.s2ItemCard>.modalClose{position:absolute;z-index:8;right:12px;top:12px}.s2StatsPanel{min-height:70px}
.s2FolderCard{max-width:390px}.s2FolderCard>small{color:#d94b50;letter-spacing:1.5px}.s2FolderCard h3{margin:7px 0 18px}.s2FolderCard input{width:100%;box-sizing:border-box;margin-top:7px}.s2FolderCard .primary{width:100%;margin-top:14px}
@media(max-width:380px){.s2WelcomeCopy{margin-top:25px}.s2WelcomeCopy h2{font-size:28px}.s2WelcomeFeatures>div{padding:10px}.s2ItemHero{min-height:155px}}

/* 2.0.2 reliability + palette + history */
.s2NativeColor{display:none!important}.s2PaletteBlock{display:flex;flex-direction:column;gap:9px}.s2PaletteBlock>span{font-size:12px;color:#9fa7b5}.s2PaletteBlock small{color:#656b73}.s2Swatches{display:flex;flex-wrap:wrap;gap:10px}.s2Swatch{width:38px;height:38px;min-width:38px;padding:0!important;border-radius:50%!important;border:2px solid #2d3137!important;background:var(--swatch,#777)!important;box-shadow:inset 0 0 0 3px #0c0e11;position:relative}.s2Swatch[data-color="white"]{--swatch:#f2f2f2}.s2Swatch[data-color="black"]{--swatch:#111}.s2Swatch[data-color="red"]{--swatch:#e33d42}.s2Swatch[data-color="orange"]{--swatch:#f18b32}.s2Swatch[data-color="yellow"]{--swatch:#e7c73c}.s2Swatch[data-color="green"]{--swatch:#43ad67}.s2Swatch[data-color="blue"]{--swatch:#4387e8}.s2Swatch[data-color="purple"]{--swatch:#8b5bd7}.s2Swatch[data-color="pink"]{--swatch:#ff5ca8}.s2Swatch[data-color="grey"]{--swatch:#858b93}.s2Swatch[data-color="multicolor"]{background:conic-gradient(#ff4c4c,#ffb13b,#f6e74a,#4dcc72,#42a5f5,#8c63e8,#ff5ca8,#ff4c4c)!important}.s2Swatch[data-color="any"]{background:radial-gradient(circle,#747b84 0 23%,#17191d 25% 48%,#747b84 50% 54%,#17191d 56%)!important}.s2Swatch.on{border-color:#fff!important;box-shadow:0 0 0 2px #e23838,inset 0 0 0 3px #0c0e11}.s2Swatch.on:after{content:'✓';position:absolute;right:-4px;bottom:-4px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;background:#e23838;color:#fff;font-size:10px;font-weight:900}.s2HistoryCard{max-width:430px}.s2HistoryCard>small{color:#d94b50;letter-spacing:1.5px}.s2HistoryTabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.s2HistoryTabs button{min-height:38px;border:1px solid #2b2f34;background:#111318;color:#8f959d;border-radius:11px}.s2HistoryTabs button.on{color:#fff;border-color:#713035;background:#211416}.s2HistoryList{display:grid;gap:8px;max-height:58dvh;overflow:auto}.s2HistoryItem{display:grid;gap:4px;text-align:left;padding:12px;border:1px solid #282c31;background:#111318;color:#fff;border-radius:13px}.s2HistoryItem b{font-size:12px}.s2HistoryItem small{font-size:9px;color:#818790}.s2FavPulse{animation:s2FavPulse .38s ease}@keyframes s2FavPulse{45%{transform:scale(1.22)}100%{transform:scale(1)}}
/* 2.0.3 interaction fixes */
#s2ItemFavorite.on{border-color:#a52f35;color:#ff555b;background:#1d1114;box-shadow:0 0 18px rgba(238,55,61,.12)}
.s2VariantControls{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.s2VariantControls label{display:grid;gap:6px;font-size:11px;color:#969da8}.s2VariantControls select{width:100%;min-width:0;background:#111419;border:1px solid #2b3038;color:#f5f5f6;border-radius:12px;padding:11px}
.s2FolderChip{display:inline-flex;align-items:center;border:1px solid #292e36;border-radius:12px;overflow:hidden;background:#111419}.s2FolderChip>button{border:0!important;border-radius:0!important;background:transparent!important;width:auto!important;padding:8px 12px!important;color:#aeb2b9!important;font-size:inherit!important}.s2FolderChip>button.on{color:#fff!important;background:color-mix(in srgb,var(--ss-accent),transparent 86%)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ss-accent),transparent 48%)}
.s2Swatches{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.s2ColorOption{display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:9px;min-height:48px;padding:7px 10px!important;border:1px solid #292e36!important;border-radius:12px!important;background:#111419!important;color:#e8ebef!important;text-align:left}.s2ColorOption .s2Swatch{width:28px;height:28px;min-width:28px;border-width:1px!important;box-shadow:inset 0 0 0 2px #0c0e11}.s2ColorOption>b{visibility:hidden;color:#ef3d43}.s2ColorOption.on{border-color:#96343a!important;background:#1b1214!important}.s2ColorOption.on>b{visibility:visible}.s2ColorOption .s2Swatch.on:after,.s2ColorOption .s2Swatch:after{display:none!important}
@media(max-width:430px){.s2Swatches{grid-template-columns:1fr}.s2VariantControls{grid-template-columns:1fr}}
/* 2.0.4 interaction fixes */
.historyEntry{grid-column:1/-1;width:100%;min-height:58px;border:1px solid #315f9d!important;background:linear-gradient(135deg,#10213b,#142c50)!important;color:#79b7ff!important;border-radius:15px!important;font-weight:850!important;font-size:16px!important;box-shadow:0 0 24px rgba(49,119,209,.10)}
.s2FavCard{cursor:pointer}.s2FavCard:active{transform:scale(.992)}
.s2FolderPickList{display:grid;gap:8px;margin:16px 0}.s2FolderPickList button{min-height:48px;border:1px solid #303640;background:#11151b;color:#eef1f5;border-radius:12px;text-align:left;padding:0 14px;font-weight:750}.s2FolderPickList button.on{border-color:#b43a43;background:#211315}.s2TileFav.on{color:#ef444b;border-color:#8e3037;background:#211215}.s2TileFav{transition:transform .16s,color .16s,background .16s}.s2TileFav.s2FavPulse{animation:s2FavPulse .4s ease}.modal:not(.hidden){overscroll-behavior:contain}.s2ItemCard{touch-action:pan-y}.s2ItemBody{touch-action:pan-y}

/* 2.1.0 release audit: modal ownership, custom controls, synchronized favorites */
html.s2ModalOpen,body.s2ModalOpen{overflow:hidden!important;height:100%!important;overscroll-behavior:none!important}
#s2ItemSheet{position:fixed!important;inset:0!important;display:block!important;overflow:hidden!important;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom))!important;touch-action:none!important}
#s2ItemSheet.hidden{display:none!important}
#s2ItemSheet .s2ItemCard{position:absolute!important;left:8px!important;right:8px!important;top:max(8px,env(safe-area-inset-top))!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;height:auto!important;max-height:none!important;margin:0 auto!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;touch-action:pan-y!important}
#s2ItemSheet .s2ItemBody{overflow:visible!important;touch-action:pan-y!important;padding-bottom:64px!important}
#s2ItemSheet .modalClose{position:sticky!important;float:right!important;top:10px!important;right:10px!important;margin:10px 10px -52px 0!important;z-index:30!important}
.s2Select{position:relative;width:100%;min-width:0}.s2Select>select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important}.s2SelectButton{width:100%;min-height:48px;padding:11px 44px 11px 14px;border:1px solid #303640;border-radius:13px;background:#11151b;color:#f4f5f7;text-align:left;font:inherit;font-weight:700;position:relative}.s2SelectButton:after{content:'⌄';position:absolute;right:15px;top:50%;transform:translateY(-55%);color:#9aa2ad;font-size:18px}.s2Select.open .s2SelectButton{border-color:#d83e46;box-shadow:0 0 0 3px rgba(216,62,70,.12)}.s2SelectMenu{display:none;position:absolute;z-index:120;left:0;right:0;top:calc(100% + 6px);max-height:min(320px,48dvh);overflow-y:auto;padding:6px;border:1px solid #343a43;border-radius:14px;background:#0d1015;box-shadow:0 18px 50px rgba(0,0,0,.55);overscroll-behavior:contain}.s2Select.open .s2SelectMenu{display:grid;gap:3px}.s2SelectMenu button{min-height:42px;padding:9px 12px;border:0;border-radius:9px;background:transparent;color:#d9dde4;text-align:left;font-weight:650}.s2SelectMenu button.on{background:#211316;color:#fff;box-shadow:inset 3px 0 #e33d45}.s2SelectMenu button:active{background:#181c22}.s2SelectButton:disabled{opacity:.5}
.s2FolderPickList button.on{border-color:#b43a43!important;background:#211315!important}.s2FolderPickList .s2FolderSave{margin-top:6px;text-align:center!important;background:linear-gradient(135deg,#e33a42,#b9222b)!important;border-color:#e33a42!important;color:#fff!important}
.s2TileFav.on{color:#ff4d55!important;border-color:#a83239!important;background:#251316!important;text-shadow:0 0 12px rgba(255,77,85,.35)}
#s2ItemFavorite.on{color:#ff555b!important}

/* 2.2.0 final UI pass */
:root{--ss-accent:#e33d45;--ss-accent-soft:rgba(227,61,69,.13)}
.s2PaletteBlock{gap:7px!important}.s2PaletteToggle{display:grid;grid-template-columns:32px 1fr 20px;align-items:center;gap:10px;width:100%;min-height:54px;padding:9px 12px;border:1px solid #2d323a;border-radius:14px;background:#111419;color:#eef1f5;text-align:left;font:inherit}.s2PaletteToggle>i{width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 2px #0c0e11;border:1px solid #3a4049}.s2PaletteToggle>b{font-size:14px}.s2PaletteToggle>span{color:#9299a4;transition:transform .18s}.s2PaletteBlock.open .s2PaletteToggle>span{transform:rotate(180deg)}.s2PaletteBlock .s2Swatches{display:none!important}.s2PaletteBlock.open .s2Swatches{display:grid!important;animation:s2Drop .18s ease}@keyframes s2Drop{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.discoveryHead{padding-bottom:8px!important}.discoveryHead h2{max-width:620px}.searchWrap{margin-top:12px!important}.discoveryTabs{margin-top:12px!important}.discoveryWelcome{min-height:150px!important;padding:28px 20px!important}.discoveryWelcome>b{font-size:18px!important}.catalogBlock{margin-top:18px!important}.catalogTabs{padding-bottom:4px}.catalogGrid{gap:12px!important}
.customizationCard{margin-top:14px;padding:16px;border:1px solid #292e36;border-radius:17px;background:linear-gradient(145deg,#12151a,#0c0e12);display:grid;gap:14px}.customizationCard>div:first-child small{display:block;color:#8d95a1;margin-top:4px}.customAccent{display:flex;gap:9px;flex-wrap:wrap}.customAccent button{width:38px;height:38px;min-width:38px;padding:0;border-radius:50%;border:2px solid #2e343d;background:var(--c);box-shadow:inset 0 0 0 3px #0c0f13}.customAccent button.on{border-color:#fff;box-shadow:0 0 0 2px var(--ss-accent),inset 0 0 0 3px #0c0f13}.customSegment{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.customSegment button{min-height:42px;border:1px solid #2d333c;border-radius:11px;background:#11151a;color:#9ca4af;font-weight:750}.customSegment button.on{border-color:var(--ss-accent);background:var(--ss-accent-soft);color:#fff}.customPreview{padding:14px;border:1px solid #292f37;border-radius:14px;background:#0d1014}.customPreview b{display:block}.customPreview small{color:#8f97a2}.customPreview i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ss-accent);margin-right:7px;box-shadow:0 0 12px var(--ss-accent)}
body.ss-compact .cards,body.ss-compact .setform{gap:8px!important}body.ss-compact .s2Action,body.ss-compact .s2FavCard{padding-top:10px!important;padding-bottom:10px!important}body.ss-motion-off *,body.ss-motion-off *:before,body.ss-motion-off *:after{animation:none!important;transition:none!important}
.primary,#buildSet,.loadoutForm #buildSet{background:linear-gradient(135deg,var(--ss-accent),color-mix(in srgb,var(--ss-accent),#000 28%))!important;border-color:var(--ss-accent)!important}.historyEntry{border-color:color-mix(in srgb,var(--ss-accent),#4d8fff 60%)!important}.s2Select.open .s2SelectButton,.s2ColorOption.on,.customSegment button.on{border-color:var(--ss-accent)!important}.s2SelectMenu button.on{box-shadow:inset 3px 0 var(--ss-accent)!important}

/* 2.2.1 price/stat polish */
.s2FavPrice{font-size:13px;color:#fff;margin-top:3px}.s2FavPrice small{display:inline;margin-left:6px;color:#8d949e;font-weight:600}.s2StatsButton span{transition:transform .18s}.s2StatsButton.on span{transform:rotate(90deg)}.s2StatGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.s2StatGrid span{padding:9px;border:1px solid #292d34;border-radius:10px;color:#858c96;font-size:10px}.s2StatGrid strong{display:block;color:#fff;font-size:13px;margin-top:3px}

/* 2.3.0 QA fixes */
.budgetToolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.budgetSortLabel{min-width:190px;display:grid;gap:6px}.budgetSortLabel>span{font-size:12px;color:#8f98a7}.budgetSortLabel .s2Select{min-width:190px}.catalogError{display:grid!important;place-items:center;gap:12px;min-height:180px;text-align:center}.catalogError p{margin:0;color:#aab1bd}
#s2ItemSheet{touch-action:auto!important;overscroll-behavior:contain!important}#s2ItemSheet .s2ItemCard{touch-action:pan-y!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important}#s2ItemSheet .s2ItemBody{touch-action:pan-y!important;min-height:min-content}.s2MarketPrice a.s2OfferLink{display:inline-flex;margin-top:7px;color:#f0f2f5;text-decoration:none;font-size:13px;font-weight:700}.s2MarketPrice a.s2OfferLink:hover{text-decoration:underline}.s2VariantControls{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.s2FavCard strong small{display:block;font-size:11px;color:#9198a5;margin-top:3px;font-weight:600}
@media(max-width:560px){.budgetToolbar{align-items:stretch;flex-direction:column}.budgetSortLabel,.budgetSortLabel .s2Select{width:100%;min-width:0}.s2VariantControls{grid-template-columns:1fr}.s2ItemCard{max-width:none!important}.s2MarketPrice{gap:10px}.s2MarketPrice strong{white-space:nowrap;font-size:18px}}
@media(max-width:340px){.budgetSetup{padding-left:14px!important;padding-right:14px!important}.pricePresets{grid-template-columns:repeat(2,1fr)!important}.s2ItemActions{grid-template-columns:1fr!important}}


/* 2.3.1 set-builder spotlight + exact-variant clarity */
.s2SetHero{position:relative;overflow:hidden;width:100%;min-height:132px;padding:15px 16px 16px;border-radius:20px;border:1px solid color-mix(in srgb,var(--ss-accent),#fff 10%);background:radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--ss-accent),transparent 74%),transparent 34%),linear-gradient(135deg,#211215 0%,#141417 58%,#0e1012 100%);color:#fff;text-align:left;box-shadow:0 16px 38px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.018)}
.s2SetHero:before{content:'';position:absolute;right:-36px;bottom:-70px;width:170px;height:170px;border:1px solid color-mix(in srgb,var(--ss-accent),transparent 68%);border-radius:38px;transform:rotate(38deg);box-shadow:0 0 0 24px color-mix(in srgb,var(--ss-accent),transparent 92%),0 0 0 50px color-mix(in srgb,var(--ss-accent),transparent 96%)}
.s2SetHeroTop{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.s2SetHeroTop>b{font-size:9px;letter-spacing:1.7px;color:#ff767c}.s2SetHeroTop>i{font-style:normal;font-size:8px;letter-spacing:1px;padding:5px 7px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ss-accent),#fff 12%);background:color-mix(in srgb,var(--ss-accent),transparent 84%);color:#ffd9db}
.s2SetHeroBody{position:relative;z-index:1;display:grid;grid-template-columns:52px minmax(0,1fr) 20px;align-items:center;gap:12px}.s2SetHeroIcon{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--ss-accent),#fff 4%),#5f171c);border:1px solid #f05b62;color:#fff;font-size:24px;box-shadow:0 10px 30px color-mix(in srgb,var(--ss-accent),transparent 72%)}
.s2SetHeroCopy{display:flex;min-width:0;flex-direction:column;gap:4px}.s2SetHeroCopy>b{font-size:18px;letter-spacing:-.25px}.s2SetHeroCopy>small{max-width:360px;color:#adb2ba;font-size:10px;line-height:1.45}.s2SetHeroChips{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.s2SetHeroChips em{font-style:normal;font-size:8px;padding:4px 6px;border-radius:7px;border:1px solid #3d3134;background:#161316;color:#c8c9ce}.s2SetHeroArrow{font-style:normal;font-size:25px;color:#ff767c}.s2SetHero:active{transform:scale(.995)}
.s2Actions>.s2ActionSearch{min-height:64px}.s2Actions{margin-top:12px}.s2SectionHead{margin-top:19px}
.setVariantInfo{display:flex;flex-wrap:wrap;gap:6px;margin:7px 0 2px}.setVariantInfo>span{display:grid;gap:1px;min-width:72px;padding:6px 8px;border-radius:8px;border:1px solid #353a43;background:#101319}.setVariantInfo small{font-size:8px;line-height:1;color:#7f8792}.setVariantInfo b{font-size:10px;line-height:1.25;color:#f0f2f5}.setVariantInfo b.yes{color:#ff7b81}.setVariantInfo b.no{color:#b7bec8}.setRemaining{margin-top:10px;font-size:11px;color:#a6adb8}.setRemaining b{color:#eef1f5}
@media(max-width:380px){.s2SetHero{min-height:124px;padding:13px}.s2SetHeroBody{grid-template-columns:46px minmax(0,1fr) 16px;gap:9px}.s2SetHeroIcon{width:44px;height:44px}.s2SetHeroCopy>b{font-size:16px}.s2SetHeroChips em{font-size:7.5px}.setVariantInfo>span{min-width:66px;padding:5px 7px}}
/* Keep ordinary search visually secondary to the featured Studio card. */
.s2Actions>.s2ActionSearch{border-color:#2b2e32!important;background:linear-gradient(135deg,#151719,#0e1012)!important;box-shadow:none!important}
.s2Actions>.s2ActionSearch .s2ActionIcon{background:#1c1e21!important;border-color:#303338!important;color:#d9dde2!important}


/* 2.3.2 palette geometry fix: keep every color marker perfectly circular */
.s2Swatch{aspect-ratio:1/1!important;box-sizing:border-box;flex:0 0 auto}
.s2PaletteToggle>.s2Swatch{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;aspect-ratio:1/1!important;border-radius:50%!important;box-sizing:border-box;display:block;justify-self:start;align-self:center}
.s2ColorOption>.s2Swatch{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;aspect-ratio:1/1!important;border-radius:50%!important;box-sizing:border-box}


/* 2.3.4 customization overhaul: make accent changes visible, but keep the dark premium base. */
:root{--ss-accent:#e33d45;--ss-accent-soft:rgba(227,61,69,.13);--ss-accent-faint:color-mix(in srgb,var(--ss-accent),transparent 88%);--ss-accent-mid:color-mix(in srgb,var(--ss-accent),#fff 18%);--ss-accent-contrast:#090d05}
html{scroll-behavior:smooth}
.pagehead span,.eyebrow,.market,.badge,.plan,.s2SetHeroTop>b{color:var(--ss-accent)!important}
.searchbox:focus-within,.setform input:focus,.setform textarea:focus,.settingsForm select:focus,.modalCard select:focus,.loadoutForm input:focus,.loadoutForm textarea:focus,.s2Select.open .s2SelectButton{border-color:var(--ss-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ss-accent),transparent 84%)!important}
.secondary:hover,.pinBtn:hover,.toggle:hover,.budgetPresets button:hover{border-color:color-mix(in srgb,var(--ss-accent),#fff 10%);background:color-mix(in srgb,var(--ss-accent),transparent 92%)}
.secondary:active,.pinBtn:active,.toggle:active,.historyEntry:active,.homeWide:active,.customSegment button:active,.customAccent button:active{transform:scale(.985)}
input[type=checkbox],input[type=radio]{accent-color:var(--ss-accent)}
.marketCheck input,.acceptLabel input{accent-color:var(--ss-accent)!important}
nav button.on{color:#fff!important}
nav button.on i{color:var(--ss-accent)!important;text-shadow:0 0 14px color-mix(in srgb,var(--ss-accent),transparent 62%)}
nav button.on::after{content:'';display:block;width:22px;height:3px;border-radius:999px;background:var(--ss-accent);margin:4px auto 0;box-shadow:0 0 16px color-mix(in srgb,var(--ss-accent),transparent 60%)}
.profilecard,.setSummary,.statline{border-color:color-mix(in srgb,var(--ss-accent),#2a3038 70%)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--ss-accent),transparent 95%),#0d1014)!important}
.customizationCard{position:relative;overflow:hidden;padding:18px;border-color:color-mix(in srgb,var(--ss-accent),#2a2f37 78%);background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--ss-accent),transparent 82%),transparent 26%),linear-gradient(145deg,#12151a,#0c0e12);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 18px 40px rgba(0,0,0,.22)}
.customizationCard:before{content:'';position:absolute;top:-50px;right:-40px;width:180px;height:180px;border-radius:40px;transform:rotate(28deg);border:1px solid color-mix(in srgb,var(--ss-accent),transparent 78%);box-shadow:0 0 0 24px color-mix(in srgb,var(--ss-accent),transparent 95%)}
.customizationCard>*{position:relative;z-index:1}
.customizationCard label{display:block;font-size:12px;font-weight:800;color:#dbe0e7;margin-bottom:-4px}
.customAccent{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.customAccent button{position:relative;width:100%;aspect-ratio:1/1;height:auto;min-width:0;border-radius:50%;border:2px solid #303640;background:var(--c);box-shadow:inset 0 0 0 4px #0c0f13,0 10px 18px rgba(0,0,0,.2);transition:transform .18s,border-color .18s,box-shadow .18s}
.customAccent button.on{border-color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--ss-accent),transparent 32%),0 14px 26px color-mix(in srgb,var(--ss-accent),transparent 74%),inset 0 0 0 4px #0c0f13}
.customSegment{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.customSegment button{min-height:48px;border:1px solid #2f353e;border-radius:13px;background:#101419;color:#a3acb8;font-weight:800;transition:transform .18s,border-color .18s,background-color .18s,color .18s,box-shadow .18s}
.customSegment button.on{background:linear-gradient(135deg,color-mix(in srgb,var(--ss-accent),transparent 84%),color-mix(in srgb,var(--ss-accent),transparent 92%));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ss-accent),transparent 56%),0 12px 24px rgba(0,0,0,.18)}
.customPreview{display:grid;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--ss-accent),#293039 82%);border-radius:18px;background:linear-gradient(145deg,#0d1015,#0b0d12)}
.customPreviewHero{display:grid;gap:4px}
.customPreviewHero span{font-size:10px;letter-spacing:1.3px;font-weight:900;color:var(--ss-accent);text-transform:uppercase}
.customPreviewHero b{display:flex;align-items:center;gap:9px;font-size:23px;line-height:1;color:#fff}
.customPreviewHero b i{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--ss-accent);box-shadow:0 0 18px color-mix(in srgb,var(--ss-accent),transparent 40%)}
.customPreviewHero small{color:#8f97a2;line-height:1.55}
.customPreviewPanel{display:grid;gap:10px}
.customPreviewButtons{display:grid;grid-template-columns:1.2fr .9fr;gap:8px}
.customPreviewButtons button{min-height:42px;border-radius:12px;font-weight:850;border:1px solid #313844}
.customDemoPrimary{background:linear-gradient(135deg,var(--ss-accent),color-mix(in srgb,var(--ss-accent),#000 20%));border-color:color-mix(in srgb,var(--ss-accent),#fff 8%);color:var(--ss-accent-contrast);box-shadow:0 14px 26px color-mix(in srgb,var(--ss-accent),transparent 74%)}
.customDemoSecondary{background:#10151c;color:#d3dbe6;border-color:color-mix(in srgb,var(--ss-accent),#2f3440 84%)}
.customPreviewRow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.customChip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 11px;border-radius:999px;border:1px solid #2f3640;background:#11161d;color:#a9b1be;font-size:11px;font-weight:800}
.customChip.on{border-color:color-mix(in srgb,var(--ss-accent),#fff 8%);background:color-mix(in srgb,var(--ss-accent),transparent 88%);color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ss-accent),transparent 55%)}
.customPreviewControls{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center}
.customPreviewControls em{font-style:normal;color:#a7afba;font-size:12px}
.customCheck{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;border:1px solid #39414c;background:#0f141b;color:transparent;font-size:13px;font-weight:900}
.customCheck.on{background:var(--ss-accent);border-color:var(--ss-accent);color:var(--ss-accent-contrast);box-shadow:0 8px 16px color-mix(in srgb,var(--ss-accent),transparent 72%)}
.customSwitch{position:relative;width:44px;height:26px;border-radius:999px;border:1px solid #39414c;background:#11161d;display:inline-block}
.customSwitch i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#c7ced7;transition:transform .18s}
.customSwitch.on{background:color-mix(in srgb,var(--ss-accent),transparent 72%);border-color:color-mix(in srgb,var(--ss-accent),#fff 16%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ss-accent),transparent 68%)}
.customSwitch.on i{transform:translateX(18px);background:#fff}
.customPreviewCard{display:grid;gap:8px;padding:12px 13px;border-radius:15px;border:1px solid color-mix(in srgb,var(--ss-accent),#2d333d 76%);background:linear-gradient(145deg,color-mix(in srgb,var(--ss-accent),transparent 92%),#11151c)}
.customPreviewCard strong{display:block;color:#fff;font-size:13px}.customPreviewCard small{display:block;color:#8f98a5;margin-top:3px}.customPreviewPrice{font-size:18px;font-weight:900;color:#fff}
.customPreviewBar{height:8px;border-radius:999px;background:#1b2028;overflow:hidden}.customPreviewBar span{display:block;height:100%;width:62%;border-radius:inherit;background:linear-gradient(90deg,var(--ss-accent),color-mix(in srgb,var(--ss-accent),#fff 28%));box-shadow:0 0 14px color-mix(in srgb,var(--ss-accent),transparent 65%)}
.customPreviewNav{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding-top:2px}.customPreviewNav span{display:grid;place-items:center;min-height:34px;border-radius:11px;background:#10141a;border:1px solid #2a3038;color:#717b88;font-size:15px}.customPreviewNav span.on,.customPreviewNav span.onDot{color:#fff;border-color:color-mix(in srgb,var(--ss-accent),#fff 14%);background:color-mix(in srgb,var(--ss-accent),transparent 90%)}
.customPreviewNav span.onDot{position:relative;color:var(--ss-accent)}
.customPreviewNav span.onDot:after{content:'';position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:18px;height:3px;border-radius:99px;background:var(--ss-accent);box-shadow:0 0 10px color-mix(in srgb,var(--ss-accent),transparent 58%)}
body.ss-compact .customPreview{gap:9px}body.ss-roomy .customPreview{gap:14px}body.ss-roomy .customPreviewButtons button{min-height:46px}body.ss-roomy .customPreviewNav span{min-height:38px}
@media(max-width:390px){.customAccent{gap:8px}.customPreviewControls{grid-template-columns:auto 1fr;row-gap:8px}.customPreviewButtons{grid-template-columns:1fr}.customPreviewHero b{font-size:20px}}


/* 2.3.5 profile history + safe folder management */
.s2ActiveFolderBar{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:12px 13px;border:1px solid color-mix(in srgb,var(--ss-accent),#2c323a 78%);border-radius:14px;background:linear-gradient(135deg,color-mix(in srgb,var(--ss-accent),transparent 92%),#101319)}
.s2ActiveFolderBar>div:first-child{min-width:0}.s2ActiveFolderBar small{display:block;font-size:8px;letter-spacing:1.2px;color:var(--ss-accent);font-weight:900}.s2ActiveFolderBar b{display:block;margin-top:3px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s2FolderActions{position:relative;flex:0 0 auto}.s2FolderActions>button{width:38px;height:34px;padding:0;border:1px solid #333943;border-radius:10px;background:#11161d;color:#c9d0da;font-size:17px;font-weight:900;letter-spacing:1px}.s2FolderActions>button:active{transform:scale(.96)}
.s2FolderMenu{position:absolute;right:0;top:calc(100% + 7px);z-index:80;min-width:170px;padding:5px;border:1px solid #343a43;border-radius:12px;background:#0e1116;box-shadow:0 18px 45px rgba(0,0,0,.48)}.s2FolderMenu button{width:100%;min-height:40px;padding:9px 11px;border:0;border-radius:9px;background:transparent;color:#ff7279;text-align:left;font-weight:800}.s2FolderMenu button:active{background:#221215}
.s2FolderDeleteCard{max-width:390px}.s2FolderDeleteCard>small{color:var(--ss-accent);letter-spacing:1.4px}.s2FolderDeleteCard p{margin:8px 0 0;color:#959da8;font-size:12px;line-height:1.55}.s2FolderDeleteActions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.s2FolderDeleteActions button{min-height:46px;border-radius:12px;font-weight:850}.s2DangerButton{border:1px solid #9d333b;background:linear-gradient(135deg,#e33d45,#9f232b);color:#fff}.s2DangerButton:disabled{opacity:.5}
.s2HistoryItem{grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:3px 8px;transition:border-color .16s,background-color .16s,transform .16s}.s2HistoryItem b,.s2HistoryItem small{grid-column:1}.s2HistoryItem>span{grid-column:2;grid-row:1/3;align-self:center;color:var(--ss-accent);font-size:22px}.s2HistoryItem:active{transform:scale(.99);border-color:color-mix(in srgb,var(--ss-accent),#2d333b 55%);background:color-mix(in srgb,var(--ss-accent),transparent 92%)}


/* 2.3.6 full-theme pass: apply customization to the builder and the full app background. */
:root{--ss-page-bg:linear-gradient(180deg,#07090d 0%,#090c12 36%,#080a0f 100%);--ss-surface-1:linear-gradient(145deg,color-mix(in srgb,var(--ss-accent),transparent 95%),#12161d);--ss-surface-2:linear-gradient(145deg,color-mix(in srgb,var(--ss-accent),transparent 93%),#0f1319);--ss-surface-3:linear-gradient(145deg,color-mix(in srgb,var(--ss-accent),transparent 90%),#10151c);--ss-line:color-mix(in srgb,var(--ss-accent),#2c323c 74%);--ss-line-strong:color-mix(in srgb,var(--ss-accent),#3a4350 60%);--ss-glow:color-mix(in srgb,var(--ss-accent),transparent 86%);--ss-glow-strong:color-mix(in srgb,var(--ss-accent),transparent 72%);--ss-chip-bg:color-mix(in srgb,var(--ss-accent),transparent 89%)}
body{background:radial-gradient(circle at 18% -8%,var(--ss-glow),transparent 33%),radial-gradient(circle at 92% 0,color-mix(in srgb,var(--ss-accent),transparent 90%),transparent 30%),var(--ss-page-bg)!important}
header{background:color-mix(in srgb,#090b10,transparent 6%)!important;border-bottom-color:var(--ss-line)!important;box-shadow:0 10px 30px rgba(0,0,0,.16)}
nav{background:color-mix(in srgb,#090b10,transparent 4%)!important;border-top-color:var(--ss-line)!important}
.icon,.tile,.card,.userrow,.metric,.setform,.modalCard,.modelCard,.skinTile,.searchbox,.profilecard,.adminEntry,.loadoutStudio .setCard,.loadoutStudio .setSummary,.setWelcome,.loadoutForm,.setAdvanced,.historyEntry,.s2HistoryItem,.s2FavCard,.s2ActiveFolderBar,.s2SelectButton,.s2PaletteToggle,.s2MarketPrice,.s2StatsButton,.s2StatsPanel,.customPreviewCard,.customizationCard,.customPreview,.s2FolderActions>button,.catalogTab,.huntTab,.secondary,.pinBtn,.toggle,.userActions button,.setActions a,.setActions button,.loadoutStudio .replaceBtn{border-color:var(--ss-line)!important}
.tile,.card,.userrow,.metric,.setform,.modalCard,.modelCard,.skinTile,.profilecard,.adminEntry,.loadoutStudio .setCard,.loadoutStudio .setSummary,.setWelcome,.loadoutForm,.setAdvanced,.s2FavCard,.s2ActiveFolderBar,.s2MarketPrice,.s2StatsPanel,.customPreviewCard,.customizationCard,.customPreview,.catalogTab,.huntTab,.secondary,.pinBtn,.toggle,.userActions button,.setActions a,.setActions button,.loadoutStudio .replaceBtn{background:var(--ss-surface-2)!important}
.searchbox,.s2SelectButton,.s2PaletteToggle,.s2StatsButton{background:var(--ss-surface-3)!important}
.loadoutStudio .pagehead,.loadoutStudio .pagehead p,.loadoutStudio .pagehead h2{position:relative;z-index:1}
.loadoutStudio .pagehead:before{content:'';position:absolute;inset:-16px -6px 0;border-radius:24px;background:radial-gradient(circle at 85% 0,var(--ss-glow),transparent 36%);pointer-events:none;z-index:0}
.loadoutForm{position:relative;overflow:hidden;padding:24px;border-radius:24px;box-shadow:0 16px 36px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03)!important}
.loadoutForm:before{content:'';position:absolute;right:-46px;top:-46px;width:170px;height:170px;border-radius:42px;border:1px solid color-mix(in srgb,var(--ss-accent),transparent 74%);transform:rotate(28deg);box-shadow:0 0 0 24px color-mix(in srgb,var(--ss-accent),transparent 95%)}
.loadoutForm>*{position:relative;z-index:1}
.loadoutForm #setBudget,.loadoutForm input,.loadoutForm select,.setform input,.setform select,.setform textarea,.modalCard select,.modalCard textarea{background:#0b1016!important;border-color:var(--ss-line)!important;color:#f4f6fa!important}
.budgetPresets button,.pricePresets button{border-color:var(--ss-line)!important;background:#11161d!important;color:#aeb7c4!important;transition:transform .16s,border-color .16s,background-color .16s,box-shadow .16s,color .16s}
.budgetPresets button.on,.budgetPresets button:hover,.pricePresets button.on,.pricePresets button:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--ss-accent),transparent 82%),color-mix(in srgb,var(--ss-accent),transparent 90%))!important;border-color:var(--ss-accent)!important;color:#fff!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--ss-accent),transparent 56%),0 12px 24px color-mix(in srgb,var(--ss-accent),transparent 86%)}
.studioStep span,.s2ItemEyebrow,.s2HistoryCard>small,.s2FolderDeleteCard>small,.s2ActiveFolderBar small{color:var(--ss-accent)!important}
.catalogTab.on,.huntTab.on,.s2HistoryTabs button.on,.s2FavFolders button.on,.toggle.on,.pinBtn.on,.customSegment button.on{background:linear-gradient(135deg,color-mix(in srgb,var(--ss-accent),transparent 84%),color-mix(in srgb,var(--ss-accent),transparent 92%))!important;border-color:var(--ss-accent)!important;color:#fff!important}
.historyEntry{background:linear-gradient(135deg,color-mix(in srgb,var(--ss-accent),transparent 80%),color-mix(in srgb,var(--ss-accent),transparent 88%))!important;color:#fff!important;box-shadow:0 0 24px color-mix(in srgb,var(--ss-accent),transparent 90%)}
.loadoutStudio .setWelcome,.loadoutStudio .setSummary,.loadoutStudio .setCard,.setAdvanced,.setPrefRow select{background:var(--ss-surface-1)!important}
.setWelcome>span,.loadoutStudio .pagehead span,.loadoutStudio .setCard .price,.s2HistoryItem>span,.s2SetHeroArrow{color:var(--ss-accent)!important}
.s2SetHero{background:radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--ss-accent),transparent 72%),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--ss-accent),transparent 92%) 0%,#141417 58%,#0e1012 100%)!important}
.s2SetHeroIcon{background:linear-gradient(145deg,color-mix(in srgb,var(--ss-accent),#fff 8%),color-mix(in srgb,var(--ss-accent),#000 42%))!important;border-color:color-mix(in srgb,var(--ss-accent),#fff 10%)!important}
.customizationCard,.customPreview{background:linear-gradient(145deg,color-mix(in srgb,var(--ss-accent),transparent 94%),#0c0f13)!important}
.customPreviewHero small{max-width:unset}
.customPreviewButtons .customDemoPrimary,.primary,#buildSet,.loadoutForm #buildSet{color:#fff!important;box-shadow:0 14px 28px color-mix(in srgb,var(--ss-accent),transparent 78%)}
.customDemoSecondary,.secondary,.pinBtn,.toggle,.userActions button,.loadoutStudio .replaceBtn{background:var(--ss-surface-3)!important;color:#dbe2eb!important}
.s2ColorOption.on,.s2Select.open .s2SelectButton,.s2Swatch.on,.customAccent button.on{box-shadow:0 0 0 2px var(--ss-accent),0 12px 22px color-mix(in srgb,var(--ss-accent),transparent 80%),inset 0 0 0 3px #0c0e11!important}
.s2Swatch.on:after,.customCheck.on,.s2DangerButton{background:var(--ss-accent)!important;border-color:var(--ss-accent)!important}
.s2HistoryItem:active,.s2FavCard:active,.tile:active,.card:active,.modelCard:active,.skinTile:active{background:linear-gradient(145deg,color-mix(in srgb,var(--ss-accent),transparent 90%),#10141a)!important}
body[data-accent="#ffffff"]{--ss-page-bg:linear-gradient(180deg,#0c1014 0%,#0f1318 36%,#0a0d12 100%);--ss-line:rgba(255,255,255,.18);--ss-line-strong:rgba(255,255,255,.28)}
body[data-accent="#ffffff"] .primary,body[data-accent="#ffffff"] #buildSet,body[data-accent="#ffffff"] .loadoutForm #buildSet,body[data-accent="#ffffff"] .customDemoPrimary{color:#111317!important;background:linear-gradient(135deg,#ffffff,#cfd7df)!important;border-color:#ffffff!important}
body[data-accent="#ffffff"] .historyEntry,body[data-accent="#ffffff"] .catalogTab.on,body[data-accent="#ffffff"] .huntTab.on,body[data-accent="#ffffff"] .s2HistoryTabs button.on,body[data-accent="#ffffff"] .s2FavFolders button.on,body[data-accent="#ffffff"] .toggle.on,body[data-accent="#ffffff"] .pinBtn.on,body[data-accent="#ffffff"] .customSegment button.on{color:#111317!important}
body.ss-roomy .loadoutForm{gap:21px!important;padding:27px!important}body.ss-compact .loadoutForm{gap:14px!important;padding:18px!important}


/* 2.3.7 COMPLETE THEME OVERRIDE
   Final theming layer: removes the remaining hard-coded red/violet UI accents.
   Item/swatch colors still represent actual skin colors; interface chrome follows --ss-accent. */
:root{
  --s2-red:var(--ss-accent);
  --s2-red2:color-mix(in srgb,var(--ss-accent),#000 42%);
  --violet:var(--ss-accent);
  --cyan:color-mix(in srgb,var(--ss-accent),#fff 32%);
  --acid:var(--ss-accent);
  --theme-04:color-mix(in srgb,var(--ss-accent),transparent 96%);
  --theme-07:color-mix(in srgb,var(--ss-accent),transparent 93%);
  --theme-10:color-mix(in srgb,var(--ss-accent),transparent 90%);
  --theme-14:color-mix(in srgb,var(--ss-accent),transparent 86%);
  --theme-18:color-mix(in srgb,var(--ss-accent),transparent 82%);
  --theme-24:color-mix(in srgb,var(--ss-accent),transparent 76%);
  --theme-34:color-mix(in srgb,var(--ss-accent),transparent 66%);
}

/* Entire canvas / app shell */
html{background:#05070a!important}
body{
  background:
    radial-gradient(ellipse 78% 42% at 16% -8%,var(--theme-14),transparent 68%),
    radial-gradient(ellipse 72% 38% at 96% 2%,var(--theme-10),transparent 70%),
    linear-gradient(180deg,#080b10 0%,#070a0f 46%,#05070a 100%)!important;
}
header{border-bottom-color:var(--theme-18)!important}
.mark{border-color:var(--theme-24)!important;box-shadow:inset 0 0 22px var(--theme-10)!important}

/* Home hero */
.s2BrandPanel{
  border-color:var(--theme-24)!important;
  background:
    radial-gradient(circle at 92% 10%,var(--theme-14),transparent 37%),
    linear-gradient(125deg,color-mix(in srgb,var(--ss-accent),#17191c 4%) 0%,#0c0f13 68%)!important;
  box-shadow:0 18px 50px #0008,inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.s2BrandPanel:before{background:var(--theme-18)!important;box-shadow:0 0 58px var(--theme-10)!important}
.s2BrandPanel:after{background:linear-gradient(115deg,transparent 56%,var(--theme-07))!important}
.s2BrandCopy>span,.s2BrandMark i:last-child{color:var(--ss-accent)!important}
.s2BrandMark{opacity:.23!important}
.s2ProfileOpen{border-color:var(--theme-18)!important;background:var(--ss-surface-3)!important}

/* Home actions / price hunt preview */
.s2Action,.s2HuntPreview,.s2Quick{border-color:var(--ss-line)!important;background:var(--ss-surface-2)!important}
.s2ActionSearch{border-color:var(--theme-24)!important;background:linear-gradient(135deg,var(--theme-10),#101318 58%)!important}
.s2ActionSearch .s2ActionIcon{
  background:var(--theme-14)!important;
  border-color:var(--theme-34)!important;
  color:var(--ss-accent)!important;
  box-shadow:0 10px 25px var(--theme-07)!important;
}
.s2Radar{
  border-color:var(--theme-34)!important;
  color:var(--ss-accent)!important;
  background:radial-gradient(circle,var(--theme-24),var(--theme-07) 62%,#111419 100%)!important;
  box-shadow:0 0 22px var(--theme-07)!important;
}
.s2Quick i,.s2SectionHead button{color:var(--ss-accent)!important}

/* Bottom navigation */
.s2Nav{border-top-color:var(--theme-18)!important;background:rgba(7,9,13,.965)!important}
.s2Nav button{color:#9aa2af!important}
.s2Nav button.on{color:#fff!important}
.s2Nav button.on i{color:var(--ss-accent)!important;text-shadow:0 0 16px var(--theme-34)!important}
.s2Nav button.on::after,.s2Nav button:after{background:var(--ss-accent)!important;box-shadow:0 0 13px var(--theme-34)!important}

/* Search / item details */
#search .searchbox:focus-within{border-color:var(--theme-34)!important;box-shadow:0 0 0 3px var(--theme-10),0 16px 38px rgba(0,0,0,.28)!important}
.s2ItemHero{background:radial-gradient(circle at 50% 45%,var(--theme-18),transparent 43%),linear-gradient(155deg,#181b21,#0b0d11)!important}
.s2ItemEyebrow,.s2FavCard small,.s2FolderCard>small,.s2HistoryCard>small{color:var(--ss-accent)!important}
.s2TileFav:active{color:var(--ss-accent)!important}
.s2FavFolders button{border-color:var(--ss-line)!important;background:var(--ss-surface-3)!important}
.s2FavFolders button.on{border-color:var(--ss-accent)!important;color:#fff!important;background:var(--theme-14)!important}

/* Hunt setup — both choices belong to current theme, active one is stronger */
.huntModeBtn{
  border:1px solid var(--theme-24)!important;
  background:var(--theme-04)!important;
  color:#dfe4eb!important;
  box-shadow:inset 0 0 0 1px var(--theme-04)!important;
}
.huntModeBtn.on{
  border-color:var(--ss-accent)!important;
  background:linear-gradient(135deg,var(--theme-24),var(--theme-14))!important;
  color:#fff!important;
  box-shadow:0 0 0 1px var(--theme-10),0 12px 28px var(--theme-07)!important;
}
#huntPriceWrap input:focus,#huntSkin:focus,#huntWear:focus,#huntSt:focus,#huntPhase:focus{border-color:var(--ss-accent)!important;box-shadow:0 0 0 3px var(--theme-10)!important}

/* Set builder — remove all violet chrome */
.studioEyebrow,.studioStep span,.setBudgetLine b,.loadoutStudio .setCardTop .market,.setWelcome>span{color:var(--ss-accent)!important}
.studioEyebrow i{border-color:var(--ss-accent)!important;box-shadow:0 0 15px var(--theme-34)!important}
.studioOrbit i{border-color:var(--ss-accent)!important}.studioOrbit i:nth-child(2){border-color:color-mix(in srgb,var(--ss-accent),#fff 28%)!important}.studioOrbit i:nth-child(3){background:var(--theme-14)!important}
.studioStep span{border-color:var(--theme-34)!important;background:var(--theme-07)!important}
.loadoutForm select:focus,.loadoutForm input:focus{border-color:var(--ss-accent)!important;box-shadow:0 0 0 3px var(--theme-10)!important}
.budgetPresets button,.pricePresets button{border-color:var(--theme-18)!important;background:#11151b!important}
.budgetPresets button.on,.budgetPresets button:hover,.pricePresets button.on,.pricePresets button:hover{background:var(--theme-14)!important;color:#fff!important;border-color:var(--ss-accent)!important;box-shadow:0 10px 24px var(--theme-07)!important}
.loadoutForm #buildSet,.primary,.searchbox button,.quickAction{background:linear-gradient(135deg,var(--ss-accent),color-mix(in srgb,var(--ss-accent),#000 30%))!important;border-color:var(--ss-accent)!important;color:#fff!important}
.loadoutStudio .setSummary{border-color:var(--theme-34)!important;background:linear-gradient(120deg,var(--theme-14),#0e131e)!important}
.setBudgetTrack i{background:linear-gradient(90deg,var(--ss-accent),color-mix(in srgb,var(--ss-accent),#fff 30%))!important}
.loadoutStudio .setCard .skinimg{background:radial-gradient(ellipse,var(--theme-14),transparent 70%)!important}
.loadoutStudio .setActions a{background:linear-gradient(135deg,var(--ss-accent),color-mix(in srgb,var(--ss-accent),#000 24%))!important;color:#fff!important}
.loadoutStudio .pinBtn.on{border-color:var(--ss-accent)!important;background:var(--theme-24)!important;color:#fff!important}
.loadoutStudio #rebuildSet{background:var(--theme-14)!important;color:#fff!important;border-color:var(--theme-34)!important}
.loadoutStudio .setWelcome{border-color:var(--theme-24)!important;background:linear-gradient(145deg,var(--theme-07),#0d1016)!important}

/* Onboarding / legal gate */
.s2Onboarding,.entryGate{background:radial-gradient(ellipse at 88% 0,var(--theme-14),#07090d 62%)!important}
.s2OnboardVisual{border-color:var(--theme-24)!important;background:radial-gradient(circle at 50% 50%,var(--theme-24),#111419 40%,#090b0f 72%)!important}
.s2OnboardVisual:after{border-color:var(--theme-34)!important;box-shadow:0 0 0 35px var(--theme-07),0 0 0 70px var(--theme-04)!important}
.s2OnboardCard>small,.entryBrand,.entryEyebrow{color:var(--ss-accent)!important}
.s2Dots i.on{background:var(--ss-accent)!important}
.s2OnboardNext,#agreementContinue:not(:disabled){background:linear-gradient(135deg,var(--ss-accent),color-mix(in srgb,var(--ss-accent),#000 34%))!important;border-color:var(--ss-accent)!important;color:#fff!important}
.entryDocument,.legalNote{border-color:var(--theme-24)!important;background:var(--theme-04)!important}
.acceptLabel input{accent-color:var(--ss-accent)!important}

/* Profile / history / subscription */
.historyEntry,.profileActions .subscriptionEntry{
  background:linear-gradient(135deg,var(--theme-18),var(--theme-10))!important;
  border-color:var(--theme-34)!important;
  color:#fff!important;
}
.s2HistoryTabs button{border-color:var(--theme-18)!important;background:var(--ss-surface-3)!important}
.s2HistoryTabs button.on{border-color:var(--ss-accent)!important;background:var(--theme-18)!important;color:#fff!important}
.subscriptionCardTop>span{background:var(--theme-18)!important;color:#fff!important}
.subscriptionCard li::before,.subscriptionDetail li::before{color:var(--ss-accent)!important}
.subscriptionCard button{border-color:var(--theme-34)!important;background:var(--theme-14)!important;color:#fff!important}
.subscriptionDetail{border-color:var(--theme-34)!important;background:linear-gradient(145deg,var(--theme-10),#11141a)!important}
.subscriptionDetail a{background:var(--ss-accent)!important;color:#fff!important}

/* Generic active/focus accents throughout app */
.catalogTab.on,.huntTab.on,.toggle.on,.pinBtn.on,.customSegment button.on,.s2ColorOption.on,.s2Select.open .s2SelectButton{border-color:var(--ss-accent)!important;color:#fff!important;background:var(--theme-14)!important}
.pagehead>span,.market,.tile i,.eyebrow,.badge,.plan,.linkBtn{color:var(--ss-accent)!important}
input[type=checkbox],input[type=radio],.marketCheck input{accent-color:var(--ss-accent)!important}

/* Danger actions intentionally follow the chosen full theme too. */
.s2DangerButton,.s2FolderMenu button:active{border-color:var(--ss-accent)!important;background:linear-gradient(135deg,var(--ss-accent),color-mix(in srgb,var(--ss-accent),#000 34%))!important;color:#fff!important}
.s2FolderMenu button{color:var(--ss-accent)!important}

/* White theme needs dark foreground on filled white controls. */
body[data-accent="#ffffff"] .primary,
body[data-accent="#ffffff"] .searchbox button,
body[data-accent="#ffffff"] .quickAction,
body[data-accent="#ffffff"] .loadoutForm #buildSet,
body[data-accent="#ffffff"] .loadoutStudio .setActions a,
body[data-accent="#ffffff"] .s2OnboardNext,
body[data-accent="#ffffff"] #agreementContinue:not(:disabled),
body[data-accent="#ffffff"] .subscriptionDetail a,
body[data-accent="#ffffff"] .s2DangerButton{color:#0b0f14!important}

/* 2.3.9 visual QA: Safari/WebView paint containment + narrow-screen cleanup. */
html,body{max-width:100%;overflow-x:hidden}
@supports (overflow:clip){html,body{overflow-x:clip}}
.s2BrandPanel,.s2SetHero,.loadoutForm,.customizationCard,.customPreview{
  isolation:isolate;
  contain:paint;
  overflow:hidden;
}
@supports (overflow:clip){.s2BrandPanel,.s2SetHero,.loadoutForm,.customizationCard,.customPreview{overflow:clip}}
/* Do not blur a pseudo-element past a rounded clipping edge in Telegram WebView/WebKit. */
.s2BrandPanel:before{
  width:210px!important;height:210px!important;right:-78px!important;top:-92px!important;
  background:radial-gradient(circle at 50% 50%,var(--theme-24) 0%,var(--theme-14) 45%,transparent 72%)!important;
  filter:none!important;box-shadow:none!important;
}
.s2BrandPanel:after{inset:1px!important;border-radius:21px!important}
.s2BrandCopy,.s2BrandMark{transform:translateZ(0)}

/* Prevent decorative studio geometry from producing an off-canvas paint box. */
.loadoutStudio .pagehead{contain:paint;overflow:hidden!important;border-radius:24px;padding-left:2px;padding-right:2px}
.studioOrbit{right:18px!important;top:15%!important;width:146px!important;height:146px!important;max-width:42vw;max-height:42vw;transform:rotate(-22deg) translateZ(0)!important}

/* Every nested grid/flex child in customization may shrink on 320 px screens. */
.customizationCard,.customizationCard>*,.customPreview,.customPreview>*,.customPreviewPanel,.customPreviewPanel>*,.customPreviewRow,.customPreviewControls{min-width:0;max-width:100%}
.customAccent{grid-template-columns:repeat(5,minmax(32px,1fr))!important;gap:8px!important}
.customSegment{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.customSegment button{min-width:0;padding-left:7px;padding-right:7px;white-space:normal;overflow-wrap:anywhere}
.customPreviewControls em{min-width:0;overflow-wrap:anywhere}
.customPreviewNav{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.customPreviewNav span{min-width:0}

/* Long two-choice hunt labels should wrap cleanly instead of growing an awkward gray slab. */
.huntMode{grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch}
.huntModeBtn{min-width:0!important;height:auto!important;min-height:50px!important;padding:10px 12px!important;white-space:normal!important;line-height:1.18!important;text-wrap:balance}

/* Legal/public links inside the Mini App. */
.entryPublicLinks,.subscriptionLegalLinks,.subscriptionPolicyLinks{display:flex;gap:8px;flex-wrap:wrap;margin-top:13px}
.entryPublicLinks a,.subscriptionLegalLinks a,.subscriptionPolicyLinks a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 11px;border:1px solid var(--ss-line);border-radius:10px;background:var(--ss-surface-3);color:#cfd6df;text-decoration:none;font-size:10px;font-weight:750}
.profileActions .profileLegalLink{display:flex!important;align-items:center;justify-content:center;text-decoration:none;min-height:46px;padding:10px 12px}
.subscriptionRenewalBox{margin:16px 0;padding:14px;border:1px solid var(--theme-24);border-radius:14px;background:linear-gradient(145deg,var(--theme-07),#0d1116)}
.subscriptionRenewalHead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.subscriptionRenewalHead>div{min-width:0}.subscriptionRenewalHead b{display:block;color:#fff}.subscriptionRenewalHead small{display:block;margin-top:3px;color:#8f98a4;font-size:10px}.subscriptionRenewalHead>span{flex:0 0 auto;font-size:10px;font-weight:850;color:var(--ss-accent)}
.subscriptionRenewalToggle{display:grid!important;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;color:#dbe1e8!important;cursor:pointer}.subscriptionRenewalToggle input{position:absolute;opacity:0;pointer-events:none}.subscriptionRenewalToggle i{position:relative;width:44px;height:26px;border-radius:999px;border:1px solid #39414c;background:#11161d;transition:.18s}.subscriptionRenewalToggle i:after{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#c7ced7;transition:.18s}.subscriptionRenewalToggle input:checked+i{background:var(--theme-24);border-color:var(--ss-accent);box-shadow:0 0 0 2px var(--theme-07)}.subscriptionRenewalToggle input:checked+i:after{transform:translateX(18px);background:#fff}.subscriptionRenewalToggle span{font-size:11px;line-height:1.45}.subscriptionRenewalBox p{margin:10px 0 0!important;font-size:10px!important;color:#8f98a4!important}.subscriptionRenewalBox.lifetime b{color:var(--ss-accent)}
.subscriptionPolicyLinks{margin:12px 0 4px}.subscriptionPolicyLinks a{flex:1 1 110px}
.legalDoc a{color:color-mix(in srgb,var(--ss-accent),#fff 20%);text-underline-offset:3px}

@media(max-width:430px){
  .page{padding-left:14px!important;padding-right:14px!important}
  .s2BrandPanel{padding:20px!important}
  .s2BrandCopy{max-width:82%!important}
  .s2BrandCopy h1{font-size:clamp(27px,8vw,34px)!important;overflow-wrap:anywhere}
  .s2BrandMark{right:14px!important;bottom:12px!important;transform:skew(-8deg) scale(.92)!important;transform-origin:right bottom!important}
  .studioOrbit{right:10px!important;width:126px!important;height:126px!important}
  .loadoutForm{padding:18px!important}
  .budgetPresets{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .budgetPresets button{min-width:0!important}
  .subscriptionCard,.subscriptionDetail{padding:16px!important}
  .legalPage .pagehead h2{font-size:clamp(25px,8vw,31px)!important;overflow-wrap:anywhere}
}
@media(max-width:350px){
  .page{padding-left:12px!important;padding-right:12px!important}
  .customizationCard{padding:14px!important}
  .customAccent{gap:6px!important}
  .customSegment{grid-template-columns:1fr!important}
  .customPreviewNav{gap:5px!important}
  .huntMode{grid-template-columns:1fr!important}
  .s2BrandCopy{max-width:88%!important}
  .s2BrandMark{opacity:.14!important;transform:skew(-8deg) scale(.80)!important}
  .studioOrbit{right:2px!important;width:112px!important;height:112px!important;opacity:.12!important}
  .entryDocument{padding:14px!important}
}


/* 2.3.10 agreement gate + temporary admin grants */
.entryGate{background-color:#07090d!important;background-image:radial-gradient(ellipse at 88% 0,var(--theme-14),transparent 42%),linear-gradient(180deg,#080a0f 0%,#07090d 100%)!important;backdrop-filter:none!important}
.entryGate .entryCard{position:relative;z-index:1;padding:8px 0 18px}
.entryDocument{background:#0d1015!important;box-shadow:0 18px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.02)}
.entryLoading{min-height:130px;display:grid;place-items:center;color:#9098a4;font-weight:750}
#entryError{line-height:1.45}
.adminGrantCard{max-width:430px}
.adminGrantCard>small{color:var(--ss-accent);letter-spacing:1.4px;font-weight:900}
.adminGrantUser{margin:4px 0 15px;color:#8f98a5;font-size:12px}
.adminGrantPresets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.adminGrantPresets button{min-height:42px;border:1px solid var(--ss-line);border-radius:11px;background:#10151c;color:#c8d0da;font-weight:800}
.adminGrantPresets button.on{border-color:var(--ss-accent);background:color-mix(in srgb,var(--ss-accent),transparent 84%);color:#fff;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ss-accent),transparent 58%)}
.adminGrantCustom{display:grid;gap:7px;color:#aab2bd;font-size:12px;font-weight:800}
.adminGrantCustom input{width:100%;min-height:46px;border:1px solid var(--ss-line);border-radius:11px;background:#0b1016;color:#fff;padding:0 12px;outline:0}
.adminGrantCustom input:focus{border-color:var(--ss-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ss-accent),transparent 84%)}
#adminGrantApply{width:100%;min-height:48px;margin-top:12px}
@media(max-width:360px){.adminGrantPresets{grid-template-columns:repeat(2,1fr)}.entryGate{padding-left:12px!important;padding-right:12px!important}}


/* 2.3.11 release-candidate polish: one accent source of truth, no accidental violet/cyan/green chrome. */
:root{
  --violet:var(--ss-accent);
  --cyan:color-mix(in srgb,var(--ss-accent),#fff 28%);
  --acid:var(--ss-accent);
}
.customAccent{display:grid!important;grid-template-columns:repeat(6,minmax(30px,1fr))!important;gap:8px!important}
.customAccent button{width:100%!important;max-width:42px;aspect-ratio:1/1;height:auto!important;justify-self:center}

/* Subscription and staff-access states: the exact area that previously leaked the old violet theme. */
.subscriptionStatus{
  color:#d6dde6!important;
  border-color:var(--theme-34)!important;
  background:linear-gradient(135deg,var(--theme-14),var(--theme-07))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.subscriptionCard{
  border-color:var(--ss-line)!important;
  background:var(--ss-surface-2)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.subscriptionCardTop>span{background:var(--theme-18)!important;color:#fff!important;border:1px solid var(--theme-24)!important}
.subscriptionCard button{border-color:var(--theme-34)!important;background:linear-gradient(135deg,var(--theme-18),var(--theme-10))!important;color:#fff!important}
.subscriptionCard button:hover{border-color:var(--ss-accent)!important;background:var(--theme-24)!important}
.subscriptionDetail h3{color:#fff!important}
.paymentStatus{border-top-color:var(--ss-line)!important}
.subscriptionNote{color:#aab3bf!important}

/* Agreement / legal gate secondary controls also follow the selected accent. */
.legalNote{border-color:var(--theme-24)!important;background:var(--theme-07)!important}
#entryRetry{background:var(--ss-surface-3)!important;color:#eef2f7!important;border-color:var(--theme-34)!important}
#entryRetry:hover{border-color:var(--ss-accent)!important;background:var(--theme-14)!important}
#entryTelegram{color:color-mix(in srgb,var(--ss-accent),#fff 42%)!important}
#agreementContinue:disabled{background:#20252d!important;color:#919aa6!important;border-color:#343b46!important;box-shadow:none!important}

/* Set studio residuals from the legacy violet stylesheet. */
.setSummaryTop>span:first-child,.setBudgetLine b{color:color-mix(in srgb,var(--ss-accent),#fff 45%)!important}
.setBadges .phaseBadge{color:color-mix(in srgb,var(--ss-accent),#fff 46%)!important;border-color:var(--theme-34)!important;background:var(--theme-07)!important}
.loadoutStudio .setActions button:hover{background:var(--theme-14)!important;border-color:var(--theme-34)!important}
.loadoutStudio #rebuildSet:hover{background:var(--theme-24)!important;border-color:var(--ss-accent)!important}
.buildProgress:before{border-top-color:var(--ss-accent)!important}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--ss-accent)!important}

/* All legacy UI tokens become theme-aware even when an old selector has higher specificity. */
.install,.statline,.adminEntry,.badge,.linkBtn{border-color:var(--ss-line)!important}
.install,.adminEntry{background:var(--ss-surface-2)!important;color:color-mix(in srgb,var(--ss-accent),#fff 32%)!important}
.statline{background:var(--theme-07)!important;color:#cbd3dc!important}
.toggle.on{border-color:var(--ss-accent)!important;color:#fff!important;background:var(--theme-14)!important}

/* White remains a usable theme: filled controls need dark foreground. */
body[data-accent="#ffffff"] .subscriptionCard button,
body[data-accent="#ffffff"] .subscriptionCardTop>span,
body[data-accent="#ffffff"] .install,
body[data-accent="#ffffff"] .adminEntry{color:#0b0f14!important}

@media(max-width:350px){
  .customAccent{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .customAccent button{max-width:44px}
}

/* Final release-candidate sweep: old utility components must never leak the legacy lime/violet palette. */
.chips .fast{border-color:var(--theme-34)!important;color:color-mix(in srgb,var(--ss-accent),#fff 30%)!important;background:var(--theme-07)!important}
#toast{background:linear-gradient(135deg,color-mix(in srgb,var(--ss-accent),#fff 12%),color-mix(in srgb,var(--ss-accent),#000 24%))!important;color:#fff!important;border:1px solid var(--theme-34)!important;box-shadow:0 16px 36px rgba(0,0,0,.34),0 0 24px var(--theme-07)!important}
body[data-accent="#ffffff"] #toast{background:linear-gradient(135deg,#fff,#cfd7df)!important;color:#0b0f14!important;border-color:#fff!important}

/* 2.3.12 startup layering + instant subscription/trial */
body.entryLocked #app{visibility:hidden!important}
.s2Onboarding:not(.hidden)~#app{visibility:hidden!important}
.entryGate,.s2Onboarding{isolation:isolate;opacity:1!important;background:radial-gradient(ellipse at 88% 0,var(--theme-14),transparent 42%),#07090d!important}
.entryGate:before,.s2Onboarding:before{content:'';position:fixed;inset:0;z-index:-1;background:#07090d;pointer-events:none}
.entryLoading{min-height:92px;display:grid;place-items:center;color:#aab3bf;font-size:13px;text-align:center}
.subscriptionTrial{position:relative;overflow:hidden;margin:14px 0 16px;padding:17px 18px;border:1px solid var(--ss-line);border-radius:18px;background:linear-gradient(145deg,var(--theme-10),#0e1218);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.subscriptionTrial:after{content:'';position:absolute;right:-54px;top:-62px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,var(--theme-24),transparent 68%);pointer-events:none}
.subscriptionTrial>*{position:relative;z-index:1}.subscriptionTrial>span{display:block;margin-bottom:7px;color:var(--ss-accent);font-size:9px;font-weight:900;letter-spacing:1.6px}.subscriptionTrial>b{display:block;color:#f4f6fa;font-size:18px;line-height:1.25}.subscriptionTrial>p{margin:7px 0 0;color:#aab3bf;font-size:11px;line-height:1.55}.subscriptionTrial>button{width:100%;min-height:45px;margin-top:13px;border:1px solid var(--ss-accent);border-radius:12px;background:linear-gradient(135deg,var(--ss-accent),color-mix(in srgb,var(--ss-accent),#000 26%));color:#fff;font-weight:850}.subscriptionTrial.active{border-color:var(--theme-34);background:linear-gradient(145deg,var(--theme-14),#0e1218)}.subscriptionTrial.used{opacity:.78}.subscriptionTrial.used:after{display:none}
body[data-accent="#ffffff"] .subscriptionTrial>button{color:#111317!important;background:linear-gradient(135deg,#fff,#d7dde5)!important}
@media(max-width:350px){.subscriptionTrial{padding:15px}.subscriptionTrial>b{font-size:16px}}


/* 2.3.12: WebView boot/loading isolation — never show the live app beneath access/onboarding screens. */
.entryGate:not(.hidden)~#app,.s2Onboarding:not(.hidden)~#app{visibility:hidden!important;pointer-events:none!important}
.entryGate,.s2Onboarding{background-color:#07090d!important;opacity:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.entryGate:before,.s2Onboarding:before{content:'';position:fixed;inset:0;z-index:-1;background:#07090d!important;opacity:1!important;pointer-events:none}
.subscriptionTrial.staffPreview{border-style:dashed;background:linear-gradient(145deg,var(--theme-08),#0e1218)}
.subscriptionTrial.staffPreview>span{opacity:.9}

/* 2.3.13 set-builder dropdown containment: menus expand their own slot instead of
   painting over the next section on iOS Telegram WebView. */
#sets .s2Select{z-index:auto!important}
#sets .s2SelectMenu{position:relative!important;left:auto!important;right:auto!important;top:auto!important;margin-top:6px!important;z-index:1!important;width:100%!important;max-height:min(280px,42dvh)!important}
#sets .s2Select.open{z-index:2!important}
#sets .setPrefRow{align-items:start!important}
#sets .setPrefRow .s2Select{min-width:0!important}
.setUnderuseNote{margin-top:9px;padding:9px 10px;border:1px solid var(--theme-18);border-radius:10px;background:var(--theme-07);color:#aeb6c2;font-size:10px;line-height:1.45}