/* KORZH v428 consolidated render stylesheet. Exact v427 cascade order preserved. */

/* --- profile-v404-bundle.css --- */

/* ===== style.css ===== */
:root{font-family:Manrope,system-ui,sans-serif;color:#f7f7fa;background:#0d0d11;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#2a1822 0,#111116 35%,#0b0b0f 68%);min-height:100vh}button{font:inherit;color:inherit}button:not(:disabled){cursor:pointer}.page{min-height:100vh;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px}header{height:78px;border-bottom:1px solid #ffffff12;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;position:sticky;top:0;z-index:20;background:#0e0e12de;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:0;font-weight:800;letter-spacing:.12em}.brand-mark{width:35px;height:35px;border:1px solid #ff4f8b66;background:#ff4f8b14;display:grid;place-items:center;border-radius:11px;color:#ff6b9d}.brand small{font-size:9px;color:#777782;border:1px solid #2a2a32;border-radius:4px;padding:3px 5px;margin-left:2px}.brand>span:nth-child(2){font-size:15px}nav{display:flex;gap:5px;background:#111117;border:1px solid #22222a;padding:4px;border-radius:12px}nav button{border:0;background:transparent;border-radius:8px;padding:9px 14px;color:#62626c;font-size:11px;font-weight:800;letter-spacing:.08em}nav .nav-active{background:#23232b;color:#fff}nav button:disabled{opacity:.55}.account{justify-self:end;display:flex;align-items:center;gap:12px}.balance{display:flex;flex-direction:column;text-align:right}.balance span{font-size:8px;color:#777782;letter-spacing:.12em}.balance b{font-size:16px}.avatar{width:39px;height:39px;border:1px solid #35353d;background:#1d1d24;border-radius:50%;font-weight:800}.live{height:90px;border-bottom:1px solid #ffffff0d;display:flex;align-items:stretch;overflow:hidden}.live-label{min-width:130px;padding-left:4vw;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.1em;color:#92929d}.live-label i{width:6px;height:6px;border-radius:50%;background:#ff466c;box-shadow:0 0 15px #ff466c}.live-track{display:flex;gap:1px}.live-item{width:132px;border-left:1px solid #ffffff08;padding:8px;display:flex;align-items:center;gap:4px;position:relative;overflow:hidden}.live-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--rarity)}.live-item .skin-art{width:70px;height:58px;flex:none}.live-item span{font-size:8px;color:#8e8e98;display:flex;flex-direction:column}.live-item b{color:#fff;font-size:10px;margin-top:5px}main{max-width:1280px;margin:auto;padding:58px 32px 90px}.hero{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;padding-bottom:65px}.eyebrow{font-size:10px;letter-spacing:.18em;color:#ff6f9f;font-weight:800;margin-bottom:15px}.hero h1{font-size:clamp(45px,6vw,82px);line-height:.94;letter-spacing:-.055em;margin:0;font-weight:800;max-width:850px}.hero h1 em{font-style:normal;color:#ff5d92}.hero p{color:#777782;max-width:500px;font-size:13px;margin:20px 0 0}.hero-stat{width:180px;height:180px;border:1px solid #ffffff14;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#17171d66}.hero-stat span{font-size:8px;color:#777782;letter-spacing:.12em}.hero-stat strong{font-size:48px;line-height:1;margin-top:5px}.hero-stat small{font-size:9px;color:#606069}.section-title{display:flex;justify-content:space-between;align-items:end;margin:0 0 22px;padding-top:10px}.section-title small{font-size:9px;color:#696974;letter-spacing:.16em}.section-title h2{font-size:18px;letter-spacing:.04em;margin:4px 0 0}.section-title>span{font-size:10px;color:#6f6f79}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.case-card{border:1px solid #23232b;background:linear-gradient(150deg,#18181f,#101015);border-radius:16px;min-height:350px;padding:17px;text-align:left;position:relative;overflow:hidden;transition:.22s}.case-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 38%);opacity:.7}.case-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 45%,#25252d);box-shadow:0 18px 50px #0008}.case-top,.case-meta{position:relative;z-index:2}.case-top{display:flex;justify-content:space-between;color:#64646e;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.case-top i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent)}.case-meta{display:flex;justify-content:space-between;align-items:end}.case-meta h3{font-size:22px;margin:0;letter-spacing:.03em}.case-meta small{color:#5e5e68;font-size:9px}.case-meta b{background:#24242c;border:1px solid #31313a;padding:8px 11px;border-radius:8px;font-size:13px}.case-art{height:250px;position:relative;display:grid;place-items:center}.case-body{width:150px;height:116px;background:linear-gradient(145deg,#2c2c34,#15151b);border:1px solid #3b3b43;border-radius:14px;position:relative;box-shadow:0 35px 45px #0009;transform:perspective(500px) rotateX(4deg);z-index:2}.case-body:before,.case-body:after{content:"";position:absolute;width:24px;height:8px;background:#111117;border:1px solid #3b3b43;border-radius:3px;top:12px}.case-body:before{left:17px}.case-body:after{right:17px}.case-body span{position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);font-size:38px;font-weight:800;text-shadow:0 0 28px var(--accent)}.case-stripe{position:absolute;left:0;right:0;top:56px;height:4px;background:var(--accent);box-shadow:0 0 18px var(--accent)}.case-handle{position:absolute;width:76px;height:36px;border:7px solid #27272f;border-bottom:0;border-radius:12px 12px 0 0;top:54px;z-index:1}.case-shadow{position:absolute;width:180px;height:34px;border-radius:50%;background:var(--accent);filter:blur(38px);opacity:.12;bottom:44px}.inventory-section{margin-top:70px}.empty{height:120px;border:1px dashed #292932;border-radius:14px;display:grid;place-items:center;color:#52525b;font-size:11px}.inventory-grid,.contents-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.skin-card{min-height:200px;background:linear-gradient(160deg,#1a1a20,#111116);border:1px solid #25252d;border-radius:12px;padding:11px;position:relative;overflow:hidden}.skin-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--rarity)}.skin-card .skin-art{height:108px}.skin-info{display:flex;flex-direction:column;position:relative}.skin-info small{font-size:9px;color:#777782}.skin-info strong{font-size:11px}.chance{position:absolute;right:0;top:0;color:#71717b;font-size:9px}.skin-price{margin-top:10px;padding-top:8px;border-top:1px solid #ffffff0c;font-size:13px;font-weight:800}.inventory-sell{margin-top:8px;width:100%;border:1px solid #303039;background:#22222a;border-radius:7px;padding:6px;font-size:9px;text-transform:uppercase}.skin-art{position:relative;display:grid;place-items:center;overflow:hidden}.skin-glow{position:absolute;width:80px;height:80px;border-radius:50%;background:var(--rarity);filter:blur(42px);opacity:.16}.weapon-shape{width:80%;height:34%;position:relative;filter:drop-shadow(0 8px 8px #0009);transform:rotate(-6deg);z-index:2}.weapon-shape span{display:block;position:absolute;background:linear-gradient(135deg,hsl(var(--h) 70% 65%),hsl(calc(var(--h) + 50) 65% 36%));border:1px solid #ffffff18}.weapon-shape .body{width:52%;height:44%;left:27%;top:26%;clip-path:polygon(0 0,100% 8%,88% 100%,8% 90%)}.weapon-shape .barrel{width:36%;height:10%;left:64%;top:28%;border-radius:5px}.weapon-shape .stock{width:33%;height:24%;left:0;top:32%;clip-path:polygon(0 20%,100% 0,100% 100%,10% 85%)}.weapon-shape .grip{width:12%;height:35%;left:58%;top:59%;transform:skew(-8deg);border-radius:2px}.weapon-shape .mag{width:15%;height:38%;left:42%;top:58%;transform:rotate(-6deg);border-radius:2px}.overlay{position:fixed;inset:0;background:#050508d9;backdrop-filter:blur(12px);z-index:100;display:grid;place-items:center;padding:24px;overflow-y:auto}.modal{width:min(1120px,96vw);max-height:94vh;overflow:auto;background:#111116;border:1px solid #2b2b34;border-radius:20px;box-shadow:0 40px 120px #000;position:relative;padding:28px}.close{position:absolute;right:18px;top:16px;width:36px;height:36px;border:1px solid #303039;background:#1c1c23;border-radius:50%;font-size:24px;line-height:1;z-index:5}.modal-head{text-align:center}.modal-head>span,.result-kicker{font-size:9px;letter-spacing:.18em;color:#72727c}.modal-head h2{font-size:30px;margin:4px 0}.modal-head p{font-size:10px;color:#696973;margin:0}.open-stage{display:flex;flex-direction:column;align-items:center;margin-top:-12px}.modal-case{width:250px;height:235px}.modal-case .case-art{height:235px;transform:scale(1.12)}.open-btn{border:0;border-radius:10px;min-width:210px;padding:11px 14px;background:var(--accent);color:#0d0d11;display:flex;justify-content:center;gap:13px;align-items:center;font-weight:800;box-shadow:0 12px 38px color-mix(in srgb,var(--accent) 20%,transparent)}.open-btn b{border-left:1px solid #0002;padding-left:13px}.open-btn:disabled{filter:grayscale(.7);opacity:.45}.no-money{color:#ff7788;margin-top:8px;font-size:9px}.contents{margin-top:28px;border-top:1px solid #ffffff0d;padding-top:22px}.contents-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.contents-title h3{font-size:13px;margin:0}.contents-title span{font-size:9px;color:#666670}.contents-grid{grid-template-columns:repeat(7,1fr)}.contents-grid .skin-card{min-height:170px}.contents-grid .skin-card .skin-art{height:86px}.reel-wrap{margin:24px -28px 2px;position:relative;height:170px;border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;background:#09090c;overflow:hidden}.reel-viewport{width:100%;height:100%;overflow:hidden;position:relative}.reel{height:100%;display:flex;gap:10px;align-items:center;width:max-content;will-change:transform;transition-property:transform;transition-timing-function:cubic-bezier(.08,.72,.11,1)}.reel-card{width:138px;height:144px;flex:0 0 138px;border:1px solid #26262f;background:#141419;border-radius:10px;padding:7px;display:flex;flex-direction:column;position:relative;overflow:hidden}.reel-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--rarity)}.reel-card .skin-art{height:88px}.reel-card small{font-size:8px;color:#6f6f79}.reel-card b{font-size:9px}.reel-card>span{font-size:9px;color:#aaaab3;margin-top:2px}.pointer{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#fff;z-index:4;box-shadow:0 0 12px #fff}.pointer:before,.pointer:after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent}.pointer:before{top:0;border-top:10px solid white}.pointer:after{bottom:0;border-bottom:10px solid white}.result-view{text-align:center;padding:25px 0}.result-view h2{font-size:24px;margin:7px 0 20px}.result-view h2 span{color:#777782;font-weight:600}.result-card{width:390px;max-width:80vw;height:390px;margin:auto;background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--rarity) 18%,transparent),#17171d 58%);border:1px solid color-mix(in srgb,var(--rarity) 40%,#282831);border-radius:18px;position:relative;box-shadow:0 30px 70px #0008}.result-card:after{content:"";position:absolute;left:25%;right:25%;bottom:0;height:2px;background:var(--rarity);box-shadow:0 0 22px var(--rarity)}.result-card .skin-art{height:280px}.skin-art.large .weapon-shape{width:84%;height:39%}.result-rarity{font-size:9px;color:#797983;text-transform:uppercase;letter-spacing:.12em}.result-price{font-size:35px;font-weight:800;margin-top:10px}.result-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.result-actions button{min-width:190px;border-radius:10px;padding:12px 16px;font-weight:800;font-size:11px}.sell-btn{background:#f4f4f6;color:#101015;border:0}.sell-btn span{color:#777782;margin-left:6px}.back-btn{background:#1e1e25;border:1px solid #31313a}footer{text-align:center;color:#44444c;border-top:1px solid #ffffff0d;padding:26px;font-size:8px;letter-spacing:.17em}@media(max-width:950px){header{grid-template-columns:1fr auto}nav{display:none}.case-grid{grid-template-columns:repeat(2,1fr)}.contents-grid{grid-template-columns:repeat(4,1fr)}.inventory-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){header{padding:0 16px}.brand small,.balance span{display:none}.live{height:76px}.live-label{display:none}main{padding:38px 14px 70px}.hero{grid-template-columns:1fr}.hero-stat{display:none}.case-grid{grid-template-columns:1fr}.case-card{min-height:320px}.contents-grid,.inventory-grid{grid-template-columns:repeat(2,1fr)}.modal{padding:20px 14px}.reel-wrap{margin-left:-14px;margin-right:-14px}.result-actions{flex-direction:column}.result-actions button{width:100%}.contents-title span{display:none}}
/* v3 additions */
.brand-button{border:0;background:transparent;padding:0}.brand-button>span{font-size:15px}.live{height:100px;display:grid;grid-template-columns:190px 1fr;align-items:stretch;width:100%;overflow:hidden}.live-toolbar{border-right:1px solid #ffffff0b;display:flex;flex-direction:column;justify-content:center;padding-left:4vw;gap:9px}.live-label{min-width:0;padding:0;height:auto}.live-tabs{display:flex;gap:4px}.live-tabs button{border:1px solid #292932;background:#15151b;color:#64646e;border-radius:6px;font-size:8px;font-weight:800;padding:5px 9px}.live-tabs button.active{background:#292932;color:#fff}.live-scroll{min-width:0;overflow:hidden}.live-track{height:100%;width:max-content;display:flex}.live-item{height:100%;width:145px}.hero{grid-template-columns:1fr}.feature-main{max-width:1280px;margin:auto;padding:52px 32px 90px}.feature-hero{padding-bottom:34px}.feature-hero h1{font-size:clamp(44px,6vw,72px);letter-spacing:-.04em;margin:0}.feature-hero p{color:#777782;font-size:13px}.upgrade-panel{min-height:430px;border:1px solid #24242c;background:linear-gradient(145deg,#15151b,#0e0e12);border-radius:20px;display:grid;grid-template-columns:1fr 230px 1fr;gap:26px;align-items:center;padding:34px;position:relative;overflow:hidden}.upgrade-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#ff4f8b13,transparent 35%);pointer-events:none}.upgrade-side,.upgrade-center{position:relative;z-index:1}.upgrade-side{min-height:310px;border:1px solid #24242d;background:#111116;border-radius:16px;padding:18px;display:flex;flex-direction:column}.panel-label{font-size:9px;color:#73737d;letter-spacing:.14em;margin-bottom:12px}.select-placeholder{flex:1;border:1px dashed #34343d;background:#15151b;border-radius:12px;color:#777782;font-size:10px;font-weight:800}.compact-skin{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-radius:12px;background:radial-gradient(circle,color-mix(in srgb,var(--rarity) 12%,transparent),transparent 60%)}.compact-skin .skin-art{height:190px;width:100%}.compact-skin small{color:#777782;font-size:10px}.compact-skin strong{display:block;font-size:15px;margin-top:3px}.compact-skin b{display:block;font-size:22px;margin-top:12px}.upgrade-center{display:flex;flex-direction:column;align-items:center;gap:14px}.upgrade-ring{width:150px;height:150px;border-radius:50%;border:5px solid #ff4f8b;box-shadow:0 0 35px #ff4f8b25,inset 0 0 30px #ff4f8b12;display:flex;flex-direction:column;align-items:center;justify-content:center}.upgrade-ring strong{font-size:35px}.upgrade-ring span{font-size:8px;color:#777782;letter-spacing:.15em}.primary-action{border:0;background:#f4f4f6;color:#101015;border-radius:10px;padding:13px 24px;min-width:190px;font-size:10px;font-weight:900}.primary-action:disabled{opacity:.28;cursor:not-allowed}.text-action{border:0;background:transparent;color:#777782;font-size:9px;font-weight:800;padding:8px}.picker-section{margin-top:42px}.picker-card{border:0;background:transparent;padding:0;text-align:left}.picker-card .skin-card{height:100%}.picker-card.selected .skin-card{outline:1px solid #ff4f8b;box-shadow:0 0 24px #ff4f8b18}.picker-card:disabled{opacity:.48}.contract-panel{border:1px solid #24242c;background:linear-gradient(145deg,#15151b,#0e0e12);border-radius:20px;padding:30px}.contract-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.contract-slot{height:180px;border:1px dashed #33333c;background:#111116;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#4f4f58;overflow:hidden}.contract-slot>span{font-size:32px}.contract-slot.filled{border-style:solid;position:relative;color:#fff;padding:8px}.contract-slot .skin-art{height:105px;width:100%}.contract-slot small{font-size:8px;color:#777782}.contract-slot b{font-size:9px}.contract-slot.filled>span{font-size:10px;font-weight:800;margin-top:4px}.contract-summary{display:grid;grid-template-columns:1fr auto 1fr auto;gap:24px;align-items:center;border-top:1px solid #ffffff0c;margin-top:22px;padding-top:22px}.contract-summary small{font-size:8px;color:#71717b;display:block}.contract-summary strong{font-size:25px}.contract-arrow{font-size:24px;color:#55555f}.profile-shade{position:fixed;inset:0;background:#0505088f;backdrop-filter:blur(4px);z-index:150}.profile-drawer{position:fixed;right:0;top:0;bottom:0;width:min(480px,96vw);background:#111116;border-left:1px solid #2b2b34;z-index:151;box-shadow:-30px 0 80px #0009;padding:24px;display:flex;flex-direction:column}.profile-head{display:flex;justify-content:space-between;align-items:center}.profile-user{display:flex;align-items:center;gap:12px}.avatar.big{width:48px;height:48px;display:grid;place-items:center}.profile-user strong{font-size:13px;display:block}.profile-user span{font-size:8px;color:#73737d;letter-spacing:.15em}.profile-close{border:1px solid #303039;background:#1c1c23;width:36px;height:36px;border-radius:50%;font-size:22px}.profile-balance{background:#18181f;border:1px solid #25252d;border-radius:14px;margin-top:22px;padding:16px;display:flex;justify-content:space-between;align-items:center}.profile-balance span{font-size:8px;color:#777782;letter-spacing:.14em}.profile-balance strong{font-size:22px}.profile-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:18px 0 12px;background:#0e0e12;padding:4px;border-radius:10px}.profile-tabs button{border:0;background:transparent;color:#64646e;font-size:8px;font-weight:900;padding:9px 5px;border-radius:7px}.profile-tabs button.active{background:#24242c;color:#fff}.profile-content{flex:1;min-height:0;overflow:auto;padding-right:3px}.profile-empty{height:180px;border:1px dashed #2c2c35;border-radius:12px;display:grid;place-items:center;color:#55555f;font-size:10px}.profile-items{display:flex;flex-direction:column;gap:8px}.profile-item{height:92px;border:1px solid #25252d;background:#16161c;border-radius:11px;display:grid;grid-template-columns:92px 1fr auto;align-items:center;overflow:hidden;position:relative;padding-right:10px}.profile-item:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--rarity)}.profile-item .skin-art{height:90px}.profile-item small{display:block;color:#767680;font-size:8px}.profile-item strong{display:block;font-size:10px}.profile-item b{display:block;font-size:13px;margin-top:4px}.profile-item>button{border:1px solid #303039;background:#202027;border-radius:7px;padding:7px 8px;font-size:8px;font-weight:800}.profile-item.rank{grid-template-columns:30px 82px 1fr}.rank-num{text-align:center;color:#777782;font-weight:800}.settings-list{display:flex;flex-direction:column;gap:8px}.setting-row{border:1px solid #25252d;background:#16161c;border-radius:11px;padding:15px;display:flex;justify-content:space-between;align-items:center;text-align:left}.setting-row strong{font-size:10px;display:block}.setting-row span{font-size:8px;color:#686872}.switch{width:38px;height:21px;border-radius:20px;background:#292932;position:relative}.switch:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#777782;left:3px;top:3px;transition:.2s}.switch.on{background:#ff4f8b44}.switch.on:after{left:20px;background:#ff6b9d}.logout{margin-top:14px;border:1px solid #40242c;background:#211318;color:#ff7d94;border-radius:10px;padding:12px;font-size:9px;font-weight:900}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);z-index:300;background:#f4f4f6;color:#101015;border-radius:10px;padding:12px 18px;font-size:10px;font-weight:800;box-shadow:0 12px 40px #0008}.inventory-section{display:none}
@media(max-width:950px){.live{grid-template-columns:150px 1fr}.upgrade-panel{grid-template-columns:1fr}.upgrade-center{order:3}.contract-slots{grid-template-columns:repeat(3,1fr)}.contract-summary{grid-template-columns:1fr auto 1fr}.contract-summary .primary-action{grid-column:1/-1}.feature-main{padding-left:18px;padding-right:18px}}
@media(max-width:600px){.live{grid-template-columns:1fr;height:76px}.live-toolbar{display:none}.feature-main{padding-top:34px}.upgrade-panel{padding:15px}.contract-slots{grid-template-columns:repeat(2,1fr)}.contract-slot{height:145px}.profile-drawer{padding:16px}.profile-tabs button{font-size:7px}}

/* v4 case-opening polish */
.open-btn{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0;padding:0;min-width:230px;height:48px;overflow:hidden;border-radius:10px;background:var(--accent);color:#101015;box-shadow:0 12px 35px color-mix(in srgb,var(--accent) 24%,transparent);border:0}
.open-btn span{padding:0 22px;font-size:12px;font-weight:950;letter-spacing:.02em}
.open-btn b{height:100%;min-width:72px;display:grid;place-items:center;padding:0 16px;border-left:1px solid #0002;background:#00000012;font-size:12px}
.open-btn:disabled{opacity:.48}
.modal-case.windup{animation:caseWindup .62s cubic-bezier(.2,.9,.25,1) both}
@keyframes caseWindup{0%{transform:translateY(0) scale(1)}35%{transform:translateY(-8px) scale(1.035)}70%{transform:translateY(2px) scale(.985)}100%{transform:translateY(0) scale(1)}}
.reel-wrap{margin-top:18px;padding:12px 0 16px;background:linear-gradient(180deg,#0d0d12,#111117);border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}
.reel-viewport{height:168px;overflow:hidden}
.reel{display:flex;gap:12px;height:100%;align-items:stretch;will-change:transform;transition-property:transform;transition-timing-function:cubic-bezier(.08,.72,.08,1)}
.reel-card{flex:0 0 174px;height:150px;border-radius:12px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--rarity) 14%,transparent),#17171d 68%);border:1px solid color-mix(in srgb,var(--rarity) 36%,#2a2a31);position:relative;padding:8px 10px 10px;overflow:hidden;box-shadow:inset 0 -1px 0 color-mix(in srgb,var(--rarity) 68%,transparent)}
.reel-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--rarity);box-shadow:0 0 18px color-mix(in srgb,var(--rarity) 55%,transparent)}
.reel-card .skin-art{height:92px}
.reel-card small{display:block;color:#7d7f87;font-size:8px;margin-top:-2px}
.reel-card b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.reel-card>span{display:block;font-size:11px;font-weight:900;margin-top:5px}
.pointer{height:168px}
.pointer:before{border-left-width:8px;border-right-width:8px;border-top-width:11px}.pointer:after{border-left-width:8px;border-right-width:8px;border-bottom-width:11px}
.skin-card{background:radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--rarity) 10%,transparent),#17171d 70%);border-color:color-mix(in srgb,var(--rarity) 30%,#292931)}
.skin-card:after{background:var(--rarity);box-shadow:0 0 14px color-mix(in srgb,var(--rarity) 42%,transparent)}
.inline-result{width:290px;max-width:78vw;min-height:270px;margin:0 auto;position:relative;text-align:center;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--rarity) 18%,transparent),transparent 62%);animation:dropReveal .38s cubic-bezier(.18,.88,.28,1) both}
.inline-result:after{content:"";position:absolute;left:25%;right:25%;bottom:10px;height:2px;background:var(--rarity);box-shadow:0 0 24px var(--rarity)}
.inline-result .skin-art{height:195px;width:100%}.inline-result .skin-art.large .weapon-shape{width:82%;height:38%}
.inline-result-meta{margin-top:-4px}.inline-result-meta small{display:block;color:#777982;font-size:9px}.inline-result-meta strong{display:block;font-size:16px;margin-top:2px}.inline-result-meta b{display:block;font-size:26px;margin-top:8px}
.result-inline-actions{display:flex;justify-content:center;gap:10px;margin-top:16px;animation:dropReveal .46s .05s cubic-bezier(.18,.88,.28,1) both}
.result-inline-actions button{min-width:160px;border-radius:10px;padding:12px 16px;font-size:10px;font-weight:900}
.open-stage.show-result{padding-top:10px}
@keyframes dropReveal{from{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.reel-card{flex-basis:150px}.reel-viewport,.pointer{height:154px}.reel-card{height:138px}.reel-card .skin-art{height:82px}.result-inline-actions{flex-direction:column}.result-inline-actions button{width:100%}.open-btn{min-width:210px}}

/* v5 profile + upgrade rebuild */
.profile-shade{position:fixed;inset:0;background:#050508c7;backdrop-filter:blur(8px);z-index:150}
.profile-window{position:fixed;z-index:151;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1180px,94vw);height:min(820px,90vh);background:#101015;border:1px solid #2a2a32;border-radius:24px;box-shadow:0 35px 100px #000c;overflow:hidden;padding:28px;display:flex;flex-direction:column;gap:24px}
.profile-window>.profile-close{position:absolute;right:22px;top:22px;z-index:2}
.profile-identity-card{min-height:230px;border:1px solid #292932;border-radius:20px;background:radial-gradient(circle at 50% 0,#24242d 0,#17171d 38%,#121217 78%);display:grid;grid-template-columns:150px 1fr auto;grid-template-rows:1fr auto;align-items:center;gap:12px 28px;padding:28px 34px;position:relative;overflow:hidden}
.profile-identity-card:before{content:"";position:absolute;inset:auto 12% -1px;height:1px;background:linear-gradient(90deg,transparent,#d7b45d66,transparent)}
.profile-avatar-xl{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;font-size:34px;font-weight:950;background:linear-gradient(145deg,#272730,#17171e);border:1px solid #3a3a44;box-shadow:0 0 0 8px #ffffff04,0 20px 50px #0007;grid-row:1/3}
.profile-nick small,.profile-stats small,.profile-lower-head small{font-size:8px;color:#777982;letter-spacing:.16em}.profile-nick h2{font-size:34px;line-height:1;margin:6px 0}.profile-nick span{font-size:9px;color:#6e6e78}
.profile-stats{display:flex;gap:34px;padding-right:38px}.profile-stats>div{min-width:90px}.profile-stats strong{display:block;font-size:20px;margin-top:5px}
.profile-actions{grid-column:2/4;display:flex;gap:8px;align-self:end}.profile-actions button{border:1px solid #2d2d36;background:#19191f;color:#777982;border-radius:9px;padding:10px 14px;font-size:8px;font-weight:900}.profile-actions button.active{background:#efeff2;color:#111116;border-color:#efeff2}.profile-actions .logout-inline{margin-left:auto;color:#d97d8d;border-color:#442b31;background:#21161a}
.profile-lower{flex:1;min-height:0;display:flex;flex-direction:column}.profile-lower-head{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid #23232b;padding:0 4px 14px}.profile-lower-head h3{font-size:17px;margin-top:4px}.profile-lower-head>span{font-size:8px;color:#6d6d77}.profile-content{flex:1;min-height:0;overflow:auto;padding-top:16px}
.profile-inventory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.profile-grid-item{min-height:178px;border:1px solid color-mix(in srgb,var(--rarity) 28%,#27272f);border-radius:13px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rarity) 10%,transparent),#17171d 68%);padding:9px;position:relative;overflow:hidden}.profile-grid-item:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--rarity)}.profile-grid-item .skin-art{height:105px}.profile-grid-item small{display:block;font-size:8px;color:#777982}.profile-grid-item strong{display:block;font-size:10px;margin-top:2px}.profile-grid-item b{font-size:14px;display:block;margin-top:6px}.profile-grid-item>button{position:absolute;right:8px;bottom:8px;border:1px solid #33333c;background:#202027;border-radius:7px;padding:6px 8px;font-size:7px;font-weight:900}.best-number{position:absolute;top:9px;left:9px;z-index:2;font-size:10px;font-weight:900;color:#d7b45d}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.profile-empty{height:220px;border:1px dashed #303039;border-radius:14px;display:grid;place-items:center;color:#60606a;font-size:10px}

.compact-feature{padding-bottom:24px}.upgrade-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px minmax(0,1fr);gap:18px;align-items:start}.upgrade-column{min-width:0}.upgrade-box-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 4px}.upgrade-box-title span,.upgrade-subhead strong{font-size:9px;font-weight:900;letter-spacing:.06em}.upgrade-box-title b{font-size:12px}.upgrade-main-box{height:250px;border:1px solid #292932;border-radius:18px;background:radial-gradient(circle at 50% 40%,#24242b,#141419 65%);display:grid;place-items:center;padding:18px;overflow:hidden}.upgrade-main-box .compact-skin{width:100%;height:100%;border:0;background:transparent}.upgrade-main-box .compact-skin .skin-art{height:170px}.upgrade-placeholder{text-align:center;color:#666671;display:flex;flex-direction:column;align-items:center;gap:7px}.upgrade-placeholder>span{width:54px;height:54px;border-radius:50%;border:1px solid #34343d;display:grid;place-items:center;font-size:28px}.upgrade-placeholder strong{font-size:10px;color:#8a8a94}.upgrade-placeholder small{font-size:8px}
.upgrade-subhead{display:flex;justify-content:space-between;align-items:center;margin:22px 2px 10px}.upgrade-subhead span{font-size:8px;color:#6b6b75}.upgrade-inventory-grid,.upgrade-target-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:430px;overflow:auto;padding-right:2px}.upgrade-inv-card,.upgrade-target-card{border:0;background:transparent;padding:0;text-align:left}.upgrade-inv-card .skin-card,.upgrade-target-card .skin-card{min-height:165px}.upgrade-inv-card.selected .skin-card,.upgrade-target-card.selected .skin-card{outline:1px solid #f0d17b;box-shadow:0 0 25px #e6bd5730}.upgrade-empty{grid-column:1/-1}
.upgrade-wheel-column{position:sticky;top:110px;display:flex;flex-direction:column;align-items:center;padding-top:46px}.upgrade-wheel-wrap{width:240px;height:240px;position:relative}.upgrade-wheel-pointer{position:absolute;z-index:5;top:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:20px solid #f3f3f5;filter:drop-shadow(0 4px 8px #000)}.upgrade-wheel{width:100%;height:100%;border-radius:50%;background:conic-gradient(#e3bd55 0 calc(var(--chance)*1%),#272730 calc(var(--chance)*1%) 100%);border:8px solid #17171d;box-shadow:0 0 0 1px #373741,0 25px 60px #0008,inset 0 0 30px #0008;display:grid;place-items:center;transition:transform 3.6s cubic-bezier(.08,.74,.08,1);position:relative}.upgrade-wheel:before{content:"";position:absolute;inset:14px;border-radius:50%;border:1px solid #ffffff0c;background:repeating-conic-gradient(#ffffff0b 0 1deg,transparent 1deg 15deg)}.wheel-inner{width:112px;height:112px;border-radius:50%;background:#111116;border:1px solid #303039;display:flex;position:relative;z-index:2;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 30px #0009}.wheel-inner strong{font-size:29px}.wheel-inner span{font-size:8px;color:#777982;letter-spacing:.12em}.upgrade-wheel-caption{font-size:11px;font-weight:850;margin-top:18px}.upgrade-last{margin-top:8px;font-size:9px;font-weight:950}.upgrade-last.win{color:#e3bd55}.upgrade-last.lose{color:#8e8e98}.upgrade-run{margin-top:16px;border:0;background:#efeff2;color:#111116;border-radius:10px;padding:13px 30px;min-width:190px;font-size:10px;font-weight:950}.upgrade-run:disabled{opacity:.3}.upgrade-multipliers{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px}.upgrade-multipliers button{border:1px solid #2d2d36;background:#18181e;color:#85858f;border-radius:8px;padding:9px 4px;font-size:9px;font-weight:900}.upgrade-multipliers button.active{background:#e8c35c;color:#161616;border-color:#e8c35c}.custom-chance{display:grid;grid-template-columns:1fr auto;align-items:end;gap:5px;border:1px solid #292932;background:#15151b;border-radius:11px;padding:11px 12px;margin-top:8px}.custom-chance>span{font-size:8px;font-weight:900;color:#888892}.custom-chance>div{display:flex;align-items:center;border:1px solid #34343d;border-radius:7px;background:#101015;padding:0 8px}.custom-chance input{width:52px;background:transparent;border:0;outline:0;color:#fff;font-size:12px;font-weight:900;padding:7px 0}.custom-chance b{font-size:10px}.custom-chance small{grid-column:1/-1;font-size:7px;color:#65656f}.upgrade-page-v5 .skin-card{height:100%}
@media(max-width:1100px){.upgrade-workspace{grid-template-columns:1fr 230px 1fr}.upgrade-wheel-wrap{width:200px;height:200px}.profile-inventory-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:850px){.profile-window{height:94vh;padding:18px}.profile-identity-card{grid-template-columns:100px 1fr;padding:20px}.profile-avatar-xl{width:82px;height:82px;grid-row:auto}.profile-stats{grid-column:1/-1}.profile-actions{grid-column:1/-1}.profile-inventory-grid{grid-template-columns:repeat(3,1fr)}.upgrade-workspace{grid-template-columns:1fr}.upgrade-wheel-column{position:relative;top:auto;order:2;padding:18px 0}.upgrade-target-column{order:3}.upgrade-source-column{order:1}.upgrade-inventory-grid,.upgrade-target-grid{grid-template-columns:repeat(4,1fr);max-height:none}}
@media(max-width:560px){.profile-inventory-grid{grid-template-columns:repeat(2,1fr)}.profile-stats{gap:14px}.profile-actions{flex-wrap:wrap}.profile-actions .logout-inline{margin-left:0}.upgrade-inventory-grid,.upgrade-target-grid{grid-template-columns:repeat(2,1fr)}}

/* v6 upgrade full-width + static wheel */
.feature-main.upgrade-page-v6{max-width:1680px;padding-left:42px;padding-right:42px}
.upgrade-workspace-v6{grid-template-columns:minmax(0,1fr) 390px minmax(0,1fr);gap:32px;width:100%;align-items:start}
.upgrade-main-box-v6{height:350px;border-radius:22px}
.upgrade-main-box-v6 .compact-skin .skin-art{height:245px}
.upgrade-main-box-v6 .compact-skin strong{font-size:18px}.upgrade-main-box-v6 .compact-skin b{font-size:25px}
.upgrade-wheel-column-v6{position:sticky;top:120px;padding-top:38px}
.upgrade-wheel-wrap-v6{width:350px;height:350px;position:relative}
.upgrade-wheel-static{width:100%;height:100%;transform:none!important;transition:none!important;background:conic-gradient(#e4bb55 0 calc(var(--chance)*1%),#2a2a32 calc(var(--chance)*1%) 100%);border:10px solid #15151b;box-shadow:0 0 0 1px #3b3b45,0 30px 80px #000a,inset 0 0 45px #0009}
.upgrade-wheel-static:before{inset:18px;background:repeating-conic-gradient(#ffffff0b 0 1deg,transparent 1deg 10deg)}
.upgrade-wheel-static .wheel-inner{width:142px;height:142px}.upgrade-wheel-static .wheel-inner strong{font-size:39px}
.upgrade-arrow-arm{position:absolute;z-index:8;left:50%;top:13px;width:4px;height:162px;background:linear-gradient(#f8f8fa,#bfc0c7);transform-origin:50% 162px;transition:transform 3.6s cubic-bezier(.08,.74,.08,1);border-radius:4px;box-shadow:0 0 14px #fff5}
.upgrade-arrow-arm:after{content:"";position:absolute;top:-7px;left:50%;transform:translateX(-50%);width:18px;height:18px;background:#f6f6f8;clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 3px 6px #000)}
.upgrade-arrow-arm i{position:absolute;width:18px;height:18px;border-radius:50%;background:#f5f5f7;bottom:-9px;left:50%;transform:translateX(-50%);box-shadow:0 0 0 6px #17171d,0 0 0 7px #3b3b44}
.upgrade-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 72px;gap:7px;margin-top:12px}
.upgrade-controls>button{border:1px solid #2d2d36;background:#18181e;color:#85858f;border-radius:9px;padding:11px 5px;font-size:10px;font-weight:900}.upgrade-controls>button.active{background:#e8c35c;color:#161616;border-color:#e8c35c}
.chance-inline{height:38px;border:1px solid #34343d;background:#111116;border-radius:9px;display:flex;align-items:center;padding:0 9px;gap:2px}.chance-inline input{min-width:0;width:100%;border:0;background:transparent;outline:0;color:#fff;font-weight:900;font-size:11px;text-align:right}.chance-inline b{font-size:10px;color:#aaaab3}
.upgrade-target-hint{text-align:right;margin-top:7px;color:#656570;font-size:8px}
.upgrade-page-v6 .upgrade-inventory-grid,.upgrade-page-v6 .upgrade-target-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:500px}
.avatar{text-decoration:none}
@media(max-width:1250px){.upgrade-workspace-v6{grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);gap:18px}.upgrade-wheel-wrap-v6{width:280px;height:280px}.upgrade-arrow-arm{height:127px;transform-origin:50% 127px}.upgrade-main-box-v6{height:300px}.upgrade-page-v6 .upgrade-inventory-grid,.upgrade-page-v6 .upgrade-target-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.feature-main.upgrade-page-v6{padding-left:18px;padding-right:18px}.upgrade-workspace-v6{grid-template-columns:1fr}.upgrade-wheel-column-v6{position:relative;top:auto;order:2}.upgrade-source-column{order:1}.upgrade-target-column{order:3}}

/* v7 - warm soft visual direction */
:root{
  --bg:#130f0d;
  --bg2:#1b1411;
  --panel:#211915;
  --panel2:#271d18;
  --line:#49372e;
  --cream:#f3e6d3;
  --muted:#a08b7d;
  --copper:#c87949;
  --gold:#d7ad58;
  color:#f6eee4;
  background:#130f0d;
}
body{background:
  radial-gradient(circle at 42% -12%,#4b2b20 0,transparent 34%),
  radial-gradient(circle at 82% 10%,#2d1c17 0,transparent 28%),
  linear-gradient(180deg,#17110f 0%,#100d0c 72%);color:var(--cream)}
.page{background-image:linear-gradient(rgba(240,217,190,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(240,217,190,.018) 1px,transparent 1px);background-size:52px 52px}
header{background:rgba(24,17,14,.82);border-bottom-color:#6e4c3826;box-shadow:0 14px 50px #09050445;backdrop-filter:blur(22px)}
nav{background:#1b1411;border-color:#473329;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff08,0 10px 28px #09050435}
nav button{color:#8e786b;border-radius:11px}.nav-active{background:#33251f!important;color:#f3e6d3!important;box-shadow:inset 0 1px 0 #ffffff0c}
.balance span,.case-top,.hero p,.modal-head p,.section-title small,.section-title>span{color:#927d70}
.avatar{background:#2b201b;border-color:#574137;color:#f4e6d2;box-shadow:0 9px 24px #08050455}
.eyebrow{color:#d08a5d}.hero h1 em{color:#d08a5d}
.case-card,.skin-card,.modal,.upgrade-main-box,.contract-panel{background:linear-gradient(150deg,#261d18,#181310);border-color:#49372e;box-shadow:0 20px 50px #08050435,inset 0 1px 0 #ffffff07}
.case-card:hover{border-color:color-mix(in srgb,var(--accent) 48%,#5a4032);box-shadow:0 22px 65px #08050465,0 0 45px color-mix(in srgb,var(--accent) 10%,transparent)}
.case-meta b{background:#33251f;border-color:#543d31;color:#f4e4ce}
.case-body{background:linear-gradient(145deg,#3b2d26,#211916);border-color:#60473a;box-shadow:0 32px 48px #08050480,inset 0 1px 0 #ffffff0a}
.case-body:before,.case-body:after{background:#181210;border-color:#594035}
.overlay{background:#0b0706d9;backdrop-filter:blur(16px)}
.modal{background:linear-gradient(180deg,#211915,#171210);border-color:#503a30;box-shadow:0 45px 130px #050302}
.close{background:#2c211c;border-color:#543f35;color:#e9d9c7}
.open-btn{color:#17100d;box-shadow:0 13px 42px color-mix(in srgb,var(--accent) 22%,transparent),inset 0 1px 0 #ffffff36}
.contents,.contents-title{border-color:#ffffff0b}
.skin-card{background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--rarity) 10%,transparent),#211915 72%);border-color:color-mix(in srgb,var(--rarity) 25%,#49372e)}
.skin-price{border-top-color:#ffffff0c;color:#f1e2cf}
.reel-wrap{background:linear-gradient(180deg,#120e0c,#1a1411);border-color:#5c413125;box-shadow:inset 0 18px 30px #08050442,inset 0 -18px 30px #08050442}
.reel-card{flex:0 0 190px!important;width:190px!important;height:160px!important;border-radius:16px!important;padding:10px 12px!important;background:radial-gradient(circle at 50% 37%,color-mix(in srgb,var(--rarity) 14%,transparent),#211915 70%)!important;border-color:color-mix(in srgb,var(--rarity) 34%,#4b382e)!important;box-shadow:0 9px 22px #08050445,inset 0 1px 0 #ffffff08!important}
.reel-card .skin-art{height:98px!important}.reel-viewport{height:180px!important}.reel-wrap{height:184px!important}
.pointer{background:#f2dfc8;box-shadow:0 0 14px #f4dfc7,0 0 35px #d7ad5880}.pointer:before{border-top-color:#f2dfc8}.pointer:after{border-bottom-color:#f2dfc8}
.live{background:#17110f66;border-bottom-color:#ffffff0b}.live-toolbar{background:#1a1310}.live-tabs button.active{background:#33251f;color:#f1dfc9}
footer{border-top-color:#ffffff0b;color:#725e53}

/* v7 upgrade wheel: static wheel, only a rim marker rotates */
.upgrade-wheel-wrap-v6{width:390px;height:390px}
.upgrade-wheel-static{background:conic-gradient(from 0deg,#d7ad58 0 calc(var(--chance)*1%),#2c211c calc(var(--chance)*1%) 100%);border:12px solid #1b1411;box-shadow:0 0 0 1px #60483a,0 32px 90px #05030299,inset 0 0 55px #080504a8}
.upgrade-wheel-static:before{background:repeating-conic-gradient(#f5e6d309 0 1deg,transparent 1deg 10deg);border-color:#f6e6d00d}
.upgrade-wheel-static .wheel-inner{background:#17110f;border-color:#594237;box-shadow:0 12px 38px #050302b0,inset 0 1px 0 #ffffff08}
.upgrade-wheel-static .wheel-inner strong{color:#f3e5d2}
.upgrade-rim-pointer{position:absolute;z-index:10;inset:0;transform-origin:50% 50%;transition:transform 3.8s cubic-bezier(.08,.72,.08,1);pointer-events:none}
.upgrade-rim-pointer i{position:absolute;top:-11px;left:50%;width:30px;height:34px;transform:translateX(-50%);background:#f3e5d2;clip-path:polygon(8% 0,92% 0,50% 100%);filter:drop-shadow(0 5px 7px #0008) drop-shadow(0 0 10px #f2dfc777)}
.upgrade-rim-pointer i:after{content:"";position:absolute;left:50%;top:5px;width:7px;height:7px;border-radius:50%;background:#8c5a3f;transform:translateX(-50%)}
.upgrade-controls>button,.chance-inline{background:#211915;border-color:#513c31;color:#aa9182}.upgrade-controls>button.active{background:#d7ad58;color:#1a120e;border-color:#d7ad58;box-shadow:0 8px 24px #d7ad582a}.chance-inline{box-shadow:inset 0 1px 0 #ffffff07}.chance-inline input{color:#f4e5d1}
.upgrade-main-box-v6{background:radial-gradient(circle at 50% 38%,#3a2920,#1b1512 68%);border-color:#503b31}
.upgrade-placeholder{color:#887165}.upgrade-placeholder>span{border-color:#5a4236}.upgrade-placeholder strong{color:#a78d7d}
.upgrade-run{background:#f0dfc8;color:#1a120f;box-shadow:0 10px 30px #09050455}

@media(max-width:1250px){.upgrade-wheel-wrap-v6{width:315px;height:315px}}
@media(max-width:600px){.reel-card{flex-basis:164px!important;width:164px!important;height:148px!important}.reel-card .skin-art{height:88px!important}}

/* v8 - cinematic case opening + real upgrade pointer animation */
.modal{width:min(1540px,97vw);max-height:96vh;border-radius:26px;padding:30px 34px 34px}
.modal-head h2{font-size:34px}.modal-head p{font-size:11px}
.open-stage{margin-top:-6px}.modal-case{width:285px;height:250px}.modal-case .case-art{height:250px;transform:scale(1.18)}
.contents{margin-top:30px}.contents-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}

.reel-wrap.reel-3d{height:276px!important;margin:24px -34px 4px!important;padding:0!important;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#38261b 0,#18110e 46%,#0b0807 100%)!important;border-top:1px solid #6d4c382b;border-bottom:1px solid #6d4c382b;box-shadow:inset 0 38px 70px #090504aa,inset 0 -38px 70px #090504aa,0 16px 50px #05030266!important;perspective:1000px}
.reel-3d .reel-viewport{height:276px!important;perspective:1000px;perspective-origin:50% 50%;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%)}
.reel-3d .reel{height:100%;gap:18px;align-items:center;transform-style:preserve-3d;transition-property:transform;transition-timing-function:cubic-bezier(.055,.64,.06,1);padding:0 18px}
.reel-3d .reel-card{flex:0 0 248px!important;width:248px!important;height:214px!important;border-radius:20px!important;padding:0!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;transform-style:preserve-3d;will-change:transform,opacity,filter;transition:opacity .08s linear,filter .08s linear;backface-visibility:hidden}
.reel-3d .reel-card:after{display:none}
.reel-card-inner{height:100%;border-radius:20px;padding:13px 15px 15px;overflow:hidden;position:relative;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--rarity) 18%,transparent),#251b16 67%);border:1px solid color-mix(in srgb,var(--rarity) 34%,#584034);box-shadow:0 24px 38px #0704037a,inset 0 1px 0 #ffffff0b,inset 0 -3px 0 color-mix(in srgb,var(--rarity) 76%,transparent)}
.reel-card-inner:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff0a,transparent 26%,transparent 72%,#ffffff05);pointer-events:none}
.reel-card-inner:after{content:"";position:absolute;left:15%;right:15%;bottom:-6px;height:20px;border-radius:50%;background:var(--rarity);filter:blur(18px);opacity:.22}
.reel-3d .reel-card .skin-art{height:142px!important;transform:translateZ(35px)}
.reel-3d .reel-card small{font-size:9px;color:#a68d7c}.reel-3d .reel-card b{font-size:13px;margin-top:2px}.reel-3d .reel-card>span,.reel-3d .reel-card-inner>span{font-size:13px;font-weight:900;margin-top:7px;display:block}
.reel-3d .pointer{height:276px!important;width:2px;background:#f6ead9;box-shadow:0 0 16px #f6ead9,0 0 42px #d6a75e99;z-index:30}
.reel-3d .pointer:before{border-left-width:10px;border-right-width:10px;border-top-width:14px}.reel-3d .pointer:after{border-left-width:10px;border-right-width:10px;border-bottom-width:14px}
.reel-haze{position:absolute;z-index:20;top:0;bottom:0;width:19%;pointer-events:none}.reel-haze.left{left:0;background:linear-gradient(90deg,#0b0807 4%,#0b0807d9 35%,transparent)}.reel-haze.right{right:0;background:linear-gradient(270deg,#0b0807 4%,#0b0807d9 35%,transparent)}

.upgrade-rim-pointer{transition:none!important;will-change:transform}
.upgrade-rim-pointer i{transform:translateX(-50%) translateZ(0)}

@media(max-width:1000px){.modal{width:98vw;padding:24px}.reel-wrap.reel-3d{margin-left:-24px!important;margin-right:-24px!important}.contents-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reel-3d .reel-card{flex-basis:210px!important;width:210px!important;height:190px!important}.reel-3d .reel-card .skin-art{height:120px!important}}

/* v9 - larger case room + slower cinematic spins + upgrade settings */
.modal{width:min(1780px,99vw);height:min(1030px,98vh);max-height:98vh;padding:30px 38px 38px;overflow:auto;border-radius:28px}
.modal-head{position:relative;z-index:3}.modal-head h2{font-size:38px}
.open-stage{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-case{width:330px;height:286px}.modal-case .case-art{height:286px;transform:scale(1.28)}
.reel-wrap.reel-3d{height:340px!important;margin:24px -38px 10px!important}
.reel-3d .reel-viewport{height:340px!important}
.reel-3d .reel-card{flex:0 0 286px!important;width:286px!important;height:248px!important}
.reel-3d .reel-card .skin-art{height:166px!important}
.reel-3d .pointer{height:340px!important}
.contents{margin-top:34px}.contents-grid{gap:14px}

.upgrade-controls-v9{grid-template-columns:repeat(5,minmax(0,1fr)) 54px}
.upgrade-settings-btn{font-size:17px!important;padding:8px!important;color:#ead8c2!important;background:#2b201a!important}
.custom-preset{letter-spacing:.02em}
.upgrade-settings-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:#090605c7;backdrop-filter:blur(16px);padding:20px}
.upgrade-settings-modal{position:relative;width:min(620px,94vw);border:1px solid #5a4134;border-radius:25px;padding:30px;background:linear-gradient(155deg,#2b201a,#18120f);box-shadow:0 45px 120px #050302c9,inset 0 1px 0 #ffffff0a}
.upgrade-settings-modal h2{margin:9px 0 25px;font-size:26px}.upgrade-settings-close{right:18px;top:18px}
.setting-group{padding:19px 0;border-top:1px solid #ffffff0c}.setting-group>div:first-child{display:flex;flex-direction:column;gap:5px}.setting-group strong{font-size:11px;letter-spacing:.07em}.setting-group small{color:#987f70;font-size:9px}
.spin-mode-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.spin-mode-grid button{border:1px solid #513c31;border-radius:14px;background:#201713;padding:15px;text-align:left;display:flex;flex-direction:column;gap:4px;color:#a68d7d}.spin-mode-grid button.active{background:#d2aa5a;color:#1a120e;border-color:#d2aa5a;box-shadow:0 12px 30px #d2aa5a21}.spin-mode-grid b{font-size:11px}.spin-mode-grid span{font-size:9px;opacity:.72}
.custom-preset-row{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.custom-preset-row label{display:flex;flex-direction:column;gap:7px}.custom-preset-row label>span{font-size:8px;color:#91796a;font-weight:800}.custom-preset-row label>div,.custom-preset-row select{height:44px;border:1px solid #513c31;border-radius:11px;background:#18110f;color:#f2e2ce;padding:0 12px;display:flex;align-items:center}.custom-preset-row input{width:100%;border:0;outline:0;background:transparent;color:#f2e2ce;font-weight:900;font-size:15px}.custom-preset-row select{width:100%;outline:0;font-weight:800}
.save-upgrade-settings{width:100%;margin-top:14px;border:0;border-radius:12px;background:#f0dfc8;color:#1b130f;font-size:10px;font-weight:950;padding:14px}

@media(max-width:1000px){.modal{width:99vw;height:98vh;padding:22px}.reel-wrap.reel-3d{margin-left:-22px!important;margin-right:-22px!important;height:300px!important}.reel-3d .reel-viewport,.reel-3d .pointer{height:300px!important}.reel-3d .reel-card{flex-basis:225px!important;width:225px!important;height:205px!important}.reel-3d .reel-card .skin-art{height:132px!important}}
/* v10 real CS2 skins + live market data */
.real-skin{position:relative;display:grid;place-items:center;overflow:visible!important;background:transparent!important}
.real-skin img{display:block;width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 18px 18px #0503028c) drop-shadow(0 0 22px color-mix(in srgb,var(--rarity) 28%,transparent));transform:translateZ(38px);user-select:none;pointer-events:none}
.real-skin.large img{width:98%;height:98%}
.real-skin .skin-glow{position:absolute;inset:20% 10% 4%;z-index:-1;border-radius:50%;background:var(--rarity);filter:blur(42px);opacity:.13}
.market-status{height:42px;min-width:74px;padding:0 12px;border:1px solid #49362c;border-radius:12px;background:#1a1310;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:1px}
.market-status span{font-size:7px;letter-spacing:.14em;color:#92796b;font-weight:900}.market-status b{font-size:10px;color:#d9b96f;letter-spacing:.08em}
.skin-card .real-skin,.contents-card .real-skin{height:120px}
.reel-3d .reel-card .real-skin{height:166px!important}
.inline-result .real-skin{height:210px!important}
.upgrade-main-box .real-skin{height:230px!important}
.live-item .real-skin{height:52px!important}
@media(max-width:1000px){.market-status{display:none}.reel-3d .reel-card .real-skin{height:132px!important}}


/* v11 - RUB pricing, hidden case-content prices, chance tooltip, strict skin bounds */
.real-skin{overflow:hidden!important;isolation:isolate;border-radius:inherit}
.real-skin img{width:88%!important;height:88%!important;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center;transform:none!important;filter:drop-shadow(0 12px 15px #05030278) drop-shadow(0 0 18px color-mix(in srgb,var(--rarity) 22%,transparent))}
.real-skin.large img{width:90%!important;height:90%!important}
.skin-card,.contents-card,.upgrade-inv-card,.upgrade-target-card,.upgrade-main-box,.compact-skin,.reel-card-inner{overflow:hidden}
.upgrade-main-box .real-skin{width:100%;height:220px!important;max-width:100%;margin:0 auto}
.upgrade-main-box .real-skin img{width:82%!important;height:82%!important}
.upgrade-inv-card .real-skin,.upgrade-target-card .real-skin{width:100%;height:105px!important}
.upgrade-inv-card .real-skin img,.upgrade-target-card .real-skin img{width:84%!important;height:84%!important}
.contents-card{position:relative;padding-bottom:14px!important}
.contents-card .skin-info{padding-right:32px}
.contents-card .skin-price{display:none!important}
.drop-chance-help{position:absolute;z-index:8;right:10px;top:10px;width:24px;height:24px;padding:0;border:1px solid #8d7462;background:#1b1410d9;color:#ead9c2;border-radius:50%;display:grid;place-items:center;font:900 12px/1 Arial;cursor:help;box-shadow:0 5px 15px #0005;backdrop-filter:blur(7px)}
.drop-chance-help>span{transform:translateY(-.2px)}
.drop-chance-help i{pointer-events:none;position:absolute;right:-2px;top:31px;width:max-content;max-width:170px;padding:8px 10px;border:1px solid #695040;background:#17100deF;color:#bca796;border-radius:9px;font:600 9px/1.25 Arial;font-style:normal;white-space:nowrap;opacity:0;visibility:hidden;transform:translateY(-4px);transition:.16s ease;box-shadow:0 12px 30px #0008}
.drop-chance-help i b{color:#f0d6ad;font-weight:900}
.drop-chance-help:hover i,.drop-chance-help:focus-visible i{opacity:1;visibility:visible;transform:translateY(0)}
@media(max-width:700px){.drop-chance-help{right:7px;top:7px}.drop-chance-help i{right:-2px;font-size:8px}}

/* v12 - KORZH brand treatment + tactile case price tags */
.brand.brand-button{
  position:relative;
  border:0;
  background:transparent;
  padding:0 20px 2px 0;
  min-width:190px;
  justify-content:flex-start;
  overflow:visible;
  isolation:isolate;
}
.brand.brand-button>span{
  display:block;
  font-family:"Copperplate Gothic Bold","Copperplate","Palatino Linotype","Book Antiqua",Georgia,serif;
  font-size:32px!important;
  line-height:.9;
  font-weight:900;
  letter-spacing:.055em;
  transform:scaleX(1.06);
  transform-origin:left center;
  color:#f3dfc4;
  text-shadow:0 1px 0 #fff3,0 3px 0 #6e4431,0 8px 18px #08040288,0 0 30px #c78e5a1f;
  filter:drop-shadow(0 2px 1px #1a0d0875);
}
.brand.brand-button>span:after{
  content:"";
  display:block;
  width:73%;
  height:2px;
  margin-top:7px;
  border-radius:999px;
  background:linear-gradient(90deg,#d6a768,transparent);
  box-shadow:0 0 12px #d6a76845;
}
.brand.brand-button:hover>span{color:#fff0d6;text-shadow:0 1px 0 #fff4,0 3px 0 #704531,0 8px 20px #0804029c,0 0 34px #d8a06434}

.case-meta{gap:12px}
.case-meta>.case-price-tag{
  position:relative;
  flex:none;
  min-width:96px;
  min-height:43px;
  padding:0!important;
  border:1px solid #8b6247!important;
  border-radius:8px 12px 12px 8px!important;
  background:
    linear-gradient(90deg,#1d120d12,#fff2 45%,#170c071f),
    repeating-linear-gradient(5deg,#9a6748 0 2px,#a86f4d 2px 5px,#986344 5px 8px)!important;
  color:#24150f;
  display:grid;
  place-items:center;
  box-shadow:inset 0 1px 0 #ffe2b46b,inset 0 -2px 0 #5a382766,0 8px 16px #08040268,0 2px 0 #5c3929;
  transform:rotate(-1.5deg);
  overflow:visible;
}
.case-meta>.case-price-tag:before{
  content:"";
  position:absolute;
  width:14px;height:14px;
  left:-8px;top:50%;
  transform:translateY(-50%) rotate(45deg);
  background:#9d6949;
  border-left:1px solid #8b6247;
  border-bottom:1px solid #8b6247;
  border-radius:2px;
  box-shadow:-2px 2px 5px #08040244;
}
.case-meta>.case-price-tag:after{
  content:"";
  position:absolute;
  width:5px;height:5px;border-radius:50%;
  left:8px;top:50%;transform:translateY(-50%);
  background:#3f291f;
  box-shadow:inset 0 1px 1px #0008,0 0 0 2px #d6a47b55;
}
.case-price-tag span{position:relative;z-index:2;font-family:Georgia,"Times New Roman",serif;font-size:15px;font-weight:900;letter-spacing:.025em;text-shadow:0 1px 0 #eec7a269}
.case-card:hover .case-price-tag{transform:rotate(.5deg) translateY(-2px);box-shadow:inset 0 1px 0 #ffe2b48a,inset 0 -2px 0 #5a382766,0 12px 22px #0804027d,0 2px 0 #5c3929}

/* The open action stays a single control, but its price reads like a physical hanging tag. */
.open-btn{
  overflow:visible!important;
  gap:0!important;
  min-height:54px;
  padding:0 0 0 25px!important;
  border-radius:12px!important;
  background:linear-gradient(180deg,#ead8bf,#c9ad8a)!important;
  border:1px solid #f6e5cc77!important;
  box-shadow:inset 0 1px 0 #fff8,0 12px 36px #09050469!important;
}
.open-btn>span{padding-right:22px;font-weight:950;letter-spacing:.045em;color:#241711}
.open-btn>.open-price-tag{
  position:relative;
  align-self:stretch;
  min-width:102px;
  padding:0 17px 0 22px!important;
  margin:-4px -5px -4px 0;
  border:1px solid #81583f!important;
  border-left:0!important;
  border-radius:5px 12px 12px 5px!important;
  background:
    linear-gradient(100deg,#ffffff1f,transparent 45%),
    repeating-linear-gradient(4deg,#9c6848 0 2px,#ad7652 2px 5px,#936043 5px 8px)!important;
  display:grid!important;
  place-items:center;
  color:#22140e;
  box-shadow:inset 0 1px 0 #ffe0b766,inset 0 -2px 0 #4f302356,5px 7px 14px #170c0752;
  transform:rotate(-1deg);
}
.open-btn>.open-price-tag:before{
  content:"";
  position:absolute;
  width:7px;height:7px;border-radius:50%;left:9px;top:50%;transform:translateY(-50%);
  background:#39241b;box-shadow:0 0 0 2px #d6a47b65,inset 0 1px 1px #000b;
}
.open-price-tag span{font-family:Georgia,"Times New Roman",serif;font-size:15px;font-weight:900;letter-spacing:.02em;text-shadow:0 1px 0 #efc9a5}
.open-btn:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.035)}

@media(max-width:900px){
  .brand.brand-button{min-width:145px}
  .brand.brand-button>span{font-size:25px!important}
  .case-meta>.case-price-tag{min-width:82px;min-height:39px}
  .case-price-tag span,.open-price-tag span{font-size:13px}
}

/* v13 - soft premium visual pass */
:root{--v13-bg:#120f0e;--v13-panel:#1c1715;--v13-panel2:#241d1a;--v13-cream:#f2e8dc;--v13-muted:#9b8c83;--v13-line:#43352f;--v13-accent:#d48a62;--v13-gold:#d8b56b}
body{background:radial-gradient(900px 520px at 50% -8%,#45292055,transparent 68%),linear-gradient(180deg,#15110f 0%,#0e0c0b 100%)}
.page{background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:64px 64px}
header{background:#15110fdf;border-color:#5d463924;backdrop-filter:blur(22px)}
nav{background:#1c1715;border-color:#44362e}nav .nav-active{background:#342720;color:#f7ecdf;box-shadow:inset 0 1px 0 #ffffff0b}
.case-card,.modal,.upgrade-main-box,.contract-panel,.skin-card{background:linear-gradient(150deg,#211a17,#151210)!important;border-color:#49392f!important;box-shadow:0 24px 62px #07040345,inset 0 1px 0 #ffffff08!important}

/* price labels: no wood, soft stitched tags */
.case-meta>.case-price-tag{min-width:108px!important;min-height:42px!important;padding:0 14px!important;border:1px solid #8c6958!important;border-radius:999px!important;background:linear-gradient(180deg,#39281f,#291e19)!important;color:#f4e6d7!important;box-shadow:inset 0 1px 0 #ffffff16,inset 0 0 0 3px #120d0b55,0 10px 24px #07040362!important;transform:none!important;overflow:hidden!important}
.case-meta>.case-price-tag:before{content:""!important;position:absolute!important;inset:4px!important;width:auto!important;height:auto!important;left:4px!important;top:4px!important;transform:none!important;border:1px dashed #c58b6c66!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important}
.case-meta>.case-price-tag:after{display:none!important}.case-price-tag span{font-family:Manrope,system-ui,sans-serif!important;font-size:14px!important;font-weight:900!important;letter-spacing:.03em!important;text-shadow:none!important}.case-card:hover .case-price-tag{transform:translateY(-2px)!important;box-shadow:inset 0 1px 0 #ffffff1c,inset 0 0 0 3px #120d0b55,0 14px 30px #07040375!important}
.open-btn{background:linear-gradient(180deg,#ede1d4,#d5bfab)!important;border-color:#fff4e544!important;box-shadow:inset 0 1px 0 #fff9,0 14px 34px #07040358!important}
.open-btn>.open-price-tag{min-width:112px!important;margin:0!important;border:0!important;border-left:1px solid #84655555!important;border-radius:0 11px 11px 0!important;background:linear-gradient(180deg,#3b2a22,#2a201b)!important;color:#f4e6d8!important;box-shadow:inset 0 1px 0 #ffffff12!important;transform:none!important}
.open-btn>.open-price-tag:before{display:none!important}.open-price-tag span{font-family:Manrope,system-ui,sans-serif!important;font-size:14px!important;font-weight:900!important;text-shadow:none!important}

/* never crop real item art */
.real-skin{overflow:visible!important;min-width:0!important;min-height:0!important}
.real-skin img{width:100%!important;height:100%!important;max-width:88%!important;max-height:82%!important;object-fit:contain!important;object-position:center!important;margin:auto!important;transform:none!important}
.skin-card .real-skin img,.contents-card .real-skin img,.upgrade-inv-card .real-skin img,.upgrade-target-card .real-skin img{max-width:86%!important;max-height:76%!important}
.upgrade-main-box .real-skin{width:100%!important;height:245px!important;overflow:visible!important;padding:18px 28px!important}
.upgrade-main-box .real-skin img{max-width:82%!important;max-height:78%!important;width:100%!important;height:100%!important}
.compact-skin{overflow:visible!important;min-width:0!important}.compact-skin .skin-art{overflow:visible!important}
.reel-card-inner{overflow:hidden!important}.reel-card-inner .real-skin img{max-width:86%!important;max-height:78%!important}

/* upgrade result controls */
.upgrade-result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(320px,100%);margin-top:10px}
.upgrade-result-actions button{border:1px solid #725446;background:#2b201b;color:#f1e5d7;border-radius:11px;padding:13px 12px;font-size:9px;font-weight:950;letter-spacing:.04em;box-shadow:inset 0 1px 0 #ffffff0b}
.upgrade-result-actions button:first-child{background:linear-gradient(180deg,#eadcca,#cfb99f);color:#241914;border-color:#f3e6d5}

/* reel acceleration: visibly slow launch, medium cruise, soft finish */
.reel{transition-property:transform!important;transition-timing-function:cubic-bezier(.32,.02,.12,1)!important;will-change:transform}
.upgrade-rim-pointer{will-change:transform}

/* v14 - polished case CTA + larger upgrade cockpit */
.open-btn{
  min-width:292px!important;height:58px!important;border-radius:17px!important;padding:6px!important;gap:6px!important;
  grid-template-columns:1fr auto!important;
  background:linear-gradient(180deg,#2b211d,#1c1714)!important;
  border:1px solid #6b5042!important;
  box-shadow:0 18px 46px #07040372,inset 0 1px 0 #ffffff12!important;
  overflow:visible!important;
}
.open-btn>span{
  height:46px;display:grid;place-items:center;padding:0 28px!important;border-radius:12px!important;
  background:linear-gradient(180deg,#f0e5d8,#d9c6b4)!important;color:#251914!important;
  font-size:12px!important;letter-spacing:.08em!important;box-shadow:inset 0 1px 0 #fff,0 5px 15px #0003;
}
.open-btn>.open-price-tag{
  height:46px!important;min-width:112px!important;border:1px solid #8b6754!important;border-radius:12px!important;
  background:radial-gradient(circle at 30% 20%,#52382c,#2d211c 70%)!important;color:#f6e9dc!important;
  box-shadow:inset 0 1px 0 #ffffff15,0 5px 16px #0004!important;
}
.open-btn>.open-price-tag span{font-size:15px!important;letter-spacing:.03em!important}
.open-btn:hover:not(:disabled){transform:translateY(-2px)!important;filter:none!important;border-color:#a8785e!important}
.open-btn:disabled{opacity:.5!important}.no-money{margin-top:9px!important}

.upgrade-workspace-v6{grid-template-columns:minmax(360px,1fr) 520px minmax(360px,1fr)!important;gap:28px!important;align-items:start!important}
.upgrade-wheel-column-v6{min-width:0;display:flex!important;flex-direction:column;align-items:center!important}
.upgrade-wheel-wrap-v6{width:500px!important;height:500px!important;filter:drop-shadow(0 34px 70px #0008)}
.upgrade-wheel-static{border-width:15px!important;box-shadow:0 0 0 2px #765745,0 0 0 13px #17100d,0 34px 90px #050302a8,inset 0 0 75px #080504b5!important}
.upgrade-wheel-static:after{content:"";position:absolute;inset:21px;border-radius:50%;border:1px dashed #f4e6d31a;box-shadow:inset 0 0 0 9px #ffffff02;pointer-events:none}
.upgrade-wheel-static .wheel-inner{width:168px!important;height:168px!important}.upgrade-wheel-static .wheel-inner strong{font-size:42px!important}
.upgrade-rim-pointer i{width:38px!important;height:45px!important;top:-15px!important}
.upgrade-wheel-caption{margin-top:16px!important;font-size:12px!important}
.upgrade-main-box-v6{height:330px!important;padding:22px 28px 32px!important;overflow:hidden!important}
.upgrade-main-box-v6 .compact-skin{height:100%!important;justify-content:flex-start!important;padding-bottom:12px!important;overflow:visible!important}
.upgrade-main-box-v6 .compact-skin .skin-art{height:225px!important;flex:0 0 225px!important}
.upgrade-main-box-v6 .compact-skin>div:last-child{position:relative;z-index:4;margin-top:-2px;padding-bottom:8px!important}
.upgrade-main-box-v6 .compact-skin b{font-size:23px!important;margin-top:8px!important;line-height:1.15!important;padding-bottom:3px!important}
.upgrade-main-box .real-skin{height:225px!important;padding:10px 26px!important;overflow:hidden!important}
.upgrade-main-box .real-skin img{max-width:78%!important;max-height:72%!important}
.upgrade-last{margin-top:10px!important;font-size:11px!important;letter-spacing:.08em!important}
.upgrade-result-actions-v14{width:min(390px,100%)!important;gap:10px!important}
.upgrade-result-actions-v14 button{min-height:48px!important;font-size:9px!important}
.upgrade-result-actions-v14 button:first-child{background:linear-gradient(180deg,#d69a63,#b66f43)!important;color:#1d120d!important;border-color:#e7b180!important}
.upgrade-result-actions-v14 button:last-child{background:linear-gradient(180deg,#f0e5d8,#d6c0ab)!important;color:#211713!important;border-color:#f6ebdd!important}
.retry-upgrade{margin-top:10px!important;background:linear-gradient(180deg,#e9d8c6,#cdb49f)!important}
@media(max-width:1500px){.upgrade-workspace-v6{grid-template-columns:minmax(320px,1fr) 430px minmax(320px,1fr)!important}.upgrade-wheel-wrap-v6{width:420px!important;height:420px!important}}
@media(max-width:1150px){.upgrade-workspace-v6{grid-template-columns:1fr!important}.upgrade-wheel-column-v6{order:-1}.upgrade-wheel-wrap-v6{width:min(500px,85vw)!important;height:min(500px,85vw)!important}}

/* v15 - slower paced opening and skip */
.reel-wrap{position:relative}
.skip-opening{position:absolute;right:28px;top:22px;z-index:20;border:1px solid rgba(237,220,197,.22);background:rgba(28,22,18,.76);color:#eadccb;border-radius:999px;padding:10px 16px;font-size:11px;font-weight:800;letter-spacing:.08em;cursor:pointer;backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.18);transition:.2s ease}
.skip-opening:hover{transform:translateY(-1px);background:rgba(48,36,28,.94);border-color:rgba(237,220,197,.42)}


/* v17 - continuous motion, cleaner case actions, source browser */
.case-open-actions{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:22px;flex-wrap:wrap}
.case-open-actions .open-btn{display:inline-grid!important;place-items:center!important;min-width:178px!important;width:auto!important;height:54px!important;padding:0 30px!important;border-radius:15px!important;background:linear-gradient(180deg,#eee2d5,#d8c3b0)!important;color:#251913!important;font-size:12px!important;font-weight:950!important;letter-spacing:.09em!important;border:1px solid #fff5e266!important;box-shadow:inset 0 1px 0 #fff,0 13px 30px #09050455!important}
.case-open-actions .open-btn:hover:not(:disabled){transform:translateY(-2px)!important;box-shadow:inset 0 1px 0 #fff,0 17px 38px #09050470!important}
.open-price-leather{position:relative;min-width:130px;height:54px;padding:7px 20px 7px 26px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:1px solid #765546;border-radius:10px 16px 16px 10px;background:linear-gradient(145deg,#4a3228,#2c211c 72%);box-shadow:inset 0 1px 0 #ffffff17,inset 0 0 0 3px #120c0a55,0 11px 25px #07040355;color:#f5e7d7}
.open-price-leather:before{content:"";position:absolute;left:9px;top:50%;width:7px;height:7px;border-radius:50%;transform:translateY(-50%);background:#17100d;box-shadow:0 0 0 2px #aa7d664f}
.open-price-leather span{font-size:7px;font-weight:900;letter-spacing:.14em;color:#ad9181}.open-price-leather b{font-size:15px;line-height:1.1;margin-top:2px}

.contents-card{border-color:color-mix(in srgb,var(--rarity) 13%,#3d312b)!important;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--rarity) 5%,transparent),#171310 74%)!important;box-shadow:inset 0 1px 0 #ffffff05!important}
.contents-card:hover{border-color:color-mix(in srgb,var(--rarity) 30%,#4b3a31)!important;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--rarity) 8%,transparent),#1b1613 74%)!important}

.upgrade-source-toolbar{display:grid;grid-template-columns:auto minmax(220px,1fr);gap:10px;align-items:center;margin:10px 0 11px}
.upgrade-source-tabs{display:flex;border:1px solid #49382f;border-radius:12px;padding:3px;background:#15110f;min-width:max-content}
.upgrade-source-tabs button{border:0;background:transparent;color:#8f7d72;padding:10px 14px;border-radius:9px;font-size:8px;font-weight:950;letter-spacing:.055em;cursor:pointer}
.upgrade-source-tabs button.active{background:#33261f;color:#f1e3d3;box-shadow:inset 0 1px 0 #ffffff0b}
.upgrade-search{height:42px;border:1px solid #49382f;border-radius:12px;background:#171210;display:flex;align-items:center;gap:8px;padding:0 12px;color:#8d796e;min-width:0}
.upgrade-search input{width:100%;border:0;outline:0;background:transparent;color:#eadccc;font:800 10px/1.2 Manrope,system-ui,sans-serif}.upgrade-search input::placeholder{color:#716159}
.source-browser{max-height:330px;overflow:auto;padding-right:4px}.source-browser::-webkit-scrollbar{width:6px}.source-browser::-webkit-scrollbar-thumb{background:#49362d;border-radius:999px}
.market-source-card{position:relative}.market-bet-note{position:absolute;left:9px;right:9px;bottom:7px;padding:4px 5px;border-radius:6px;background:#15100dcc;color:#a98f80;font-size:6px;font-weight:900;letter-spacing:.04em;pointer-events:none}
.market-source-status{margin-top:8px;border:1px solid #5a4337;border-radius:10px;background:#1b1512;padding:9px 12px;color:#9e897d;font-size:8px;line-height:1.5}.market-source-status b{color:#e8d6c4}

@media(max-width:1500px){.upgrade-source-toolbar{grid-template-columns:1fr}.upgrade-source-tabs{width:100%}.upgrade-source-tabs button{flex:1}.source-browser{max-height:270px}}

/* v18: premium tiers, denser upgrade browser, bigger typography */
.skin-card,.contents-card{background:var(--tier-bg)!important;border:1px solid color-mix(in srgb,var(--rarity) 24%,#4b3b32)!important;box-shadow:inset 0 1px 0 #ffffff08,0 10px 26px #09060428!important}
.skin-card:after,.contents-card:after{display:none!important}
.skin-card:hover,.upgrade-inv-card:hover .skin-card,.upgrade-target-card:hover .skin-card{border-color:color-mix(in srgb,var(--rarity) 46%,#655043)!important;box-shadow:inset 0 1px 0 #ffffff0c,0 14px 34px #0805034b!important}
.tier-gray{--tier-glow:#aaa19a14}.tier-orange{--tier-glow:#d88a4f20}.tier-red{--tier-glow:#b64b4826}.tier-gold{--tier-glow:#e0b85d2a}
.upgrade-inventory-grid,.upgrade-target-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;max-height:390px!important}
.upgrade-inv-card .skin-card,.upgrade-target-card .skin-card{min-height:138px!important;height:138px!important;padding:9px 10px!important;border-radius:13px!important}
.upgrade-inv-card .skin-card .skin-art,.upgrade-target-card .skin-card .skin-art{height:76px!important}
.upgrade-inv-card .skin-card .skin-info small,.upgrade-target-card .skin-card .skin-info small{font-size:9px!important}
.upgrade-inv-card .skin-card .skin-info strong,.upgrade-target-card .skin-card .skin-info strong{font-size:11px!important;line-height:1.1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upgrade-inv-card .skin-price,.upgrade-target-card .skin-price{font-size:13px!important;margin-top:5px!important;padding-top:4px!important}
.market-bet-note,.market-source-status{display:none!important}
.upgrade-source-toolbar{margin-top:16px!important}.upgrade-source-tabs button{font-size:10px!important}.upgrade-search{height:42px!important}.upgrade-search input{font-size:11px!important}
.upgrade-target-toolbar{display:grid;grid-template-columns:auto minmax(230px,1fr);gap:14px;align-items:end;margin-top:16px}.upgrade-target-toolbar .upgrade-subhead{margin:0 0 2px!important}.target-search{width:100%!important}
.upgrade-box-title span,.upgrade-subhead strong{font-size:11px!important}.upgrade-box-title b{font-size:14px!important}.upgrade-target-hint{font-size:9px!important}.upgrade-controls button{font-size:10px!important}
.feature-hero p{font-size:14px!important}.feature-hero h1{font-size:clamp(52px,5vw,76px)!important}
.skin-info small{font-size:10px!important}.skin-info strong{font-size:12px!important}.contents-title h3{font-size:12px!important}.contents-title span{font-size:9px!important}
.case-open-actions .skip-in-place{background:linear-gradient(180deg,#d0aa76,#a97845)!important;color:#21150e!important;border-color:#f2d3a066!important}
.upgrade-run.upgrade-skip-active{background:linear-gradient(180deg,#d1ab76,#a97a49)!important;color:#21150e!important}
@media(max-width:1250px){.upgrade-inventory-grid,.upgrade-target-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.upgrade-target-toolbar{grid-template-columns:1fr}}

/* v19 — фильтры кейсов */
.case-filters{
  display:grid;
  grid-template-columns:150px 150px minmax(280px,1fr) 190px;
  align-items:stretch;
  margin:0 0 22px;
  border:1px solid rgba(190,151,122,.18);
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(34,26,22,.86),rgba(24,19,16,.86));
  box-shadow:0 18px 45px rgba(8,5,4,.22),inset 0 1px rgba(255,255,255,.018);
}
.case-filter,.available-filter{min-height:58px;border:0;border-right:1px solid rgba(190,151,122,.16);background:transparent;color:#eadccc;display:flex;align-items:center;gap:12px;padding:0 18px}
.case-filter:last-of-type{border-right:1px solid rgba(190,151,122,.16)}
.case-filter span,.available-filter>span{font-size:11px;font-weight:900;letter-spacing:.06em;color:#e7d7c5;white-space:nowrap}
.case-filter input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#f1e5d7;font:800 13px/1 Manrope,system-ui,sans-serif;padding:0;appearance:textfield}
.case-filter input::-webkit-inner-spin-button,.case-filter input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.case-filter input::placeholder{color:#725f53;font-weight:700}
.search-filter{gap:10px}.search-icon{font-size:20px!important;line-height:1;color:#a78a76!important;font-weight:500!important;transform:rotate(-15deg)}
.available-filter{justify-content:space-between;border-right:0!important;font-weight:900;cursor:pointer;transition:.18s ease}
.available-filter:hover{background:rgba(203,148,103,.045)}
.available-filter i{position:relative;width:42px;height:24px;border-radius:999px;background:#493c34;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transition:.2s ease}
.available-filter i b{position:absolute;left:4px;top:4px;width:16px;height:16px;border-radius:50%;background:#9a887c;box-shadow:0 2px 7px #0007;transition:.22s cubic-bezier(.2,.8,.2,1)}
.available-filter.active{background:linear-gradient(180deg,rgba(100,70,49,.18),rgba(67,47,34,.12))}.available-filter.active>span{color:#f3dfc5}.available-filter.active i{background:#9a6947}.available-filter.active i b{left:22px;background:#f0d2ac}
.case-filter-empty{min-height:210px;border:1px dashed rgba(190,151,122,.18);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:rgba(31,24,20,.35);color:#7d6c61;text-align:center}.case-filter-empty strong{font-size:13px;letter-spacing:.08em;color:#b9a293}.case-filter-empty span{font-size:11px}
@media(max-width:900px){.case-filters{grid-template-columns:1fr 1fr}.case-filter,.available-filter{border-bottom:1px solid rgba(190,151,122,.16)}.search-filter{grid-column:1/-1}.available-filter{grid-column:1/-1;border-bottom:0}.case-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.case-filters{grid-template-columns:1fr}.case-filter,.search-filter,.available-filter{grid-column:1}.case-grid{grid-template-columns:1fr}}

/* v20 — layout polish, predictable spins, brand icon, larger type */
header{grid-template-columns:1fr auto 1fr!important;height:86px!important}
.brand.brand-button{display:flex!important;align-items:center!important;gap:12px!important;min-width:230px!important;padding-right:18px!important}
.brand-emblem{width:38px;height:38px;display:grid;place-items:center;flex:0 0 38px;border:1px solid #8b5c42;border-radius:12px;background:linear-gradient(145deg,#c67a49,#8c5035);box-shadow:inset 0 1px 0 #ffe1c14f,0 8px 22px #08040366,0 0 24px #b86b3b1f;transform:rotate(-3deg)}
.brand-emblem svg{width:28px;height:28px;overflow:visible}.brand-emblem path:first-child{fill:#f3dcc3}.brand-emblem .brand-cut{fill:#8d5036}
.brand-word{font-size:31px!important;line-height:1!important;letter-spacing:.075em!important}
nav{padding:5px!important;border-radius:13px!important}nav button{font-size:13px!important;padding:11px 17px!important}
.avatar{display:grid!important;place-items:center!important;overflow:hidden!important;line-height:1!important;text-align:center!important;font-size:15px!important;color:#f4e6d2!important}
.live{height:108px!important}.live-item{width:158px!important;padding:10px!important;gap:8px!important}.live-item .skin-art{width:78px!important;height:66px!important}.live-item span{font-size:10px!important;line-height:1.15!important}.live-item b{font-size:12px!important;margin-top:5px!important}.live-label{font-size:11px!important}.live-tabs button{font-size:9px!important}

/* case cards: no item count noise */
.case-meta{align-items:center!important}.case-meta h3{font-size:23px!important}.case-meta small{display:none!important}

/* case modal and cinematic reel live between case and actions */
.modal{width:min(1540px,97vw)!important;max-height:96vh!important;padding:34px 34px 38px!important}
.open-stage.opening-layout{width:100%!important;min-height:0!important;margin-top:0!important;justify-content:flex-start!important}
.opening-layout .modal-case{margin:0 auto 2px!important;width:330px!important;height:250px!important}.opening-layout .modal-case .case-art{height:250px!important;transform:scale(1.18)!important}
.opening-layout .reel-wrap.reel-3d{width:calc(100% + 68px)!important;margin:0 -34px 10px!important;height:338px!important;border-top:1px solid #6a493627!important;border-bottom:1px solid #6a493627!important;background:linear-gradient(180deg,#0e0a08,#080605 48%,#0e0a08)!important}
.opening-layout .reel-3d .reel-viewport,.opening-layout .reel-3d .pointer{height:338px!important}
.opening-layout .reel-3d .reel-card{flex-basis:260px!important;width:260px!important;height:242px!important}
.opening-layout .reel-3d .reel-card .real-skin{height:165px!important}
.opening-layout .case-open-actions{margin-top:8px!important;margin-bottom:2px!important}
.case-open-actions .open-btn{min-width:190px!important;height:56px!important;font-size:13px!important}
.open-price-leather{min-width:138px!important;height:56px!important;background:linear-gradient(145deg,#4d3024,#2b1c17 70%)!important;border-color:#8d6048!important;box-shadow:inset 0 1px 0 #ffe7d01c,inset 0 0 0 2px #1a0f0b8a,0 12px 28px #05030266!important}
.open-price-leather span{font-size:8px!important;color:#c39b82!important}.open-price-leather b{font-size:17px!important;color:#f5e2cf!important}

/* result: remove stray rarity line, cleaner price and true re-open CTA */
.inline-result:after{display:none!important}.inline-result-meta b{border:0!important;text-decoration:none!important;background:none!important;padding:0!important;box-shadow:none!important;color:#f2dfcb!important}
.result-inline-actions .back-btn{background:linear-gradient(180deg,#d19a69,#a96942)!important;color:#1b110c!important;border:1px solid #e3b17f!important}

/* upgrade alignment and lock while spinning */
.upgrade-workspace-v6{align-items:start!important}
.upgrade-wheel-column-v6{position:relative!important;top:auto!important;padding-top:21px!important;align-self:start!important}
.upgrade-wheel-wrap-v6{width:520px!important;height:520px!important;margin:0 auto!important}
.upgrade-main-box-v6{height:342px!important}
.upgrade-wheel-caption{font-size:13px!important}.upgrade-last{font-size:12px!important}.upgrade-run{font-size:11px!important;min-height:48px!important}
.upgrade-workspace.is-spinning .upgrade-source-toolbar,
.upgrade-workspace.is-spinning .source-browser,
.upgrade-workspace.is-spinning .upgrade-controls,
.upgrade-workspace.is-spinning .upgrade-target-hint,
.upgrade-workspace.is-spinning .upgrade-target-toolbar,
.upgrade-workspace.is-spinning .upgrade-target-grid{opacity:.30!important;filter:saturate(.35)!important;pointer-events:none!important;transition:opacity .22s ease,filter .22s ease}
.upgrade-workspace.is-spinning .upgrade-main-box{opacity:.72!important;transition:opacity .22s ease}

/* bigger, clearer interface text */
.upgrade-box-title span,.upgrade-subhead strong{font-size:12px!important}.upgrade-box-title b{font-size:15px!important}.upgrade-source-tabs button{font-size:11px!important}.upgrade-search input{font-size:12px!important}.upgrade-target-hint{font-size:10px!important}.upgrade-controls button{font-size:11px!important}.skin-info small{font-size:10px!important}.skin-info strong{font-size:12px!important}

@media(max-width:1500px){.upgrade-workspace-v6{grid-template-columns:minmax(320px,1fr) 450px minmax(320px,1fr)!important}.upgrade-wheel-wrap-v6{width:440px!important;height:440px!important}.upgrade-main-box-v6{height:320px!important}.upgrade-wheel-column-v6{padding-top:20px!important}}

/* v21 — single-motion spins, cinematic reel unfold, turbo toggles, tighter filters */
.case-filters{
  grid-template-columns:132px 132px minmax(250px,1fr) 172px!important;
  margin-bottom:16px!important;
  border-radius:13px!important;
}
.case-filter,.available-filter{
  min-height:44px!important;
  height:44px!important;
  padding:0 14px!important;
  gap:9px!important;
}
.case-filter span,.available-filter>span{font-size:10px!important}
.case-filter input{font-size:12px!important}
.search-icon{font-size:17px!important}
.available-filter i{width:36px!important;height:20px!important}
.available-filter i b{left:3px!important;top:3px!important;width:14px!important;height:14px!important}
.available-filter.active i b{left:19px!important}

/* Case price belongs to the case itself, not to the action row. */
.opening-layout .modal-case{position:relative!important}
.modal-case-price{
  position:absolute;
  z-index:8;
  left:50%;
  bottom:15px;
  transform:translateX(-50%);
  min-width:92px;
  height:36px;
  padding:0 16px;
  display:grid;
  place-items:center;
  border:1px solid #875f49;
  border-radius:10px;
  background:linear-gradient(145deg,#4a3026,#281b16 72%);
  color:#f3dfca;
  font-size:14px;
  font-weight:950;
  letter-spacing:.035em;
  box-shadow:inset 0 1px 0 #ffe3c91c,inset 0 0 0 2px #130c095c,0 10px 24px #05030262;
  pointer-events:none;
}
.case-open-actions{gap:9px!important}
.fast-spin-toggle{
  width:56px;
  height:56px;
  flex:0 0 56px;
  border:1px solid #694c3d;
  border-radius:15px;
  background:linear-gradient(180deg,#2d211b,#1c1512);
  color:#b99a7f;
  font-size:20px;
  line-height:1;
  display:grid;
  place-items:center;
  box-shadow:inset 0 1px 0 #ffffff0b,0 10px 28px #07040348;
  transition:.18s ease;
}
.fast-spin-toggle:hover:not(:disabled){transform:translateY(-2px);color:#f2cf79;border-color:#9e774a}
.fast-spin-toggle.active{color:#1b120c;background:linear-gradient(180deg,#e2bd67,#b8893f);border-color:#f0d58c;box-shadow:inset 0 1px 0 #fff8,0 0 28px #d8ad5140,0 10px 28px #07040356}
.fast-spin-toggle:disabled{opacity:.28;cursor:default;transform:none}

/* The reel unfolds as an actual layer between the case and the controls. */
.reel-reveal{
  transform-origin:50% 0%;
  animation:korzhReelUnfold .58s cubic-bezier(.20,.72,.18,1) both!important;
  will-change:transform,opacity,clip-path,filter;
}
@keyframes korzhReelUnfold{
  0%{opacity:0;transform:scaleY(.035) translateY(-16px);clip-path:inset(49% 0 49% 0);filter:blur(7px)}
  55%{opacity:.88;transform:scaleY(.72) translateY(-3px);clip-path:inset(12% 0 12% 0);filter:blur(2px)}
  100%{opacity:1;transform:scaleY(1) translateY(0);clip-path:inset(0 0 0 0);filter:blur(0)}
}

/* Raise only the central upgrade scene so its top aligns with the item panels. */
.upgrade-wheel-column-v6{
  transform:translateY(-48px)!important;
  padding-top:0!important;
}
.upgrade-run-row{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:16px}
.upgrade-run-row .upgrade-run{margin-top:0!important;min-height:56px!important}
.upgrade-run-row .fast-spin-toggle{width:56px;height:56px;flex-basis:56px}

@media(max-width:1500px){
  .upgrade-wheel-column-v6{transform:translateY(-32px)!important;padding-top:0!important}
  .case-filters{grid-template-columns:120px 120px minmax(220px,1fr) 160px!important}
}
@media(max-width:900px){
  .case-filters{grid-template-columns:1fr 1fr!important}
  .case-filter,.available-filter{height:44px!important;min-height:44px!important}
  .upgrade-wheel-column-v6{transform:none!important}
}

/* v22 — compact glass case modal, warm scrollbars, smooth reel reveal, upgrade price filters */
.overlay{
  background:rgba(12,8,6,.24)!important;
  backdrop-filter:blur(16px) saturate(.72)!important;
  -webkit-backdrop-filter:blur(16px) saturate(.72)!important;
  padding:20px!important;
}
.case-modal{
  width:min(1540px,96vw)!important;
  height:auto!important;
  min-height:0!important;
  max-height:92vh!important;
  overflow:auto!important;
  background:linear-gradient(155deg,rgba(40,30,25,.78),rgba(20,15,13,.72))!important;
  backdrop-filter:blur(24px) saturate(.92)!important;
  -webkit-backdrop-filter:blur(24px) saturate(.92)!important;
  border:1px solid rgba(172,126,96,.34)!important;
  box-shadow:0 38px 110px rgba(3,2,1,.62),inset 0 1px 0 rgba(255,255,255,.055)!important;
  scrollbar-width:thin;
  scrollbar-color:#6b4a3a rgba(24,17,14,.25);
}
.case-modal::-webkit-scrollbar{width:8px;height:8px}
.case-modal::-webkit-scrollbar-track{background:rgba(22,15,12,.30);border-radius:999px}
.case-modal::-webkit-scrollbar-thumb{background:linear-gradient(#74513f,#4d342b);border:2px solid rgba(21,14,12,.65);border-radius:999px}
.case-modal::-webkit-scrollbar-thumb:hover{background:linear-gradient(#8b624c,#5d3e32)}
.case-modal::-webkit-scrollbar-button{display:none;width:0;height:0}
.case-modal-brand{
  position:absolute;left:24px;top:20px;z-index:9;
  display:flex;align-items:center;gap:10px;
  pointer-events:none;user-select:none;
}
.case-modal-brand .brand-emblem{width:34px!important;height:34px!important;flex-basis:34px!important;border-radius:10px!important}
.case-modal-brand .brand-emblem svg{width:25px!important;height:25px!important}
.case-modal-brand-word{font-size:23px;font-weight:950;letter-spacing:.085em;color:#f1dfce;text-shadow:0 7px 24px #0008}
.case-modal .modal-head{padding-top:2px}
.case-modal .modal-head h2{margin-top:2px!important}
.case-modal .open-stage.opening-layout{margin-top:-4px!important}
.case-modal .opening-layout .modal-case{width:300px!important;height:220px!important;margin-bottom:0!important}
.case-modal .opening-layout .modal-case .case-art{height:220px!important;transform:scale(1.08)!important}
.case-modal .modal-case-price{bottom:4px!important;height:34px!important;min-width:86px!important;font-size:13px!important}
.case-modal .contents{margin-top:15px!important;padding-top:17px!important}
.case-modal .contents-title{margin-bottom:10px!important}
.case-modal .contents-grid .skin-card{min-height:148px!important;height:148px!important}
.case-modal .contents-grid .skin-card .skin-art{height:76px!important}

/* Open stays geometrically centered; turbo sits beside it without shifting the main CTA. */
.case-open-actions{
  position:relative!important;width:100%!important;min-height:56px!important;
  display:flex!important;justify-content:center!important;align-items:center!important;
  margin-top:13px!important;
}
.case-open-actions .open-btn{margin:0 auto!important;position:relative!important;z-index:2}
.case-open-actions .fast-spin-toggle{
  position:absolute!important;left:calc(50% + 108px)!important;top:0!important;margin:0!important;z-index:3;
}

/* Reel is already mounted before reveal, so images/layout are warmed up and the opening itself is smooth. */
.opening-layout .reel-wrap.reel-3d{
  width:calc(100% + 68px)!important;
  margin-left:-34px!important;margin-right:-34px!important;
  background:linear-gradient(180deg,rgba(18,12,10,.93),rgba(8,6,5,.97) 48%,rgba(18,12,10,.93))!important;
  transition:height .50s cubic-bezier(.18,.72,.18,1),opacity .28s ease,transform .50s cubic-bezier(.18,.72,.18,1),margin .50s cubic-bezier(.18,.72,.18,1)!important;
  transform-origin:50% 0!important;
  will-change:height,opacity,transform!important;
}
.opening-layout .reel-wrap.reel-3d.reel-preopen{
  height:0!important;margin-top:0!important;margin-bottom:0!important;
  opacity:0!important;transform:translateY(-8px) scaleY(.97)!important;
  border-color:transparent!important;pointer-events:none!important;
}
.opening-layout .reel-wrap.reel-3d.reel-open{
  height:292px!important;margin-top:8px!important;margin-bottom:5px!important;
  opacity:1!important;transform:translateY(0) scaleY(1)!important;
}
.opening-layout .reel-3d .reel-viewport,.opening-layout .reel-3d .pointer{height:292px!important}
.opening-layout .reel-3d .reel-card{flex-basis:238px!important;width:238px!important;height:218px!important}
.opening-layout .reel-3d .reel-card .real-skin{height:145px!important}

/* Upgrade browsing: compact From/To filters on both sides. */
.upgrade-source-toolbar{
  display:grid!important;
  grid-template-columns:auto 170px minmax(180px,1fr)!important;
  gap:8px!important;align-items:center!important;
}
.upgrade-target-toolbar{
  display:grid!important;
  grid-template-columns:170px minmax(180px,1fr)!important;
  gap:8px!important;align-items:center!important;
  margin-top:10px!important;margin-bottom:10px!important;
}
.upgrade-price-range{
  height:42px;display:grid;grid-template-columns:1fr 1fr;
  border:1px solid #49382f;border-radius:12px;overflow:hidden;background:#171210;
}
.upgrade-price-range label{display:flex;align-items:center;gap:5px;padding:0 8px;min-width:0}
.upgrade-price-range label+label{border-left:1px solid #49382f}
.upgrade-price-range span{font-size:9px;font-weight:950;color:#c2a994;letter-spacing:.045em}
.upgrade-price-range input{
  width:100%;min-width:0;border:0;outline:0;background:transparent;color:#eadccc;
  font:850 10px/1 Manrope,system-ui,sans-serif;appearance:textfield;
}
.upgrade-price-range input::-webkit-inner-spin-button,.upgrade-price-range input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.upgrade-price-range input::placeholder{color:#69584f}
.upgrade-target-hint{margin-top:7px!important;margin-bottom:0!important;text-align:right!important;color:#846f62!important}
.upgrade-target-grid,.upgrade-inventory-grid,.source-browser{
  scrollbar-width:thin;scrollbar-color:#654638 rgba(21,15,12,.2);
}
.upgrade-target-grid::-webkit-scrollbar,.upgrade-inventory-grid::-webkit-scrollbar,.source-browser::-webkit-scrollbar{width:6px}
.upgrade-target-grid::-webkit-scrollbar-thumb,.upgrade-inventory-grid::-webkit-scrollbar-thumb,.source-browser::-webkit-scrollbar-thumb{background:#654638;border-radius:999px}
.upgrade-target-grid::-webkit-scrollbar-track,.upgrade-inventory-grid::-webkit-scrollbar-track,.source-browser::-webkit-scrollbar-track{background:rgba(21,15,12,.22)}
.upgrade-target-grid::-webkit-scrollbar-button,.upgrade-inventory-grid::-webkit-scrollbar-button,.source-browser::-webkit-scrollbar-button{display:none;width:0;height:0}

@media(max-width:1500px){
  .upgrade-source-toolbar{grid-template-columns:1fr 160px!important}
  .upgrade-source-toolbar .upgrade-search{grid-column:1/-1}
  .upgrade-target-toolbar{grid-template-columns:160px 1fr!important}
  .case-modal-brand{left:18px;top:16px}
}
@media(max-width:900px){
  .case-modal{width:98vw!important;max-height:94vh!important;padding:22px 16px 24px!important}
  .case-modal-brand{position:static;margin:0 0 8px 2px;width:max-content}
  .case-modal .modal-head{margin-top:-38px;padding-top:0}
  .case-open-actions .fast-spin-toggle{position:static!important;margin-left:8px!important}
  .case-open-actions .open-btn{margin:0!important}
  .upgrade-source-toolbar,.upgrade-target-toolbar{grid-template-columns:1fr!important}
  .upgrade-source-toolbar .upgrade-search{grid-column:auto}
  .upgrade-price-range{width:100%}
}

/* v23 - Oscar collection + cleaner upgrade filters */
.cases-heading{margin-bottom:14px!important;align-items:center!important}
.cases-heading h2{font-size:24px!important;letter-spacing:.09em!important;color:#f3e5d5!important;margin:0!important}
.collection-heading{display:flex;align-items:center;gap:14px;margin:18px 2px 12px;color:#d9bb98;font-size:12px;font-weight:950;letter-spacing:.16em}
.collection-heading:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(205,162,119,.38),transparent)}

/* The source browser mirrors the target browser: tabs first, filters/search below. */
.upgrade-source-toolbar{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-top:16px!important}
.upgrade-source-tabs{width:max-content!important;min-width:0!important}
.upgrade-source-filter-row{display:grid;grid-template-columns:170px minmax(180px,1fr);gap:8px;align-items:center;width:100%}
.upgrade-source-filter-row .upgrade-search{width:100%!important}

/* Restore group-centering: OPEN + lightning are centered together as one control cluster. */
.case-open-actions{position:static!important;width:100%!important;min-height:56px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin-top:13px!important}
.case-open-actions .open-btn{margin:0!important;position:static!important}
.case-open-actions .fast-spin-toggle{position:static!important;left:auto!important;top:auto!important;margin:0!important}

/* 3D Oscar cases: compact physical crates with a subtle corgi badge. */
.oscar-case-grid{perspective:1200px}
.oscar-case-card{min-height:365px!important;overflow:visible!important;transform-style:preserve-3d}
.oscar-case-card:before{background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 42%)!important}
.oscar-case-card:hover{transform:translateY(-6px) rotateX(1deg)!important}
.oscar-case-card .case-art{height:258px!important;perspective:800px;overflow:visible}
.oscar-case .case-floor{position:absolute;width:190px;height:42px;bottom:33px;border-radius:50%;background:radial-gradient(ellipse,#0009 0,#0005 42%,transparent 72%);filter:blur(6px);transform:rotateX(68deg);opacity:.9}
.oscar-case .case-shadow{width:190px!important;height:44px!important;bottom:37px!important;filter:blur(31px)!important;opacity:.17!important}
.oscar-case .case-handle{width:88px!important;height:42px!important;top:48px!important;border:8px solid #2a211d!important;border-bottom:0!important;border-radius:16px 16px 0 0!important;box-shadow:inset 0 2px 0 #ffffff0b,0 -3px 12px #0006!important;transform:translateZ(-2px)}
.oscar-case .case-body{width:176px!important;height:126px!important;border-radius:13px!important;top:3px;background:linear-gradient(145deg,#5b4031 0%,#33251e 48%,#211915 100%)!important;border:1px solid #7d5b49!important;box-shadow:0 32px 35px #05030291,inset 0 1px 0 #fff1,inset 0 -8px 18px #0005!important;transform:perspective(700px) rotateX(8deg) rotateY(-7deg)!important;transform-style:preserve-3d;overflow:visible!important}
.oscar-case .case-body:before,.oscar-case .case-body:after{display:none!important}
.oscar-case .case-top-plane{position:absolute;left:6px;right:2px;top:-15px;height:26px;border:1px solid #85624e;border-bottom:0;border-radius:13px 13px 3px 3px;background:linear-gradient(180deg,#6b4b3a,#483228);transform:skewX(-13deg) translateZ(-1px);box-shadow:inset 0 1px 0 #fff1}
.oscar-case .case-side-plane{position:absolute;right:-14px;top:10px;width:18px;height:109px;border:1px solid #5c4034;border-left:0;background:linear-gradient(180deg,#3b2a23,#201815);clip-path:polygon(0 0,100% 10%,100% 91%,0 100%);filter:brightness(.78)}
.oscar-case .case-latches{position:absolute;left:16px;right:16px;top:13px;display:flex;justify-content:space-between;z-index:4}
.oscar-case .case-latches i{width:27px;height:9px;border-radius:3px;background:linear-gradient(#1a1411,#090706);border:1px solid #6a4a3a;box-shadow:inset 0 1px 0 #ffffff12}
.oscar-case .case-stripe{top:58px!important;height:3px!important;background:linear-gradient(90deg,transparent,var(--accent) 20%,var(--accent) 80%,transparent)!important;box-shadow:0 0 15px color-mix(in srgb,var(--accent) 55%,transparent)!important;opacity:.85}
.oscar-badge{position:absolute;left:50%;top:27px;z-index:5;width:76px;height:66px;transform:translateX(-50%) translateZ(8px);filter:drop-shadow(0 8px 12px #0007)}
.oscar-badge svg{width:100%;height:100%;overflow:visible}.oscar-badge .ear{fill:#b96f42;stroke:#1a110d;stroke-width:5;stroke-linejoin:round}.oscar-badge .head{fill:#c98552;stroke:#1a110d;stroke-width:4}.oscar-badge .mask,.oscar-badge .muzzle{fill:#f0d9bc}.oscar-badge .eye,.oscar-badge .nose{fill:#1a110d}
.case-nameplate{position:absolute;left:50%;bottom:11px;z-index:6;transform:translateX(-50%);padding:3px 10px;border-radius:999px;border:1px solid #bc8a674d;background:#160f0bc9;color:#e8c7a8;font-size:7px;font-weight:950;letter-spacing:.2em;box-shadow:inset 0 1px 0 #ffffff0a}
.oscar-case-card .case-meta{margin-top:-4px!important}.oscar-case-card .case-meta h3{font-size:22px!important}

/* Modal uses the same physical case, only a touch larger. */
.case-modal .oscar-case .case-body{transform:perspective(700px) rotateX(7deg) rotateY(-5deg) scale(1.03)!important}
.case-modal .oscar-badge{transform:translateX(-50%) translateZ(8px) scale(1.03)}

@media(max-width:1500px){
  .upgrade-source-filter-row{grid-template-columns:160px 1fr}
}
@media(max-width:900px){
  .upgrade-source-tabs{width:100%!important}.upgrade-source-tabs button{flex:1}
  .upgrade-source-filter-row{grid-template-columns:1fr!important}
  .oscar-case-card{min-height:350px!important}
}

/* v24 - compact Oscar cases, mixed-color upgrade scene and site theme switcher */
:root{
  --theme-bg:#100d0b;
  --theme-bg-2:#17110f;
  --theme-panel:#201916;
  --theme-panel-2:#2b211c;
  --theme-line:#4b392f;
  --theme-text:#f2e6d8;
  --theme-muted:#9d887b;
  --theme-accent:#c98558;
  --theme-accent-2:#d8b267;
  --theme-glow:#8b4e34;
  --theme-source:#352026;
  --theme-source-line:#724352;
  --theme-target:#1f3035;
  --theme-target-line:#42636c;
  --theme-olive:#303426;
}
:root[data-theme="blue"]{
  --theme-bg:#091217;--theme-bg-2:#0e1d25;--theme-panel:#142630;--theme-panel-2:#1a3140;--theme-line:#365466;
  --theme-text:#edf8fb;--theme-muted:#88a6b4;--theme-accent:#70b8dc;--theme-accent-2:#93d1e8;--theme-glow:#2c7193;
  --theme-source:#24323c;--theme-source-line:#5b7e92;--theme-target:#172c39;--theme-target-line:#4d829d;--theme-olive:#29382f;
}
:root[data-theme="burgundy"]{
  --theme-bg:#12090d;--theme-bg-2:#1b0d13;--theme-panel:#2a141c;--theme-panel-2:#371a25;--theme-line:#67384a;
  --theme-text:#f8e9ee;--theme-muted:#b18b98;--theme-accent:#b94f70;--theme-accent-2:#d689a0;--theme-glow:#7a2744;
  --theme-source:#4a2030;--theme-source-line:#96516a;--theme-target:#292638;--theme-target-line:#625a83;--theme-olive:#343424;
}
:root[data-theme="japan1"]{
  --theme-bg:#130c09;--theme-bg-2:#21110b;--theme-panel:#261511;--theme-panel-2:#f0e5d5;--theme-line:#7a3428;
  --theme-text:#fff7ec;--theme-muted:#c1a597;--theme-accent:#c83f34;--theme-accent-2:#d76e31;--theme-glow:#9f2e24;
  --theme-source:#4d1f1c;--theme-source-line:#a64a3f;--theme-target:#33231d;--theme-target-line:#b56b3d;--theme-olive:#413728;
}
:root[data-theme="japan2"]{
  --theme-bg:#0c1413;--theme-bg-2:#12201f;--theme-panel:#1a2926;--theme-panel-2:#243630;--theme-line:#4c6358;
  --theme-text:#edf2e8;--theme-muted:#9dac9f;--theme-accent:#6f9fbd;--theme-accent-2:#92a76d;--theme-glow:#3f6e68;
  --theme-source:#22373d;--theme-source-line:#567989;--theme-target:#293428;--theme-target-line:#6d7e52;--theme-olive:#35432e;
}

/* Carry the selected palette through the main shell without flattening all local rarity colors. */
body{background:radial-gradient(900px 520px at 50% -12%,color-mix(in srgb,var(--theme-glow) 36%,transparent),transparent 70%),linear-gradient(180deg,var(--theme-bg-2),var(--theme-bg))!important;color:var(--theme-text)!important;transition:background .35s ease,color .25s ease}
.page{background-image:linear-gradient(color-mix(in srgb,var(--theme-text) 2.2%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--theme-text) 2.2%,transparent) 1px,transparent 1px)!important}
header{background:color-mix(in srgb,var(--theme-bg-2) 91%,transparent)!important;border-color:color-mix(in srgb,var(--theme-line) 55%,transparent)!important}
nav{background:color-mix(in srgb,var(--theme-panel) 88%,transparent)!important;border-color:var(--theme-line)!important}
nav button{color:var(--theme-muted)!important}nav .nav-active{background:var(--theme-panel-2)!important;color:var(--theme-text)!important}
.balance span,.live-item span,.hero p,.case-filter input,.upgrade-search input,.upgrade-price-range input{color:var(--theme-muted)!important}
.live{border-color:color-mix(in srgb,var(--theme-line) 40%,transparent)!important;background:color-mix(in srgb,var(--theme-bg) 70%,transparent)!important}
.live-toolbar,.live-tabs{border-color:color-mix(in srgb,var(--theme-line) 55%,transparent)!important}
.live-tabs button.active{color:var(--theme-text)!important;background:var(--theme-panel-2)!important}
.hero em,.collection-heading,.cases-heading h2,.upgrade-page-v6>section:first-child small{color:var(--theme-accent)!important}
.case-filters,.case-filter,.search-filter,.available-filter,.upgrade-source-tabs,.upgrade-search,.upgrade-price-range,.upgrade-target-toolbar .upgrade-search{background:color-mix(in srgb,var(--theme-panel) 88%,transparent)!important;border-color:var(--theme-line)!important}
.case-filter span,.available-filter span,.upgrade-price-range span{color:var(--theme-muted)!important}
.available-filter.active{background:color-mix(in srgb,var(--theme-accent) 17%,var(--theme-panel))!important}
.available-filter.active i{background:var(--theme-accent)!important}

/* Four shorter, wider cards: title / physical case / price, all centered. */
.oscar-case-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;align-items:stretch}
.oscar-case-card{min-height:286px!important;height:286px!important;padding:18px 18px 15px!important;display:grid!important;grid-template-rows:auto 1fr auto!important;align-items:center!important;justify-items:center!important;overflow:hidden!important;border-radius:20px!important;background:linear-gradient(155deg,var(--case-card-a,#222),var(--case-card-b,#161311))!important;border:1px solid var(--case-card-line,#574137)!important;box-shadow:0 20px 50px #05030255,inset 0 1px 0 #ffffff0b!important}
.oscar-case-card[data-case="pulse"]{--case-card-a:#342a37;--case-card-b:#1c1821;--case-card-line:#6b5872;--case-shell-a:#705a79;--case-shell-b:#322a3a}
.oscar-case-card[data-case="neon"]{--case-card-a:#20343b;--case-card-b:#141f23;--case-card-line:#42626b;--case-shell-a:#527986;--case-shell-b:#263a40}
.oscar-case-card[data-case="royal"]{--case-card-a:#3d3422;--case-card-b:#211d15;--case-card-line:#75663f;--case-shell-a:#8c7746;--case-shell-b:#403820}
.oscar-case-card[data-case="void"]{--case-card-a:#2e3525;--case-card-b:#191e15;--case-card-line:#596746;--case-shell-a:#677a4d;--case-shell-b:#303b25}
.oscar-case-card:hover{transform:translateY(-5px) rotateX(.7deg)!important;border-color:color-mix(in srgb,var(--accent) 42%,var(--case-card-line))!important}
.case-card-title{position:relative;z-index:5;margin:0!important;text-align:center;font-size:20px!important;line-height:1!important;letter-spacing:.08em;color:var(--theme-text)!important}
.oscar-case-card .case-art{height:196px!important;width:100%!important;margin:-4px 0 -6px!important;transform:scale(.9);transform-origin:center}
.oscar-case-card .case-price-tag.case-price-centered{position:relative!important;inset:auto!important;margin:0 auto!important;min-width:82px!important;height:34px!important;display:grid!important;place-items:center!important;transform:none!important;border-radius:11px!important;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-panel-2) 88%,#fff 4%),var(--theme-panel))!important;border:1px solid color-mix(in srgb,var(--theme-accent) 35%,var(--theme-line))!important;color:var(--theme-text)!important;box-shadow:inset 0 1px 0 #ffffff12,0 8px 18px #05030242!important}
.oscar-case-card .case-price-tag.case-price-centered:before,.oscar-case-card .case-price-tag.case-price-centered:after{display:none!important}
.oscar-case-card .case-price-tag.case-price-centered span{font-size:13px!important}
/* Color the physical crate too, rather than repeating brown four times. */
.oscar-case-card .oscar-case .case-body{background:linear-gradient(145deg,var(--case-shell-a),var(--case-shell-b) 64%,#171413 100%)!important;border-color:color-mix(in srgb,var(--case-card-line) 75%,#fff 8%)!important}
.oscar-case-card .oscar-case .case-top-plane{background:linear-gradient(180deg,color-mix(in srgb,var(--case-shell-a) 82%,white 8%),var(--case-shell-b))!important;border-color:var(--case-card-line)!important}
.oscar-case-card .oscar-case .case-side-plane{background:linear-gradient(180deg,var(--case-shell-b),#151211)!important;border-color:var(--case-card-line)!important}
.oscar-case-card .case-floor{bottom:25px!important}.oscar-case-card .case-shadow{bottom:29px!important}.oscar-case-card .case-handle{top:31px!important}.oscar-case-card .case-body{top:-8px!important}

/* Upgrade: break up the brown with deliberate soft rose / burgundy / blue / olive areas. */
.upgrade-main-box-v6{background:linear-gradient(155deg,var(--theme-source),color-mix(in srgb,var(--theme-source) 70%,var(--theme-bg)))!important;border-color:var(--theme-source-line)!important;box-shadow:0 26px 60px #0503023b,inset 0 1px 0 #ffffff10!important}
.upgrade-target-column .upgrade-main-box-v6{background:linear-gradient(155deg,var(--theme-target),color-mix(in srgb,var(--theme-target) 68%,var(--theme-bg)))!important;border-color:var(--theme-target-line)!important}
.upgrade-wheel-wrap-v6{filter:drop-shadow(0 25px 45px #05030240)}
.upgrade-wheel-static{background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--theme-panel-2) 70%,transparent),color-mix(in srgb,var(--theme-bg) 92%,black))!important;border-color:color-mix(in srgb,var(--theme-accent) 38%,var(--theme-line))!important}
.upgrade-source-toolbar{width:100%!important}
.upgrade-source-tabs{width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:1fr 1fr!important}
.upgrade-source-tabs button{width:100%!important;min-height:42px!important;font-size:11px!important}
.upgrade-source-tabs button.active{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-source-line) 34%,var(--theme-panel)),var(--theme-panel))!important;color:var(--theme-text)!important}
.upgrade-source-filter-row{width:100%!important}
.upgrade-inventory-grid,.upgrade-target-grid{border-color:color-mix(in srgb,var(--theme-line) 52%,transparent)!important}
.upgrade-controls button{background:var(--theme-panel)!important;border-color:var(--theme-line)!important;color:var(--theme-muted)!important}.upgrade-controls button.active{background:linear-gradient(180deg,var(--theme-accent-2),var(--theme-accent))!important;color:#17110e!important;border-color:color-mix(in srgb,var(--theme-accent-2) 78%,white)!important}
.upgrade-run{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-text) 92%,#fff),color-mix(in srgb,var(--theme-text) 78%,var(--theme-muted)))!important;color:#17120f!important}
.fast-spin-toggle{background:linear-gradient(180deg,var(--theme-accent-2),var(--theme-accent))!important;border-color:color-mix(in srgb,var(--theme-accent-2) 70%,white)!important}

/* Theme chooser in the lower-right corner. */
.theme-switcher{position:fixed;right:18px;bottom:18px;z-index:95;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-family:Manrope,system-ui,sans-serif}
.theme-switcher-toggle{height:42px;display:flex;align-items:center;gap:8px;padding:0 11px;border-radius:13px;border:1px solid color-mix(in srgb,var(--theme-line) 85%,transparent);background:color-mix(in srgb,var(--theme-panel) 91%,transparent);backdrop-filter:blur(18px);box-shadow:0 16px 40px #0006,inset 0 1px 0 #ffffff0c;color:var(--theme-text)}
.theme-switcher-toggle>span{font-size:7px;letter-spacing:.14em;color:var(--theme-muted);font-weight:900}.theme-switcher-toggle>b{font-size:9px;letter-spacing:.06em}.theme-switcher-toggle>em{font-style:normal;color:var(--theme-muted);font-size:12px}
.theme-switcher-menu{position:absolute;right:0;bottom:50px;width:190px;padding:7px;border-radius:15px;border:1px solid var(--theme-line);background:color-mix(in srgb,var(--theme-panel) 96%,transparent);backdrop-filter:blur(20px);box-shadow:0 22px 60px #0009;display:grid;gap:4px}
.theme-switcher-menu button{height:36px;border:0;border-radius:9px;background:transparent;color:var(--theme-muted);display:flex;align-items:center;gap:9px;padding:0 9px;text-align:left;font-size:9px;font-weight:900;letter-spacing:.045em}.theme-switcher-menu button:hover,.theme-switcher-menu button.active{background:color-mix(in srgb,var(--theme-accent) 15%,var(--theme-panel));color:var(--theme-text)}
.theme-swatch{width:15px;height:15px;border-radius:50%;border:1px solid #ffffff38;box-shadow:inset 0 1px 0 #fff3;flex:0 0 15px}.swatch-brown{background:linear-gradient(135deg,#7b4b34,#d0a06d)}.swatch-blue{background:linear-gradient(135deg,#315d72,#8bc7e1)}.swatch-burgundy{background:linear-gradient(135deg,#5a1830,#c65f82)}.swatch-japan1{background:linear-gradient(135deg,#bd332d 0 45%,#f0e4d2 46% 67%,#b95d2a 68%)}.swatch-japan2{background:linear-gradient(135deg,#4c829d 0 42%,#708550 43% 70%,#315a4b 71%)}

@media(max-width:1100px){.oscar-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.oscar-case-card{height:278px!important;min-height:278px!important}}
@media(max-width:600px){.oscar-case-grid{grid-template-columns:1fr!important}.theme-switcher{right:10px;bottom:10px}.theme-switcher-toggle>span{display:none}}

/* v25 - RedWhite photo theme + premium Bright theme */
:root[data-theme="redwhite"]{
  --theme-bg:#160b0b;
  --theme-bg-2:#2a1010;
  --theme-panel:#2a1716;
  --theme-panel-2:#f1e8dd;
  --theme-line:#8d3a32;
  --theme-text:#fff8ed;
  --theme-muted:#d3b8ac;
  --theme-accent:#d5352f;
  --theme-accent-2:#f0d7b8;
  --theme-glow:#bd211f;
  --theme-source:#4a191c;
  --theme-source-line:#a23e42;
  --theme-target:#ede2d6;
  --theme-target-line:#b85e4e;
  --theme-olive:#5e4c2d;
}
:root[data-theme="bright"]{
  --theme-bg:#0b0b12;
  --theme-bg-2:#171425;
  --theme-panel:#211c31;
  --theme-panel-2:#312747;
  --theme-line:#625274;
  --theme-text:#fff6ec;
  --theme-muted:#c0afc8;
  --theme-accent:#e45f72;
  --theme-accent-2:#e7b85b;
  --theme-glow:#7e4ed0;
  --theme-source:#4a2548;
  --theme-source-line:#a45d91;
  --theme-target:#19384a;
  --theme-target-line:#4a87a3;
  --theme-olive:#3f4a27;
}
.swatch-redwhite{background:linear-gradient(135deg,#c51f24 0 43%,#f4eee5 44% 74%,#7d171b 75%)}
.swatch-bright{background:linear-gradient(135deg,#e45f72 0 28%,#e7b85b 29% 52%,#36a5a2 53% 76%,#7452c7 77%)}

/* RedWhite uses the supplied Japanese courtyard as the environmental backdrop. */
:root[data-theme="redwhite"] body{
  background:
    linear-gradient(180deg,rgba(37,9,9,.22),rgba(17,8,8,.72)),
    url("assets/redwhite-japan.jpg") center top / cover fixed no-repeat!important;
}
:root[data-theme="redwhite"] .page{
  background-image:
    linear-gradient(rgba(110,28,25,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(110,28,25,.035) 1px,transparent 1px)!important;
  background-color:rgba(24,10,10,.25);
  backdrop-filter:saturate(.9);
}
:root[data-theme="redwhite"] header{
  background:rgba(32,11,11,.72)!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
}
:root[data-theme="redwhite"] main{
  background:linear-gradient(180deg,rgba(18,8,8,.54),rgba(17,8,8,.72));
  border-radius:0 0 34px 34px;
}
:root[data-theme="redwhite"] .live{
  background:rgba(22,8,8,.62)!important;
  backdrop-filter:blur(18px);
}

/* Bright: saturated jewel tones, but kept dark and premium rather than neon. */
:root[data-theme="bright"] body{
  background:
    radial-gradient(700px 460px at 18% 8%,rgba(221,75,112,.22),transparent 68%),
    radial-gradient(720px 520px at 82% 10%,rgba(49,151,162,.19),transparent 68%),
    radial-gradient(900px 700px at 50% 95%,rgba(120,76,193,.18),transparent 68%),
    linear-gradient(145deg,#100c18,#0a1117 55%,#151018)!important;
}
:root[data-theme="bright"] .page{background-image:linear-gradient(rgba(255,232,211,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,232,211,.024) 1px,transparent 1px)!important}
:root[data-theme="bright"] .oscar-case-card[data-case="pulse"]{--case-card-a:#57253f;--case-card-b:#231522;--case-card-line:#8d4967;--case-shell-a:#9f5874;--case-shell-b:#442238}
:root[data-theme="bright"] .oscar-case-card[data-case="neon"]{--case-card-a:#16404a;--case-card-b:#101f28;--case-card-line:#3d7482;--case-shell-a:#4f8b9a;--case-shell-b:#244a55}
:root[data-theme="bright"] .oscar-case-card[data-case="royal"]{--case-card-a:#4a3a1d;--case-card-b:#211b11;--case-card-line:#846b36;--case-shell-a:#a68846;--case-shell-b:#493a20}
:root[data-theme="bright"] .oscar-case-card[data-case="void"]{--case-card-a:#31335a;--case-card-b:#19172b;--case-card-line:#625f95;--case-shell-a:#6d6ba0;--case-shell-b:#333253}

/* The RedWhite case window becomes a large scenic stage. */
:root[data-theme="redwhite"] .overlay{
  background:rgba(22,7,7,.34)!important;
  backdrop-filter:blur(7px) saturate(.92)!important;
}
:root[data-theme="redwhite"] .case-modal{
  width:min(1660px,98.5vw)!important;
  max-height:97vh!important;
  min-height:min(900px,94vh);
  background:
    linear-gradient(180deg,rgba(255,250,244,.05),rgba(27,9,9,.60) 62%,rgba(15,7,7,.88)),
    url("assets/redwhite-japan.jpg") center 44% / cover no-repeat!important;
  border-color:rgba(198,63,52,.68)!important;
  box-shadow:0 38px 120px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.18)!important;
  overflow:auto;
}
:root[data-theme="redwhite"] .case-modal:before{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  top:26%;
  width:min(620px,46vw);
  height:300px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(246,239,226,.93) 0 24%,rgba(239,224,204,.78) 38%,rgba(238,219,194,.30) 58%,transparent 73%);
  filter:blur(6px);
  pointer-events:none;
}
:root[data-theme="redwhite"] .case-modal>*{position:relative;z-index:1}
:root[data-theme="redwhite"] .case-modal-brand-word,
:root[data-theme="redwhite"] .modal-head h2,
:root[data-theme="redwhite"] .contents-title h3{color:#fffaf0!important;text-shadow:0 3px 18px rgba(40,5,5,.75)}
:root[data-theme="redwhite"] .modal-head>span,
:root[data-theme="redwhite"] .modal-head p,
:root[data-theme="redwhite"] .contents-title span{color:#eed9cc!important;text-shadow:0 2px 10px rgba(35,5,5,.8)}
:root[data-theme="redwhite"] .opening-layout .modal-case{
  width:430px!important;
  height:315px!important;
  margin-top:8px!important;
  filter:drop-shadow(0 32px 28px rgba(28,7,5,.58));
}
:root[data-theme="redwhite"] .opening-layout .modal-case .case-art{height:315px!important;transform:scale(1.37)!important}
:root[data-theme="redwhite"] .case-modal .contents{
  margin:20px -6px 0!important;
  padding:18px 16px 10px!important;
  border-radius:22px;
  background:rgba(26,9,9,.62);
  border:1px solid rgba(255,238,221,.14);
  backdrop-filter:blur(18px) saturate(.85);
}
:root[data-theme="redwhite"] .case-modal .contents-grid .skin-card{background:rgba(39,18,16,.72)!important;border-color:rgba(255,238,221,.14)!important;backdrop-filter:blur(12px)}
:root[data-theme="redwhite"] .reel-wrap{background:rgba(20,8,8,.74)!important;backdrop-filter:blur(16px)}

/* Slightly more cinematic case stage in every theme. */
.case-modal{width:min(1480px,98vw)!important;max-height:96vh!important}
.case-modal .modal-head{margin-top:4px}

/* RedWhite case cards echo lacquer, ivory and temple red. */
:root[data-theme="redwhite"] .oscar-case-card[data-case="pulse"]{--case-card-a:#5c1717;--case-card-b:#261010;--case-card-line:#9d3f35;--case-shell-a:#b63b31;--case-shell-b:#551a17}
:root[data-theme="redwhite"] .oscar-case-card[data-case="neon"]{--case-card-a:#efe3d5;--case-card-b:#bcaea0;--case-card-line:#d7c5b4;--case-shell-a:#f1e5d9;--case-shell-b:#9d8b7b}
:root[data-theme="redwhite"] .oscar-case-card[data-case="royal"]{--case-card-a:#6c201a;--case-card-b:#30120e;--case-card-line:#b66545;--case-shell-a:#cc6d45;--case-shell-b:#67311e}
:root[data-theme="redwhite"] .oscar-case-card[data-case="void"]{--case-card-a:#302925;--case-card-b:#171412;--case-card-line:#766258;--case-shell-a:#5e514a;--case-shell-b:#2c2522}
:root[data-theme="redwhite"] .oscar-case-card[data-case="neon"] .case-card-title,
:root[data-theme="redwhite"] .oscar-case-card[data-case="neon"] .case-price-tag{color:#2b1714!important}

/* =========================================================
   v26 — RED / WHITE IMMERSION
   The RedWhite theme is a cinematic Japanese glass scene,
   not a brown page with a photo behind it.
   ========================================================= */
:root[data-theme="redwhite"]{
  --theme-bg:#090a0e;
  --theme-bg-2:#12151c;
  --theme-panel:rgba(31,35,44,.34);
  --theme-panel-2:rgba(244,246,247,.82);
  --theme-line:rgba(255,255,255,.26);
  --theme-text:#fffdfa;
  --theme-muted:#d9d9dc;
  --theme-accent:#e64b47;
  --theme-accent-2:#fff7ef;
  --theme-glow:#b51d2a;
  --theme-source:rgba(83,28,37,.48);
  --theme-source-line:rgba(255,130,138,.38);
  --theme-target:rgba(36,54,71,.45);
  --theme-target-line:rgba(151,196,225,.36);
  --theme-olive:#414b39;
}

:root[data-theme="redwhite"] body{
  background:
    linear-gradient(180deg,rgba(14,18,26,.03),rgba(11,13,19,.13) 44%,rgba(9,9,13,.28)),
    url("assets/redwhite-immersion.jpg") center 34% / cover fixed no-repeat!important;
  color:#fff!important;
}
:root[data-theme="redwhite"] .page{
  position:relative;
  isolation:isolate;
  background:none!important;
  min-height:100vh;
}
:root[data-theme="redwhite"] .page:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 20%,rgba(255,255,255,.13),transparent 38%),
    linear-gradient(90deg,rgba(13,10,16,.30),transparent 28%,transparent 72%,rgba(10,13,18,.22));
}

/* Premium floating glass header — no brown slabs. */
:root[data-theme="redwhite"] header{
  height:94px!important;
  background:linear-gradient(180deg,rgba(22,27,36,.46),rgba(18,22,30,.28))!important;
  border-bottom:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 10px 36px rgba(6,8,12,.15),inset 0 -1px 0 rgba(227,65,65,.14)!important;
  backdrop-filter:blur(24px) saturate(1.35)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.35)!important;
}
:root[data-theme="redwhite"] .brand-emblem{
  border-color:rgba(235,77,72,.78)!important;
  background:linear-gradient(145deg,rgba(227,57,55,.93),rgba(126,16,27,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.33),0 8px 24px rgba(117,9,22,.35),0 0 28px rgba(230,61,64,.18)!important;
}
:root[data-theme="redwhite"] .brand-word{
  color:#fff!important;
  text-shadow:0 4px 26px rgba(0,0,0,.4)!important;
}
:root[data-theme="redwhite"] nav{
  gap:0!important;
  padding:5px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(245,246,248,.13),rgba(126,132,143,.10))!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 35px rgba(11,12,18,.20)!important;
  backdrop-filter:blur(22px) saturate(1.4)!important;
}
:root[data-theme="redwhite"] nav button{
  min-width:116px;
  color:rgba(255,255,255,.88)!important;
  text-shadow:0 2px 9px rgba(0,0,0,.24);
}
:root[data-theme="redwhite"] nav .nav-active{
  color:#8f1e21!important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(240,237,234,.87))!important;
  box-shadow:inset 0 1px 0 #fff,0 8px 22px rgba(0,0,0,.18),0 0 22px rgba(255,255,255,.15)!important;
}
:root[data-theme="redwhite"] .balance span{color:rgba(255,255,255,.64)!important}
:root[data-theme="redwhite"] .balance b{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.5)}
:root[data-theme="redwhite"] .avatar{
  color:#fff!important;
  border:1px solid rgba(234,68,68,.8)!important;
  background:rgba(29,34,43,.34)!important;
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.035),0 5px 20px rgba(0,0,0,.2)!important;
  backdrop-filter:blur(16px)!important;
}

/* LIVE DROP becomes a clear glass rail across the scenery. */
:root[data-theme="redwhite"] .live{
  height:112px!important;
  background:linear-gradient(90deg,rgba(52,16,24,.48),rgba(47,53,65,.29),rgba(43,50,63,.34))!important;
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 14px 34px rgba(5,8,13,.12)!important;
  backdrop-filter:blur(21px) saturate(1.32)!important;
}
:root[data-theme="redwhite"] .live-toolbar{
  background:rgba(63,13,23,.26)!important;
  border-right:1px solid rgba(255,255,255,.16)!important;
}
:root[data-theme="redwhite"] .live-label{color:#fff!important}
:root[data-theme="redwhite"] .live-label i{background:#ff4343!important;box-shadow:0 0 18px rgba(255,55,55,.9)!important}
:root[data-theme="redwhite"] .live-tabs{
  border-color:rgba(255,255,255,.18)!important;
  background:rgba(12,15,22,.18)!important;
}
:root[data-theme="redwhite"] .live-tabs button{color:rgba(255,255,255,.62)!important}
:root[data-theme="redwhite"] .live-tabs button.active{background:#fff!important;color:#7e171c!important}
:root[data-theme="redwhite"] .live-item{
  border-left:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(7,12,18,.02))!important;
}
:root[data-theme="redwhite"] .live-item span{color:rgba(255,255,255,.62)!important}
:root[data-theme="redwhite"] .live-item b{color:#fff!important;font-size:13px!important;text-shadow:0 2px 7px rgba(0,0,0,.45)}

/* The actual scene is the layout. No giant dark backing panel. */
:root[data-theme="redwhite"] main{
  position:relative;
  z-index:2;
  max-width:1360px!important;
  padding-top:64px!important;
  background:none!important;
  border-radius:0!important;
}
:root[data-theme="redwhite"] .hero{
  min-height:285px;
  padding:12px 0 46px!important;
  align-items:center!important;
}
:root[data-theme="redwhite"] .hero h1{
  max-width:840px;
  font-size:clamp(58px,5.4vw,88px)!important;
  line-height:.92!important;
  color:#fffdf8!important;
  text-shadow:0 5px 26px rgba(10,10,16,.43),0 1px 0 rgba(255,255,255,.12)!important;
}
:root[data-theme="redwhite"] .hero h1 em{
  color:#e8413e!important;
  text-shadow:0 5px 23px rgba(121,13,25,.42)!important;
}
:root[data-theme="redwhite"] .hero p{
  color:rgba(255,255,255,.78)!important;
  font-size:14px!important;
  font-weight:650;
  text-shadow:0 2px 12px rgba(0,0,0,.45);
}
:root[data-theme="redwhite"] .cases-heading h2{
  color:#ff554e!important;
  font-size:25px!important;
  text-shadow:0 3px 18px rgba(88,9,13,.38);
}
:root[data-theme="redwhite"] .cases-heading>span{color:rgba(255,255,255,.64)!important}

/* One continuous glass search rail. */
:root[data-theme="redwhite"] .case-filters{
  height:56px!important;
  min-height:56px!important;
  margin-bottom:18px!important;
  border:1px solid rgba(255,255,255,.25)!important;
  border-radius:14px!important;
  background:linear-gradient(180deg,rgba(232,235,239,.18),rgba(96,103,115,.13))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 13px 38px rgba(5,8,14,.14)!important;
  backdrop-filter:blur(22px) saturate(1.35)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.35)!important;
}
:root[data-theme="redwhite"] .case-filter,
:root[data-theme="redwhite"] .available-filter{
  min-height:54px!important;
  height:54px!important;
  background:transparent!important;
  border-color:rgba(255,255,255,.15)!important;
}
:root[data-theme="redwhite"] .case-filter span,
:root[data-theme="redwhite"] .available-filter span{color:#fff!important}
:root[data-theme="redwhite"] .case-filter input{color:#fff!important}
:root[data-theme="redwhite"] .case-filter input::placeholder{color:rgba(255,255,255,.55)!important}
:root[data-theme="redwhite"] .search-icon{color:rgba(255,255,255,.8)!important}
:root[data-theme="redwhite"] .available-filter.active{background:rgba(168,27,35,.18)!important}
:root[data-theme="redwhite"] .available-filter i{background:rgba(255,255,255,.16)!important}
:root[data-theme="redwhite"] .available-filter.active i{background:#e23f42!important;box-shadow:0 0 20px rgba(226,63,66,.34)!important}
:root[data-theme="redwhite"] .available-filter i b{background:#f6f6f6!important}

:root[data-theme="redwhite"] .collection-heading{
  position:relative;
  z-index:8;
  color:#fff!important;
  margin:20px 0 12px!important;
  font-size:13px!important;
  text-shadow:0 2px 9px rgba(0,0,0,.5);
}
:root[data-theme="redwhite"] .collection-heading:after{
  background:linear-gradient(90deg,rgba(255,255,255,.38),rgba(225,57,60,.32),transparent)!important;
}

/* Sakura foreground reaches into the collection, but never steals clicks. */
:root[data-theme="redwhite"] .cases-section{position:relative;isolation:isolate}
:root[data-theme="redwhite"] .cases-section:after{
  content:"";
  position:absolute;
  z-index:9;
  pointer-events:none;
  width:500px;
  height:900px;
  left:-305px;
  top:-80px;
  background:url("assets/redwhite-sakura-foreground.png") left top/contain no-repeat;
  opacity:.68;
  filter:saturate(1.08) contrast(1.02) drop-shadow(0 18px 35px rgba(64,7,18,.17));
}

/* Floating translucent cases, each with its own premium lacquer. */
:root[data-theme="redwhite"] .oscar-case-grid{gap:16px!important;position:relative;z-index:5}
:root[data-theme="redwhite"] .oscar-case-card{
  height:300px!important;
  min-height:300px!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(81,65,72,.50),rgba(29,28,35,.41))!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 22px 54px rgba(6,8,13,.25)!important;
  backdrop-filter:blur(17px) saturate(1.28)!important;
  -webkit-backdrop-filter:blur(17px) saturate(1.28)!important;
  overflow:hidden!important;
}
:root[data-theme="redwhite"] .oscar-case-card:hover{
  transform:translateY(-7px) scale(1.008)!important;
  border-color:rgba(255,255,255,.48)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 30px 70px rgba(19,8,16,.35),0 0 28px rgba(222,57,61,.10)!important;
}
:root[data-theme="redwhite"] .case-card-title{
  font-size:19px!important;
  color:#fff!important;
  text-shadow:0 3px 14px rgba(0,0,0,.42)!important;
}
:root[data-theme="redwhite"] .oscar-case-card[data-case="pulse"]{--case-shell-a:#e33e38;--case-shell-b:#752020;--case-card-line:#ef8782}
:root[data-theme="redwhite"] .oscar-case-card[data-case="neon"]{--case-shell-a:#f5f0e9;--case-shell-b:#b8aba0;--case-card-line:#fff1e4}
:root[data-theme="redwhite"] .oscar-case-card[data-case="royal"]{--case-shell-a:#363036;--case-shell-b:#15151a;--case-card-line:#c9965f}
:root[data-theme="redwhite"] .oscar-case-card[data-case="void"]{--case-shell-a:#a4161d;--case-shell-b:#24171b;--case-card-line:#db5f62}
:root[data-theme="redwhite"] .oscar-case-card[data-case="pulse"] .case-body{
  background:
    radial-gradient(circle at 26% 34%,rgba(255,255,255,.28) 0 1px,transparent 2px),
    linear-gradient(142deg,#f3ebe6 0 38%,#e4423b 39% 62%,#6b161b 100%)!important;
}
:root[data-theme="redwhite"] .oscar-case-card[data-case="neon"] .case-body{
  background:
    radial-gradient(circle at 70% 32%,rgba(226,53,55,.42) 0 1px,transparent 2px),
    linear-gradient(145deg,#fffaf4,#dbd4cb 72%,#b72f31 100%)!important;
}
:root[data-theme="redwhite"] .oscar-case-card[data-case="royal"] .case-body{
  background:
    radial-gradient(circle at 26% 28%,rgba(213,157,72,.25) 0 1px,transparent 2px),
    linear-gradient(145deg,#27242a,#0e0d11 63%,#731c20 100%)!important;
  border-color:rgba(214,166,98,.7)!important;
}
:root[data-theme="redwhite"] .oscar-case-card[data-case="void"] .case-body{
  background:
    radial-gradient(circle at 70% 34%,rgba(226,55,61,.22) 0 1px,transparent 2px),
    linear-gradient(145deg,#2c252a,#151216 58%,#8d181e 100%)!important;
}
:root[data-theme="redwhite"] .oscar-case-card .case-price-tag.case-price-centered{
  min-width:94px!important;
  height:36px!important;
  border-radius:999px!important;
  color:#fff!important;
  background:linear-gradient(180deg,rgba(184,36,38,.92),rgba(105,14,24,.94))!important;
  border:1px solid rgba(255,144,136,.56)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 23px rgba(97,4,15,.29)!important;
}
:root[data-theme="redwhite"] .oscar-case-card[data-case="neon"] .case-price-tag.case-price-centered{color:#fff!important}

/* Modal: an almost full-screen scenic ritual. */
:root[data-theme="redwhite"] .overlay{
  background:rgba(8,11,16,.30)!important;
  backdrop-filter:blur(8px) saturate(1.05)!important;
  -webkit-backdrop-filter:blur(8px) saturate(1.05)!important;
  padding:12px!important;
}
:root[data-theme="redwhite"] .case-modal{
  width:min(1830px,99vw)!important;
  min-height:min(1010px,96vh)!important;
  max-height:98vh!important;
  border-radius:28px!important;
  padding:34px 42px 38px!important;
  background:
    linear-gradient(180deg,rgba(15,19,27,.12),rgba(20,14,19,.22) 55%,rgba(11,10,14,.67)),
    url("assets/redwhite-immersion.jpg") center 37% / cover no-repeat!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:0 44px 130px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.22)!important;
  backdrop-filter:blur(3px) saturate(1.18)!important;
}
:root[data-theme="redwhite"] .case-modal:before{
  width:min(800px,52vw)!important;
  height:430px!important;
  top:17%!important;
  background:radial-gradient(ellipse at center,rgba(255,249,241,.26),rgba(246,225,215,.12) 43%,transparent 72%)!important;
  filter:blur(20px)!important;
}
:root[data-theme="redwhite"] .case-modal-brand{
  background:rgba(15,18,25,.20)!important;
  border-color:rgba(255,255,255,.16)!important;
  backdrop-filter:blur(16px)!important;
}
:root[data-theme="redwhite"] .case-modal-brand-word{font-size:26px!important;letter-spacing:.10em!important}
:root[data-theme="redwhite"] .close{
  color:#fff!important;
  background:rgba(28,32,40,.33)!important;
  border-color:rgba(255,255,255,.28)!important;
  backdrop-filter:blur(15px)!important;
}
:root[data-theme="redwhite"] .modal-head h2{font-size:36px!important}
:root[data-theme="redwhite"] .opening-layout .modal-case{
  width:500px!important;
  height:350px!important;
  margin-top:4px!important;
}
:root[data-theme="redwhite"] .opening-layout .modal-case .case-art{
  height:350px!important;
  transform:scale(1.48)!important;
}
:root[data-theme="redwhite"] .case-price-on-case{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(185,39,41,.93),rgba(98,15,22,.96))!important;
  border-color:rgba(255,147,139,.60)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 24px rgba(91,4,12,.35)!important;
}
:root[data-theme="redwhite"] .case-open-actions .open-btn{
  color:#7e1b1e!important;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(239,235,231,.91))!important;
  border:1px solid rgba(255,255,255,.8)!important;
  box-shadow:0 14px 34px rgba(9,10,14,.23),inset 0 1px 0 #fff!important;
}
:root[data-theme="redwhite"] .case-open-actions .fast-spin-toggle{
  color:#fff!important;
  background:linear-gradient(180deg,#ef685f,#b61e29)!important;
  border-color:rgba(255,164,154,.62)!important;
}
:root[data-theme="redwhite"] .case-modal .contents{
  background:linear-gradient(180deg,rgba(34,39,48,.28),rgba(18,19,24,.36))!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09)!important;
  backdrop-filter:blur(18px) saturate(1.25)!important;
}
:root[data-theme="redwhite"] .case-modal .contents-grid .skin-card{
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(27,28,34,.24))!important;
  border-color:rgba(255,255,255,.16)!important;
  backdrop-filter:blur(13px)!important;
}
:root[data-theme="redwhite"] .reel-wrap{
  background:linear-gradient(180deg,rgba(16,20,28,.54),rgba(9,12,17,.72))!important;
  border-color:rgba(255,255,255,.15)!important;
  backdrop-filter:blur(18px) saturate(1.25)!important;
}

/* Bright red/white theme switcher treatment. */
:root[data-theme="redwhite"] .theme-switcher-toggle,
:root[data-theme="redwhite"] .theme-switcher-menu{
  background:linear-gradient(180deg,rgba(36,41,52,.51),rgba(19,23,31,.45))!important;
  border-color:rgba(255,255,255,.22)!important;
  backdrop-filter:blur(22px) saturate(1.3)!important;
}
:root[data-theme="redwhite"] .theme-switcher-toggle>b{color:#fff!important}

/* RedWhite upgrade page keeps the same immersion instead of turning brown again. */
:root[data-theme="redwhite"] .feature-main{background:none!important}
:root[data-theme="redwhite"] .feature-hero h1,
:root[data-theme="redwhite"] .feature-hero p{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.42)}
:root[data-theme="redwhite"] .upgrade-main-box-v6{
  background:linear-gradient(150deg,rgba(113,40,54,.48),rgba(29,29,38,.40))!important;
  border-color:rgba(255,135,144,.31)!important;
  backdrop-filter:blur(19px)!important;
}
:root[data-theme="redwhite"] .upgrade-target-column .upgrade-main-box-v6{
  background:linear-gradient(150deg,rgba(79,100,120,.42),rgba(25,31,39,.39))!important;
  border-color:rgba(177,217,239,.28)!important;
}
:root[data-theme="redwhite"] .upgrade-source-tabs,
:root[data-theme="redwhite"] .upgrade-search,
:root[data-theme="redwhite"] .upgrade-price-range,
:root[data-theme="redwhite"] .upgrade-target-toolbar .upgrade-search{
  background:rgba(28,33,42,.36)!important;
  border-color:rgba(255,255,255,.18)!important;
  backdrop-filter:blur(15px)!important;
}

@media(max-width:1100px){
  :root[data-theme="redwhite"] .cases-section:after{opacity:.34;left:-430px}
  :root[data-theme="redwhite"] nav button{min-width:0}
}
@media(max-width:700px){
  :root[data-theme="redwhite"] .hero h1{font-size:54px!important}
  :root[data-theme="redwhite"] .cases-section:after{display:none}
  :root[data-theme="redwhite"] .case-modal{min-height:94vh!important;padding:24px 16px!important}
}
/* Oscar logo glyph */
.brand-oscar svg{width:30px!important;height:27px!important}.brand-oscar .ear{fill:#e98856;stroke:#fff3ea;stroke-width:4;stroke-linejoin:round}.brand-oscar .head{fill:#d87342;stroke:#fff3ea;stroke-width:3}.brand-oscar .mask,.brand-oscar .muzzle{fill:#fff0dc}.brand-oscar .eye,.brand-oscar .nose{fill:#321312}

/* v27 - RedWhite visual reset to the approved cinematic reference */
:root[data-theme="redwhite"] body{
  background:#0c1118 url("assets/redwhite-world.jpg") center top / cover fixed no-repeat!important;
  color:#fff!important;
}
:root[data-theme="redwhite"] .page{
  min-height:100vh!important;
  background:none!important;
}
:root[data-theme="redwhite"] .page:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(7,10,16,.10) 0,rgba(7,10,16,.04) 34%,rgba(7,10,16,.18) 100%),
    radial-gradient(ellipse at 52% 33%,rgba(246,243,239,.10),transparent 40%),
    linear-gradient(90deg,rgba(8,10,15,.22) 0,transparent 27%,transparent 74%,rgba(8,10,15,.17) 100%);
}
:root[data-theme="redwhite"] .page>*{position:relative;z-index:2}

/* Header and navigation: neutral frosted glass like the approved reference. */
:root[data-theme="redwhite"] header{
  height:92px!important;
  padding:0 38px!important;
  background:linear-gradient(180deg,rgba(59,63,72,.42),rgba(38,42,50,.29))!important;
  border-bottom:1px solid rgba(255,255,255,.22)!important;
  box-shadow:inset 0 -1px 0 rgba(213,50,54,.18),0 8px 30px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(24px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.18)!important;
}
:root[data-theme="redwhite"] .brand.brand-button{min-width:220px!important}
:root[data-theme="redwhite"] .brand-emblem{
  width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:13px!important;
  border:1px solid rgba(255,117,113,.72)!important;
  background:linear-gradient(145deg,#e44746,#9b1c28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 28px rgba(107,10,20,.28)!important;
}
:root[data-theme="redwhite"] .brand-emblem svg{width:35px!important;height:32px!important}
:root[data-theme="redwhite"] .brand-word{
  font-size:31px!important;letter-spacing:.07em!important;color:#fff!important;
  font-family:Manrope,system-ui,sans-serif!important;font-weight:950!important;
  text-shadow:0 4px 20px rgba(0,0,0,.34)!important;
}
:root[data-theme="redwhite"] nav{
  padding:6px!important;gap:0!important;border-radius:15px!important;
  background:linear-gradient(180deg,rgba(225,228,233,.22),rgba(113,119,130,.15))!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 10px 28px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(25px) saturate(1.15)!important;
}
:root[data-theme="redwhite"] nav button{min-width:124px!important;height:42px!important;font-size:12px!important;color:rgba(255,255,255,.88)!important}
:root[data-theme="redwhite"] nav .nav-active{
  background:linear-gradient(180deg,#fff,#eeeae7)!important;color:#8c1c21!important;
  box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(0,0,0,.16),0 0 18px rgba(255,255,255,.18)!important;
}
:root[data-theme="redwhite"] .balance span{font-size:9px!important;color:rgba(255,255,255,.68)!important}
:root[data-theme="redwhite"] .balance b{font-size:17px!important}
:root[data-theme="redwhite"] .avatar{width:45px!important;height:45px!important;display:grid!important;place-items:center!important}

/* LIVE DROP rail */
:root[data-theme="redwhite"] .live{
  height:94px!important;
  background:linear-gradient(90deg,rgba(77,16,26,.51),rgba(69,73,82,.29) 24%,rgba(77,79,89,.31) 73%,rgba(57,22,30,.35))!important;
  border-bottom:1px solid rgba(255,255,255,.22)!important;
  box-shadow:inset 0 -1px 0 rgba(219,53,57,.22),0 12px 30px rgba(0,0,0,.11)!important;
  backdrop-filter:blur(22px) saturate(1.18)!important;
}
:root[data-theme="redwhite"] .live-toolbar{min-width:132px!important;padding-left:22px!important;background:rgba(68,11,22,.26)!important}
:root[data-theme="redwhite"] .live-label{padding-left:0!important;font-size:10px!important}
:root[data-theme="redwhite"] .live-item{width:130px!important;padding:7px 8px!important;background:rgba(255,255,255,.012)!important}
:root[data-theme="redwhite"] .live-item .skin-art{width:66px!important;height:55px!important}
:root[data-theme="redwhite"] .live-item span{font-size:8px!important}
:root[data-theme="redwhite"] .live-item b{font-size:12px!important;margin-top:3px!important}

/* Main composition is narrow and floats in the scenery, exactly like the chosen reference. */
:root[data-theme="redwhite"] main{
  width:min(1040px,calc(100vw - 80px))!important;
  max-width:1040px!important;
  margin:0 auto!important;
  padding:42px 0 82px!important;
  background:none!important;
}
:root[data-theme="redwhite"] .hero{
  display:block!important;
  min-height:236px!important;
  padding:12px 0 22px!important;
}
:root[data-theme="redwhite"] .hero h1{
  font-size:clamp(58px,4.5vw,78px)!important;
  max-width:860px!important;
  line-height:.91!important;
  letter-spacing:-.052em!important;
  color:#fff!important;
  text-shadow:0 5px 28px rgba(0,0,0,.42)!important;
}
:root[data-theme="redwhite"] .hero h1 em{color:#e6403d!important}
:root[data-theme="redwhite"] .hero p{
  margin-top:15px!important;max-width:610px!important;font-size:13px!important;color:rgba(255,255,255,.82)!important;
  text-shadow:0 2px 12px rgba(0,0,0,.40)!important;
}

/* Cases should sit in the world — no giant frosted rectangle behind the whole section. */
:root[data-theme="redwhite"] .cases-section{
  position:relative!important;isolation:auto!important;
  margin:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important;
}
:root[data-theme="redwhite"] .cases-section:before,
:root[data-theme="redwhite"] .cases-section:after{display:none!important}
:root[data-theme="redwhite"] .cases-heading{margin:0 0 12px!important;padding:0!important}
:root[data-theme="redwhite"] .cases-heading h2{font-size:24px!important;letter-spacing:.055em!important;color:#ed4c46!important}
:root[data-theme="redwhite"] .cases-heading>span{display:none!important}

:root[data-theme="redwhite"] .case-filters{
  height:54px!important;min-height:54px!important;margin:0 0 18px!important;
  display:grid!important;grid-template-columns:120px 120px 1fr 170px!important;
  border-radius:13px!important;overflow:hidden!important;
  background:linear-gradient(180deg,rgba(226,228,232,.18),rgba(95,101,112,.15))!important;
  border:1px solid rgba(255,255,255,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 32px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(24px) saturate(1.16)!important;
}
:root[data-theme="redwhite"] .case-filter,
:root[data-theme="redwhite"] .available-filter{
  height:52px!important;min-height:52px!important;border-color:rgba(255,255,255,.16)!important;background:transparent!important;
}
:root[data-theme="redwhite"] .case-filter input{font-size:11px!important;font-weight:750!important}
:root[data-theme="redwhite"] .available-filter span{font-size:10px!important}

:root[data-theme="redwhite"] .collection-heading{
  margin:18px 0 14px!important;color:#fff!important;font-size:12px!important;letter-spacing:.16em!important;text-shadow:0 2px 10px rgba(0,0,0,.42)!important;
}
:root[data-theme="redwhite"] .collection-heading:after{background:linear-gradient(90deg,rgba(255,255,255,.38),rgba(219,60,63,.28),transparent)!important}

:root[data-theme="redwhite"] .oscar-case-grid{grid-template-columns:repeat(4,1fr)!important;gap:12px!important;position:relative!important;z-index:3!important}
:root[data-theme="redwhite"] .oscar-case-card{
  height:255px!important;min-height:255px!important;padding:14px 14px 12px!important;border-radius:15px!important;
  background:linear-gradient(180deg,rgba(82,70,76,.43),rgba(31,31,38,.37))!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 20px 48px rgba(0,0,0,.24)!important;
  backdrop-filter:blur(17px) saturate(1.18)!important;
  -webkit-backdrop-filter:blur(17px) saturate(1.18)!important;
}
:root[data-theme="redwhite"] .oscar-case-card:hover{transform:translateY(-6px)!important;border-color:rgba(255,255,255,.52)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 28px 64px rgba(0,0,0,.30)!important}
:root[data-theme="redwhite"] .case-card-title{font-size:17px!important;letter-spacing:.06em!important}
:root[data-theme="redwhite"] .oscar-case-card .case-art{height:168px!important;transform:scale(.96)!important;margin:-2px 0 -4px!important}

/* Crates get wider and more substantial, closer to the approved red/white Oscar boxes. */
:root[data-theme="redwhite"] .oscar-case .case-body{
  width:178px!important;height:104px!important;border-radius:11px!important;top:-1px!important;
  box-shadow:0 24px 35px rgba(0,0,0,.43),inset 0 1px 0 rgba(255,255,255,.20),inset 0 -10px 22px rgba(0,0,0,.18)!important;
}
:root[data-theme="redwhite"] .oscar-case .case-handle{width:82px!important;height:36px!important;top:22px!important;border-width:7px!important}
:root[data-theme="redwhite"] .oscar-case .case-top-plane{height:14px!important;top:-9px!important;left:8px!important;right:8px!important;border-radius:8px 8px 2px 2px!important}
:root[data-theme="redwhite"] .oscar-case .case-side-plane{width:16px!important;right:-10px!important;top:6px!important;bottom:7px!important;transform:skewY(-18deg)!important;border-radius:0 5px 5px 0!important}
:root[data-theme="redwhite"] .oscar-case .case-latches i{width:24px!important;height:8px!important;top:10px!important}
:root[data-theme="redwhite"] .oscar-case .case-stripe{height:3px!important;top:49px!important;opacity:.72!important}
:root[data-theme="redwhite"] .oscar-case .oscar-badge{transform:translate(-50%,-47%) scale(.88)!important}
:root[data-theme="redwhite"] .oscar-case .case-nameplate{bottom:7px!important}
:root[data-theme="redwhite"] .oscar-case-card[data-case="pulse"] .case-body{
  background:
    radial-gradient(circle at 18% 22%,rgba(202,47,48,.34) 0 2px,transparent 2.6px),
    radial-gradient(circle at 78% 72%,rgba(202,47,48,.28) 0 2px,transparent 2.8px),
    linear-gradient(145deg,#f4f0ec 0 57%,#d53e3b 58% 100%)!important;
}
:root[data-theme="redwhite"] .oscar-case-card[data-case="neon"] .case-body{
  background:
    radial-gradient(circle at 23% 28%,rgba(216,55,55,.34) 0 2px,transparent 2.7px),
    radial-gradient(circle at 72% 68%,rgba(216,55,55,.25) 0 2px,transparent 2.6px),
    linear-gradient(145deg,#faf7f3,#d8d0c8 82%,#bd3133 100%)!important;
}
:root[data-theme="redwhite"] .oscar-case-card[data-case="royal"] .case-body{
  background:
    radial-gradient(circle at 22% 23%,rgba(215,166,85,.28) 0 2px,transparent 2.7px),
    linear-gradient(145deg,#2b2527,#100f13 62%,#722024 100%)!important;
}
:root[data-theme="redwhite"] .oscar-case-card[data-case="void"] .case-body{
  background:
    radial-gradient(circle at 74% 26%,rgba(220,52,58,.30) 0 2px,transparent 2.7px),
    linear-gradient(145deg,#2b2024,#161318 60%,#8b1a20 100%)!important;
}
:root[data-theme="redwhite"] .oscar-case-card .case-price-tag.case-price-centered{
  height:32px!important;min-width:86px!important;border-radius:999px!important;
  background:linear-gradient(180deg,#d6403d,#8f1720)!important;border:1px solid rgba(255,150,143,.62)!important;color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 20px rgba(77,3,12,.30)!important;
}

/* Match the reference on case-open screens too: same world, same glass language. */
:root[data-theme="redwhite"] .overlay{background:rgba(6,9,14,.26)!important;backdrop-filter:blur(8px) saturate(1.05)!important}
:root[data-theme="redwhite"] .case-modal{
  width:min(1880px,99vw)!important;min-height:min(1050px,97vh)!important;
  background:
    linear-gradient(180deg,rgba(10,13,19,.08),rgba(11,12,17,.24) 58%,rgba(8,9,13,.58)),
    url("assets/redwhite-world.jpg") center center / cover no-repeat!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:0 44px 140px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
:root[data-theme="redwhite"] .case-modal .contents{background:rgba(35,39,47,.26)!important;border-color:rgba(255,255,255,.18)!important;backdrop-filter:blur(20px)!important}

/* The selected theme chip should also read like frosted glass, not a brown pill. */
:root[data-theme="redwhite"] .theme-switcher-toggle,
:root[data-theme="redwhite"] .theme-switcher-menu{background:rgba(39,43,51,.48)!important;border-color:rgba(255,255,255,.24)!important;backdrop-filter:blur(22px)!important}

@media(max-width:1200px){
  :root[data-theme="redwhite"] main{width:min(980px,calc(100vw - 48px))!important}
  :root[data-theme="redwhite"] .oscar-case-card{height:245px!important;min-height:245px!important}
}
@media(max-width:900px){
  :root[data-theme="redwhite"] main{width:calc(100vw - 32px)!important;padding-top:30px!important}
  :root[data-theme="redwhite"] .oscar-case-grid{grid-template-columns:repeat(2,1fr)!important}
  :root[data-theme="redwhite"] .case-filters{grid-template-columns:1fr 1fr!important;height:auto!important}
  :root[data-theme="redwhite"] .search-filter,:root[data-theme="redwhite"] .available-filter{grid-column:1/-1!important}
}
:root[data-theme="redwhite"] .page:after{
  content:"";
  position:fixed;
  z-index:6;
  pointer-events:none;
  left:-55px;
  top:118px;
  width:min(34vw,650px);
  height:calc(100vh - 80px);
  background:url("assets/redwhite-sakura-foreground.png") left top / contain no-repeat;
  opacity:.78;
  filter:saturate(1.10) contrast(1.04) drop-shadow(0 20px 34px rgba(46,5,14,.22));
}
@media(max-width:1250px){:root[data-theme="redwhite"] .page:after{left:-170px;opacity:.58}}
@media(max-width:900px){:root[data-theme="redwhite"] .page:after{display:none}}

/* ==========================================================
   v28 - REDWHITE APPROVED COMPOSITION
   The approved visual itself is the composition reference.
   Functional UI is aligned and layered over it.
   ========================================================== */
:root[data-theme="redwhite"] body{
  background:#15171e!important;
}
:root[data-theme="redwhite"] .page.page-cases{
  min-height:100vh!important;
  background:
    linear-gradient(180deg,rgba(7,10,17,.03),rgba(7,10,17,.02)),
    url("assets/redwhite-scene-v30.jpg") center top / cover no-repeat fixed!important;
  position:relative!important;
  overflow-x:hidden!important;
}
:root[data-theme="redwhite"] .page.page-cases:before{
  display:none!important;
}
:root[data-theme="redwhite"] .page.page-cases:after{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(7,9,14,.02),rgba(7,9,14,.035) 68%,rgba(7,9,14,.08));
}
:root[data-theme="redwhite"] .page.page-cases>*{position:relative;z-index:2}

/* Header - same frosted white/red treatment and proportions as approved screen. */
:root[data-theme="redwhite"] .page-cases header{
  height:96px!important;
  padding:0 28px!important;
  background:linear-gradient(180deg,rgba(62,67,78,.62),rgba(54,58,68,.48))!important;
  border-bottom:1px solid rgba(255,255,255,.30)!important;
  box-shadow:inset 0 -1px rgba(232,65,65,.18),0 8px 28px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(18px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.2)!important;
}
:root[data-theme="redwhite"] .page-cases .brand.brand-button{min-width:250px!important;gap:13px!important}
:root[data-theme="redwhite"] .page-cases .brand-emblem{
  width:47px!important;height:47px!important;flex-basis:47px!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#f04b4c,#a51e2a)!important;
  border:1px solid rgba(255,137,133,.68)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.35),0 9px 26px rgba(104,9,19,.22)!important;
}
:root[data-theme="redwhite"] .page-cases .brand-word{
  font-size:31px!important;font-weight:950!important;letter-spacing:.055em!important;color:#fff!important;
}
:root[data-theme="redwhite"] .page-cases nav{
  min-width:400px!important;height:58px!important;padding:6px!important;gap:0!important;border-radius:15px!important;
  background:linear-gradient(180deg,rgba(237,239,243,.30),rgba(128,134,144,.18))!important;
  border:1px solid rgba(255,255,255,.43)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.33),0 9px 26px rgba(0,0,0,.13)!important;
  backdrop-filter:blur(24px)!important;
}
:root[data-theme="redwhite"] .page-cases nav button{
  min-width:128px!important;height:44px!important;font-size:13px!important;color:#fff!important;font-weight:850!important;
}
:root[data-theme="redwhite"] .page-cases nav .nav-active{
  color:#8f1c22!important;background:linear-gradient(180deg,#fff,#f1edeb)!important;
  box-shadow:0 5px 20px rgba(0,0,0,.16),0 0 20px rgba(255,255,255,.17),inset 0 1px #fff!important;
}
:root[data-theme="redwhite"] .page-cases .account{gap:14px!important}
:root[data-theme="redwhite"] .page-cases .balance span{font-size:9px!important}
:root[data-theme="redwhite"] .page-cases .balance b{font-size:18px!important}

/* Live rail - a single continuous glass layer. */
:root[data-theme="redwhite"] .page-cases .live{
  height:94px!important;
  background:linear-gradient(90deg,rgba(68,12,23,.67),rgba(76,80,90,.54) 28%,rgba(78,82,92,.55) 74%,rgba(72,20,29,.52))!important;
  border-bottom:1px solid rgba(255,255,255,.29)!important;
  backdrop-filter:blur(19px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(19px) saturate(1.2)!important;
}
:root[data-theme="redwhite"] .page-cases .live-toolbar{min-width:128px!important;background:rgba(74,12,23,.32)!important;padding-left:25px!important}
:root[data-theme="redwhite"] .page-cases .live-item{width:129px!important;border-left-color:rgba(255,255,255,.13)!important}
:root[data-theme="redwhite"] .page-cases .live-item .skin-art{width:65px!important;height:54px!important}
:root[data-theme="redwhite"] .page-cases .live-item span{font-size:8px!important;color:rgba(255,255,255,.60)!important}
:root[data-theme="redwhite"] .page-cases .live-item b{font-size:12px!important;color:#fff!important}

/* Central composition - exact density of the approved reference. */
:root[data-theme="redwhite"] .page-cases main{
  width:min(970px,calc(100vw - 48px))!important;
  max-width:970px!important;
  margin:0 auto!important;
  padding:32px 0 82px!important;
  transform:translateX(-26px);
  background:none!important;
}
:root[data-theme="redwhite"] .page-cases .hero{
  display:block!important;min-height:212px!important;padding:10px 0 18px!important;
}
:root[data-theme="redwhite"] .page-cases .hero h1{
  margin:0!important;font-size:clamp(54px,4.2vw,72px)!important;line-height:.91!important;
  letter-spacing:-.055em!important;max-width:780px!important;color:#fff!important;font-weight:950!important;
  text-shadow:0 4px 27px rgba(0,0,0,.38)!important;
}
:root[data-theme="redwhite"] .page-cases .hero h1 em{color:#e6423f!important}
:root[data-theme="redwhite"] .page-cases .hero p{
  margin:15px 0 0!important;max-width:610px!important;font-size:12px!important;font-weight:600!important;
  color:rgba(255,255,255,.84)!important;text-shadow:0 2px 10px rgba(0,0,0,.42)!important;
}

:root[data-theme="redwhite"] .page-cases .cases-section{margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}
:root[data-theme="redwhite"] .page-cases .cases-section:before,
:root[data-theme="redwhite"] .page-cases .cases-section:after{display:none!important}

/* Approved reference has FILTER first, then CS2 CASES. */
:root[data-theme="redwhite"] .page-cases .case-filters{
  height:52px!important;min-height:52px!important;margin:0 0 22px!important;
  grid-template-columns:120px 120px 1fr 172px!important;
  border-radius:12px!important;overflow:hidden!important;
  background:linear-gradient(180deg,rgba(231,233,238,.26),rgba(107,112,124,.19))!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.26),0 10px 30px rgba(0,0,0,.13)!important;
  backdrop-filter:blur(22px) saturate(1.2)!important;
}
:root[data-theme="redwhite"] .page-cases .case-filter,
:root[data-theme="redwhite"] .page-cases .available-filter{height:50px!important;min-height:50px!important;background:transparent!important;border-color:rgba(255,255,255,.16)!important}
:root[data-theme="redwhite"] .page-cases .case-filter span,
:root[data-theme="redwhite"] .page-cases .available-filter span{color:#fff!important;font-weight:850!important}
:root[data-theme="redwhite"] .page-cases .case-filter input{color:#fff!important;font-size:11px!important}

:root[data-theme="redwhite"] .page-cases .cases-heading{
  margin:0 0 12px!important;padding:0!important;align-items:center!important;
}
:root[data-theme="redwhite"] .page-cases .cases-heading h2{
  margin:0!important;font-size:24px!important;color:#ef4b45!important;font-weight:950!important;letter-spacing:.045em!important;
  text-shadow:0 2px 12px rgba(0,0,0,.23)!important;
}
:root[data-theme="redwhite"] .page-cases .cases-heading>span{display:none!important}
:root[data-theme="redwhite"] .page-cases .collection-heading{
  margin:0 0 14px!important;font-size:12px!important;color:#fff!important;letter-spacing:.17em!important;font-weight:850!important;
  text-shadow:0 2px 12px rgba(0,0,0,.34)!important;
}
:root[data-theme="redwhite"] .page-cases .collection-heading:after{
  background:linear-gradient(90deg,rgba(255,255,255,.40),rgba(225,58,60,.30),transparent)!important;
}

/* Four approved glass cards. */
:root[data-theme="redwhite"] .page-cases .oscar-case-grid{
  grid-template-columns:repeat(4,1fr)!important;gap:10px!important;position:relative!important;z-index:4!important;
}
:root[data-theme="redwhite"] .page-cases .oscar-case-card{
  height:246px!important;min-height:246px!important;padding:14px 12px 10px!important;border-radius:14px!important;
  background:linear-gradient(180deg,rgba(106,89,96,.56),rgba(47,45,53,.46))!important;
  border:1px solid rgba(255,255,255,.33)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.17),0 18px 40px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(16px) saturate(1.15)!important;
  -webkit-backdrop-filter:blur(16px) saturate(1.15)!important;
  overflow:hidden!important;
}
:root[data-theme="redwhite"] .page-cases .oscar-case-card:hover{transform:translateY(-5px)!important;border-color:rgba(255,255,255,.53)!important;box-shadow:inset 0 1px rgba(255,255,255,.24),0 27px 58px rgba(0,0,0,.28)!important}
:root[data-theme="redwhite"] .page-cases .case-card-title{
  position:relative!important;z-index:3!important;margin:0!important;text-align:center!important;font-size:18px!important;color:#fff!important;font-weight:900!important;letter-spacing:.05em!important;
}
:root[data-theme="redwhite"] .page-cases .oscar-case-card .case-art{
  height:165px!important;margin:-2px 0 -5px!important;position:relative!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;
}
:root[data-theme="redwhite"] .page-cases .oscar-case-card .case-art>*{display:none!important}
:root[data-theme="redwhite"] .page-cases .oscar-case-card[data-case="pulse"] .case-art{background-image:url("assets/generated/oscar-pulse-sit-red-v217.png")!important}
:root[data-theme="redwhite"] .page-cases .oscar-case-card[data-case="neon"] .case-art{background-image:url("assets/generated/oscar-neon-belly-blue-v217.png")!important}
:root[data-theme="redwhite"] .page-cases .oscar-case-card[data-case="royal"] .case-art{background-image:url("assets/generated/oscar-royal-peek-green-v217.png")!important}
:root[data-theme="redwhite"] .page-cases .oscar-case-card[data-case="void"] .case-art{background-image:url("assets/generated/oscar-void-treat-gold-v217.png")!important}
:root[data-theme="redwhite"] .page-cases .oscar-case-card .case-price-tag.case-price-centered{
  min-width:92px!important;height:35px!important;margin:0 auto!important;border-radius:999px!important;
  background:linear-gradient(180deg,#d9403c,#8d1520)!important;color:#fff!important;
  border:1px solid rgba(255,137,128,.66)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.24),0 9px 22px rgba(89,5,14,.28)!important;
  font-size:14px!important;
}

/* The switcher matches the low-right glass pill from the approved visual. */
:root[data-theme="redwhite"] .page-cases .theme-switcher{right:20px!important;bottom:18px!important}
:root[data-theme="redwhite"] .page-cases .theme-switcher-toggle{
  min-width:225px!important;height:52px!important;border-radius:14px!important;
  background:linear-gradient(180deg,rgba(41,45,55,.62),rgba(21,24,31,.59))!important;
  border:1px solid rgba(255,255,255,.26)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.12)!important;
  backdrop-filter:blur(20px)!important;
}

/* Use the same approved case art in the red/white opening scene too. */
:root[data-theme="redwhite"] .case-modal .modal-case .oscar-case{background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important}
:root[data-theme="redwhite"] .case-modal .modal-case .oscar-case>*{display:none!important}
:root[data-theme="redwhite"] .case-modal .modal-case .case-pulse{background-image:url("assets/generated/oscar-pulse-sit-red-v217.png")!important}
:root[data-theme="redwhite"] .case-modal .modal-case .case-neon{background-image:url("assets/generated/oscar-neon-belly-blue-v217.png")!important}
:root[data-theme="redwhite"] .case-modal .modal-case .case-royal{background-image:url("assets/generated/oscar-royal-peek-green-v217.png")!important}
:root[data-theme="redwhite"] .case-modal .modal-case .case-void{background-image:url("assets/generated/oscar-void-treat-gold-v217.png")!important}

@media(max-width:1100px){
  :root[data-theme="redwhite"] .page-cases main{transform:none!important;width:min(920px,calc(100vw - 34px))!important}
  :root[data-theme="redwhite"] .page-cases nav{min-width:0!important}
  :root[data-theme="redwhite"] .page-cases nav button{min-width:0!important}
}
@media(max-width:760px){
  :root[data-theme="redwhite"] .page.page-cases{background-image:url("assets/redwhite-scene-v30.jpg")!important;background-position:center top!important}
  :root[data-theme="redwhite"] .page-cases main{width:calc(100vw - 24px)!important;padding-top:24px!important}
  :root[data-theme="redwhite"] .page-cases .hero h1{font-size:48px!important}
  :root[data-theme="redwhite"] .page-cases .oscar-case-grid{grid-template-columns:repeat(2,1fr)!important}
  :root[data-theme="redwhite"] .page-cases .case-filters{grid-template-columns:1fr 1fr!important;height:auto!important}
}

/* Pixel-reference helpers: the approved render supplies non-interactive typography/background exactly. */
:root[data-theme="redwhite"] .page-cases .hero>div{opacity:0!important;pointer-events:none!important}
:root[data-theme="redwhite"] .page-cases .cases-heading,
:root[data-theme="redwhite"] .page-cases .collection-heading{opacity:0!important;pointer-events:none!important}
:root[data-theme="redwhite"] .page-cases .oscar-case-card{
  background:linear-gradient(180deg,rgba(103,91,98,.76),rgba(44,43,51,.70))!important;
  backdrop-filter:blur(24px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.1)!important;
}

/* v29 - fix: never use the approved UI screenshot as the page background.
   The background is a cleaned scenic layer; the functional UI is rendered exactly once. */
:root[data-theme="redwhite"] .page.page-cases{
  background-image:
    linear-gradient(180deg,rgba(15,16,22,.06),rgba(20,14,18,.10)),
    url("assets/redwhite-scene-v30.jpg")!important;
  background-size:cover!important;
  background-position:center top!important;
  background-attachment:fixed!important;
}
:root[data-theme="redwhite"] .page-cases .hero>div,
:root[data-theme="redwhite"] .page-cases .cases-heading,
:root[data-theme="redwhite"] .page-cases .collection-heading{
  opacity:1!important;
  pointer-events:auto!important;
}
:root[data-theme="redwhite"] .page-cases header{
  background:linear-gradient(90deg,rgba(92,26,35,.82),rgba(86,91,104,.78) 35%,rgba(79,84,98,.78) 72%,rgba(65,27,36,.84))!important;
  backdrop-filter:blur(24px) saturate(1.25)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.25)!important;
}
:root[data-theme="redwhite"] .page-cases .live{
  background:linear-gradient(90deg,rgba(78,20,31,.78),rgba(106,110,121,.74) 35%,rgba(102,106,118,.74) 72%,rgba(68,25,34,.78))!important;
  backdrop-filter:blur(25px) saturate(1.2)!important;
  -webkit-backdrop-filter:blur(25px) saturate(1.2)!important;
}
:root[data-theme="redwhite"] .page-cases main{
  transform:none!important;
  width:min(980px,calc(100vw - 48px))!important;
  max-width:980px!important;
  padding-top:34px!important;
}
:root[data-theme="redwhite"] .page-cases .hero{
  min-height:220px!important;
  padding:12px 0 20px!important;
}
:root[data-theme="redwhite"] .page-cases .hero h1{
  font-size:clamp(54px,4.5vw,74px)!important;
}
:root[data-theme="redwhite"] .page-cases .case-filters{
  margin-bottom:16px!important;
}
:root[data-theme="redwhite"] .page-cases .cases-heading{
  margin:0 0 6px!important;
}
:root[data-theme="redwhite"] .page-cases .collection-heading{
  margin:0 0 12px!important;
}
:root[data-theme="redwhite"] .page-cases .oscar-case-grid{
  gap:10px!important;
}
:root[data-theme="redwhite"] .page-cases .oscar-case-card{
  background:linear-gradient(180deg,rgba(91,80,88,.58),rgba(42,41,48,.50))!important;
  backdrop-filter:blur(18px) saturate(1.08)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08)!important;
}
@media(max-width:760px){
  :root[data-theme="redwhite"] .page.page-cases{
    background-image:linear-gradient(180deg,rgba(15,16,22,.08),rgba(20,14,18,.12)),url("assets/redwhite-scene-v30.jpg")!important;
  }
}

/* =========================================================
   v30 HARD FIX — RedWhite uses a TRUE CLEAN SCENE ONLY.
   No UI screenshot, no faded duplicate hero, filters or cases.
   ========================================================= */
:root[data-theme="redwhite"] body{
  background:#10131a url("assets/redwhite-scene-v30.jpg") center top / cover fixed no-repeat!important;
}
:root[data-theme="redwhite"] .page.page-cases{
  background:
    linear-gradient(180deg,rgba(10,13,20,.03) 0%,rgba(10,12,18,.02) 54%,rgba(8,10,15,.10) 100%),
    url("assets/redwhite-scene-v30.jpg") center top / cover fixed no-repeat!important;
  background-color:#10131a!important;
}
:root[data-theme="redwhite"] .page.page-cases:before{
  content:none!important;
  display:none!important;
  background:none!important;
}
:root[data-theme="redwhite"] .page.page-cases:after{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at 51% 30%,rgba(255,255,255,.08),transparent 38%),
    linear-gradient(90deg,rgba(9,9,15,.08),transparent 23%,transparent 77%,rgba(9,9,15,.08))!important;
}
:root[data-theme="redwhite"] .page.page-cases>*{position:relative!important;z-index:2!important}

/* The live UI is the ONLY UI: no decorative clone layers. */
:root[data-theme="redwhite"] .page-cases main,
:root[data-theme="redwhite"] .page-cases .hero,
:root[data-theme="redwhite"] .page-cases .cases-section,
:root[data-theme="redwhite"] .page-cases .case-filters,
:root[data-theme="redwhite"] .page-cases .oscar-case-grid{
  background-image:none!important;
}
:root[data-theme="redwhite"] .page-cases .hero>div,
:root[data-theme="redwhite"] .page-cases .cases-heading,
:root[data-theme="redwhite"] .page-cases .collection-heading{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Keep the approved composition while avoiding the washed-out double-screen effect. */
:root[data-theme="redwhite"] .page-cases header{
  background:linear-gradient(90deg,rgba(72,27,38,.72),rgba(75,82,97,.68) 37%,rgba(68,76,92,.67) 72%,rgba(57,28,38,.72))!important;
}
:root[data-theme="redwhite"] .page-cases .live{
  background:linear-gradient(90deg,rgba(79,19,31,.65),rgba(92,99,114,.58) 33%,rgba(91,98,113,.58) 73%,rgba(67,24,34,.65))!important;
}
:root[data-theme="redwhite"] .page-cases .oscar-case-card{
  background:linear-gradient(180deg,rgba(87,83,94,.53),rgba(31,33,41,.48))!important;
  backdrop-filter:blur(18px) saturate(1.10)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.10)!important;
}

@media(max-width:760px){
  :root[data-theme="redwhite"] body,
  :root[data-theme="redwhite"] .page.page-cases{
    background-image:linear-gradient(180deg,rgba(10,13,20,.04),rgba(8,10,15,.12)),url("assets/redwhite-scene-v30.jpg")!important;
    background-position:center top!important;
    background-size:cover!important;
  }
}

/* =========================================================
   v31 FULL CASE PAGE + REDWHITE NIGHT BACKGROUND
   User-requested hard change: case opens as a real page,
   never as an overlay/modal. RedWhite uses the supplied
   clean night courtyard photo as the site background.
   ========================================================= */
:root[data-theme="redwhite"] body{
  background:#07101e url("assets/redwhite-night.jpg") center center / cover fixed no-repeat!important;
}
:root[data-theme="redwhite"] .page.page-cases,
:root[data-theme="redwhite"] .page.page-case,
:root[data-theme="redwhite"] .page.page-upgrade,
:root[data-theme="redwhite"] .page.page-contracts{
  background:
    linear-gradient(180deg,rgba(2,6,14,.18),rgba(4,8,16,.10) 48%,rgba(3,6,12,.22)),
    url("assets/redwhite-night.jpg") center center / cover fixed no-repeat!important;
  background-color:#07101e!important;
}
:root[data-theme="redwhite"] .page.page-cases:before,
:root[data-theme="redwhite"] .page.page-case:before,
:root[data-theme="redwhite"] .page.page-upgrade:before,
:root[data-theme="redwhite"] .page.page-contracts:before,
:root[data-theme="redwhite"] .page.page-cases:after,
:root[data-theme="redwhite"] .page.page-case:after,
:root[data-theme="redwhite"] .page.page-upgrade:after,
:root[data-theme="redwhite"] .page.page-contracts:after{
  content:none!important;display:none!important;background:none!important;
}
:root[data-theme="redwhite"] header{
  background:rgba(6,12,23,.56)!important;
  border-bottom-color:rgba(255,255,255,.16)!important;
  backdrop-filter:blur(20px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.12)!important;
}
:root[data-theme="redwhite"] .live{
  background:rgba(5,10,19,.54)!important;
  border-bottom-color:rgba(255,255,255,.14)!important;
  backdrop-filter:blur(18px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.1)!important;
}
:root[data-theme="redwhite"] nav,
:root[data-theme="redwhite"] .case-filters,
:root[data-theme="redwhite"] .theme-switcher-toggle,
:root[data-theme="redwhite"] .theme-switcher-menu{
  background:rgba(13,19,31,.42)!important;
  border-color:rgba(255,255,255,.18)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

/* A real full-width case page in the same browser tab. */
.case-detail-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:28px clamp(18px,3.2vw,56px) 70px!important;
  min-height:calc(100vh - 168px);
}
.case-detail-shell{
  width:min(1780px,100%);
  margin:0 auto;
  min-height:calc(100vh - 225px);
  border:1px solid rgba(255,255,255,.13);
  border-radius:28px;
  background:rgba(12,12,17,.56);
  box-shadow:0 35px 100px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.07);
  backdrop-filter:blur(18px) saturate(1.04);
  -webkit-backdrop-filter:blur(18px) saturate(1.04);
  padding:24px clamp(18px,2.5vw,44px) 34px;
  overflow:hidden;
}
.case-page-topbar{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  min-height:70px;
  border-bottom:1px solid rgba(255,255,255,.09);
  margin-bottom:10px;
}
.case-page-back{
  justify-self:start;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.055);
  border-radius:12px;
  padding:10px 14px;
  color:#f8f8fb;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
}
.case-page-back:hover{background:rgba(255,255,255,.10)}
.case-page-heading{text-align:center}
.case-page-heading small{display:block;font-size:9px;letter-spacing:.22em;color:#969aa7;margin-bottom:3px}
.case-page-heading h1{margin:0;font-size:clamp(28px,3vw,46px);letter-spacing:.02em}
.case-page-spacer{width:100%}
.case-page-stage{
  min-height:420px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:10px 0 22px;
}
.case-page-case{
  width:360px;
  height:300px;
  display:grid;
  place-items:center;
  position:relative;
  margin:0 auto 6px;
}
.case-page-case .case-art{height:286px;transform:scale(1.22)}
.case-page-price{
  position:absolute;
  left:50%;bottom:7px;transform:translateX(-50%);
  min-width:92px;height:38px;padding:0 16px;
  display:grid;place-items:center;
  border-radius:12px;
  background:rgba(13,14,20,.68);
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 9px 30px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.08);
  backdrop-filter:blur(15px);
  font-size:14px;font-weight:950;
}
.case-page-actions{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:14px}
.case-page-actions .open-btn{min-width:230px;min-height:48px;font-size:13px}
.case-page-actions .fast-spin-toggle{width:48px;height:48px}
.case-detail-page .reel-wrap.reel-3d{
  width:100%!important;
  margin:8px 0 8px!important;
  height:330px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.case-detail-page .reel-3d .reel-viewport,
.case-detail-page .reel-3d .pointer{height:330px!important}
.case-detail-page .reel-3d .reel-card{flex-basis:270px!important;width:270px!important;height:238px!important}
.case-detail-page .reel-3d .reel-card .real-skin{height:158px!important}
.case-page-contents{
  margin-top:20px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.10);
}
.case-page-contents .contents-title{margin-bottom:14px}
.case-page-contents .contents-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}
.case-page-contents .contents-card{min-height:176px!important;height:176px!important}
.case-page-contents .contents-card .skin-art{height:96px!important}
.case-page-result{
  min-height:390px;
  display:grid;
  place-items:center;
  padding:26px 0 10px;
}
.case-page-result .open-stage{margin:0!important}
.case-page-result .inline-result{min-width:min(620px,90vw)}
.case-page-result .inline-result .real-skin{height:230px!important}
.case-page-result .result-inline-actions{justify-content:center}

/* RedWhite case page: night photo remains visible, UI stays readable. */
:root[data-theme="redwhite"] .case-detail-shell{
  background:linear-gradient(180deg,rgba(4,8,16,.58),rgba(7,8,13,.66))!important;
  border-color:rgba(255,255,255,.17)!important;
  backdrop-filter:blur(12px) saturate(1.04)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.04)!important;
}
:root[data-theme="redwhite"] .case-page-heading h1,
:root[data-theme="redwhite"] .case-page-contents .contents-title h3,
:root[data-theme="redwhite"] .case-page-contents .skin-info strong,
:root[data-theme="redwhite"] .case-page-result{
  text-shadow:0 2px 12px rgba(0,0,0,.84),0 0 2px #000;
}
:root[data-theme="redwhite"] .case-page-contents .contents-card{
  background:rgba(5,9,16,.46)!important;
  border-color:rgba(255,255,255,.13)!important;
  backdrop-filter:blur(10px)!important;
}
:root[data-theme="redwhite"] .case-detail-page .reel-wrap.reel-3d{
  background:linear-gradient(180deg,rgba(3,6,12,.86),rgba(7,9,14,.78),rgba(3,6,12,.88))!important;
}
:root[data-theme="redwhite"] .case-page-case .oscar-case{background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important}
:root[data-theme="redwhite"] .case-page-case .oscar-case>*{display:none!important}
:root[data-theme="redwhite"] .case-page-case .case-pulse{background-image:url("assets/generated/oscar-pulse-sit-red-v217.png")!important}
:root[data-theme="redwhite"] .case-page-case .case-neon{background-image:url("assets/generated/oscar-neon-belly-blue-v217.png")!important}
:root[data-theme="redwhite"] .case-page-case .case-royal{background-image:url("assets/generated/oscar-royal-peek-green-v217.png")!important}
:root[data-theme="redwhite"] .case-page-case .case-void{background-image:url("assets/generated/oscar-void-treat-gold-v217.png")!important}

/* Remove legacy modal from layout entirely if stale markup ever appears. */
.page-case .overlay,.page-case .case-modal{display:none!important}

@media(max-width:1100px){
  .case-page-contents .contents-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .case-detail-page .reel-3d .reel-card{flex-basis:220px!important;width:220px!important;height:205px!important}
  .case-detail-page .reel-3d .reel-card .real-skin{height:132px!important}
}
@media(max-width:700px){
  .case-detail-page{padding:12px 10px 50px!important}
  .case-detail-shell{border-radius:18px;padding:14px 12px 26px}
  .case-page-topbar{grid-template-columns:auto 1fr auto}
  .case-page-back span{display:none}
  .case-page-case{width:280px;height:245px}
  .case-page-case .case-art{height:230px;transform:scale(1.08)}
  .case-page-contents .contents-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .case-detail-page .reel-wrap.reel-3d{height:280px!important}
  .case-detail-page .reel-3d .reel-viewport,.case-detail-page .reel-3d .pointer{height:280px!important}
}

/* v32 - BRIGHT: vivid, crisp and premium. */
:root[data-theme="bright"]{
  --theme-bg:#171625;
  --theme-bg-2:#282640;
  --theme-panel:#34314f;
  --theme-panel-2:#514b73;
  --theme-line:#8d82b0;
  --theme-text:#fffdf8;
  --theme-muted:#ddd5e9;
  --theme-accent:#ff7096;
  --theme-accent-2:#ffd66f;
  --theme-glow:#967cff;
  --theme-source:#693852;
  --theme-source-line:#df83ad;
  --theme-target:#275c70;
  --theme-target-line:#76cbe2;
  --theme-olive:#66733f;
}
.swatch-bright{background:linear-gradient(135deg,#ff7096 0 25%,#ffd66f 26% 50%,#50ddd4 51% 75%,#967cff 76%)!important}
:root[data-theme="bright"] body{
  background:
    radial-gradient(920px 620px at 11% 4%,rgba(255,112,150,.42),transparent 66%),
    radial-gradient(900px 650px at 88% 7%,rgba(80,221,212,.34),transparent 66%),
    radial-gradient(1100px 760px at 50% 105%,rgba(150,124,255,.34),transparent 70%),
    linear-gradient(145deg,#2c2845 0%,#1d2539 48%,#30233d 100%)!important;
}
:root[data-theme="bright"] .page{
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;
}
:root[data-theme="bright"] header,
:root[data-theme="bright"] .live,
:root[data-theme="bright"] nav,
:root[data-theme="bright"] .case-filters,
:root[data-theme="bright"] .theme-switcher-toggle,
:root[data-theme="bright"] .theme-switcher-menu{
  backdrop-filter:blur(18px) saturate(1.28)!important;
  box-shadow:0 18px 52px rgba(18,12,40,.24),inset 0 1px 0 rgba(255,255,255,.12)!important;
}
:root[data-theme="bright"] .hero h1,
:root[data-theme="bright"] .feature-hero h1{text-shadow:0 8px 28px rgba(32,21,58,.25)!important}
:root[data-theme="bright"] .oscar-case-card[data-case="pulse"]{--case-card-a:#914267;--case-card-b:#47274d;--case-card-line:#e184aa;--case-shell-a:#df789e;--case-shell-b:#793a5a}
:root[data-theme="bright"] .oscar-case-card[data-case="neon"]{--case-card-a:#2d6d81;--case-card-b:#1b4150;--case-card-line:#7bc7dc;--case-shell-a:#82cfdf;--case-shell-b:#3d7787}
:root[data-theme="bright"] .oscar-case-card[data-case="royal"]{--case-card-a:#7d672d;--case-card-b:#493c20;--case-card-line:#deb75c;--case-shell-a:#deb65f;--case-shell-b:#755f31}
:root[data-theme="bright"] .oscar-case-card[data-case="void"]{--case-card-a:#5e5a96;--case-card-b:#373362;--case-card-line:#a49edf;--case-shell-a:#a19de0;--case-shell-b:#57538f}
:root[data-theme="bright"] .upgrade-main-box-v6{box-shadow:0 24px 62px rgba(30,18,60,.22),inset 0 1px 0 rgba(255,255,255,.14)!important}

/* =========================================================
   v33 precision fixes: LIVE DROP, rarity scenes, upgrade,
   contracts, light CTAs and Japanese active navigation.
   ========================================================= */

/* LIVE DROP: shorter vertically, wider horizontally for 100k+ prices. */
.live{height:76px!important;grid-template-columns:122px 1fr!important}
.live-toolbar{padding-left:22px!important;gap:5px!important}
.live-label{font-size:9px!important}
.live-tabs button{padding:4px 8px!important;font-size:7px!important}
.live-item{width:178px!important;min-width:178px!important;padding:5px 10px!important;gap:8px!important}
.live-item .skin-art{width:74px!important;height:54px!important}
.live-item span{font-size:9px!important;min-width:0!important;line-height:1.05!important;white-space:nowrap!important}
.live-item b{font-size:12px!important;margin-top:3px!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important}

/* Open is always a light, high-contrast CTA in every theme. */
.open-btn,.case-page-actions .open-btn{
  background:linear-gradient(180deg,#fffdf8 0%,#eee7dc 100%)!important;
  color:#1b1714!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:inset 0 1px 0 #fff,0 12px 32px rgba(0,0,0,.26)!important;
}
.open-btn:hover:not(:disabled),.case-page-actions .open-btn:hover:not(:disabled){
  background:linear-gradient(180deg,#ffffff 0%,#f4eee5 100%)!important;
  box-shadow:inset 0 1px 0 #fff,0 16px 38px rgba(0,0,0,.34),0 0 24px rgba(255,255,255,.12)!important;
}

/* Lightning = unmistakable fast mode. */
.fast-spin-toggle{transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important}
.fast-spin-toggle.active{
  transform:translateY(-1px) scale(1.035)!important;
  filter:saturate(1.22) brightness(1.10)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 0 0 2px color-mix(in srgb,var(--theme-accent-2) 38%,transparent),0 0 28px color-mix(in srgb,var(--theme-accent) 48%,transparent)!important;
}

/* Reel: use the actual item's visual tier, not one brown fill for every card. */
.reel-card-inner{
  background:var(--tier-bg)!important;
  border-color:color-mix(in srgb,var(--rarity) 64%,rgba(255,255,255,.13))!important;
  box-shadow:0 22px 42px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.09),inset 0 -3px 0 color-mix(in srgb,var(--rarity) 78%,transparent)!important;
}
.reel-card-inner:after{opacity:.35!important}

/* Won item: art sits higher and the whole result carries its rarity fill. */
.inline-result{
  background:var(--tier-bg)!important;
  border:1px solid color-mix(in srgb,var(--rarity) 62%,rgba(255,255,255,.12))!important;
  border-radius:24px!important;
  padding:18px 26px 24px!important;
  box-shadow:0 26px 72px rgba(0,0,0,.34),0 0 48px color-mix(in srgb,var(--rarity) 15%,transparent),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.case-page-result .inline-result .skin-art{transform:translateY(-20px)!important;margin-bottom:-12px!important}
.case-page-result .inline-result-meta{margin-top:-6px!important;position:relative;z-index:4}
.case-page-result .inline-result-meta b{margin-top:10px!important}

/* Upgrade: selected source/target boxes inherit the actual item's category. */
.upgrade-main-box-v6.has-selected-tier{
  background:var(--selected-tier-bg)!important;
  border-color:color-mix(in srgb,var(--selected-rarity) 66%,rgba(255,255,255,.13))!important;
  box-shadow:0 26px 68px rgba(0,0,0,.34),0 0 44px color-mix(in srgb,var(--selected-rarity) 13%,transparent),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.upgrade-main-box-v6.has-selected-tier .compact-skin{background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--selected-rarity) 23%,transparent),transparent 58%)!important}

/* Upgrade chance sector: x2 visibly fills ~50%, x3 ~33.3%, etc. */
.upgrade-wheel-static{
  background:conic-gradient(from 0deg,
    color-mix(in srgb,var(--theme-accent-2) 88%,white 4%) 0 calc(var(--chance)*1%),
    color-mix(in srgb,var(--theme-panel) 88%,#08080b) calc(var(--chance)*1%) 100%)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--theme-line) 70%,transparent),0 30px 80px rgba(0,0,0,.44),inset 0 0 46px rgba(0,0,0,.34),0 0 34px color-mix(in srgb,var(--theme-accent) 12%,transparent)!important;
}
.upgrade-wheel-static:after{
  content:"";position:absolute;inset:25px;border-radius:50%;pointer-events:none;
  border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 0 34px rgba(0,0,0,.24);
}

/* Japanese theme: active tab is warm red/orange, never a white slab. */
:root[data-theme="japan1"] nav .nav-active{
  background:linear-gradient(180deg,#d34b3c,#9f2e26)!important;
  color:#fff7ed!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 20px rgba(200,63,52,.20)!important;
}

/* Contract reveal: gray loss case, white small-profit case, gold meaningful-profit case. */
.contract-reveal-overlay{
  position:fixed;inset:0;z-index:260;display:grid;place-items:center;padding:24px;
  background:rgba(5,5,8,.68);backdrop-filter:blur(15px) saturate(.92);-webkit-backdrop-filter:blur(15px) saturate(.92);
}
.contract-reveal-card{
  width:min(520px,94vw);min-height:470px;border-radius:28px;padding:32px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  background:linear-gradient(155deg,rgba(28,26,27,.96),rgba(12,12,15,.97));
  border:1px solid rgba(255,255,255,.12);box-shadow:0 44px 120px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.08);
  animation:contractCardIn .35s cubic-bezier(.18,.86,.26,1) both;
}
.contract-reveal-kicker{font-size:10px;font-weight:950;letter-spacing:.18em;color:#aaa5a6;margin-bottom:20px}
.contract-crate{width:300px;height:220px;border-radius:28px;position:relative;display:grid;place-items:center;transform:perspective(900px) rotateX(5deg);animation:contractCrateOpen 1.25s cubic-bezier(.2,.76,.2,1) both;box-shadow:0 38px 70px rgba(0,0,0,.55)}
.contract-crate:before,.contract-crate:after{content:"";position:absolute;top:30px;width:48px;height:16px;border-radius:5px;background:#151517;border:1px solid rgba(255,255,255,.15)}
.contract-crate:before{left:44px}.contract-crate:after{right:44px}
.contract-crate-lid{position:absolute;left:18px;right:18px;top:-12px;height:50px;border-radius:18px 18px 8px 8px;border:1px solid rgba(255,255,255,.12);transform-origin:50% 100%;animation:contractLid .75s .58s cubic-bezier(.18,.78,.18,1) both}
.contract-crate-lock{position:absolute;width:54px;height:40px;left:50%;bottom:58px;transform:translateX(-50%);border-radius:9px;background:#171719;border:1px solid rgba(255,255,255,.18)}
.contract-crate>span{position:absolute;bottom:24px;font-size:12px;font-weight:950;letter-spacing:.12em}
.contract-gray .contract-crate{background:linear-gradient(145deg,#686b70,#303237);border:1px solid #91949a;color:#e1e2e4}.contract-gray .contract-crate-lid{background:linear-gradient(#777a80,#47494e)}
.contract-white .contract-crate{background:linear-gradient(145deg,#f5f3ed,#bfc0c0);border:1px solid #fff;color:#28272a;box-shadow:0 38px 70px rgba(0,0,0,.45),0 0 55px rgba(255,255,255,.15)}.contract-white .contract-crate-lid{background:linear-gradient(#fff,#d8d7d2)}
.contract-gold .contract-crate{background:linear-gradient(145deg,#e5bf62,#72531f);border:1px solid #f6d982;color:#241908;box-shadow:0 38px 70px rgba(0,0,0,.5),0 0 65px rgba(221,177,69,.22)}.contract-gold .contract-crate-lid{background:linear-gradient(#f0d17b,#9e7430)}
.contract-reveal-copy{margin-top:22px;display:grid;gap:5px}.contract-reveal-copy strong{font-size:20px}.contract-reveal-copy small{font-size:10px;color:#8f8b91}
.contract-reward-item{width:100%;min-height:300px;border-radius:22px;background:var(--tier-bg);border:1px solid color-mix(in srgb,var(--rarity) 62%,rgba(255,255,255,.13));padding:18px 24px;box-shadow:0 0 50px color-mix(in srgb,var(--rarity) 14%,transparent)}
.contract-reward-item .skin-art{height:205px}.contract-reward-item small{display:block;color:#aaa4a6;font-size:10px}.contract-reward-item strong{display:block;font-size:19px;margin-top:3px}.contract-reward-item b{display:block;font-size:27px;margin-top:9px}
.contract-profit{margin:14px 0 17px;font-size:13px;font-weight:950}.contract-profit.profit{color:#e4c36b}.contract-profit.loss{color:#9b9da2}
.contract-take{min-width:220px!important}
@keyframes contractCardIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes contractCrateOpen{0%{opacity:0;transform:perspective(900px) rotateX(5deg) translateY(28px) scale(.9)}28%{opacity:1;transform:perspective(900px) rotateX(5deg) translateY(0) scale(1.02)}100%{transform:perspective(900px) rotateX(5deg) scale(1)}}
@keyframes contractLid{0%,48%{transform:rotateX(0)}100%{transform:translateY(-18px) rotateX(-58deg)}}

@media(max-width:900px){
  .live{grid-template-columns:104px 1fr!important}.live-item{width:160px!important;min-width:160px!important}
  .contract-reveal-card{min-height:420px;padding:24px}.contract-crate{width:250px;height:190px}
}

/* v34 — custom OSCAR red PULSE case artwork */
.case-pulse{
  background-image:url("assets/generated/oscar-pulse-sit-red-v217.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}
.case-pulse>*{display:none!important}
.oscar-case-card[data-case="pulse"] .case-art{
  background-image:url("assets/generated/oscar-pulse-sit-red-v217.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}
.oscar-case-card[data-case="pulse"] .case-art>*{display:none!important}
.case-page-case .case-pulse,
.modal-case .case-pulse{
  background-image:url("assets/generated/oscar-pulse-sit-red-v217.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}

/* =========================================================
   v35 — OSCAR blue NEON case + refined/lower price badge.
   PULSE keeps the approved red OSCAR artwork from v34.
   ========================================================= */

/* Approved blue OSCAR artwork for NEON everywhere: catalogue + full case page. */
.case-neon{
  background-image:url("assets/generated/oscar-neon-belly-blue-v217.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}
.case-neon>*{display:none!important}
.oscar-case-card[data-case="neon"] .case-art{
  background-image:url("assets/generated/oscar-neon-belly-blue-v217.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}
.oscar-case-card[data-case="neon"] .case-art>*{display:none!important}
.case-page-case .case-neon,
.modal-case .case-neon{
  background-image:url("assets/generated/oscar-neon-belly-blue-v217.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}

/* Keep both approved custom cases authoritative on the full case page in every theme. */
.case-page-case .case-pulse{
  background-image:url("assets/generated/oscar-pulse-sit-red-v217.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}
.case-page-case .case-pulse>*,
.case-page-case .case-neon>*{display:none!important}

/* Price sits lower and looks like a designed metal/glass capsule instead of a flat fill. */
.oscar-case-card .case-price-tag.case-price-centered{
  position:relative!important;
  inset:auto!important;
  transform:translateY(7px)!important;
  margin:0 auto!important;
  min-width:94px!important;
  height:36px!important;
  padding:0 18px!important;
  border-radius:999px!important;
  color:var(--theme-text)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.055) 42%,rgba(0,0,0,.20) 100%),
    color-mix(in srgb,var(--theme-panel-2) 68%,var(--theme-panel))!important;
  border:1px solid color-mix(in srgb,var(--theme-accent) 52%,rgba(255,255,255,.30))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(0,0,0,.24),
    0 8px 18px rgba(0,0,0,.28),
    0 0 18px color-mix(in srgb,var(--theme-accent) 10%,transparent)!important;
  overflow:hidden!important;
}
.oscar-case-card .case-price-tag.case-price-centered:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:10px!important;
  right:10px!important;
  top:4px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent)!important;
  opacity:.78!important;
  border:0!important;
}
.oscar-case-card .case-price-tag.case-price-centered:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:3px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  pointer-events:none!important;
}
.oscar-case-card .case-price-tag.case-price-centered span{
  position:relative!important;
  z-index:2!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.03em!important;
  text-shadow:0 1px 2px rgba(0,0,0,.55)!important;
}

/* Give the artwork a little more room while the badge visually drops toward the card floor. */
.oscar-case-card{padding-bottom:11px!important}
.oscar-case-card .case-art{margin:-5px 0 -4px!important}

/* Full case page price gets the same premium capsule treatment. */
.case-page-price{
  bottom:0!important;
  min-width:104px!important;
  height:40px!important;
  padding:0 20px!important;
  border-radius:999px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.045) 46%,rgba(0,0,0,.22)),
    color-mix(in srgb,var(--theme-panel-2) 66%,var(--theme-panel))!important;
  border:1px solid color-mix(in srgb,var(--theme-accent) 52%,rgba(255,255,255,.28))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 26px rgba(0,0,0,.32)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

/* =========================================================
   v36 — approved green OSCAR ROYAL case artwork.
   Image replacement only; mechanics stay unchanged.
   ========================================================= */

/* Full case page / legacy modal hero artwork. */
.case-page-case .case-royal,
.case-modal .modal-case .case-royal{
  background-image:url("assets/generated/oscar-royal-peek-green-v217.png")!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
}
.case-page-case .case-royal>*,
.case-modal .modal-case .case-royal>*{display:none!important}

/* ROYAL card on the case catalogue. */
.oscar-case-card[data-case="royal"] .case-art{
  background-image:url("assets/generated/oscar-royal-peek-green-v217.png")!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
}
.oscar-case-card[data-case="royal"] .case-art>*{display:none!important}

/* Keep the image clean across theme-specific overrides. */
:root[data-theme="brown"] .oscar-case-card[data-case="royal"] .case-art,
:root[data-theme="japan1"] .oscar-case-card[data-case="royal"] .case-art,
:root[data-theme="bright"] .oscar-case-card[data-case="royal"] .case-art,
:root[data-theme="redwhite"] .oscar-case-card[data-case="royal"] .case-art{
  background-image:url("assets/generated/oscar-royal-peek-green-v217.png")!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
}

:root[data-theme="brown"] .case-page-case .case-royal,
:root[data-theme="japan1"] .case-page-case .case-royal,
:root[data-theme="bright"] .case-page-case .case-royal,
:root[data-theme="redwhite"] .case-page-case .case-royal{
  background-image:url("assets/generated/oscar-royal-peek-green-v217.png")!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:contain!important;
}

/* =========================================================
   v37 — approved gold OSCAR VOID case artwork.
   Image replacement only; mechanics stay unchanged.
   ========================================================= */

.case-void{
  background-image:url("assets/generated/oscar-void-treat-gold-v217.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}
.case-void>*{display:none!important}

/* VOID card on the case catalogue. */
.oscar-case-card[data-case="void"] .case-art{
  background-image:url("assets/generated/oscar-void-treat-gold-v217.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}
.oscar-case-card[data-case="void"] .case-art>*{display:none!important}

/* Full case page / legacy modal hero artwork. */
.case-page-case .case-void,
.case-modal .modal-case .case-void,
.modal-case .case-void{
  background-image:url("assets/generated/oscar-void-treat-gold-v217.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}
.case-page-case .case-void>*,
.case-modal .modal-case .case-void>*,
.modal-case .case-void>*{display:none!important}

/* Keep custom VOID art authoritative across all themes. */
:root[data-theme="brown"] .oscar-case-card[data-case="void"] .case-art,
:root[data-theme="japan1"] .oscar-case-card[data-case="void"] .case-art,
:root[data-theme="bright"] .oscar-case-card[data-case="void"] .case-art,
:root[data-theme="redwhite"] .oscar-case-card[data-case="void"] .case-art{
  background-image:url("assets/generated/oscar-void-treat-gold-v217.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}

:root[data-theme="brown"] .case-page-case .case-void,
:root[data-theme="japan1"] .case-page-case .case-void,
:root[data-theme="bright"] .case-page-case .case-void,
:root[data-theme="redwhite"] .case-page-case .case-void{
  background-image:url("assets/generated/oscar-void-treat-gold-v217.png")!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:contain!important;
}

/* =========================================================
   v38 — unified OSCAR case sizing + frameless catalogue.
   All four custom cases render only inside the same art stage.
   ========================================================= */

/* The old global .case-pulse/.case-neon/.case-void rules could turn
   the whole catalogue button into a background image. Reset that only
   for catalogue cards and restore their real children. */
.oscar-case-card.case-pulse,
.oscar-case-card.case-neon,
.oscar-case-card.case-royal,
.oscar-case-card.case-void{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
  height:310px!important;
  min-height:310px!important;
  padding:0 8px 7px!important;
  display:grid!important;
  grid-template-rows:34px 1fr 44px!important;
  align-items:center!important;
  justify-items:center!important;
}
.oscar-case-card.case-pulse:before,
.oscar-case-card.case-neon:before,
.oscar-case-card.case-royal:before,
.oscar-case-card.case-void:before{
  display:none!important;
}
.oscar-case-card.case-pulse:hover,
.oscar-case-card.case-neon:hover,
.oscar-case-card.case-royal:hover,
.oscar-case-card.case-void:hover{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:translateY(-4px) scale(1.015)!important;
}

/* Restore content hidden by legacy .case-xxx > * selectors. */
.oscar-case-card.case-pulse > .case-card-title,
.oscar-case-card.case-neon > .case-card-title,
.oscar-case-card.case-royal > .case-card-title,
.oscar-case-card.case-void > .case-card-title{
  display:block!important;
}
.oscar-case-card.case-pulse > .case-art,
.oscar-case-card.case-neon > .case-art,
.oscar-case-card.case-royal > .case-art,
.oscar-case-card.case-void > .case-art{
  display:grid!important;
}
.oscar-case-card.case-pulse > .case-price-tag,
.oscar-case-card.case-neon > .case-price-tag,
.oscar-case-card.case-royal > .case-price-tag,
.oscar-case-card.case-void > .case-price-tag{
  display:grid!important;
}

.oscar-case-card .case-card-title{
  position:relative!important;
  z-index:3!important;
  margin:0!important;
  align-self:end!important;
  text-align:center!important;
  font-size:17px!important;
  line-height:1!important;
  letter-spacing:.055em!important;
}

/* One identical stage for every OSCAR case. */
.oscar-case-card .case-art{
  width:100%!important;
  height:224px!important;
  margin:0!important;
  transform:none!important;
  transform-origin:center!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:auto 100%!important;
  overflow:visible!important;
}
.oscar-case-card .case-art>*{display:none!important}

.oscar-case-card[data-case="pulse"] .case-art{background-image:url("assets/generated/oscar-pulse-sit-red-v217.png")!important}
.oscar-case-card[data-case="neon"] .case-art{background-image:url("assets/generated/oscar-neon-belly-blue-v217.png")!important}
.oscar-case-card[data-case="royal"] .case-art{background-image:url("assets/generated/oscar-royal-peek-green-v217.png")!important}
.oscar-case-card[data-case="void"] .case-art{
  background-image:url("assets/generated/oscar-void-treat-gold-v217.png")!important;
  /* The gold source has noticeably more transparent padding. */
  background-size:auto 111%!important;
}

/* No coloured card surface: only name, case and price remain visible. */
:root[data-theme="brown"] .oscar-case-card,
:root[data-theme="japan1"] .oscar-case-card,
:root[data-theme="bright"] .oscar-case-card,
:root[data-theme="redwhite"] .oscar-case-card{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* Keep the designed price capsule, but detach it visually from any card. */
.oscar-case-card .case-price-tag.case-price-centered{
  align-self:start!important;
  transform:translateY(-1px)!important;
  margin:0 auto!important;
  position:relative!important;
  z-index:4!important;
}

@media(max-width:1100px){
  .oscar-case-card.case-pulse,
  .oscar-case-card.case-neon,
  .oscar-case-card.case-royal,
  .oscar-case-card.case-void{
    height:300px!important;
    min-height:300px!important;
  }
  .oscar-case-card .case-art{height:212px!important}
}

/* =========================================================
   v39 — unified real PNG case art + white display podium.
   Fixes VOID scale and full-page case visibility.
   ========================================================= */

/* Stop all legacy background-image rules from fighting the real PNG image. */
.case-art.custom-oscar-art,
.case-page-case .case-art.custom-oscar-art,
.oscar-case-card .case-art.custom-oscar-art,
:root[data-theme="brown"] .oscar-case-card .case-art.custom-oscar-art,
:root[data-theme="japan1"] .oscar-case-card .case-art.custom-oscar-art,
:root[data-theme="bright"] .oscar-case-card .case-art.custom-oscar-art,
:root[data-theme="redwhite"] .oscar-case-card .case-art.custom-oscar-art{
  background:none!important;
  background-image:none!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  isolation:isolate!important;
}

/* Legacy .case-pulse > * / .case-void > * rules used to hide children.
   Explicitly restore only the new real case image and podium. */
.case-art.custom-oscar-art > .oscar-case-image,
.case-art.custom-oscar-art > .case-podium{
  display:block!important;
}

.oscar-case-image{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:drop-shadow(0 16px 16px rgba(0,0,0,.34))!important;
  transform:translateY(-7px) scale(1)!important;
  transform-origin:center bottom!important;
  user-select:none!important;
  pointer-events:none!important;
}

/* VOID source has wider transparent margins than the other PNGs. */
.case-art.custom-oscar-art.case-void > .oscar-case-image{
  transform:translateY(-7px) scale(1.105)!important;
}

/* A physical-looking circular platform below every OSCAR case. */
.case-podium{
  position:absolute!important;
  z-index:1!important;
  left:50%!important;
  bottom:17px!important;
  width:68%!important;
  height:34px!important;
  transform:translateX(-50%) perspective(260px) rotateX(64deg)!important;
  transform-origin:center!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at 50% 34%,rgba(255,255,255,.96) 0 16%,rgba(237,240,248,.78) 34%,rgba(151,158,176,.46) 63%,rgba(55,59,72,.52) 77%,rgba(19,21,28,.78) 100%)!important;
  border:1px solid rgba(255,255,255,.64)!important;
  box-shadow:
    inset 0 3px 5px rgba(255,255,255,.72),
    inset 0 -9px 12px rgba(10,12,18,.55),
    0 7px 9px rgba(0,0,0,.42),
    0 0 17px rgba(255,255,255,.42),
    0 0 34px rgba(255,255,255,.16)!important;
  opacity:.9!important;
  pointer-events:none!important;
}
.case-podium:after{
  content:""!important;
  position:absolute!important;
  display:block!important;
  left:12%!important;
  right:12%!important;
  top:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.78)!important;
  filter:blur(7px)!important;
  box-shadow:0 0 19px rgba(255,255,255,.75)!important;
}

/* Catalogue: all four cases occupy exactly the same visual stage. */
.oscar-case-card .case-art.custom-oscar-art{
  width:100%!important;
  height:224px!important;
  margin:0!important;
  transform:none!important;
}
.oscar-case-card .case-art.custom-oscar-art > .oscar-case-image{
  width:100%!important;
  height:210px!important;
}
.oscar-case-card .case-art.custom-oscar-art > .case-podium{
  bottom:6px!important;
  width:64%!important;
}

/* Full case page: guarantee a real width (the old empty element could collapse to 0px). */
.case-page-case{
  width:430px!important;
  height:320px!important;
}
.case-page-case .case-art.custom-oscar-art{
  width:420px!important;
  height:270px!important;
  transform:none!important;
  margin:0 auto 28px!important;
}
.case-page-case .case-art.custom-oscar-art > .oscar-case-image{
  width:100%!important;
  height:252px!important;
  transform:translateY(-8px) scale(1)!important;
}
.case-page-case .case-art.custom-oscar-art.case-void > .oscar-case-image{
  transform:translateY(-8px) scale(1.105)!important;
}
.case-page-case .case-art.custom-oscar-art > .case-podium{
  width:61%!important;
  bottom:3px!important;
  height:38px!important;
}
.case-page-price{
  bottom:0!important;
  z-index:6!important;
}

@media(max-width:720px){
  .case-page-case{width:min(92vw,390px)!important;height:300px!important}
  .case-page-case .case-art.custom-oscar-art{width:min(90vw,380px)!important;height:250px!important}
  .case-page-case .case-art.custom-oscar-art > .oscar-case-image{height:232px!important}
}

/* =========================================================
   v40 — approved PULSE case+podium composite + VOID/ROYAL visual parity.
   ========================================================= */

/* PULSE is supplied as one finished transparent PNG with its podium already built in. */
.case-art.custom-oscar-art.case-pulse > .case-podium,
.case-page-case .case-art.custom-oscar-art.case-pulse > .case-podium{
  display:none!important;
}
.oscar-case-card .case-art.custom-oscar-art.case-pulse > .oscar-case-image{
  height:224px!important;
  transform:translateY(-1px) scale(1.035)!important;
  filter:drop-shadow(0 13px 14px rgba(0,0,0,.28))!important;
}
.case-page-case .case-art.custom-oscar-art.case-pulse > .oscar-case-image{
  height:276px!important;
  transform:translateY(-2px) scale(1.035)!important;
}

/* VOID source has materially larger transparent margins than ROYAL.
   Correct X/Y independently so their visible silhouettes match, not just their canvases. */
.oscar-case-card .case-art.custom-oscar-art.case-void > .oscar-case-image{
  transform:translateY(-7px) scaleX(1.138) scaleY(1.063)!important;
}
.case-page-case .case-art.custom-oscar-art.case-void > .oscar-case-image{
  transform:translateY(-8px) scaleX(1.138) scaleY(1.063)!important;
}


/* =========================================================
   v41 — approved NEON case+podium composite.
   NEON is supplied as one finished transparent PNG with podium built in.
   ========================================================= */
.case-art.custom-oscar-art.case-neon > .case-podium,
.case-page-case .case-art.custom-oscar-art.case-neon > .case-podium{
  display:none!important;
}
.oscar-case-card .case-art.custom-oscar-art.case-neon > .oscar-case-image{
  height:224px!important;
  transform:translateY(-1px) scale(1.035)!important;
  filter:drop-shadow(0 13px 14px rgba(0,0,0,.28))!important;
}
.case-page-case .case-art.custom-oscar-art.case-neon > .oscar-case-image{
  height:276px!important;
  transform:translateY(-2px) scale(1.035)!important;
}


/* =========================================================
   v42 — approved ROYAL case+podium composite.
   ROYAL is supplied as one finished transparent PNG with podium built in.
   ========================================================= */
.case-art.custom-oscar-art.case-royal > .case-podium,
.case-page-case .case-art.custom-oscar-art.case-royal > .case-podium{
  display:none!important;
}
.oscar-case-card .case-art.custom-oscar-art.case-royal > .oscar-case-image{
  height:224px!important;
  transform:translateY(-1px) scale(1.035)!important;
  filter:drop-shadow(0 13px 14px rgba(0,0,0,.28))!important;
}
.case-page-case .case-art.custom-oscar-art.case-royal > .oscar-case-image{
  height:276px!important;
  transform:translateY(-2px) scale(1.035)!important;
}


/* =========================================================
   v44 — approved VOID case+podium composite, normalized to the same envelope.
   All four OSCAR collection cases now share the same visual stage.
   ========================================================= */
.case-art.custom-oscar-art.case-void > .case-podium,
.case-page-case .case-art.custom-oscar-art.case-void > .case-podium{
  display:none!important;
}
.oscar-case-card .case-art.custom-oscar-art.case-void > .oscar-case-image{
  height:224px!important;
  transform:translateY(-1px) scale(1.035)!important;
  filter:drop-shadow(0 13px 14px rgba(0,0,0,.28))!important;
}
.case-page-case .case-art.custom-oscar-art.case-void > .oscar-case-image{
  height:276px!important;
  transform:translateY(-2px) scale(1.035)!important;
}

/* =========================================================
   v45 — unified case widths, KORZH token currency + updated pricing UI.
   ========================================================= */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.korzh-money{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;vertical-align:middle}
.korzh-currency-icon{width:15px;height:15px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35));flex:0 0 auto}
.balance .korzh-currency-icon,.live-item .korzh-currency-icon{width:12px;height:12px}
.brand-token{display:grid!important;place-items:center!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.brand-token img{display:block;width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}

.oscar-case-card .case-art.custom-oscar-art > .oscar-case-image{transform-origin:center center!important}
.oscar-case-card .case-art.custom-oscar-art.case-pulse > .oscar-case-image{transform:translateY(-1px) scaleX(1.045) scaleY(1.035)!important}
.oscar-case-card .case-art.custom-oscar-art.case-neon > .oscar-case-image{transform:translateY(-1px) scaleX(1.000) scaleY(1.035)!important}
.oscar-case-card .case-art.custom-oscar-art.case-royal > .oscar-case-image{transform:translateY(-1px) scaleX(1.060) scaleY(1.035)!important}
.oscar-case-card .case-art.custom-oscar-art.case-void > .oscar-case-image{transform:translateY(-1px) scaleX(1.020) scaleY(1.035)!important}
.case-page-case .case-art.custom-oscar-art.case-pulse > .oscar-case-image{transform:translateY(-2px) scaleX(1.045) scaleY(1.035)!important}
.case-page-case .case-art.custom-oscar-art.case-neon > .oscar-case-image{transform:translateY(-2px) scaleX(1.000) scaleY(1.035)!important}
.case-page-case .case-art.custom-oscar-art.case-royal > .oscar-case-image{transform:translateY(-2px) scaleX(1.060) scaleY(1.035)!important}
.case-page-case .case-art.custom-oscar-art.case-void > .oscar-case-image{transform:translateY(-2px) scaleX(1.020) scaleY(1.035)!important}

.oscar-case-card .case-price-tag.case-price-centered{
  width:auto!important;min-width:82px!important;height:34px!important;padding:0 16px!important;border-radius:12px!important;
  background:linear-gradient(180deg,rgba(45,39,35,.96),rgba(20,18,17,.98))!important;
  border:1px solid color-mix(in srgb,var(--accent) 46%,rgba(255,255,255,.26))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 8px 20px rgba(0,0,0,.34),0 0 16px color-mix(in srgb,var(--accent) 16%,transparent)!important;
  color:#fff6e9!important;
}
.oscar-case-card .case-price-tag.case-price-centered:before{display:none!important}
.oscar-case-card .case-price-tag.case-price-centered span{font-size:13px!important;text-shadow:none!important}
.oscar-case-card .case-price-tag .korzh-currency-icon{width:17px;height:17px}

.case-page-price{display:none!important}
.case-page-actions .open-btn:not(.skip-in-place){min-width:260px!important;font-size:17px!important;letter-spacing:.02em!important}
.case-page-actions .open-btn .korzh-money{gap:8px;font-weight:950}
.case-page-actions .open-btn .korzh-currency-icon{width:21px;height:21px}


/* =========================================================
   v46 — exact visual width calibration + readable single-line case price.
   ========================================================= */
/* Calibrated from the visible silhouettes, not the transparent PNG canvas. */
.oscar-case-card .case-art.custom-oscar-art.case-pulse > .oscar-case-image{
  transform:translateY(-1px) scaleX(1.120) scaleY(1.035)!important;
}
.oscar-case-card .case-art.custom-oscar-art.case-neon > .oscar-case-image{
  transform:translateY(-1px) scaleX(1.060) scaleY(1.035)!important;
}
.oscar-case-card .case-art.custom-oscar-art.case-royal > .oscar-case-image{
  transform:translateY(-1px) scaleX(1.055) scaleY(1.035)!important;
}
.oscar-case-card .case-art.custom-oscar-art.case-void > .oscar-case-image{
  transform:translateY(-1px) scaleX(1.000) scaleY(1.035)!important;
}
/* Match the same relative widths on the full case page. */
.case-page-case .case-art.custom-oscar-art.case-pulse > .oscar-case-image{
  transform:translateY(-2px) scaleX(1.120) scaleY(1.035)!important;
}
.case-page-case .case-art.custom-oscar-art.case-neon > .oscar-case-image{
  transform:translateY(-2px) scaleX(1.060) scaleY(1.035)!important;
}
.case-page-case .case-art.custom-oscar-art.case-royal > .oscar-case-image{
  transform:translateY(-2px) scaleX(1.055) scaleY(1.035)!important;
}
.case-page-case .case-art.custom-oscar-art.case-void > .oscar-case-image{
  transform:translateY(-2px) scaleX(1.000) scaleY(1.035)!important;
}

/* Catalogue prices: larger and easier to read. */
.oscar-case-card .case-price-tag.case-price-centered{
  min-width:104px!important;
  height:38px!important;
  padding:0 18px!important;
}
.oscar-case-card .case-price-tag.case-price-centered .korzh-money{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:0!important;
  line-height:1!important;
  white-space:nowrap!important;
}
.oscar-case-card .case-price-tag.case-price-centered .korzh-money-number{
  display:inline!important;
  padding:0!important;
  font-size:16px!important;
  font-weight:950!important;
  line-height:1!important;
}
.oscar-case-card .case-price-tag.case-price-centered .korzh-currency-icon{
  width:20px!important;
  height:20px!important;
  margin:0!important;
}

/* Full case page: price + KORZH token must always be one line. */
.case-page-actions .open-btn:not(.skip-in-place){
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:270px!important;
  height:54px!important;
  padding:0 24px!important;
}
.case-page-actions .open-btn:not(.skip-in-place) .korzh-money{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0!important;
  margin:0!important;
  white-space:nowrap!important;
  line-height:1!important;
}
.case-page-actions .open-btn:not(.skip-in-place) .korzh-money-number{
  display:inline!important;
  padding:0!important;
  margin:0!important;
  font-size:20px!important;
  font-weight:950!important;
  line-height:1!important;
}
.case-page-actions .open-btn:not(.skip-in-place) .korzh-currency-icon{
  display:block!important;
  width:25px!important;
  height:25px!important;
  margin:0!important;
  padding:0!important;
  flex:0 0 25px!important;
}

/* =========================================================
   v47 — PULSE + NEON exact size lock.
   Both normalized source PNGs are 1536x1024 with the same visible alpha bbox
   (43,12)-(1493,1012), so they must use the exact same render geometry.
   ========================================================= */
.oscar-case-card .case-art.custom-oscar-art.case-pulse > .oscar-case-image,
.oscar-case-card .case-art.custom-oscar-art.case-neon > .oscar-case-image{
  width:100%!important;
  height:224px!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:translateY(-1px) scaleX(1.06) scaleY(1.035)!important;
  transform-origin:center center!important;
}
.case-page-case .case-art.custom-oscar-art.case-pulse > .oscar-case-image,
.case-page-case .case-art.custom-oscar-art.case-neon > .oscar-case-image{
  width:100%!important;
  height:276px!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:translateY(-2px) scaleX(1.06) scaleY(1.035)!important;
  transform-origin:center center!important;
}

/* =========================================================
   v48 — final horizontal tuning from visual reference.
   Height stays untouched; only visible width changes.
   ========================================================= */
/* Catalogue */
.oscar-case-card .case-art.custom-oscar-art.case-pulse > .oscar-case-image{
  transform:translateY(-1px) scaleX(1.025) scaleY(1.035)!important;
}
.oscar-case-card .case-art.custom-oscar-art.case-neon > .oscar-case-image{
  transform:translateY(-1px) scaleX(1.060) scaleY(1.035)!important;
}
.oscar-case-card .case-art.custom-oscar-art.case-royal > .oscar-case-image{
  transform:translateY(-1px) scaleX(1.105) scaleY(1.035)!important;
}
.oscar-case-card .case-art.custom-oscar-art.case-void > .oscar-case-image{
  transform:translateY(-1px) scaleX(.955) scaleY(1.035)!important;
}
/* Full case page uses the same proportions. */
.case-page-case .case-art.custom-oscar-art.case-pulse > .oscar-case-image{
  transform:translateY(-2px) scaleX(1.025) scaleY(1.035)!important;
}
.case-page-case .case-art.custom-oscar-art.case-neon > .oscar-case-image{
  transform:translateY(-2px) scaleX(1.060) scaleY(1.035)!important;
}
.case-page-case .case-art.custom-oscar-art.case-royal > .oscar-case-image{
  transform:translateY(-2px) scaleX(1.105) scaleY(1.035)!important;
}
.case-page-case .case-art.custom-oscar-art.case-void > .oscar-case-image{
  transform:translateY(-2px) scaleX(.955) scaleY(1.035)!important;
}


/* =========================================================
   v49 — price/token alignment, balance readability, lightning states,
   and practical continuous spin timing.
   ========================================================= */

/* LIVE DROP: keep the numeric price and KORZH token on one horizontal line. */
.live-item b{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  white-space:nowrap!important;
}
.live-item b .korzh-money{
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:5px!important;
  white-space:nowrap!important;
  line-height:1!important;
}
.live-item b .korzh-money-number{
  display:inline-block!important;
  line-height:1!important;
}
.live-item b .korzh-currency-icon{
  display:block!important;
  width:12px!important;
  height:12px!important;
  margin:0!important;
  flex:0 0 12px!important;
}

/* Catalogue case price badge: exact optical centering of number + token. */
.oscar-case-card .case-price-tag.case-price-centered{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}
.oscar-case-card .case-price-tag.case-price-centered > span,
.oscar-case-card .case-price-tag.case-price-centered .korzh-money{
  width:100%!important;
  height:100%!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  margin:0!important;
  padding:0!important;
  line-height:1!important;
}
.oscar-case-card .case-price-tag.case-price-centered .korzh-money-number{
  line-height:1!important;
  transform:none!important;
}
.oscar-case-card .case-price-tag.case-price-centered .korzh-currency-icon{
  display:block!important;
  margin:0!important;
  transform:none!important;
}

/* Header balance should be readable at normal desktop distance. */
.balance{gap:2px!important}
.balance span{font-size:9px!important;font-weight:800!important;letter-spacing:.13em!important;opacity:.82!important}
.balance b{font-size:19px!important;line-height:1.05!important;font-weight:950!important}
.balance b .korzh-money{gap:6px!important}
.balance b .korzh-currency-icon{width:15px!important;height:15px!important;flex:0 0 15px!important}

/* Lightning states: OFF = neutral grey, ON = clear yellow/gold fill. */
.fast-spin-toggle,
.case-page-actions .fast-spin-toggle,
.upgrade-run-row .fast-spin-toggle{
  background:linear-gradient(180deg,#3a3a40 0%,#25262b 100%)!important;
  color:#e6e6e9!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 7px 18px rgba(0,0,0,.28)!important;
  filter:none!important;
}
.fast-spin-toggle:hover:not(:disabled){
  background:linear-gradient(180deg,#45464d 0%,#2c2d33 100%)!important;
}
.fast-spin-toggle.active,
.case-page-actions .fast-spin-toggle.active,
.upgrade-run-row .fast-spin-toggle.active{
  background:linear-gradient(180deg,#ffe27a 0%,#e3b83c 100%)!important;
  color:#3c2a05!important;
  border-color:#ffe89b!important;
  transform:translateY(-1px) scale(1.035)!important;
  filter:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 0 0 1px rgba(255,211,72,.34),0 0 26px rgba(244,193,51,.42)!important;
}
.fast-spin-toggle:disabled{opacity:.55!important}

/* =========================================================
   v50 — THE ARSENAL SETS COLLECTION
   10 themed set cases, desktop layout 5 × 2.
   ========================================================= */
.arsenal-heading{
  margin-top:58px!important;
  margin-bottom:18px!important;
}
.arsenal-heading span{
  font-size:16px!important;
  font-weight:950!important;
  letter-spacing:.085em!important;
}
.arsenal-case-grid{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.arsenal-case-card{
  height:286px!important;
  min-height:286px!important;
  padding:0 5px 8px!important;
  display:grid!important;
  grid-template-rows:48px 1fr 44px!important;
  justify-items:center!important;
  align-items:center!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
  border-radius:0!important;
}
.arsenal-case-card:before{display:none!important}
.arsenal-case-card:hover{
  transform:translateY(-5px) scale(1.018)!important;
  border:0!important;
  box-shadow:none!important;
}
.arsenal-case-card .case-card-title{
  margin:0!important;
  align-self:end!important;
  text-align:center!important;
  font-size:14px!important;
  line-height:1.05!important;
  letter-spacing:.035em!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.arsenal-case-card .case-price-tag{
  align-self:start!important;
}
.arsenal-case{
  width:100%!important;
  height:188px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  overflow:visible!important;
  isolation:isolate!important;
}
.arsenal-podium{
  position:absolute!important;
  z-index:0!important;
  left:50%!important;
  bottom:8px!important;
  width:74%!important;
  height:29px!important;
  transform:translateX(-50%) perspective(250px) rotateX(66deg)!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at 50% 32%,rgba(255,255,255,.92) 0 15%,color-mix(in srgb,var(--accent) 30%,#dfe4eb) 42%,rgba(80,84,96,.56) 72%,rgba(18,20,27,.9) 100%)!important;
  border:1px solid rgba(255,255,255,.58)!important;
  box-shadow:0 0 20px color-mix(in srgb,var(--accent) 38%,transparent),0 8px 14px rgba(0,0,0,.38),inset 0 2px 4px rgba(255,255,255,.65)!important;
}
.arsenal-crate{
  position:relative!important;
  z-index:2!important;
  width:158px!important;
  height:116px!important;
  border-radius:15px!important;
  transform:translateY(-8px) perspective(620px) rotateX(3deg) rotateY(-3deg)!important;
  background:
    linear-gradient(90deg,transparent 0 8%,color-mix(in srgb,var(--accent) 92%,#111) 8% 11%,transparent 11% 89%,color-mix(in srgb,var(--accent) 92%,#111) 89% 92%,transparent 92%),
    linear-gradient(145deg,#292b31 0,#15171c 46%,#0b0d10 100%)!important;
  border:1px solid color-mix(in srgb,var(--accent) 55%,#656b75)!important;
  box-shadow:0 22px 32px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.11),0 0 28px color-mix(in srgb,var(--accent) 16%,transparent)!important;
}
.arsenal-crate:before,
.arsenal-crate:after{
  content:"";
  position:absolute;
  top:9px;
  bottom:9px;
  width:14px;
  border:2px solid color-mix(in srgb,var(--accent) 78%,#24262b);
  border-radius:7px;
  box-shadow:inset 0 0 10px rgba(0,0,0,.4),0 0 9px color-mix(in srgb,var(--accent) 22%,transparent);
}
.arsenal-crate:before{left:12px}
.arsenal-crate:after{right:12px}
.arsenal-handle{
  position:absolute!important;
  left:50%!important;
  top:-24px!important;
  width:72px!important;
  height:31px!important;
  transform:translateX(-50%)!important;
  border:7px solid #24272d!important;
  border-bottom:0!important;
  border-radius:13px 13px 0 0!important;
  box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)!important;
}
.arsenal-top{
  position:absolute!important;
  inset:9px 30px auto!important;
  height:7px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,var(--accent),var(--accent2),transparent)!important;
  box-shadow:0 0 14px var(--accent)!important;
  opacity:.9!important;
}
.arsenal-side{
  position:absolute!important;
  right:-8px!important;
  top:15px!important;
  width:13px!important;
  height:83px!important;
  border-radius:0 7px 7px 0!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 65%,#333),#0d0f13)!important;
  border:1px solid color-mix(in srgb,var(--accent) 48%,#4e535c)!important;
}
.arsenal-locks{
  position:absolute!important;
  inset:0!important;
}
.arsenal-locks i{
  position:absolute!important;
  top:18px!important;
  width:17px!important;
  height:11px!important;
  border-radius:4px!important;
  background:linear-gradient(#69717a,#252a30)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.arsenal-locks i:first-child{left:36px!important}
.arsenal-locks i:last-child{right:36px!important}
.arsenal-glow{
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  top:49px!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,var(--accent),var(--accent2),transparent)!important;
  box-shadow:0 0 14px var(--accent),0 0 24px color-mix(in srgb,var(--accent2) 70%,transparent)!important;
}
.arsenal-set-mark{
  position:absolute!important;
  left:50%!important;
  top:56px!important;
  transform:translateX(-50%)!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.06em!important;
  color:#fff!important;
  text-shadow:0 0 12px var(--accent),0 0 26px var(--accent2),0 2px 5px #000!important;
}
.arsenal-nameplate{
  position:absolute!important;
  left:50%!important;
  bottom:12px!important;
  transform:translateX(-50%)!important;
  padding:4px 13px!important;
  border-radius:6px!important;
  font-size:7px!important;
  line-height:1!important;
  letter-spacing:.2em!important;
  font-weight:950!important;
  color:color-mix(in srgb,var(--accent2) 72%,white)!important;
  background:rgba(4,5,8,.72)!important;
  border:1px solid color-mix(in srgb,var(--accent) 60%,rgba(255,255,255,.18))!important;
}
/* Full case page uses the same family shape, just larger. */
.case-page-case .arsenal-case{
  width:420px!important;
  height:270px!important;
  margin:0 auto 28px!important;
}
.case-page-case .arsenal-crate{
  width:260px!important;
  height:188px!important;
  border-radius:22px!important;
  transform:translateY(-7px) perspective(760px) rotateX(3deg) rotateY(-3deg)!important;
}
.case-page-case .arsenal-handle{top:-36px!important;width:118px!important;height:46px!important;border-width:10px!important}
.case-page-case .arsenal-set-mark{top:90px!important;font-size:26px!important}
.case-page-case .arsenal-nameplate{bottom:19px!important;font-size:9px!important;padding:6px 20px!important}
.case-page-case .arsenal-podium{width:64%!important;height:40px!important;bottom:5px!important}
.case-page-case .arsenal-locks i{top:29px!important;width:26px!important;height:16px!important}
.case-page-case .arsenal-locks i:first-child{left:57px!important}.case-page-case .arsenal-locks i:last-child{right:57px!important}
.case-page-case .arsenal-top{inset:14px 48px auto!important;height:9px!important}
.case-page-case .arsenal-glow{left:35px!important;right:35px!important;top:79px!important}
.case-page-case .arsenal-side{right:-11px!important;top:24px!important;width:18px!important;height:134px!important}

@media(max-width:1180px){
  .arsenal-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .arsenal-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .arsenal-case-card{height:278px!important;min-height:278px!important}
}
@media(max-width:520px){
  .arsenal-case-grid{grid-template-columns:1fr!important}
}


/* =========================================================
   v51 — custom PURPLE SET artwork supplied by user.
   ========================================================= */
.arsenal-case.custom-arsenal-art{
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  background:none!important;
}
.arsenal-case.custom-arsenal-art > .arsenal-custom-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:drop-shadow(0 15px 18px rgba(0,0,0,.35))!important;
  pointer-events:none!important;
  user-select:none!important;
}
.arsenal-case-card .arsenal-case.custom-arsenal-art{
  width:100%!important;
  height:188px!important;
}
.arsenal-case-card .arsenal-case.custom-arsenal-art > .arsenal-custom-image{
  height:184px!important;
  transform:translateY(-1px) scale(.98)!important;
}
.case-page-case .arsenal-case.custom-arsenal-art{
  width:420px!important;
  height:270px!important;
  margin:0 auto 28px!important;
}
.case-page-case .arsenal-case.custom-arsenal-art > .arsenal-custom-image{
  width:100%!important;
  height:268px!important;
  transform:translateY(-2px) scale(.98)!important;
}

/* =========================================================
   v52 — PURPLE SET visual scale correction.
   The supplied composite is wider than the procedural Arsenal cases,
   so width-based contain made it look too small. Let it overflow the
   art stage slightly while keeping the full square podium visible.
   ========================================================= */
.arsenal-case-card .arsenal-case.custom-arsenal-art > .arsenal-custom-image{
  width:142%!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  object-fit:unset!important;
  transform:translateY(-2px)!important;
  transform-origin:center center!important;
}
.case-page-case .arsenal-case.custom-arsenal-art > .arsenal-custom-image{
  width:118%!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  object-fit:unset!important;
  transform:translateY(-4px)!important;
  transform-origin:center center!important;
}

/* =========================================================
   v53 — full ARSENAL SETS artwork series.
   All 10 sets use the exact same 1536×1024 composition and geometry.
   Purple remains the visual master; every variant shares identical sizing.
   ========================================================= */
.arsenal-case-card .arsenal-case.custom-arsenal-art,
.case-page-case .arsenal-case.custom-arsenal-art{
  overflow:visible!important;
}
.arsenal-case-card .arsenal-case.custom-arsenal-art > .arsenal-custom-image{
  width:142%!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  object-fit:unset!important;
  object-position:center center!important;
  transform:translateY(-2px)!important;
  transform-origin:center center!important;
}
.case-page-case .arsenal-case.custom-arsenal-art > .arsenal-custom-image{
  width:118%!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  object-fit:unset!important;
  object-position:center center!important;
  transform:translateY(-4px)!important;
  transform-origin:center center!important;
}


/* =========================================================
   v54 — wider ARSENAL collection canvas.
   Keep each case at the same visual size; only add breathing room
   between the five columns and widen the collection boundaries.
   ========================================================= */
@media (min-width:1181px){
  .arsenal-heading,
  .arsenal-case-grid{
    width:min(1500px,calc(100vw - 96px))!important;
    max-width:none!important;
    margin-left:50%!important;
    margin-right:0!important;
    transform:translateX(-50%)!important;
  }

  .arsenal-case-grid{
    grid-template-columns:repeat(5,230px)!important;
    justify-content:space-between!important;
    column-gap:0!important;
    row-gap:34px!important;
    align-items:stretch!important;
  }

  .arsenal-case-card{
    width:230px!important;
    min-width:230px!important;
    max-width:230px!important;
  }
}

/* =========================================================
   v55 — ARSENAL price clearance + cleaner full case stage.
   Keep artwork scale on catalogue, reserve real vertical space for it.
   On the case page make the composite slightly smaller and lift it away
   from the price/action row so nothing overlaps.
   ========================================================= */

/* Catalogue: the 1536×1024 composites are wider than their logical art stage.
   Give them a true 216px-high middle row so the podium never touches the price. */
.arsenal-case-card{
  height:318px!important;
  min-height:318px!important;
  grid-template-rows:48px 216px 54px!important;
  padding-bottom:8px!important;
}
.arsenal-case-card .arsenal-case.custom-arsenal-art{
  height:216px!important;
  align-self:center!important;
}
.arsenal-case-card .arsenal-case.custom-arsenal-art > .arsenal-custom-image{
  width:142%!important;
  transform:translateY(-5px)!important;
}
.arsenal-case-card .case-price-tag{
  align-self:end!important;
  margin-top:8px!important;
  position:relative!important;
  z-index:8!important;
}

/* Full Arsenal case page: slightly smaller art and a taller reserved stage.
   This keeps the square podium clearly above the price button. */
.case-page-case:has(.arsenal-case.custom-arsenal-art){
  width:430px!important;
  height:318px!important;
  margin:0 auto 18px!important;
}
.case-page-case .arsenal-case.custom-arsenal-art{
  width:420px!important;
  height:292px!important;
  margin:0 auto!important;
}
.case-page-case .arsenal-case.custom-arsenal-art > .arsenal-custom-image{
  width:104%!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  object-fit:unset!important;
  transform:translateY(-10px)!important;
  transform-origin:center center!important;
}
.case-detail-page .case-page-actions{
  margin-top:18px!important;
  position:relative!important;
  z-index:10!important;
}

@media(max-width:720px){
  .arsenal-case-card{
    height:300px!important;
    min-height:300px!important;
    grid-template-rows:44px 202px 54px!important;
  }
  .arsenal-case-card .arsenal-case.custom-arsenal-art{height:202px!important}
  .case-page-case:has(.arsenal-case.custom-arsenal-art){
    width:min(92vw,390px)!important;
    height:292px!important;
  }
  .case-page-case .arsenal-case.custom-arsenal-art{
    width:min(90vw,370px)!important;
    height:268px!important;
  }
  .case-page-case .arsenal-case.custom-arsenal-art > .arsenal-custom-image{
    width:102%!important;
    transform:translateY(-8px)!important;
  }
}


/* =========================================================
   v58 — dedicated cinematic case-opening screen.
   Contents transition away, case remains as hero, roulette becomes
   a full-width focal element. Normal spin = 9s with a 3s coast.
   ========================================================= */
.case-opening-screen{
  min-height:650px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:8px 0 26px;
  overflow:hidden;
  animation:caseOpeningScreenIn .58s cubic-bezier(.2,.75,.22,1) both;
}
@keyframes caseOpeningScreenIn{
  from{opacity:0;transform:translateY(18px);filter:blur(7px)}
  to{opacity:1;transform:none;filter:none}
}
.case-opening-case{
  width:340px;
  height:238px;
  display:grid;
  place-items:center;
  position:relative;
  margin:-4px auto 2px;
  animation:caseOpeningCaseIn .62s cubic-bezier(.16,.78,.2,1) both;
}
.case-opening-case .case-art{
  width:100%!important;
  height:230px!important;
  transform:none!important;
}
@keyframes caseOpeningCaseIn{
  from{opacity:.15;transform:translateY(34px) scale(.9)}
  to{opacity:1;transform:none}
}
.case-opening-reel{
  width:100%;
  max-width:1460px;
  margin:0 auto;
  overflow:hidden;
}
.case-opening-reel .reel-wrap.reel-3d{
  width:100%!important;
  height:382px!important;
  margin:0!important;
  border-radius:22px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  background:radial-gradient(ellipse at 50% 50%,rgba(60,49,92,.30),rgba(14,12,19,.96) 64%)!important;
  box-shadow:inset 0 42px 80px rgba(0,0,0,.45),inset 0 -42px 80px rgba(0,0,0,.45),0 22px 70px rgba(0,0,0,.32)!important;
  transform-origin:center top;
}
.case-opening-screen.phase-windup .case-opening-reel .reel-wrap{
  opacity:0;
  transform:scaleY(.12) translateY(-22px);
  filter:blur(7px);
}
.case-opening-screen.phase-rolling .case-opening-reel .reel-wrap{
  opacity:1;
  transform:scaleY(1) translateY(0);
  filter:none;
  transition:opacity .52s ease,transform .62s cubic-bezier(.15,.78,.16,1),filter .42s ease;
}
.case-opening-reel .reel-3d .reel-viewport,
.case-opening-reel .reel-3d .pointer{height:382px!important}
.case-opening-reel .reel-3d .reel-card{
  flex:0 0 305px!important;
  width:305px!important;
  height:274px!important;
}
.case-opening-reel .reel-3d .reel-card .real-skin{height:186px!important}
.case-opening-reel .reel-card-inner{border-radius:24px!important;padding:15px 17px 17px!important}
.case-opening-reel .pointer{width:3px!important;box-shadow:0 0 18px rgba(255,255,255,.9)!important}
.case-opening-screen .opening-actions{margin-top:18px!important}
.case-opening-screen .opening-actions .open-btn{min-width:250px!important}

/* While the cinematic opener is active, the old case contents are not shown. */
.case-detail-shell:has(.case-opening-screen) .case-page-topbar{
  padding-bottom:4px;
}

@media(max-width:900px){
  .case-opening-screen{min-height:570px}
  .case-opening-case{width:280px;height:198px}
  .case-opening-case .case-art{height:194px!important}
  .case-opening-reel .reel-wrap.reel-3d{height:320px!important}
  .case-opening-reel .reel-3d .reel-viewport,.case-opening-reel .reel-3d .pointer{height:320px!important}
  .case-opening-reel .reel-3d .reel-card{flex-basis:245px!important;width:245px!important;height:220px!important}
  .case-opening-reel .reel-3d .reel-card .real-skin{height:145px!important}
}


/* =========================================================
   v59 — cinematic 2s acceleration + 9s long coast.
   Keep the hero case visually separate from the roulette.
   ========================================================= */
.case-opening-screen{
  padding-top:2px!important;
}
.case-opening-case{
  width:340px!important;
  height:214px!important;
  margin:-2px auto 18px!important;
  z-index:3!important;
}
.case-opening-case .case-art{
  width:320px!important;
  height:210px!important;
}
.case-opening-case .arsenal-case.custom-arsenal-art{
  width:320px!important;
  height:210px!important;
}
.case-opening-case .arsenal-case.custom-arsenal-art > .arsenal-custom-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transform:none!important;
}
.case-opening-reel{
  position:relative!important;
  z-index:5!important;
  margin-top:0!important;
}
.case-opening-reel .reel-wrap.reel-3d{
  height:360px!important;
  border-radius:18px!important;
}
.case-opening-reel .reel-3d .reel-viewport,
.case-opening-reel .reel-3d .pointer{height:360px!important}
.case-opening-reel .reel-3d .reel-card{
  flex-basis:286px!important;
  width:286px!important;
  height:252px!important;
}
.case-opening-reel .reel-3d .reel-card .real-skin{height:168px!important}
.case-opening-screen .opening-actions{margin-top:14px!important}


/* =========================================================
   v60 — seamless reel reveal + 8s fast cruise / 4s sliding coast.
   ========================================================= */
.case-opening-reel{
  overflow:visible!important;
  perspective:1200px;
}
.case-opening-screen.phase-windup .case-opening-reel .reel-wrap,
.case-opening-reel .reel-wrap.reel-preopen{
  opacity:0!important;
  transform:translateY(14px) scale(.985)!important;
  filter:blur(3px)!important;
  clip-path:inset(48% 0 48% 0 round 18px)!important;
}
.case-opening-screen.phase-rolling .case-opening-reel .reel-wrap,
.case-opening-reel .reel-wrap.reel-open{
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
  filter:blur(0)!important;
  clip-path:inset(0 0 0 0 round 18px)!important;
  transition:opacity .34s ease-out,transform .46s cubic-bezier(.16,.84,.22,1),filter .30s ease-out,clip-path .48s cubic-bezier(.16,.84,.22,1)!important;
}
.case-opening-reel .reel-viewport{
  will-change:transform;
}
.case-opening-reel .reel{
  will-change:transform;
  backface-visibility:hidden;
  transform-style:preserve-3d;
}


/* =========================================================
   v61 — multi-case opening (1–5 cases in one spin)
   ========================================================= */
.case-page-actions-with-count{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
}
.case-count-select{position:relative;z-index:30;}
.case-count-button{
  width:64px;height:50px;border-radius:14px;border:1px solid rgba(255,255,255,.16);
  background:linear-gradient(180deg,rgba(47,43,51,.94),rgba(21,19,24,.96));
  color:#f8f2ea;display:flex;align-items:center;justify-content:center;gap:9px;
  font:800 16px/1 inherit;box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 25px rgba(0,0,0,.22);cursor:pointer;
}
.case-count-button i{font-style:normal;font-size:14px;opacity:.7;transition:transform .2s ease}
.case-count-select.open .case-count-button i{transform:rotate(180deg)}
.case-count-menu{
  position:absolute;left:0;top:calc(100% + 7px);width:64px;padding:5px;border-radius:13px;
  background:rgba(18,16,21,.97);border:1px solid rgba(255,255,255,.13);box-shadow:0 18px 42px rgba(0,0,0,.5);
  backdrop-filter:blur(16px);display:grid;gap:3px;animation:caseCountDrop .18s ease-out both;
}
@keyframes caseCountDrop{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:none}}
.case-count-menu button{
  height:36px;border:0;border-radius:9px;background:transparent;color:#d9d2cb;font-weight:800;cursor:pointer;
}
.case-count-menu button:hover,.case-count-menu button.active{background:rgba(255,255,255,.10);color:#fff}

.case-opening-slots{
  width:min(760px,92%);display:grid;grid-template-columns:repeat(var(--slot-count,5),1fr);gap:10px;margin:16px auto 0;
}
.case-opening-slots.count-1{--slot-count:1;max-width:150px}.case-opening-slots.count-2{--slot-count:2;max-width:310px}.case-opening-slots.count-3{--slot-count:3;max-width:470px}.case-opening-slots.count-4{--slot-count:4;max-width:620px}.case-opening-slots.count-5{--slot-count:5;max-width:760px}
.case-opening-slot{
  height:104px;border-radius:15px;border:1px solid rgba(255,255,255,.11);background:rgba(15,14,18,.64);
  display:grid;place-items:center;overflow:hidden;position:relative;box-shadow:inset 0 1px rgba(255,255,255,.04);
}
.case-opening-slot .slot-number{font:900 18px/1 inherit;color:rgba(255,255,255,.22)}
.case-opening-slot.filled{border-color:color-mix(in srgb,var(--rarity,#8f8f8f) 58%,rgba(255,255,255,.12));background:var(--tier-bg,rgba(30,28,34,.78));}
.case-opening-slot.drop-in{animation:slotDropIn .48s cubic-bezier(.18,.86,.24,1.15)}
@keyframes slotDropIn{0%{opacity:.12;transform:translateY(-34px) scale(.78);filter:blur(5px)}65%{opacity:1;transform:translateY(4px) scale(1.04);filter:none}100%{transform:none}}
.opening-slot-card{width:100%;height:100%;padding:7px 8px 8px;display:grid;grid-template-columns:70px 1fr;align-items:center;gap:6px;background:linear-gradient(145deg,var(--tier-bg,rgba(35,31,39,.82)),rgba(13,12,16,.72));border-bottom:2px solid var(--rarity,#888)}
.opening-slot-card .real-skin{width:68px!important;height:66px!important;object-fit:contain!important}
.opening-slot-card>div{min-width:0;display:flex;flex-direction:column;gap:3px}.opening-slot-card small{font-size:9px;opacity:.55}.opening-slot-card b{font-size:11px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.multi-result-title{text-align:center;margin:8px auto 18px;display:grid;gap:4px}.multi-result-title small{font-size:10px;letter-spacing:.18em;opacity:.55}.multi-result-title strong{font-size:24px}
.multi-result-grid{width:min(1180px,96%);margin:0 auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.multi-result-card{min-width:0;height:260px;border:1px solid color-mix(in srgb,var(--rarity,#777) 48%,rgba(255,255,255,.08));border-radius:18px;background:linear-gradient(155deg,var(--tier-bg,rgba(32,29,37,.82)),rgba(15,13,18,.90));display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:12px;box-shadow:inset 0 -3px 0 var(--rarity,#777),0 14px 34px rgba(0,0,0,.22);animation:multiResultPop .45s cubic-bezier(.18,.84,.24,1.08) both}
.multi-result-card:nth-child(2){animation-delay:.05s}.multi-result-card:nth-child(3){animation-delay:.10s}.multi-result-card:nth-child(4){animation-delay:.15s}.multi-result-card:nth-child(5){animation-delay:.20s}
@keyframes multiResultPop{from{opacity:0;transform:translateY(18px) scale(.94)}to{opacity:1;transform:none}}
.multi-result-card .real-skin{height:155px!important;max-width:100%!important;object-fit:contain!important}.multi-result-card small{font-size:10px;opacity:.58;align-self:flex-start}.multi-result-card strong{font-size:13px;align-self:flex-start;margin:2px 0 7px}.multi-result-card b{align-self:flex-start;font-size:14px}.multi-result-actions{margin-top:20px!important}

@media(max-width:900px){
  .case-count-button{width:56px;height:46px}.case-count-menu{width:56px}
  .case-opening-slots{grid-template-columns:repeat(2,1fr)!important;max-width:330px!important}.case-opening-slot{height:92px}.opening-slot-card{grid-template-columns:58px 1fr}.opening-slot-card .real-skin{width:56px!important;height:56px!important}
  .multi-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.multi-result-card{height:220px}
}


/* =========================================================
   v62 — premium reel + header polish + precise count selector.
   ========================================================= */
header{
  min-height:88px!important;
  height:88px!important;
  padding-left:4vw!important;
  padding-right:4vw!important;
}
.brand-button{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  height:100%!important;
  padding:0!important;
}
.brand-emblem.brand-token{
  width:50px!important;height:50px!important;flex:0 0 50px!important;
  transform:none!important;margin:0!important;align-self:center!important;
  border-radius:50%!important;overflow:hidden!important;
  display:grid!important;place-items:center!important;
}
.brand-emblem.brand-token img{
  display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;
  transform:none!important;margin:0!important;
}
.brand-word{font-size:27px!important;line-height:1!important;letter-spacing:.11em!important}
.account{gap:14px!important;height:100%!important;align-items:center!important}
.balance{justify-content:center!important;gap:3px!important}
.balance span{font-size:10px!important;line-height:1!important}
.balance b{font-size:23px!important;line-height:1.05!important}
.balance b .korzh-currency-icon{width:18px!important;height:18px!important;flex-basis:18px!important}
.avatar{width:50px!important;height:50px!important;font-size:18px!important;flex:0 0 50px!important}

.case-count-button{
  position:relative!important;
  width:68px!important;height:50px!important;
  display:block!important;padding:0!important;
}
.case-count-button>span{
  position:absolute!important;left:50%!important;top:50%!important;
  transform:translate(-50%,-50%)!important;
  font-size:17px!important;line-height:1!important;font-weight:900!important;
}
.case-count-button>i{
  position:absolute!important;right:11px!important;top:50%!important;
  transform:translateY(-50%)!important;line-height:1!important;margin:0!important;
}
.case-count-select.open .case-count-button>i{transform:translateY(-50%) rotate(180deg)!important}
.case-count-menu{width:68px!important}

/* Cleaner large reel: stable perspective and uninterrupted card travel. */
.case-opening-reel .reel-wrap.reel-3d{
  will-change:transform,opacity!important;
  contain:layout paint!important;
}
.case-opening-reel .reel{
  will-change:transform!important;
  backface-visibility:hidden!important;
  transform-style:preserve-3d!important;
}
.case-opening-reel .reel-card{
  backface-visibility:hidden!important;
  transform:translateZ(0)!important;
}
.case-opening-screen.phase-windup .case-opening-reel .reel-wrap,
.case-opening-reel .reel-wrap.reel-preopen{
  opacity:0!important;
  clip-path:inset(48% 0 48% 0 round 22px)!important;
  transform:translateY(-4px)!important;
  filter:blur(2px)!important;
}
.case-opening-screen.phase-rolling .case-opening-reel .reel-wrap,
.case-opening-reel .reel-wrap.reel-open{
  opacity:1!important;
  clip-path:inset(0 0 0 0 round 22px)!important;
  transform:none!important;
  filter:none!important;
  transition:clip-path .34s cubic-bezier(.2,.72,.2,1),opacity .24s ease,filter .24s ease,transform .34s ease!important;
}


/* =========================================================
   v63 — real weapon-skin catalog + clean solid site surface.
   ========================================================= */
/* Remove the old square/grid texture everywhere. */
.page{background-image:none!important;background-color:transparent!important}
body{background:#130d0a!important}
:root[data-theme="bright"] body{background:#20233a!important}
:root[data-theme="japan1"] body{background:#17191f!important}

/* Brand token sits optically centered with the wordmark. */
.brand-emblem.brand-token{
  width:54px!important;height:54px!important;flex-basis:54px!important;
  transform:translateY(-2px)!important;
}
.brand-emblem.brand-token img{width:100%!important;height:100%!important}

/* Balance amount is a primary header value, not micro-copy. */
.balance span{font-size:10px!important}
.balance b{font-size:28px!important;font-weight:1000!important;line-height:1!important;letter-spacing:.015em!important}
.balance b .korzh-currency-icon{width:20px!important;height:20px!important;flex-basis:20px!important}

/* =========================================================
   v64 — hard visual fix: header logo, balance amount, result sell CTA.
   ========================================================= */
/* Brand emblem: visibly higher and larger, aligned with KORZH wordmark. */
header .brand-button .brand-emblem.brand-token{
  width:60px!important;
  height:60px!important;
  flex:0 0 60px!important;
  transform:translateY(-7px)!important;
  margin:0!important;
}
header .brand-button .brand-emblem.brand-token img{
  width:60px!important;
  height:60px!important;
  object-fit:contain!important;
}
header .brand-button{
  align-items:center!important;
  gap:12px!important;
  overflow:visible!important;
}

/* Header balance: amount itself is intentionally large and legible. */
header .balance{
  min-width:132px!important;
  justify-content:center!important;
  align-items:flex-end!important;
}
header .balance span{
  font-size:11px!important;
  line-height:1!important;
}
header .balance b{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  font-size:36px!important;
  line-height:.95!important;
  font-weight:1000!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
}
header .balance b .korzh-money{
  gap:7px!important;
  font-size:36px!important;
  line-height:.95!important;
}
header .balance b .korzh-money-number{
  font-size:36px!important;
  line-height:.95!important;
  font-weight:1000!important;
}
header .balance b .korzh-currency-icon{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px!important;
}

/* Result action: SELL + amount must read as one strong CTA. */
.result-inline-actions{
  align-items:stretch!important;
}
.result-inline-actions button{
  min-height:52px!important;
  min-width:190px!important;
  padding:13px 20px!important;
  font-size:14px!important;
  font-weight:1000!important;
  line-height:1!important;
}
.result-inline-actions .sell-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  white-space:nowrap!important;
}
.result-inline-actions .sell-btn>span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  font-size:16px!important;
  font-weight:1000!important;
  line-height:1!important;
}
.result-inline-actions .sell-btn .korzh-money{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  font-size:16px!important;
  font-weight:1000!important;
  line-height:1!important;
}
.result-inline-actions .sell-btn .korzh-money-number{
  font-size:16px!important;
  font-weight:1000!important;
  line-height:1!important;
}
.result-inline-actions .sell-btn .korzh-currency-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
}


/* =========================================================
   v65 — restore v63 logo geometry, balanced header amount,
   and natural SELL FOR price CTA.
   ========================================================= */
header .brand-button .brand-emblem.brand-token{
  width:54px!important;
  height:54px!important;
  flex:0 0 54px!important;
  transform:translateY(-2px)!important;
  margin:0!important;
}
header .brand-button .brand-emblem.brand-token img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

header .balance{
  min-width:112px!important;
  justify-content:center!important;
  align-items:flex-end!important;
  gap:3px!important;
}
header .balance span{
  font-size:10px!important;
  line-height:1!important;
}
header .balance b,
header .balance b .korzh-money,
header .balance b .korzh-money-number{
  font-size:24px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
}
header .balance b .korzh-currency-icon{
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
}

.result-inline-actions .sell-btn{
  gap:7px!important;
}
.result-inline-actions .sell-btn,
.result-inline-actions .sell-btn>span,
.result-inline-actions .sell-btn .korzh-money,
.result-inline-actions .sell-btn .korzh-money-number{
  font-size:15px!important;
  line-height:1!important;
  font-weight:950!important;
}
.result-inline-actions .sell-btn .korzh-currency-icon{
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
}

/* =========================================================
a  v66_NEW - theme: НОВЫЙ
   Functional re-layout inspired by modern case/upgrader UX,
   while preserving KORZH assets, mechanics and identity.
   ========================================================= */
:root[data-theme="new"]{
  --theme-bg:#07100e;
  --theme-bg-2:#091512;
  --theme-panel:#0d1b17;
  --theme-panel-2:#13241e;
  --theme-line:#294138;
  --theme-text:#f4f1e8;
  --theme-muted:#84958c;
  --theme-accent:#d8a45c;
  --theme-accent-2:#8bbf78;
  --theme-glow:#244f3b;
  --theme-source:#0d2018;
  --theme-source-line:#416b54;
  --theme-target:#111c18;
  --theme-target-line:#4b675c;
  --theme-olive:#223827;
}
:root[data-theme="new"] body{
  background:#07100e!important;
  color:var(--theme-text)!important;
}
:root[data-theme="new"] .page{
  background:none!important;
  background-image:none!important;
}
:root[data-theme="new"] header{
  background:rgba(7,16,14,.97)!important;
  border-bottom:1px solid rgba(121,163,141,.14)!important;
}
:root[data-theme="new"] nav{
  background:#0e1c18!important;
  border:1px solid #294138!important;
  border-radius:14px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
:root[data-theme="new"] nav button{
  border-radius:10px!important;
}
:root[data-theme="new"] nav .nav-active{
  background:linear-gradient(180deg,#274534,#1d3529)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(139,191,120,.28)!important;
}
:root[data-theme="new"] .swatch-new{
  background:linear-gradient(135deg,#8bbf78 0 48%,#d8a45c 49% 100%)!important;
}

/* ---------- CASES: airy display, own case art untouched ---------- */
:root[data-theme="new"] .hero{
  padding-bottom:34px!important;
}
:root[data-theme="new"] .cases-section{
  max-width:1540px!important;
  width:min(1540px,calc(100vw - 70px))!important;
}
:root[data-theme="new"] .case-filters{
  background:#0d1b17!important;
  border:1px solid #294138!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
:root[data-theme="new"] .case-filter,
:root[data-theme="new"] .available-filter{
  background:transparent!important;
  border-color:#294138!important;
}
:root[data-theme="new"] .collection-heading{
  margin-top:48px!important;
  margin-bottom:18px!important;
}
:root[data-theme="new"] .case-grid{
  gap:38px!important;
}
:root[data-theme="new"] .oscar-case-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
:root[data-theme="new"] .arsenal-case-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  row-gap:46px!important;
}
:root[data-theme="new"] .case-card,
:root[data-theme="new"] .oscar-case-card,
:root[data-theme="new"] .arsenal-case-card{
  min-height:305px!important;
  height:305px!important;
  padding:8px 5px 12px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  display:grid!important;
  grid-template-rows:32px 1fr 40px!important;
  justify-items:center!important;
  align-items:center!important;
  overflow:visible!important;
}
:root[data-theme="new"] .case-card::before,
:root[data-theme="new"] .case-card::after{
  display:none!important;
}
:root[data-theme="new"] .case-card:hover{
  transform:translateY(-6px)!important;
  filter:brightness(1.07)!important;
  box-shadow:none!important;
}
:root[data-theme="new"] .case-card-title{
  position:relative!important;
  inset:auto!important;
  margin:0!important;
  align-self:start!important;
  text-align:center!important;
  font-size:17px!important;
  font-weight:900!important;
  letter-spacing:.025em!important;
  color:#f7f4ed!important;
}
:root[data-theme="new"] .case-art{
  overflow:visible!important;
  align-self:center!important;
}
:root[data-theme="new"] .case-price-tag.case-price-centered{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  margin:0 auto!important;
  min-width:110px!important;
  height:38px!important;
  border-radius:18px!important;
  border:1px solid color-mix(in srgb,var(--accent) 58%,#30443c)!important;
  background:linear-gradient(180deg,#17241f,#0d1714)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 20px rgba(0,0,0,.26)!important;
}
:root[data-theme="new"] .case-price-tag span{
  font-size:14px!important;
  font-weight:900!important;
}

/* ---------- UPGRADE: clean three-part workspace ---------- */
:root[data-theme="new"] .feature-main.upgrade-page-v6{
  max-width:1520px!important;
  width:min(1520px,calc(100vw - 64px))!important;
  margin:0 auto!important;
}
:root[data-theme="new"] .upgrade-page-v6 .feature-hero{
  margin:26px 0 14px!important;
  min-height:auto!important;
  padding:0!important;
}
:root[data-theme="new"] .upgrade-page-v6 .feature-hero h1{
  font-size:30px!important;
  letter-spacing:.02em!important;
}
:root[data-theme="new"] .upgrade-page-v6 .feature-hero p{
  display:none!important;
}
:root[data-theme="new"] .upgrade-workspace-v6{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 390px minmax(0,1fr)!important;
  gap:22px!important;
  align-items:start!important;
  padding:26px!important;
  border:1px solid #1e332b!important;
  background:linear-gradient(180deg,#0a1713,#07110e)!important;
  border-radius:22px!important;
  box-shadow:0 20px 55px rgba(0,0,0,.24)!important;
}
:root[data-theme="new"] .upgrade-column{
  min-width:0!important;
}
:root[data-theme="new"] .upgrade-box-title{
  height:38px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding:0 4px!important;
  color:#a8b8af!important;
  font-size:16px!important;
}
:root[data-theme="new"] .upgrade-main-box-v6{
  height:250px!important;
  min-height:250px!important;
  border:0!important;
  border-radius:18px!important;
  background:radial-gradient(circle at 50% 72%,rgba(139,191,120,.11),transparent 42%),#0b1914!important;
  box-shadow:inset 0 0 0 1px #20372e!important;
}
:root[data-theme="new"] .upgrade-target-column .upgrade-main-box-v6{
  background:radial-gradient(circle at 50% 72%,rgba(216,164,92,.09),transparent 42%),#0b1914!important;
}
:root[data-theme="new"] .upgrade-placeholder span{
  border:1px solid #3b5b4b!important;
  background:#10231a!important;
  color:#9bc386!important;
}
:root[data-theme="new"] .upgrade-wheel-column-v6{
  padding-top:30px!important;
  position:sticky!important;
  top:110px!important;
}
:root[data-theme="new"] .upgrade-wheel-wrap-v6{
  width:330px!important;
  height:330px!important;
  margin:0 auto 14px!important;
}
:root[data-theme="new"] .upgrade-wheel-static{
  border:0!important;
  background:
    radial-gradient(circle at 42% 34%,rgba(255,255,255,.22) 0 5%,transparent 12%),
    radial-gradient(circle at 50% 48%,#769783 0 19%,#385947 31%,#173225 52%,#0b1813 71%)!important;
  box-shadow:0 0 0 28px rgba(54,95,70,.16),0 0 72px rgba(98,164,118,.19),inset 0 0 38px rgba(255,255,255,.10)!important;
}
:root[data-theme="new"] .upgrade-wheel-static::before{
  content:""!important;
  position:absolute!important;
  inset:28%!important;
  border-radius:50%!important;
  background:rgba(230,239,232,.2)!important;
  box-shadow:inset 0 0 18px rgba(255,255,255,.16)!important;
}
:root[data-theme="new"] .wheel-inner{
  z-index:4!important;
}
:root[data-theme="new"] .wheel-inner strong{
  font-size:30px!important;
}
:root[data-theme="new"] .upgrade-rim-pointer i{
  background:#e7dbc5!important;
  filter:drop-shadow(0 0 10px rgba(216,164,92,.65))!important;
}
:root[data-theme="new"] .upgrade-wheel-caption{
  color:#91a49a!important;
  margin-bottom:8px!important;
}
:root[data-theme="new"] .upgrade-run-row{
  justify-content:center!important;
  gap:10px!important;
}
:root[data-theme="new"] .upgrade-run{
  min-width:220px!important;
  height:52px!important;
  border-radius:12px!important;
  border:1px solid #987140!important;
  background:linear-gradient(180deg,#d3a05e,#aa7641)!important;
  color:#16110b!important;
  font-size:15px!important;
  box-shadow:none!important;
}
:root[data-theme="new"] .fast-spin-toggle{
  border-radius:12px!important;
  background:#15251f!important;
  border:1px solid #315143!important;
}
:root[data-theme="new"] .fast-spin-toggle.active{
  background:#d3a05e!important;
  color:#171109!important;
  border-color:#e4b66d!important;
}

/* Browser toolbars and cards below both sides */
:root[data-theme="new"] .upgrade-source-toolbar,
:root[data-theme="new"] .upgrade-target-toolbar{
  margin-top:10px!important;
}
:root[data-theme="new"] .upgrade-source-tabs{
  width:max-content!important;
  border:0!important;
  background:#10201a!important;
  padding:4px!important;
  border-radius:11px!important;
}
:root[data-theme="new"] .upgrade-source-tabs button{
  min-width:125px!important;
  height:36px!important;
  border-radius:8px!important;
}
:root[data-theme="new"] .upgrade-source-tabs button.active{
  background:#284731!important;
  color:#dff3d7!important;
}
:root[data-theme="new"] .upgrade-price-range,
:root[data-theme="new"] .upgrade-search{
  background:#0c1814!important;
  border:1px solid #294138!important;
  border-radius:10px!important;
}
:root[data-theme="new"] .upgrade-inventory-grid,
:root[data-theme="new"] .upgrade-target-grid{
  margin-top:10px!important;
  padding:10px!important;
  min-height:276px!important;
  max-height:330px!important;
  overflow:auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
  border:0!important;
  border-radius:16px!important;
  background:#091510!important;
  box-shadow:inset 0 0 0 1px #1d3129!important;
}
:root[data-theme="new"] .upgrade-inv-card,
:root[data-theme="new"] .upgrade-target-card{
  min-width:0!important;
  border-radius:13px!important;
  border:1px solid #233d33!important;
  background:#102019!important;
  overflow:hidden!important;
}
:root[data-theme="new"] .upgrade-inv-card:hover,
:root[data-theme="new"] .upgrade-target-card:hover{
  transform:translateY(-2px)!important;
  border-color:#638870!important;
}
:root[data-theme="new"] .upgrade-inv-card.selected,
:root[data-theme="new"] .upgrade-target-card.selected{
  border-color:#d3a05e!important;
  box-shadow:0 0 0 1px rgba(211,160,94,.25),inset 0 0 28px rgba(211,160,94,.08)!important;
}
:root[data-theme="new"] .upgrade-controls-v9{
  margin-top:10px!important;
  display:grid!important;
  grid-template-columns:repeat(6,1fr)!important;
  gap:7px!important;
}
:root[data-theme="new"] .upgrade-controls-v9 button{
  height:38px!important;
  border-radius:10px!important;
  background:#102019!important;
  border:1px solid #294138!important;
  color:#9caea5!important;
}
:root[data-theme="new"] .upgrade-controls-v9 button.active{
  color:#11160f!important;
  background:#8bbf78!important;
  border-color:#9bd085!important;
}

@media(max-width:1180px){
  :root[data-theme="new"] .upgrade-workspace-v6{
    grid-template-columns:1fr!important;
  }
  :root[data-theme="new"] .upgrade-wheel-column-v6{
    position:relative!important;top:auto!important;order:-1!important;
  }
  :root[data-theme="new"] .oscar-case-grid,
  :root[data-theme="new"] .arsenal-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* =========================================================
   v67_NEW — hard fix for NEW theme layout, real-price UX,
   upgrade success sector, balance branding and numeric caret.
   ========================================================= */
:root[data-theme="new"] header .balance b,
:root[data-theme="new"] header .balance .korzh-money-number{
  color:#e8c995!important;
  text-shadow:0 1px 12px rgba(220,172,103,.15)!important;
}
:root[data-theme="new"] header .balance .korzh-currency-icon{
  filter:drop-shadow(0 0 6px rgba(232,201,149,.20))!important;
}

/* Re-center the whole cases page. Older Arsenal rules used 50% transforms;
   NEW owns its geometry and must not inherit those offsets. */
:root[data-theme="new"] .cases-section{
  width:min(1540px,calc(100vw - 72px))!important;
  max-width:1540px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  transform:none!important;
}
:root[data-theme="new"] .collection-heading,
:root[data-theme="new"] .oscar-case-grid,
:root[data-theme="new"] .arsenal-heading,
:root[data-theme="new"] .arsenal-case-grid{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:none!important;
}
:root[data-theme="new"] .oscar-case-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  justify-items:stretch!important;
  gap:42px!important;
}
:root[data-theme="new"] .arsenal-case-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  justify-items:stretch!important;
  column-gap:34px!important;
  row-gap:48px!important;
}
:root[data-theme="new"] .oscar-case-card,
:root[data-theme="new"] .arsenal-case-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  grid-template-rows:34px 226px 42px!important;
  height:310px!important;
  min-height:310px!important;
}
:root[data-theme="new"] .oscar-case-card .case-art,
:root[data-theme="new"] .arsenal-case-card .case-art{
  width:100%!important;
  height:220px!important;
  min-height:220px!important;
  max-height:220px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
}
:root[data-theme="new"] .oscar-case-card .oscar-case-image{
  max-width:100%!important;
  max-height:215px!important;
  object-fit:contain!important;
}
:root[data-theme="new"] .arsenal-case-card .arsenal-custom-image{
  width:132%!important;
  max-width:none!important;
  height:auto!important;
  object-fit:contain!important;
  transform:none!important;
}
:root[data-theme="new"] .case-price-tag.case-price-centered{
  align-self:end!important;
  justify-self:center!important;
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  margin:0!important;
  min-width:114px!important;
  height:38px!important;
}

/* Upgrade wheel: visible success sector from 12 o'clock clockwise.
   runUpgrade already calculates success in exactly the same angular range. */
:root[data-theme="new"] .upgrade-wheel-static{
  background:
    radial-gradient(circle at 42% 34%,rgba(255,255,255,.12) 0 4%,transparent 11%),
    radial-gradient(circle at 50% 50%,transparent 0 56%,rgba(6,14,11,.18) 57% 100%),
    conic-gradient(from 0deg,
      #7eae6a 0 calc(var(--chance)*1%),
      #16261f calc(var(--chance)*1%) 100%)!important;
  border:1px solid rgba(132,174,147,.18)!important;
  box-shadow:0 0 0 15px rgba(54,95,70,.08),0 0 28px rgba(98,164,118,.08),inset 0 0 24px rgba(255,255,255,.055)!important;
}
:root[data-theme="new"] .upgrade-wheel-static::before{
  content:""!important;
  position:absolute!important;
  inset:11%!important;
  border-radius:50%!important;
  background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.065) 0 1deg,transparent 1deg 10deg)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
:root[data-theme="new"] .upgrade-wheel-static::after{
  content:""!important;
  position:absolute!important;
  inset:5%!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.05)!important;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.22)!important;
  opacity:1!important;
  background:none!important;
  pointer-events:none!important;
}
:root[data-theme="new"] .wheel-inner{
  background:#101814!important;
  border:1px solid #31463c!important;
  box-shadow:0 10px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
:root[data-theme="new"] .upgrade-rim-pointer i{
  filter:drop-shadow(0 0 4px rgba(216,164,92,.42))!important;
}

/* Keep numeric fields visually stable while typing. */
:root[data-theme="new"] input[type="number"]{
  direction:ltr!important;
  text-align:left!important;
  unicode-bidi:plaintext!important;
}

@media(max-width:1180px){
  :root[data-theme="new"] .oscar-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  :root[data-theme="new"] .arsenal-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  :root[data-theme="new"] .arsenal-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* =========================================================
   v68_NEW — true viewport centering for NEW cases page.
   Parent and child now share the same centered width.
   ========================================================= */
:root[data-theme="new"] .page-cases main,
:root[data-theme="new"] body.page-cases main,
:root[data-theme="new"] main:has(.cases-section){
  width:min(1540px,calc(100vw - 72px))!important;
  max-width:1540px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:none!important;
}
:root[data-theme="new"] .cases-section{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
  padding-left:0!important;
  padding-right:0!important;
  transform:none!important;
}
:root[data-theme="new"] .case-filters,
:root[data-theme="new"] .cases-heading,
:root[data-theme="new"] .collection-heading,
:root[data-theme="new"] .oscar-case-grid,
:root[data-theme="new"] .arsenal-heading,
:root[data-theme="new"] .arsenal-case-grid{
  width:100%!important;
  max-width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  transform:none!important;
}
:root[data-theme="new"] .oscar-case-grid,
:root[data-theme="new"] .arsenal-case-grid{
  justify-content:center!important;
}

@media(max-width:1600px){
  :root[data-theme="new"] .page-cases main,
  :root[data-theme="new"] body.page-cases main,
  :root[data-theme="new"] main:has(.cases-section){
    width:calc(100vw - 64px)!important;
  }
}
@media(max-width:760px){
  :root[data-theme="new"] .page-cases main,
  :root[data-theme="new"] body.page-cases main,
  :root[data-theme="new"] main:has(.cases-section){
    width:calc(100vw - 28px)!important;
  }
}


/* =========================================================
   v69_NEW — Arsenal spacing + price pill hard fix.
   ========================================================= */
:root[data-theme="new"] .arsenal-case-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  column-gap:48px!important;
  row-gap:56px!important;
  align-items:start!important;
}

:root[data-theme="new"] .arsenal-case-card{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  overflow:visible!important;
  padding-left:8px!important;
  padding-right:8px!important;
}

:root[data-theme="new"] .arsenal-case-card .case-art,
:root[data-theme="new"] .arsenal-case-card .arsenal-case.custom-arsenal-art{
  width:100%!important;
  max-width:100%!important;
  height:220px!important;
  min-height:220px!important;
  max-height:220px!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
}

:root[data-theme="new"] .arsenal-case-card .arsenal-custom-image{
  width:108%!important;
  max-width:292px!important;
  height:216px!important;
  max-height:216px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  transform-origin:center!important;
  display:block!important;
}

/* Price pill grows with the number, never clips 5-digit values. */
:root[data-theme="new"] .arsenal-case-card .case-price-tag.case-price-centered{
  position:relative!important;
  inset:auto!important;
  transform:none!important;
  justify-self:center!important;
  align-self:end!important;
  width:max-content!important;
  min-width:116px!important;
  max-width:none!important;
  height:38px!important;
  padding:0 15px!important;
  margin:4px auto 0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  white-space:nowrap!important;
}

:root[data-theme="new"] .arsenal-case-card .case-price-tag.case-price-centered > span,
:root[data-theme="new"] .arsenal-case-card .case-price-tag.case-price-centered .korzh-money{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  width:auto!important;
  max-width:none!important;
  white-space:nowrap!important;
  line-height:1!important;
}

:root[data-theme="new"] .arsenal-case-card .case-price-tag .korzh-money-number{
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
}

:root[data-theme="new"] .arsenal-case-card .case-price-tag .korzh-currency-icon{
  width:15px!important;
  height:15px!important;
  min-width:15px!important;
  flex:0 0 15px!important;
}

/* Keep all five columns inside the centered page at common desktop widths. */
@media (max-width:1500px) and (min-width:1181px){
  :root[data-theme="new"] .arsenal-case-grid{
    column-gap:34px!important;
  }
  :root[data-theme="new"] .arsenal-case-card .arsenal-custom-image{
    width:102%!important;
    max-width:260px!important;
  }
}


/* =========================================================
   v70_NEW — card flow + unified prices + deposit + Steam UI
   ========================================================= */

/* NEW theme: case flow is ART -> NAME -> PRICE. */
:root[data-theme="new"] .oscar-case-card,
:root[data-theme="new"] .arsenal-case-card{
  display:grid!important;
  grid-template-rows:220px 32px 40px!important;
  align-items:center!important;
  justify-items:center!important;
}

:root[data-theme="new"] .oscar-case-card .case-art,
:root[data-theme="new"] .arsenal-case-card .case-art{
  grid-row:1!important;
  align-self:end!important;
}

:root[data-theme="new"] .oscar-case-card .case-card-title,
:root[data-theme="new"] .arsenal-case-card .case-card-title{
  grid-row:2!important;
  position:static!important;
  margin:0!important;
  align-self:center!important;
  text-align:center!important;
}

:root[data-theme="new"] .oscar-case-card .case-price-tag,
:root[data-theme="new"] .arsenal-case-card .case-price-tag{
  grid-row:3!important;
  align-self:start!important;
}

/* Arsenal rows tighter after moving titles underneath art. */
:root[data-theme="new"] .arsenal-case-grid{
  row-gap:24px!important;
}

/* All case price pills use the same KORZH neutral style. */
:root[data-theme="new"] .case-card .case-price-tag.case-price-centered{
  background:linear-gradient(180deg,#191913,#10110e)!important;
  border:1px solid #78694a!important;
  color:#f3ead7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 20px rgba(0,0,0,.24)!important;
}
:root[data-theme="new"] .case-card .case-price-tag .korzh-currency-icon{
  filter:none!important;
}

/* Header deposit / Steam controls */
.deposit-header-btn{
  width:31px;height:31px;border-radius:9px;border:1px solid rgba(214,178,111,.35);
  background:linear-gradient(180deg,#c49a5c,#8b6439);color:#10120f;font-size:21px;font-weight:900;
  display:grid;place-items:center;cursor:pointer;box-shadow:0 7px 18px rgba(0,0,0,.22);
}
.deposit-header-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.steam-login-mini{
  height:34px;padding:0 12px;border-radius:10px;border:1px solid rgba(166,183,173,.2);
  background:#112019;color:#e9efe9;display:flex;align-items:center;gap:7px;cursor:pointer;
}
.steam-login-mini b{font-size:10px;letter-spacing:.08em}
.steam-mark{font-size:17px;line-height:1}

/* Deposit */
.deposit-page{width:min(1280px,calc(100vw - 40px));margin:0 auto;padding:46px 0 110px}
.deposit-shell{background:#07120e;border:1px solid rgba(112,145,121,.18);border-radius:22px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.22)}
.deposit-head{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:start;padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.07)}
.deposit-head small{color:#b88e54;font-weight:900;letter-spacing:.16em}.deposit-head h1{font-size:34px;margin:4px 0 6px;color:#f3ead7}.deposit-head p{color:#839087;margin:0;font-size:13px}
.deposit-back{height:38px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#101b16;color:#e8eee8;font-weight:800;cursor:pointer}
.deposit-layout{display:grid;grid-template-columns:1.35fr .8fr;gap:24px;margin-top:28px}
.deposit-left,.deposit-right{background:#0b1712;border:1px solid rgba(122,149,130,.13);border-radius:18px;padding:22px}
.deposit-section-title{display:flex;gap:12px;align-items:center;margin-bottom:17px}.deposit-section-title>span{width:29px;height:29px;border-radius:9px;background:#b68a50;color:#11160f;display:grid;place-items:center;font-weight:950}.deposit-section-title b{display:block;color:#f4eee4;font-size:13px}.deposit-section-title small{color:#6f8076}
.payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.payment-method{min-height:74px;padding:12px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:#101d17;color:#eef3ef;display:grid;grid-template-columns:38px 1fr 22px;gap:9px;align-items:center;text-align:left;cursor:pointer}
.payment-method i{width:36px;height:36px;border-radius:11px;background:#19291f;display:grid;place-items:center;color:#d1aa6b;font-style:normal;font-size:19px}.payment-method span b,.payment-method span small{display:block}.payment-method span b{font-size:12px}.payment-method span small{color:#718178;font-size:10px;margin-top:3px}.payment-method em{font-style:normal;color:#d6ac6d;font-weight:900}
.payment-method.active{border-color:#b68a50;background:#142219;box-shadow:inset 0 0 0 1px rgba(182,138,80,.16)}
.promo-card{margin-top:18px;padding:15px;border-radius:13px;background:#101d17;border:1px solid rgba(255,255,255,.07)}.promo-card>div:first-child b,.promo-card>div:first-child small{display:block}.promo-card b{font-size:11px;color:#f4eee4}.promo-card small{font-size:10px;color:#718178;margin-top:3px}.promo-input{display:flex;gap:8px;margin-top:11px}.promo-input input{flex:1;height:39px;border-radius:9px;border:1px solid #26382e;background:#07120e;color:white;padding:0 12px;outline:none}.promo-input button{border:0;border-radius:9px;background:#263b2e;color:#e4eee7;padding:0 13px;font-weight:800;font-size:10px}
.deposit-amount-box label>span{font-size:10px;color:#718178;font-weight:800}.deposit-amount-box label>div{height:66px;margin-top:7px;border-radius:14px;border:1px solid #314338;background:#07120e;display:flex;align-items:center;padding:0 16px}.deposit-amount-box input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font-size:28px;font-weight:950}.deposit-amount-box label i img{width:25px;height:25px;display:block}.quick-amounts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.quick-amounts button{height:36px;border-radius:9px;border:1px solid #2a3c31;background:#112019;color:#dce6df;font-weight:800;cursor:pointer}.quick-amounts button:hover{border-color:#b68a50;color:#f1cf96}
.deposit-summary{margin-top:19px;border-top:1px solid rgba(255,255,255,.07);padding-top:14px}.deposit-summary>div{display:flex;justify-content:space-between;align-items:center;padding:7px 0;color:#87978d;font-size:11px}.deposit-summary b{color:#e8eee9}.deposit-summary-total{margin-top:6px;border-top:1px solid rgba(255,255,255,.07);padding-top:14px!important}.deposit-summary-total strong{font-size:20px;color:#d7ad6c}
.deposit-submit{width:100%;height:50px;border:0;border-radius:12px;margin-top:14px;background:linear-gradient(180deg,#c59b5d,#986d3e);color:#10140f;font-weight:950;letter-spacing:.04em;cursor:pointer}.deposit-submit:disabled{opacity:.35;cursor:not-allowed}.deposit-note{display:block;text-align:center;color:#65746b;margin-top:9px}

/* Steam auth modal */
.steam-auth-overlay{position:fixed;inset:0;z-index:120;background:rgba(1,6,4,.76);backdrop-filter:blur(10px);display:grid;place-items:center;padding:20px}
.steam-auth-modal{position:relative;width:min(430px,calc(100vw - 30px));background:#09150f;border:1px solid rgba(132,160,141,.2);border-radius:20px;padding:32px;text-align:center;box-shadow:0 35px 90px rgba(0,0,0,.5)}
.steam-auth-close{position:absolute;right:13px;top:12px;width:32px;height:32px;border-radius:9px;border:1px solid rgba(255,255,255,.09);background:#111d17;color:white;font-size:20px;cursor:pointer}.steam-auth-logo{width:72px;height:72px;border-radius:50%;margin:0 auto 18px;background:radial-gradient(circle at 38% 32%,#36574a,#11241a 66%);display:grid;place-items:center;color:white;font-size:35px;box-shadow:0 0 34px rgba(88,135,107,.18)}
.steam-auth-modal>small{color:#b78c52;font-weight:900;letter-spacing:.15em}.steam-auth-modal h2{font-size:25px;color:#f4eee5;margin:7px 0 10px}.steam-auth-modal p{font-size:12px;line-height:1.65;color:#829188;margin:0 auto 20px;max-width:340px}.steam-auth-button{width:100%;height:52px;border-radius:12px;border:1px solid #3a5747;background:#172b20;color:#eef4ef;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}.steam-auth-button span{font-size:22px}.steam-auth-modal>em{display:block;margin-top:12px;color:#65746b;font-style:normal;font-size:10px}

@media(max-width:850px){
  .deposit-layout{grid-template-columns:1fr}.deposit-head{grid-template-columns:1fr}.payment-grid{grid-template-columns:1fr}
  .steam-login-mini b{display:none}.steam-login-mini{width:34px;padding:0;justify-content:center}
}


/* =========================================================
   v71_HUB — strict centering + regional deposit + HUB 2040
   ========================================================= */

/* Strict centering rule for controls. */
button,
.deposit-header-btn,
.steam-auth-close,
.upgrade-settings-close,
.close,
.drop-chance-help,
.theme-switcher-toggle em,
.payment-method i,
.payment-method em,
.deposit-step-label>span,
.deposit-section-title>span,
.country-tabs button i,
.country-tabs button em,
.admin-icon-button{
  box-sizing:border-box;
}
.deposit-header-btn,
.steam-auth-close,
.upgrade-settings-close,
.drop-chance-help,
.country-tabs button i,
.country-tabs button em,
.payment-method i,
.payment-method em{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
}
button{line-height:1.05}
button>span,button>b,button>em{vertical-align:middle}

/* Regional deposit redesign */
.deposit-shell{max-width:1180px;margin:0 auto}
.deposit-head{
  grid-template-columns:145px 1fr 245px!important;
  align-items:center!important;
  gap:24px!important;
}
.deposit-back{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
.deposit-security{
  min-height:54px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#0d1914;
  display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;
}
.deposit-security>i{width:29px;height:29px;border-radius:9px;background:#173023;color:#70cf91;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:950}
.deposit-security span b,.deposit-security span small{display:block}.deposit-security span b{font-size:9px;color:#dfe9e2}.deposit-security span small{font-size:8px;color:#6f8076;margin-top:3px}
.deposit-country-block{margin-top:22px;padding:18px 20px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#0a1611}
.deposit-step-label{display:flex;align-items:center;gap:11px;margin-bottom:13px}.deposit-step-label>span{width:33px;height:33px;border-radius:10px;background:#c19758;color:#111710;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:950}.deposit-step-label b,.deposit-step-label small{display:block}.deposit-step-label b{font-size:11px;color:#f0eee7}.deposit-step-label small{margin-top:3px;color:#6d7c73;font-size:9px}
.country-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.country-tabs button{height:58px;border-radius:13px;border:1px solid #23352b;background:#0e1c16;color:#dfe9e2;display:grid;grid-template-columns:38px 1fr 24px;align-items:center;gap:8px;padding:0 12px;cursor:pointer}
.country-tabs button i{font-size:23px;font-style:normal}.country-tabs button b{text-align:center;font-size:11px;letter-spacing:.05em}.country-tabs button em{width:22px;height:22px;border-radius:50%;font-style:normal;color:#d7ae6d;font-weight:950}
.country-tabs button.active{border-color:#a88049;background:linear-gradient(180deg,#18271e,#101d17);box-shadow:inset 0 0 0 1px rgba(199,154,86,.12),0 10px 24px rgba(0,0,0,.18)}
.deposit-section-title-v2>span{font-size:9px!important}
.local-payment-grid{grid-template-columns:repeat(3,1fr)!important}
.universal-payment-grid{grid-template-columns:repeat(3,1fr)!important}
.payment-method{min-height:82px!important;grid-template-columns:1fr!important;grid-template-rows:34px auto 18px!important;gap:5px!important;text-align:center!important;justify-items:center!important;padding:11px 9px!important}
.payment-method i{width:34px!important;height:34px!important;margin:auto!important;font-size:15px!important}
.payment-method>span{text-align:center!important}.payment-method>span b{font-size:10px!important}.payment-method>span small{font-size:8px!important}
.payment-method em{height:18px!important;min-height:18px!important;font-size:10px!important}
.deposit-divider{height:34px;display:flex;align-items:center;justify-content:center;position:relative;margin:13px 0}.deposit-divider:before{content:"";position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.06)}.deposit-divider span{position:relative;padding:0 12px;background:#0b1712;color:#697970;font-size:8px;font-weight:900;letter-spacing:.13em}
.quick-amounts button{display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important}
.quick-amounts button>span{font-size:14px;font-weight:950;line-height:1}
.deposit-selected-method{margin-top:16px;padding:13px;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:#0f1d16;text-align:center}.deposit-selected-method small,.deposit-selected-method strong,.deposit-selected-method span{display:block}.deposit-selected-method small{font-size:8px;color:#697970;letter-spacing:.13em}.deposit-selected-method strong{font-size:14px;color:#f0e7d6;margin-top:5px}.deposit-selected-method span{font-size:9px;color:#8c9c92;margin-top:4px}

/* HUB swatch */
.swatch-hub{background:linear-gradient(135deg,#ff6f61 0 34%,#10131d 35% 66%,#7c5cff 67%)!important}

/* ======================= HUB THEME ======================= */
:root[data-theme="hub"]{
  --hub-bg:#080a11;
  --hub-panel:rgba(18,19,29,.72);
  --hub-panel2:rgba(30,24,31,.66);
  --hub-line:rgba(255,255,255,.09);
  --hub-text:#f7f4ef;
  --hub-muted:#858696;
  --hub-hot:#ff6758;
  --hub-hot2:#b94d69;
  --hub-violet:#7f67ff;
  --hub-green:#75d79f;
}
:root[data-theme="hub"] body{
  background:
    radial-gradient(circle at 11% 14%,rgba(255,76,66,.13),transparent 30%),
    radial-gradient(circle at 86% 18%,rgba(88,105,255,.12),transparent 28%),
    radial-gradient(circle at 52% 96%,rgba(255,116,72,.07),transparent 34%),
    #070910!important;
  color:var(--hub-text)!important;
}
:root[data-theme="hub"] body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 88%);
}
:root[data-theme="hub"] .page{min-height:100vh;background:transparent!important}
:root[data-theme="hub"] header{
  width:min(1480px,calc(100vw - 44px))!important;
  margin:16px auto 0!important;
  top:12px!important;
  height:68px!important;
  padding:0 18px!important;
  border:1px solid var(--hub-line)!important;
  border-radius:22px!important;
  background:rgba(12,13,20,.72)!important;
  backdrop-filter:blur(24px) saturate(1.22)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
:root[data-theme="hub"] header:before{content:"";position:absolute;left:18%;right:18%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--hub-hot),var(--hub-violet),transparent);opacity:.7}
:root[data-theme="hub"] .brand.brand-button{min-width:175px!important}
:root[data-theme="hub"] .brand.brand-button .brand-word{
  font-family:Inter,Arial,sans-serif!important;font-size:27px!important;letter-spacing:.16em!important;transform:none!important;color:#fff!important;text-shadow:none!important
}
:root[data-theme="hub"] .brand.brand-button .brand-word:after{background:linear-gradient(90deg,var(--hub-hot),transparent)!important;width:52%!important;height:1px!important}
:root[data-theme="hub"] .brand-token{filter:drop-shadow(0 0 14px rgba(255,103,88,.25))}
:root[data-theme="hub"] header nav{
  padding:5px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:15px!important;background:#0b0d14!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important
}
:root[data-theme="hub"] header nav button{height:36px!important;min-width:88px!important;border-radius:10px!important;color:#858795!important;font-size:10px!important;letter-spacing:.05em!important}
:root[data-theme="hub"] header nav button.nav-active{background:linear-gradient(135deg,rgba(255,103,88,.20),rgba(127,103,255,.16))!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,126,112,.18),0 8px 20px rgba(0,0,0,.18)!important}
:root[data-theme="hub"] header .balance span{color:#6f7180!important}
:root[data-theme="hub"] header .balance .korzh-money-number{color:#f4eee5!important;font-size:18px!important}
:root[data-theme="hub"] .deposit-header-btn{background:linear-gradient(135deg,var(--hub-hot),#ff9c64)!important;border:0!important;color:#160c0b!important;border-radius:11px!important;box-shadow:0 0 20px rgba(255,103,88,.16)!important}
:root[data-theme="hub"] .avatar{background:#121620!important;border-color:#2d3040!important;color:#fff!important}
:root[data-theme="hub"] .live{
  width:min(1460px,calc(100vw - 60px))!important;margin:12px auto 0!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:17px!important;overflow:hidden!important;background:rgba(11,13,20,.66)!important;backdrop-filter:blur(18px)!important
}
:root[data-theme="hub"] .live-toolbar{background:rgba(10,11,17,.86)!important;border-right:1px solid rgba(255,255,255,.06)!important}
:root[data-theme="hub"] .live-item{background:rgba(255,255,255,.014)!important;border-color:rgba(255,255,255,.05)!important}
:root[data-theme="hub"] main{width:min(1460px,calc(100vw - 60px))!important;max-width:none!important;margin:0 auto!important}
:root[data-theme="hub"] .hero{min-height:270px!important;padding:66px 0 32px!important;position:relative!important}
:root[data-theme="hub"] .hero:before{content:"CASE ENGINE / 2040";display:block;color:var(--hub-hot);font-size:9px;font-weight:900;letter-spacing:.2em;margin-bottom:13px}
:root[data-theme="hub"] .hero h1{font-size:58px!important;line-height:.93!important;letter-spacing:-.045em!important;font-family:Inter,Arial,sans-serif!important;font-weight:950!important;color:#fff!important;text-shadow:none!important}
:root[data-theme="hub"] .hero h1 em{color:var(--hub-hot)!important;font-style:normal!important}
:root[data-theme="hub"] .hero p{color:#777a88!important;font-size:12px!important}
:root[data-theme="hub"] .hero:after{content:"01";position:absolute;right:0;bottom:18px;font-size:82px;font-weight:950;color:rgba(255,255,255,.025)}
:root[data-theme="hub"] .cases-section{width:100%!important;max-width:none!important;margin:0!important;padding-bottom:90px!important}
:root[data-theme="hub"] .case-filters{
  height:54px!important;border:1px solid var(--hub-line)!important;border-radius:17px!important;background:rgba(17,18,28,.64)!important;backdrop-filter:blur(18px)!important;overflow:hidden!important
}
:root[data-theme="hub"] .case-filter{border-color:rgba(255,255,255,.06)!important}
:root[data-theme="hub"] .case-filter input{color:#fff!important}
:root[data-theme="hub"] .available-filter{background:transparent!important}
:root[data-theme="hub"] .section-title.cases-heading{margin-top:34px!important}
:root[data-theme="hub"] .section-title.cases-heading h2{font-size:12px!important;color:#7a7c89!important;letter-spacing:.18em!important}
:root[data-theme="hub"] .collection-heading{
  margin-top:34px!important;height:48px!important;border:0!important;display:flex!important;align-items:center!important;gap:14px!important
}
:root[data-theme="hub"] .collection-heading:before{content:"";width:7px;height:7px;border-radius:2px;background:var(--hub-hot);box-shadow:0 0 17px rgba(255,103,88,.42)}
:root[data-theme="hub"] .collection-heading span{color:#f2eee9!important;font-size:11px!important;letter-spacing:.15em!important}
:root[data-theme="hub"] .collection-heading:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(255,255,255,.10),transparent)}
:root[data-theme="hub"] .oscar-case-grid{grid-template-columns:repeat(4,1fr)!important;gap:34px!important}
:root[data-theme="hub"] .arsenal-case-grid{grid-template-columns:repeat(5,1fr)!important;column-gap:28px!important;row-gap:28px!important}
:root[data-theme="hub"] .case-card{
  position:relative!important;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.006))!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:22px!important;padding:16px 12px 14px!important;overflow:hidden!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;transition:.25s cubic-bezier(.2,.8,.2,1)!important
}
:root[data-theme="hub"] .case-card:before{content:"";position:absolute;inset:auto 20% -30px;height:80px;background:var(--accent);filter:blur(44px);opacity:.08;transition:.25s}
:root[data-theme="hub"] .case-card:hover{transform:translateY(-7px)!important;border-color:color-mix(in srgb,var(--accent) 38%,rgba(255,255,255,.08))!important;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.008))!important}
:root[data-theme="hub"] .case-card:hover:before{opacity:.18}
:root[data-theme="hub"] .case-card-title{color:#f7f4ef!important;font-size:11px!important;letter-spacing:.10em!important}
:root[data-theme="hub"] .case-price-tag.case-price-centered{background:#0d0f16!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:10px!important;color:#fff!important;box-shadow:none!important;min-width:88px!important}
:root[data-theme="hub"] .case-price-tag .korzh-money-number{color:#eeeae5!important}
:root[data-theme="hub"] footer{color:rgba(255,255,255,.08)!important}

/* HUB upgrade */
:root[data-theme="hub"] .feature-main{width:min(1460px,calc(100vw - 60px))!important}
:root[data-theme="hub"] .feature-hero{padding-top:52px!important}
:root[data-theme="hub"] .feature-hero .eyebrow{color:var(--hub-hot)!important}
:root[data-theme="hub"] .feature-hero h1{font-family:Inter,Arial,sans-serif!important;color:#fff!important;letter-spacing:-.03em!important}
:root[data-theme="hub"] .upgrade-workspace{
  border:1px solid rgba(255,255,255,.07)!important;border-radius:26px!important;background:rgba(12,14,22,.72)!important;backdrop-filter:blur(22px)!important;box-shadow:0 34px 100px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025)!important;padding:24px!important
}
:root[data-theme="hub"] .upgrade-column{background:rgba(255,255,255,.015)!important;border:1px solid rgba(255,255,255,.05)!important;border-radius:20px!important;padding:17px!important}
:root[data-theme="hub"] .upgrade-box-title{color:#858795!important}
:root[data-theme="hub"] .upgrade-main-box{background:radial-gradient(circle at 50% 50%,rgba(127,103,255,.10),rgba(10,12,18,.92) 65%)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:18px!important}
:root[data-theme="hub"] .upgrade-wheel-static{
  background:
    radial-gradient(circle at 50% 50%,#0d0f17 0 29%,transparent 29.5%),
    repeating-conic-gradient(from -90deg,rgba(255,255,255,.035) 0 1deg,transparent 1deg 10deg),
    conic-gradient(from -90deg,var(--hub-hot) 0 calc(var(--chance)*1%),rgba(255,255,255,.035) calc(var(--chance)*1%) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 0 50px rgba(0,0,0,.54),0 0 0 9px rgba(255,255,255,.018),0 22px 60px rgba(0,0,0,.36)!important
}
:root[data-theme="hub"] .wheel-inner{background:#0b0d14!important;border-color:rgba(255,255,255,.07)!important}
:root[data-theme="hub"] .wheel-inner strong{color:#fff!important}
:root[data-theme="hub"] .upgrade-rim-pointer i{filter:drop-shadow(0 0 8px rgba(255,255,255,.55)) drop-shadow(0 0 10px rgba(255,103,88,.30))!important}
:root[data-theme="hub"] .upgrade-run{background:linear-gradient(135deg,var(--hub-hot),#ff9a67)!important;color:#170d0b!important;border:0!important;border-radius:13px!important}
:root[data-theme="hub"] .upgrade-controls-v9 button{border-color:rgba(255,255,255,.07)!important;background:#0d1018!important;color:#8d8f9c!important}
:root[data-theme="hub"] .upgrade-controls-v9 button.active{background:linear-gradient(135deg,rgba(255,103,88,.22),rgba(127,103,255,.16))!important;border-color:rgba(255,112,94,.25)!important;color:#fff!important}
:root[data-theme="hub"] .upgrade-inventory-grid,
:root[data-theme="hub"] .upgrade-target-grid{background:#090b11!important;border-color:rgba(255,255,255,.05)!important}
:root[data-theme="hub"] .upgrade-inv-card,
:root[data-theme="hub"] .upgrade-target-card{background:#10131b!important;border-color:rgba(255,255,255,.06)!important;border-radius:13px!important}

/* HUB deposit */
:root[data-theme="hub"] .deposit-shell{background:rgba(12,14,22,.78)!important;border-color:rgba(255,255,255,.07)!important;backdrop-filter:blur(24px)!important;border-radius:26px!important;box-shadow:0 34px 100px rgba(0,0,0,.32)!important}
:root[data-theme="hub"] .deposit-country-block,
:root[data-theme="hub"] .deposit-left,
:root[data-theme="hub"] .deposit-right{background:rgba(255,255,255,.014)!important;border-color:rgba(255,255,255,.06)!important}
:root[data-theme="hub"] .country-tabs button,
:root[data-theme="hub"] .payment-method,
:root[data-theme="hub"] .promo-card,
:root[data-theme="hub"] .deposit-selected-method{background:#0d1018!important;border-color:rgba(255,255,255,.06)!important}
:root[data-theme="hub"] .country-tabs button.active,
:root[data-theme="hub"] .payment-method.active{background:linear-gradient(135deg,rgba(255,103,88,.14),rgba(127,103,255,.10))!important;border-color:rgba(255,109,91,.23)!important}
:root[data-theme="hub"] .deposit-step-label>span,
:root[data-theme="hub"] .deposit-section-title>span{background:linear-gradient(135deg,var(--hub-hot),#ff9a67)!important;color:#160d0b!important}
:root[data-theme="hub"] .deposit-submit{background:linear-gradient(135deg,var(--hub-hot),#ff9a67)!important;color:#170d0b!important}
:root[data-theme="hub"] .deposit-amount-box label>div{background:#090b11!important;border-color:rgba(255,255,255,.08)!important}
:root[data-theme="hub"] .quick-amounts button{background:#0e1119!important;border-color:rgba(255,255,255,.07)!important}
:root[data-theme="hub"] .deposit-summary-total strong{color:#fff!important}

/* HUB theme switcher */
:root[data-theme="hub"] .theme-switcher-toggle{background:rgba(11,13,20,.84)!important;border-color:rgba(255,255,255,.08)!important;color:#fff!important;backdrop-filter:blur(18px)!important}
:root[data-theme="hub"] .theme-switcher-menu{background:rgba(11,13,20,.94)!important;border-color:rgba(255,255,255,.08)!important}

/* Mobile */
@media(max-width:980px){
  .deposit-head{grid-template-columns:1fr!important}
  .deposit-security{display:none!important}
  .country-tabs{grid-template-columns:1fr!important}
  .local-payment-grid,.universal-payment-grid{grid-template-columns:repeat(2,1fr)!important}
  :root[data-theme="hub"] .oscar-case-grid{grid-template-columns:repeat(2,1fr)!important}
  :root[data-theme="hub"] .arsenal-case-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:560px){
  .local-payment-grid,.universal-payment-grid{grid-template-columns:1fr!important}
}


/* =========================================================
   v72_HUB — FUTURE RAIL / REACTOR UI
   Visual redesign only. Case / upgrade mechanics unchanged.
   ========================================================= */
.hub-rail-meta,.hub-rail-footer,.hub-page-progress,.hub-cursor-glow,
.hub-upgrade-hud,.hub-upgrade-beam,.hub-upgrade-orbit,.hub-core-label{display:none}

/* ---------- HUB AMBIENT SYSTEM ---------- */
:root[data-theme="hub"] body{
  overflow-x:hidden!important;
}
:root[data-theme="hub"] .hub-cursor-glow{
  display:block;
  position:fixed;
  z-index:0;
  pointer-events:none;
  width:560px;height:560px;
  left:var(--hub-mx,50vw);top:var(--hub-my,35vh);
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,105,84,.055),rgba(126,102,255,.025) 35%,transparent 70%);
  filter:blur(8px);
}
:root[data-theme="hub"] .page>*{position:relative;z-index:1}
:root[data-theme="hub"] .hub-page-progress{
  display:block;
  position:fixed;
  right:13px;
  top:18%;
  width:3px;
  height:64%;
  z-index:45;
  border-radius:99px;
  background:rgba(255,255,255,.045);
  overflow:hidden;
  pointer-events:none;
}
:root[data-theme="hub"] .hub-page-progress i{
  display:block;
  width:100%;
  height:4%;
  border-radius:99px;
  background:linear-gradient(180deg,var(--hub-hot),var(--hub-violet));
  box-shadow:0 0 14px rgba(255,103,88,.38);
  transition:height .12s linear;
}

/* ---------- HEADER / HERO ---------- */
:root[data-theme="hub"] header{
  width:min(1460px,calc(100vw - 70px))!important;
  margin:18px auto 0!important;
  left:auto!important;right:auto!important;
}
:root[data-theme="hub"] .live{
  width:min(1460px,calc(100vw - 70px))!important;
  margin:12px auto 0!important;
}
:root[data-theme="hub"] main,
:root[data-theme="hub"] .feature-main{
  width:min(1460px,calc(100vw - 70px))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  transform:none!important;
}
:root[data-theme="hub"] .cases-section{
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  transform:none!important;
}
:root[data-theme="hub"] .hero{
  min-height:250px!important;
  display:flex!important;
  align-items:center!important;
  padding:48px 0 26px!important;
}
:root[data-theme="hub"] .hero>div{max-width:900px}
:root[data-theme="hub"] .hero h1{
  font-size:clamp(45px,4.3vw,68px)!important;
  max-width:950px!important;
}
:root[data-theme="hub"] .hero:after{
  content:"K / 2040"!important;
  right:6px!important;
  bottom:22px!important;
  font-size:66px!important;
  letter-spacing:.08em!important;
}

/* filters become a sticky command strip */
:root[data-theme="hub"] .case-filters{
  position:sticky!important;
  top:96px!important;
  z-index:25!important;
  width:100%!important;
  margin:0 auto!important;
  transform:none!important;
  border-radius:15px!important;
  background:rgba(10,12,19,.82)!important;
  box-shadow:0 16px 50px rgba(0,0,0,.22)!important;
}
:root[data-theme="hub"] .case-filter,
:root[data-theme="hub"] .available-filter{
  min-height:52px!important;
}
:root[data-theme="hub"] .case-filter input{
  text-align:left!important;
}

/* ---------- COLLECTION RAILS ---------- */
:root[data-theme="hub"] .hub-case-collection{
  width:100%!important;
  margin:0 auto 20px!important;
  padding:0!important;
  transform:none!important;
}
:root[data-theme="hub"] .collection-heading,
:root[data-theme="hub"] .arsenal-heading{
  width:100%!important;
  max-width:none!important;
  margin:36px 0 13px!important;
  transform:none!important;
  padding:0 2px!important;
}
:root[data-theme="hub"] .collection-heading span{
  flex:0 1 auto!important;
}
:root[data-theme="hub"] .collection-heading .hub-rail-meta{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:auto!important;
  min-width:max-content!important;
}
:root[data-theme="hub"] .hub-rail-meta small,
:root[data-theme="hub"] .hub-rail-meta em{
  height:27px;
  min-width:32px;
  padding:0 8px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:8px;
  background:#0d1018;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:7px;
  font-style:normal;
  font-weight:900;
  color:#6f7280;
}
:root[data-theme="hub"] .hub-rail-meta small{color:#ff796e}
:root[data-theme="hub"] .hub-rail-controls{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
}
:root[data-theme="hub"] .hub-rail-btn{
  width:30px;height:30px;
  padding:0!important;
  border-radius:9px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:#10131b!important;
  color:#d8d9df!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:18px!important;
  line-height:1!important;
}
:root[data-theme="hub"] .hub-rail-btn:hover{
  border-color:rgba(255,111,93,.26)!important;
  background:linear-gradient(135deg,rgba(255,103,88,.16),rgba(127,103,255,.10))!important;
}
:root[data-theme="hub"] .hub-rail-shell{
  width:100%!important;
  position:relative!important;
  border-radius:24px!important;
  padding:11px 11px 7px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.017),rgba(255,255,255,.006))!important;
  border:1px solid rgba(255,255,255,.052)!important;
  overflow:hidden!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 22px 70px rgba(0,0,0,.16)!important;
}
:root[data-theme="hub"] .hub-rail-shell:before{
  content:"";
  position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,103,88,.45),rgba(127,103,255,.35),transparent);
  opacity:.5;
}
:root[data-theme="hub"] .hub-rail-viewport{
  width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory!important;
  scroll-behavior:smooth!important;
  overscroll-behavior-x:contain!important;
  cursor:grab!important;
  padding:4px 4px 7px!important;
  scrollbar-width:none!important;
}
:root[data-theme="hub"] .hub-rail-viewport::-webkit-scrollbar{display:none!important}
:root[data-theme="hub"] .hub-rail-viewport.dragging{cursor:grabbing!important;scroll-behavior:auto!important}
:root[data-theme="hub"] .hub-rail-footer{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  height:25px!important;
  padding:2px 5px 0!important;
}
:root[data-theme="hub"] .hub-rail-footer>span{
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  color:#555865!important;
  white-space:nowrap!important;
}
:root[data-theme="hub"] .hub-rail-progress{
  flex:1;height:2px;border-radius:99px;background:rgba(255,255,255,.045);overflow:hidden;position:relative;
}
:root[data-theme="hub"] .hub-rail-progress i{
  display:block;width:10%;height:100%;border-radius:99px;
  background:linear-gradient(90deg,var(--hub-hot),var(--hub-violet));
  box-shadow:0 0 10px rgba(255,103,88,.34);
  transition:width .18s ease,transform .18s ease;
}

/* Oscar = perfectly centered four-up. */
:root[data-theme="hub"] .oscar-case-grid.hub-case-rail{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  transform:none!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
  padding:0!important;
}
/* Arsenal = real horizontal designer rail. */
:root[data-theme="hub"] .arsenal-case-grid.hub-case-rail{
  width:max-content!important;
  max-width:none!important;
  min-width:100%!important;
  margin:0!important;
  transform:none!important;
  display:grid!important;
  grid-template-columns:none!important;
  grid-auto-flow:column!important;
  grid-auto-columns:246px!important;
  gap:15px!important;
  justify-content:start!important;
  padding:0!important;
}

/* ---------- CASE CARDS: exact geometry ---------- */
:root[data-theme="hub"] .case-card,
:root[data-theme="hub"] .oscar-case-card,
:root[data-theme="hub"] .arsenal-case-card{
  --card-rx:0deg;
  --card-ry:0deg;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:306px!important;
  min-height:306px!important;
  margin:0!important;
  padding:12px 12px 13px!important;
  display:grid!important;
  grid-template-rows:218px 29px 35px!important;
  align-items:center!important;
  justify-items:center!important;
  overflow:hidden!important;
  border-radius:19px!important;
  scroll-snap-align:start!important;
  transform:perspective(900px) rotateX(var(--card-rx)) rotateY(var(--card-ry))!important;
  transform-style:preserve-3d!important;
  transition:transform .18s ease,border-color .22s ease,background .22s ease!important;
  background:
    radial-gradient(circle at var(--card-x,50%) var(--card-y,35%),color-mix(in srgb,var(--accent) 8%,transparent),transparent 40%),
    linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.007))!important;
}
:root[data-theme="hub"] .case-card:hover{
  transform:perspective(900px) translateY(-5px) rotateX(var(--card-rx)) rotateY(var(--card-ry))!important;
}
:root[data-theme="hub"] .case-card:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:16px!important;right:16px!important;bottom:-40px!important;
  height:90px!important;
  border-radius:50%!important;
  background:var(--accent)!important;
  filter:blur(48px)!important;
  opacity:.075!important;
  pointer-events:none!important;
}
:root[data-theme="hub"] .case-card:after{
  content:"OPEN / ENTER"!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:absolute!important;
  right:12px!important;top:11px!important;
  width:auto!important;height:22px!important;
  padding:0 7px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:7px!important;
  background:rgba(10,12,18,.60)!important;
  color:#555865!important;
  font-size:5px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  opacity:0!important;
  transition:opacity .2s ease!important;
}
:root[data-theme="hub"] .case-card:hover:after{opacity:1!important}

:root[data-theme="hub"] .case-card .case-art,
:root[data-theme="hub"] .oscar-case-card .case-art,
:root[data-theme="hub"] .arsenal-case-card .case-art{
  grid-row:1!important;
  width:100%!important;
  height:218px!important;
  min-height:218px!important;
  max-height:218px!important;
  margin:0!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  transform:none!important;
}
:root[data-theme="hub"] .oscar-case-card .oscar-case-image{
  width:min(100%,282px)!important;
  max-width:282px!important;
  height:210px!important;
  max-height:210px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  margin:0!important;
}
:root[data-theme="hub"] .arsenal-case-card .arsenal-custom-image{
  width:232px!important;
  min-width:232px!important;
  max-width:232px!important;
  height:205px!important;
  min-height:205px!important;
  max-height:205px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  margin:0!important;
}
:root[data-theme="hub"] .case-card-title,
:root[data-theme="hub"] .oscar-case-card .case-card-title,
:root[data-theme="hub"] .arsenal-case-card .case-card-title{
  grid-row:2!important;
  position:static!important;
  inset:auto!important;
  width:100%!important;
  height:29px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  align-self:center!important;
  color:#f5f2ed!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
  line-height:1!important;
}
:root[data-theme="hub"] .case-price-tag.case-price-centered,
:root[data-theme="hub"] .oscar-case-card .case-price-tag.case-price-centered,
:root[data-theme="hub"] .arsenal-case-card .case-price-tag.case-price-centered{
  grid-row:3!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  align-self:center!important;
  justify-self:center!important;
  width:max-content!important;
  min-width:92px!important;
  max-width:100%!important;
  height:30px!important;
  margin:0!important;
  padding:0 11px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
}
:root[data-theme="hub"] .case-price-tag .korzh-money{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
}
:root[data-theme="hub"] .case-price-tag .korzh-money-number{font-size:11px!important;line-height:1!important}
:root[data-theme="hub"] .case-price-tag .korzh-currency-icon{width:13px!important;height:13px!important;flex:0 0 13px!important}

/* ---------- HUB UPGRADE: PROBABILITY REACTOR ---------- */
:root[data-theme="hub"] .feature-main.upgrade-page-v6{
  width:min(1480px,calc(100vw - 60px))!important;
  max-width:none!important;
  margin:0 auto!important;
}
:root[data-theme="hub"] .feature-hero.compact-feature{
  min-height:150px!important;
  padding:40px 4px 18px!important;
  text-align:left!important;
}
:root[data-theme="hub"] .feature-hero.compact-feature h1{
  font-size:42px!important;
  margin:5px 0!important;
}
:root[data-theme="hub"] .upgrade-workspace-v6{
  position:relative!important;
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:53px 18px 18px!important;
  display:grid!important;
  grid-template-columns:minmax(330px,1fr) 390px minmax(330px,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  overflow:hidden!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 50% 27%,rgba(127,103,255,.065),transparent 29%),
    linear-gradient(180deg,rgba(15,17,26,.87),rgba(9,11,17,.92))!important;
}
:root[data-theme="hub"] .upgrade-workspace-v6:before{
  content:"";
  position:absolute;left:4%;right:4%;top:51px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,103,88,.26),rgba(127,103,255,.30),transparent);
}
:root[data-theme="hub"] .hub-upgrade-hud{
  display:grid!important;
  grid-template-columns:1fr 390px 1fr!important;
  gap:14px!important;
  align-items:center!important;
  position:absolute!important;
  left:18px!important;right:18px!important;top:17px!important;
  height:24px!important;
  pointer-events:none!important;
}
:root[data-theme="hub"] .hub-upgrade-hud span,
:root[data-theme="hub"] .hub-upgrade-hud b{
  display:flex!important;align-items:center!important;justify-content:center!important;
  height:24px!important;
  color:#606370!important;
  font-size:6px!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
}
:root[data-theme="hub"] .hub-upgrade-hud b{color:#ff766b!important}
:root[data-theme="hub"] .hub-upgrade-beam{
  display:block!important;
  position:absolute!important;
  top:223px!important;
  height:1px!important;
  width:17%!important;
  z-index:0!important;
  background:linear-gradient(90deg,transparent,rgba(255,112,92,.30))!important;
  box-shadow:0 0 12px rgba(255,103,88,.12)!important;
  pointer-events:none!important;
}
:root[data-theme="hub"] .hub-upgrade-beam:after{
  content:"";position:absolute;right:-2px;top:-3px;width:7px;height:7px;border-radius:50%;background:#ff796e;box-shadow:0 0 14px #ff675855;
}
:root[data-theme="hub"] .hub-upgrade-beam-left{left:29%!important}
:root[data-theme="hub"] .hub-upgrade-beam-right{right:29%!important;transform:scaleX(-1)!important}

:root[data-theme="hub"] .upgrade-column{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  min-width:0!important;
  padding:13px!important;
  border-radius:21px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.019),rgba(255,255,255,.007))!important;
}
:root[data-theme="hub"] .upgrade-column:before{
  content:"";
  position:absolute;left:12px;top:12px;width:22px;height:1px;background:var(--hub-hot);box-shadow:0 0 9px rgba(255,103,88,.3)
}
:root[data-theme="hub"] .upgrade-target-column:before{left:auto;right:12px;background:var(--hub-violet)}
:root[data-theme="hub"] .upgrade-box-title{
  height:34px!important;
  margin:0 0 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 5px!important;
}
:root[data-theme="hub"] .upgrade-box-title span{font-size:8px!important;letter-spacing:.14em!important}
:root[data-theme="hub"] .upgrade-box-title b{font-size:10px!important;color:#f5f1ea!important}

:root[data-theme="hub"] .upgrade-main-box-v6{
  height:255px!important;
  min-height:255px!important;
  border-radius:17px!important;
  padding:11px 16px!important;
  background:
    radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--selected-rarity,#ff6758) 11%,transparent),transparent 45%),
    linear-gradient(160deg,#11141d,#0b0d13)!important;
  border:1px solid rgba(255,255,255,.065)!important;
  overflow:hidden!important;
}
:root[data-theme="hub"] .upgrade-main-box-v6 .compact-skin{
  height:100%!important;
  padding:0!important;
  display:grid!important;
  grid-template-rows:170px auto!important;
  align-items:center!important;
  justify-items:center!important;
}
:root[data-theme="hub"] .upgrade-main-box-v6 .compact-skin .skin-art{
  width:100%!important;height:170px!important;min-height:170px!important;max-height:170px!important;
}
:root[data-theme="hub"] .upgrade-main-box-v6 .compact-skin>div:last-child{
  width:100%!important;margin:0!important;text-align:center!important;
}
:root[data-theme="hub"] .upgrade-main-box-v6 .compact-skin small,
:root[data-theme="hub"] .upgrade-main-box-v6 .compact-skin strong,
:root[data-theme="hub"] .upgrade-main-box-v6 .compact-skin b{
  text-align:center!important;
}
:root[data-theme="hub"] .upgrade-main-box-v6 .compact-skin strong{font-size:14px!important}
:root[data-theme="hub"] .upgrade-main-box-v6 .compact-skin b{font-size:16px!important;margin-top:4px!important}

:root[data-theme="hub"] .upgrade-wheel-column-v6{
  position:relative!important;
  top:auto!important;
  min-width:0!important;
  min-height:610px!important;
  padding:22px 12px 12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  z-index:3!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:22px!important;
  background:radial-gradient(circle at 50% 35%,rgba(127,103,255,.055),transparent 45%)!important;
}
:root[data-theme="hub"] .upgrade-wheel-wrap-v6{
  width:330px!important;height:330px!important;
  margin:22px auto 13px!important;
  position:relative!important;
  display:grid!important;place-items:center!important;
}
:root[data-theme="hub"] .hub-upgrade-orbit{
  display:block!important;
  position:absolute!important;
  left:50%;top:50%;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.065);
  pointer-events:none;
}
:root[data-theme="hub"] .orbit-1{
  width:326px;height:326px;transform:translate(-50%,-50%);
  border-style:dashed;animation:hubOrbitSpin 24s linear infinite;
}
:root[data-theme="hub"] .orbit-2{
  width:292px;height:292px;transform:translate(-50%,-50%);
  border-color:rgba(255,103,88,.14);border-style:dotted;animation:hubOrbitSpinReverse 17s linear infinite;
}
:root[data-theme="hub"] .orbit-3{
  width:250px;height:250px;transform:translate(-50%,-50%);
  border-color:rgba(127,103,255,.14);
}
@keyframes hubOrbitSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes hubOrbitSpinReverse{from{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}
:root[data-theme="hub"] .hub-core-label{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:absolute!important;
  top:-9px!important;left:50%!important;
  transform:translateX(-50%)!important;
  height:21px!important;
  padding:0 8px!important;
  border-radius:7px!important;
  background:#0b0d14!important;
  border:1px solid rgba(255,255,255,.06)!important;
  color:#606371!important;
  font-size:5px!important;
  font-weight:900!important;
  letter-spacing:.15em!important;
  z-index:6!important;
}
:root[data-theme="hub"] .upgrade-wheel-static{
  width:262px!important;height:262px!important;
  background:
    radial-gradient(circle at 50% 50%,#0a0c12 0 30%,transparent 30.5%),
    repeating-conic-gradient(from -90deg,rgba(255,255,255,.035) 0 .8deg,transparent .8deg 8deg),
    conic-gradient(from -90deg,var(--hub-hot) 0 calc(var(--chance)*1%),rgba(255,255,255,.035) calc(var(--chance)*1%) 100%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    inset 0 0 36px rgba(0,0,0,.66),
    0 0 0 9px rgba(255,255,255,.018),
    0 18px 48px rgba(0,0,0,.36)!important;
}
:root[data-theme="hub"] .upgrade-wheel-static:before{
  inset:8%!important;border-color:rgba(255,255,255,.055)!important;box-shadow:none!important
}
:root[data-theme="hub"] .wheel-inner{
  width:132px!important;height:132px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 40% 32%,#171a25,#090b10 72%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 0 0 1px rgba(255,255,255,.05)!important;
}
:root[data-theme="hub"] .wheel-inner strong{font-size:31px!important;letter-spacing:-.04em!important}
:root[data-theme="hub"] .wheel-inner span{font-size:6px!important;letter-spacing:.16em!important;color:#646775!important}
:root[data-theme="hub"] .upgrade-rim-pointer{
  width:330px!important;height:330px!important;
}
:root[data-theme="hub"] .upgrade-rim-pointer i{
  width:22px!important;height:33px!important;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.45)) drop-shadow(0 0 8px rgba(255,103,88,.18))!important;
}
:root[data-theme="hub"] .upgrade-wheel-caption{
  min-height:27px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  color:#898b97!important;font-size:8px!important;letter-spacing:.07em!important;
}
:root[data-theme="hub"] .upgrade-run-row,
:root[data-theme="hub"] .upgrade-result-actions-v14{
  width:100%!important;max-width:310px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
}
:root[data-theme="hub"] .upgrade-run{
  height:48px!important;
  min-width:210px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:10px!important;letter-spacing:.05em!important;
  box-shadow:0 12px 32px rgba(255,103,88,.12)!important;
}
:root[data-theme="hub"] .fast-spin-toggle,
:root[data-theme="hub"] .upgrade-settings-btn{
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1!important
}

/* inventory browsers become compact data bays */
:root[data-theme="hub"] .upgrade-source-toolbar,
:root[data-theme="hub"] .upgrade-target-toolbar{margin-top:10px!important}
:root[data-theme="hub"] .upgrade-source-tabs{
  width:100%!important;
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;
}
:root[data-theme="hub"] .upgrade-source-tabs button{
  height:35px!important;display:flex!important;align-items:center!important;justify-content:center!important
}
:root[data-theme="hub"] .upgrade-source-filter-row,
:root[data-theme="hub"] .upgrade-target-toolbar{
  grid-template-columns:145px 1fr!important;gap:6px!important
}
:root[data-theme="hub"] .upgrade-price-range,
:root[data-theme="hub"] .upgrade-search{
  height:36px!important;border-color:rgba(255,255,255,.06)!important;background:#0a0c12!important
}
:root[data-theme="hub"] .upgrade-inventory-grid,
:root[data-theme="hub"] .upgrade-target-grid{
  margin-top:8px!important;
  height:248px!important;
  max-height:248px!important;
  padding:8px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  border-radius:15px!important;
  scrollbar-color:#4a3f55 #0b0d13!important;
}
:root[data-theme="hub"] .upgrade-inv-card,
:root[data-theme="hub"] .upgrade-target-card{
  min-height:124px!important;height:124px!important;padding:7px!important;border-radius:11px!important;
}
:root[data-theme="hub"] .upgrade-inv-card .skin-card,
:root[data-theme="hub"] .upgrade-target-card .skin-card{height:100%!important}

/* ---------- DEPOSIT COUNTRY FLAGS ONLY ---------- */
:root[data-theme="hub"] .country-tabs,
.country-tabs{
  grid-template-columns:repeat(3,64px)!important;
  justify-content:center!important;
  gap:10px!important;
}
.country-tabs button{
  width:64px!important;
  height:58px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  grid-template-columns:1fr!important;
  border-radius:14px!important;
}
.country-tabs button i{
  width:auto!important;height:auto!important;
  margin:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-size:29px!important;line-height:1!important;
}
.country-tabs button b,
.country-tabs button em{display:none!important}
.country-tabs button.active{
  transform:translateY(-2px);
  box-shadow:0 10px 25px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,112,94,.16)!important;
}
.deposit-selected-method span{
  font-size:22px!important;
  line-height:1!important;
  min-height:25px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}

/* ---------- STRICT CONTROL CENTERING ---------- */
:root[data-theme="hub"] .deposit-header-btn,
:root[data-theme="hub"] .avatar,
:root[data-theme="hub"] header nav button,
:root[data-theme="hub"] .live-tabs button,
:root[data-theme="hub"] .available-filter,
:root[data-theme="hub"] .case-price-tag,
:root[data-theme="hub"] .hub-rail-btn,
:root[data-theme="hub"] .upgrade-controls-v9 button,
:root[data-theme="hub"] .fast-spin-toggle,
:root[data-theme="hub"] .upgrade-settings-btn,
:root[data-theme="hub"] .deposit-submit,
:root[data-theme="hub"] .quick-amounts button,
:root[data-theme="hub"] .promo-input button{
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
:root[data-theme="hub"] .deposit-header-btn,
:root[data-theme="hub"] .avatar,
:root[data-theme="hub"] header nav button,
:root[data-theme="hub"] .live-tabs button,
:root[data-theme="hub"] .hub-rail-btn,
:root[data-theme="hub"] .upgrade-controls-v9 button,
:root[data-theme="hub"] .fast-spin-toggle,
:root[data-theme="hub"] .upgrade-settings-btn,
:root[data-theme="hub"] .deposit-submit,
:root[data-theme="hub"] .quick-amounts button,
:root[data-theme="hub"] .promo-input button{
  display:flex!important;
}

/* Responsive */
@media(max-width:1200px){
  :root[data-theme="hub"] .oscar-case-grid.hub-case-rail{
    width:max-content!important;
    min-width:100%!important;
    grid-template-columns:none!important;
    grid-auto-flow:column!important;
    grid-auto-columns:260px!important;
  }
  :root[data-theme="hub"] .upgrade-workspace-v6{
    grid-template-columns:1fr!important;
    padding-top:50px!important;
  }
  :root[data-theme="hub"] .hub-upgrade-hud{
    grid-template-columns:1fr!important;
  }
  :root[data-theme="hub"] .hub-upgrade-hud span{display:none!important}
  :root[data-theme="hub"] .hub-upgrade-beam{display:none!important}
  :root[data-theme="hub"] .upgrade-wheel-column-v6{order:-1!important;min-height:auto!important}
}
@media(max-width:700px){
  :root[data-theme="hub"] header,
  :root[data-theme="hub"] .live,
  :root[data-theme="hub"] main,
  :root[data-theme="hub"] .feature-main{
    width:calc(100vw - 24px)!important;
  }
  :root[data-theme="hub"] .arsenal-case-grid.hub-case-rail,
  :root[data-theme="hub"] .oscar-case-grid.hub-case-rail{
    grid-auto-columns:228px!important;
  }
  :root[data-theme="hub"] .hub-page-progress{display:none!important}
}


/* =========================================================
   v73_HUB — PRACTICAL SHOWCASE + UPGRADE BRIDGE
   ========================================================= */

/* ---------- CASES: no drag, no horizontal rail ---------- */
:root[data-theme="hub"] .hub-rail-meta,
:root[data-theme="hub"] .hub-rail-footer,
:root[data-theme="hub"] .hub-rail-shell,
:root[data-theme="hub"] .hub-rail-viewport{display:none!important}

:root[data-theme="hub"] .hub-showcase-collection{
  width:100%!important;
  margin:0 auto 30px!important;
  transform:none!important;
}
:root[data-theme="hub"] .hub-showcase-collection .collection-heading{
  width:100%!important;
  margin:34px 0 12px!important;
  padding:0 3px!important;
}
:root[data-theme="hub"] .hub-collection-status{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:8px;
}
:root[data-theme="hub"] .hub-collection-status small,
:root[data-theme="hub"] .hub-collection-status b{
  height:27px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.065);
  background:#0d1018;
  padding:0 9px;
  font-size:6px;
  letter-spacing:.12em;
}
:root[data-theme="hub"] .hub-collection-status small{color:#ff766b}
:root[data-theme="hub"] .hub-collection-status b{color:#696c79}

:root[data-theme="hub"] .hub-showcase-frame{
  position:relative;
  padding:11px 11px 8px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.005));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02),0 22px 70px rgba(0,0,0,.14);
  overflow:hidden;
}
:root[data-theme="hub"] .hub-showcase-frame:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,103,88,.38),rgba(127,103,255,.30),transparent);
}
:root[data-theme="hub"] .hub-showcase-caption{
  height:25px;
  display:grid;
  grid-template-columns:max-content 1fr max-content;
  align-items:center;
  gap:12px;
  padding:4px 5px 0;
}
:root[data-theme="hub"] .hub-showcase-caption span,
:root[data-theme="hub"] .hub-showcase-caption em{
  font-size:5px;
  font-style:normal;
  font-weight:900;
  letter-spacing:.16em;
  color:#50535f;
}
:root[data-theme="hub"] .hub-showcase-caption i{
  height:1px;
  background:linear-gradient(90deg,rgba(255,103,88,.45),rgba(127,103,255,.32),transparent);
}

:root[data-theme="hub"] .hub-static-grid{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  transform:none!important;
  display:grid!important;
  padding:0!important;
}
:root[data-theme="hub"] .oscar-case-grid.hub-static-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
:root[data-theme="hub"] .arsenal-case-grid.hub-static-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  grid-auto-columns:auto!important;
  column-gap:12px!important;
  row-gap:12px!important;
}

/* Exact practical case geometry */
:root[data-theme="hub"] .hub-static-grid .case-card{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  height:292px!important;
  min-height:292px!important;
  margin:0!important;
  padding:10px 10px 12px!important;
  grid-template-rows:207px 31px 34px!important;
  scroll-snap-align:none!important;
  cursor:pointer!important;
  user-select:none!important;
  pointer-events:auto!important;
}
:root[data-theme="hub"] .hub-static-grid .case-card .case-art{
  width:100%!important;
  height:207px!important;
  min-height:207px!important;
  max-height:207px!important;
}
:root[data-theme="hub"] .hub-static-grid .oscar-case-image{
  width:min(100%,270px)!important;
  max-width:270px!important;
  height:200px!important;
  max-height:200px!important;
}
:root[data-theme="hub"] .hub-static-grid .arsenal-custom-image{
  width:min(100%,220px)!important;
  min-width:0!important;
  max-width:220px!important;
  height:194px!important;
  min-height:194px!important;
  max-height:194px!important;
}
:root[data-theme="hub"] .hub-static-grid .case-card-title{
  height:31px!important;
  font-size:9px!important;
}
:root[data-theme="hub"] .hub-static-grid .case-price-tag.case-price-centered{
  height:28px!important;
  min-width:88px!important;
}
:root[data-theme="hub"] .hub-static-grid .case-card:after{
  content:"OPEN"!important;
}

/* ---------- NEW UPGRADE ARCHITECTURE ---------- */
:root[data-theme="hub"] .hub-u2-page{
  width:min(1480px,calc(100vw - 58px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding-bottom:80px!important;
}
:root[data-theme="hub"] .hub-u2-hero{
  min-height:184px;
  padding:48px 2px 22px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:25px;
}
:root[data-theme="hub"] .hub-u2-hero .eyebrow{
  color:#ff7569;
  font-size:7px;
  font-weight:900;
  letter-spacing:.18em;
}
:root[data-theme="hub"] .hub-u2-hero h1{
  margin:6px 0 5px;
  font-size:48px;
  line-height:.95;
  letter-spacing:-.045em;
  color:#f6f3ee;
}
:root[data-theme="hub"] .hub-u2-hero h1 em{
  color:#ff7467;
  font-style:normal;
}
:root[data-theme="hub"] .hub-u2-hero p{
  margin:0;
  color:#747784;
  font-size:10px;
  max-width:670px;
}
:root[data-theme="hub"] .hub-u2-hero-status{
  height:52px;
  min-width:235px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:15px;
  background:#0d1018;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
}
:root[data-theme="hub"] .hub-u2-hero-status>i{
  width:9px;height:9px;border-radius:50%;
  background:#74da9c;
  box-shadow:0 0 18px rgba(116,218,156,.5);
}
:root[data-theme="hub"] .hub-u2-hero-status b,
:root[data-theme="hub"] .hub-u2-hero-status small{display:block}
:root[data-theme="hub"] .hub-u2-hero-status b{font-size:8px}
:root[data-theme="hub"] .hub-u2-hero-status small{font-size:6px;color:#686b78;margin-top:4px;letter-spacing:.1em}

:root[data-theme="hub"] .hub-u2-shell{
  position:relative;
  border:1px solid rgba(255,255,255,.065);
  border-radius:28px;
  padding:46px 16px 16px;
  background:
    radial-gradient(circle at 50% 20%,rgba(126,102,255,.055),transparent 28%),
    linear-gradient(180deg,rgba(14,16,24,.90),rgba(8,10,15,.94));
  box-shadow:0 34px 100px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.025);
  overflow:hidden;
}
:root[data-theme="hub"] .hub-u2-shell:before{
  content:"";
  position:absolute;
  left:7%;right:7%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#ff67588a,#7f67ff78,transparent);
}
:root[data-theme="hub"] .hub-u2-topline{
  position:absolute;
  left:16px;right:16px;top:12px;
  height:24px;
  display:grid;
  grid-template-columns:1fr 1.1fr 1fr;
  align-items:center;
  color:#535663;
  font-size:5px;
  font-weight:900;
  letter-spacing:.17em;
}
:root[data-theme="hub"] .hub-u2-topline span:first-child{text-align:left}
:root[data-theme="hub"] .hub-u2-topline span:last-child{text-align:right}
:root[data-theme="hub"] .hub-u2-topline b{text-align:center;color:#ff756b}

:root[data-theme="hub"] .hub-u2-stage{
  display:grid;
  grid-template-columns:minmax(300px,1fr) minmax(390px,1.08fr) minmax(300px,1fr);
  gap:13px;
  align-items:stretch;
}
:root[data-theme="hub"] .hub-u2-pod{
  min-width:0;
  height:345px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:21px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006));
  padding:12px;
  position:relative;
  overflow:hidden;
}
:root[data-theme="hub"] .hub-u2-pod:before{
  content:"";
  position:absolute;
  width:150px;height:150px;border-radius:50%;
  bottom:-80px;left:50%;transform:translateX(-50%);
  background:#ff6758;
  filter:blur(70px);
  opacity:.045;
}
:root[data-theme="hub"] .hub-u2-target-pod:before{
  background:#7f67ff;
}
:root[data-theme="hub"] .hub-u2-pod.has-item:before{opacity:.11}
:root[data-theme="hub"] .hub-u2-pod-head{
  height:31px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 3px;
}
:root[data-theme="hub"] .hub-u2-pod-head span{
  font-size:6px;
  color:#656875;
  font-weight:900;
  letter-spacing:.14em;
}
:root[data-theme="hub"] .hub-u2-pod-head b{
  font-size:9px;
  color:#f0ece6;
}
:root[data-theme="hub"] .hub-u2-pod-window{
  height:245px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:16px;
  background:
    radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--selected-rarity,#ff6758) 10%,transparent),transparent 44%),
    #0a0c12;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
:root[data-theme="hub"] .hub-u2-pod-window .compact-skin{
  width:100%!important;
  height:100%!important;
  padding:7px 12px!important;
  display:grid!important;
  grid-template-rows:170px 1fr!important;
  align-items:center!important;
  justify-items:center!important;
}
:root[data-theme="hub"] .hub-u2-pod-window .skin-art{
  width:100%!important;
  height:170px!important;
  min-height:170px!important;
  max-height:170px!important;
}
:root[data-theme="hub"] .hub-u2-pod-window .compact-skin>div:last-child{
  width:100%!important;
  text-align:center!important;
}
:root[data-theme="hub"] .hub-u2-pod-window .compact-skin small,
:root[data-theme="hub"] .hub-u2-pod-window .compact-skin strong,
:root[data-theme="hub"] .hub-u2-pod-window .compact-skin b{
  text-align:center!important;
}
:root[data-theme="hub"] .hub-u2-pod-window .compact-skin strong{font-size:13px!important}
:root[data-theme="hub"] .hub-u2-pod-window .compact-skin b{font-size:15px!important;margin-top:4px!important}
:root[data-theme="hub"] .hub-u2-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  gap:5px;
  color:#5e616e;
}
:root[data-theme="hub"] .hub-u2-empty i{
  width:45px;height:45px;border-radius:13px;
  border:1px solid rgba(255,255,255,.07);
  display:flex;align-items:center;justify-content:center;
  font-style:normal;font-size:19px;color:#ff766b;background:#10131b;
}
:root[data-theme="hub"] .hub-u2-target-pod .hub-u2-empty i{color:#9c8cff}
:root[data-theme="hub"] .hub-u2-empty strong{font-size:9px;color:#888b97}
:root[data-theme="hub"] .hub-u2-empty small{font-size:7px;color:#4f525e}
:root[data-theme="hub"] .hub-u2-pod-foot{
  height:34px;
  display:grid;
  grid-template-columns:1fr 8px;
  align-items:center;
  gap:8px;
  padding:0 4px;
}
:root[data-theme="hub"] .hub-u2-pod-foot small{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:6px;color:#565965;letter-spacing:.05em;
}
:root[data-theme="hub"] .hub-u2-pod-foot i{
  width:7px;height:7px;border-radius:50%;background:#333641;
}
:root[data-theme="hub"] .hub-u2-pod-foot i.online{
  background:#73d99b;box-shadow:0 0 12px rgba(115,217,155,.42);
}
:root[data-theme="hub"] .hub-u2-presets{
  position:absolute;
  left:17px;right:17px;bottom:42px;
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:5px;
  z-index:5;
}
:root[data-theme="hub"] .hub-u2-presets button{
  height:30px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.065);
  background:#0e1119;
  color:#737684;
  font-size:7px;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
}
:root[data-theme="hub"] .hub-u2-presets button.active{
  color:#fff;
  border-color:rgba(155,136,255,.28);
  background:linear-gradient(135deg,rgba(127,103,255,.20),rgba(255,103,88,.10));
}
:root[data-theme="hub"] .hub-u2-pod-window + .hub-u2-presets + .hub-u2-pod-foot{
  position:absolute;left:12px;right:12px;bottom:5px;
}

:root[data-theme="hub"] .hub-u2-bridge{
  min-width:0;
  height:345px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 43%,rgba(127,103,255,.065),transparent 35%),
    linear-gradient(180deg,#0b0d14,#080a10);
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
:root[data-theme="hub"] .hub-u2-bridge-grid{
  position:absolute;inset:0;
  background:
    linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:radial-gradient(circle at 50% 50%,#000 0 42%,transparent 80%);
}
:root[data-theme="hub"] .hub-u2-bridge:before,
:root[data-theme="hub"] .hub-u2-bridge:after{
  content:"";
  position:absolute;
  top:50%;
  width:31%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,111,93,.36));
}
:root[data-theme="hub"] .hub-u2-bridge:before{left:0}
:root[data-theme="hub"] .hub-u2-bridge:after{right:0;transform:scaleX(-1);background:linear-gradient(90deg,transparent,rgba(127,103,255,.38))}
:root[data-theme="hub"] .hub-u2-flow{
  position:absolute;top:50%;width:27%;height:12px;transform:translateY(-50%);
}
:root[data-theme="hub"] .hub-u2-flow-left{left:2%}
:root[data-theme="hub"] .hub-u2-flow-right{right:2%;transform:translateY(-50%) scaleX(-1)}
:root[data-theme="hub"] .hub-u2-flow i{
  position:absolute;
  top:5px;width:4px;height:4px;border-radius:50%;
  background:#ff796d;
  box-shadow:0 0 12px rgba(255,103,88,.45);
  animation:hubU2Flow 2.4s linear infinite;
}
:root[data-theme="hub"] .hub-u2-flow i:nth-child(2){animation-delay:.75s}
:root[data-theme="hub"] .hub-u2-flow i:nth-child(3){animation-delay:1.5s}
@keyframes hubU2Flow{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}

:root[data-theme="hub"] .hub-u2-probability{
  position:relative;
  z-index:4;
  width:min(88%,330px);
  height:205px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:28px;
  background:
    radial-gradient(circle at 50% 28%,rgba(255,255,255,.035),transparent 34%),
    linear-gradient(160deg,#141722,#0a0c12 72%);
  box-shadow:0 20px 60px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
:root[data-theme="hub"] .hub-u2-probability:before{
  content:"";
  position:absolute;inset:9px;
  border:1px dashed rgba(255,255,255,.035);
  border-radius:21px;
  pointer-events:none;
}
:root[data-theme="hub"] .hub-u2-probability>small{
  font-size:6px;color:#6f7280;font-weight:900;letter-spacing:.17em;
}
:root[data-theme="hub"] .hub-u2-probability>strong{
  font-size:51px;line-height:.92;letter-spacing:-.055em;color:#fff;margin-top:9px;
}
:root[data-theme="hub"] .hub-u2-probability>span{
  margin-top:9px;font-size:7px;color:#777a88;font-weight:800;
}
:root[data-theme="hub"] .hub-u2-spectrum{
  position:relative;
  width:74%;height:8px;
  margin-top:17px;
  border-radius:99px;
  background:linear-gradient(90deg,#281718,#17151d 45%,#11141d);
  overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}
:root[data-theme="hub"] .hub-u2-spectrum>i{
  display:block;height:100%;
  border-radius:99px;
  background:linear-gradient(90deg,#ff6758,#ff9871);
  box-shadow:0 0 14px rgba(255,103,88,.30);
}
:root[data-theme="hub"] .hub-u2-spectrum>b{
  position:absolute;left:50%;top:-3px;width:1px;height:14px;background:#ffffff5c;
}
:root[data-theme="hub"] .hub-u2-scan-orbit{
  position:absolute;
  width:194px;height:194px;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
}
:root[data-theme="hub"] .hub-u2-scanner{
  position:absolute!important;
  inset:0!important;
  width:194px!important;height:194px!important;
  border-radius:50%!important;
  pointer-events:none!important;
  transform-origin:50% 50%!important;
}
:root[data-theme="hub"] .hub-u2-scanner>i{
  position:absolute!important;
  left:50%!important;top:-5px!important;
  transform:translateX(-50%)!important;
  width:13px!important;height:13px!important;
  border-radius:4px!important;
  background:#f7f2e9!important;
  clip-path:none!important;
  box-shadow:0 0 15px rgba(255,255,255,.55),0 0 25px rgba(255,103,88,.30)!important;
}
:root[data-theme="hub"] .hub-u2-shell.is-spinning .hub-u2-probability{
  box-shadow:0 20px 60px rgba(0,0,0,.30),0 0 45px rgba(255,103,88,.07),inset 0 1px 0 rgba(255,255,255,.035);
}
:root[data-theme="hub"] .hub-u2-shell.is-spinning .hub-u2-bridge-grid{
  animation:hubGridPulse .8s ease-in-out infinite alternate;
}
@keyframes hubGridPulse{from{opacity:.55}to{opacity:1}}

:root[data-theme="hub"] .hub-u2-actions{
  position:relative;
  z-index:5;
  width:min(88%,330px);
  margin-top:13px;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
}
:root[data-theme="hub"] .hub-u2-run-row{
  width:100%;
  display:grid;
  grid-template-columns:1fr 48px;
  gap:7px;
}
:root[data-theme="hub"] .hub-u2-run{
  width:100%!important;
  height:48px!important;
  min-width:0!important;
  border-radius:13px!important;
  font-size:10px!important;
}
:root[data-theme="hub"] .hub-u2-fast{
  width:48px!important;height:48px!important;
  border-radius:13px!important;
}

/* Browsers */
:root[data-theme="hub"] .hub-u2-browsers{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px;
  margin-top:13px;
}
:root[data-theme="hub"] .hub-u2-browser{
  min-width:0;
  border:1px solid rgba(255,255,255,.055);
  border-radius:21px;
  background:linear-gradient(180deg,rgba(255,255,255,.016),rgba(255,255,255,.006));
  padding:13px;
}
:root[data-theme="hub"] .hub-u2-browser-head{
  height:43px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
:root[data-theme="hub"] .hub-u2-browser-head small{
  display:block;font-size:5px;color:#5d606d;font-weight:900;letter-spacing:.15em;
}
:root[data-theme="hub"] .hub-u2-browser-head h3{
  margin:4px 0 0;font-size:10px;color:#e9e6e0;
}
:root[data-theme="hub"] .hub-u2-target-guide{
  height:26px;
  padding:0 9px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:8px;
  background:#0d1018;
  display:flex;align-items:center;justify-content:center;
  color:#686b78;font-size:6px;font-weight:900;
}
:root[data-theme="hub"] .hub-u2-browser .upgrade-source-tabs{
  width:auto!important;
  min-width:210px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
}
:root[data-theme="hub"] .hub-u2-browser .upgrade-source-tabs button{
  height:31px!important;
  border-radius:8px!important;
  font-size:6px!important;
}
:root[data-theme="hub"] .hub-u2-filter-row{
  display:grid;
  grid-template-columns:190px 1fr;
  gap:7px;
  margin:8px 0;
}
:root[data-theme="hub"] .hub-u2-filter-row .upgrade-price-range,
:root[data-theme="hub"] .hub-u2-filter-row .upgrade-search{
  height:36px!important;
}
:root[data-theme="hub"] .hub-u2-item-grid{
  height:270px!important;
  max-height:270px!important;
  min-height:270px!important;
  margin-top:0!important;
  padding:8px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  border-radius:15px!important;
  background:#090b11!important;
  border:1px solid rgba(255,255,255,.05)!important;
}
:root[data-theme="hub"] .hub-u2-item-grid .upgrade-inv-card,
:root[data-theme="hub"] .hub-u2-item-grid .upgrade-target-card{
  height:121px!important;
  min-height:121px!important;
  border-radius:11px!important;
  padding:6px!important;
  background:#10131b!important;
}
:root[data-theme="hub"] .hub-u2-item-grid .upgrade-inv-card.selected,
:root[data-theme="hub"] .hub-u2-item-grid .upgrade-target-card.selected{
  border-color:rgba(255,117,105,.38)!important;
  box-shadow:inset 0 0 0 1px rgba(255,117,105,.10),0 0 22px rgba(255,103,88,.05)!important;
}

/* strict centering for new upgrade controls */
:root[data-theme="hub"] .hub-u2-presets button,
:root[data-theme="hub"] .hub-u2-run,
:root[data-theme="hub"] .hub-u2-fast,
:root[data-theme="hub"] .hub-u2-settings,
:root[data-theme="hub"] .hub-u2-browser .upgrade-source-tabs button,
:root[data-theme="hub"] .hub-u2-target-guide{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
}

/* Responsive */
@media(max-width:1180px){
  :root[data-theme="hub"] .hub-u2-stage{
    grid-template-columns:1fr 1fr!important;
  }
  :root[data-theme="hub"] .hub-u2-bridge{
    grid-column:1/-1!important;
    grid-row:1!important;
  }
  :root[data-theme="hub"] .hub-u2-source-pod{grid-column:1!important}
  :root[data-theme="hub"] .hub-u2-target-pod{grid-column:2!important}
  :root[data-theme="hub"] .hub-u2-browsers{grid-template-columns:1fr!important}
  :root[data-theme="hub"] .arsenal-case-grid.hub-static-grid{grid-template-columns:repeat(3,1fr)!important}
  :root[data-theme="hub"] .oscar-case-grid.hub-static-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(max-width:720px){
  :root[data-theme="hub"] .hub-u2-page{width:calc(100vw - 24px)!important}
  :root[data-theme="hub"] .hub-u2-hero{align-items:flex-start;flex-direction:column}
  :root[data-theme="hub"] .hub-u2-hero-status{display:none}
  :root[data-theme="hub"] .hub-u2-stage{grid-template-columns:1fr!important}
  :root[data-theme="hub"] .hub-u2-bridge,
  :root[data-theme="hub"] .hub-u2-source-pod,
  :root[data-theme="hub"] .hub-u2-target-pod{grid-column:1!important}
  :root[data-theme="hub"] .hub-u2-bridge{grid-row:auto!important}
  :root[data-theme="hub"] .hub-u2-item-grid{grid-template-columns:repeat(2,1fr)!important}
  :root[data-theme="hub"] .hub-u2-filter-row{grid-template-columns:1fr!important}
  :root[data-theme="hub"] .arsenal-case-grid.hub-static-grid,
  :root[data-theme="hub"] .oscar-case-grid.hub-static-grid{grid-template-columns:1fr!important}
}


/* =========================================================
   v74_HUB — COZY CONTROL / ROUND UPGRADE / MULTI DROP BASKET
   ========================================================= */

/* Main browser scrollbar: HUB uses only our custom indicator. */
:root[data-theme="hub"],
:root[data-theme="hub"] body{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
:root[data-theme="hub"]::-webkit-scrollbar,
:root[data-theme="hub"] body::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}

/* Top header follows the page; filters do not. */
:root[data-theme="hub"] header{
  position:sticky!important;
  top:10px!important;
  z-index:120!important;
}
:root[data-theme="hub"] .case-filters{
  position:relative!important;
  top:auto!important;
  z-index:5!important;
  grid-template-columns:120px 120px minmax(260px,1fr) 150px 48px!important;
  overflow:visible!important;
}
:root[data-theme="hub"] .cases-heading{display:none!important}
:root[data-theme="hub"] .hero:before{display:none!important;content:none!important}
:root[data-theme="hub"] .hero p{display:none!important}
:root[data-theme="hub"] .hero{min-height:208px!important;padding:38px 0 18px!important}
:root[data-theme="hub"] .hero h1{margin:0!important}

/* One-click filter reset / trash. */
:root[data-theme="hub"] .case-reset-filters{
  width:48px!important;height:52px!important;
  padding:0!important;
  border:0!important;
  border-left:1px solid rgba(255,255,255,.06)!important;
  background:transparent!important;
  color:#737684!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:0!important;
}
:root[data-theme="hub"] .case-reset-filters svg{
  width:18px;height:18px;
  fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
:root[data-theme="hub"] .case-reset-filters:hover{
  color:#ff776b!important;
  background:rgba(255,103,88,.07)!important;
}

/* Collection tech labels gone — only useful collection names stay. */
:root[data-theme="hub"] .hub-collection-status,
:root[data-theme="hub"] .hub-showcase-caption{display:none!important}
:root[data-theme="hub"] .hub-showcase-frame{padding:10px!important}
:root[data-theme="hub"] .hub-showcase-collection{margin-bottom:24px!important}

/* Cozy compact header controls */
:root[data-theme="hub"] .deposit-header-btn{
  width:28px!important;height:28px!important;min-width:28px!important;
  padding:0!important;border-radius:9px!important;
  font-size:27px!important;font-weight:500!important;line-height:1!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
:root[data-theme="hub"] .account{gap:8px!important}
:root[data-theme="hub"] .avatar{width:34px!important;height:34px!important;min-width:34px!important}

/* Case detail: only case name, with a stronger display face. */
:root[data-theme="hub"] .case-page-heading small{display:none!important}
:root[data-theme="hub"] .case-page-heading h1{
  font-family:"Arial Black","Trebuchet MS",system-ui,sans-serif!important;
  font-size:clamp(31px,3.2vw,49px)!important;
  font-weight:950!important;
  letter-spacing:.065em!important;
  line-height:1!important;
  background:linear-gradient(100deg,#fff 0 52%,color-mix(in srgb,var(--accent) 70%,#fff) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
  filter:drop-shadow(0 6px 22px color-mix(in srgb,var(--accent) 13%,transparent))!important;
}

/* Open count selector: smaller block, larger/clearer content. */
:root[data-theme="hub"] .case-count-button{
  width:96px!important;height:46px!important;
  padding:0 10px!important;
  display:grid!important;
  grid-template-columns:21px 1fr 13px!important;
  align-items:center!important;
  justify-items:center!important;
  gap:4px!important;
  border-radius:12px!important;
}
:root[data-theme="hub"] .case-count-button>b{
  font-size:17px!important;line-height:1!important;color:#fff!important
}
:root[data-theme="hub"] .case-count-button>span{
  position:static!important;transform:none!important;
  font-size:8px!important;font-weight:900!important;letter-spacing:.08em!important;
  line-height:1!important;color:#a9abb4!important
}
:root[data-theme="hub"] .case-count-button>i{
  position:static!important;transform:none!important;
  font-size:13px!important;line-height:1!important
}
:root[data-theme="hub"] .case-count-select.open .case-count-button>i{transform:rotate(180deg)!important}
:root[data-theme="hub"] .case-count-menu{
  width:96px!important;padding:5px!important;gap:4px!important;border-radius:12px!important
}
:root[data-theme="hub"] .case-count-menu button{
  height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important
}
:root[data-theme="hub"] .case-count-menu button b{font-size:14px!important}

/* Multi-open basket replaces bottom slots. Single opens have no placeholder at all. */
:root[data-theme="hub"] .case-opening-slots{display:none!important}
:root[data-theme="hub"] .case-opening-screen{position:relative!important}
:root[data-theme="hub"] .case-drop-basket{
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  z-index:32;
  display:flex;
  align-items:center;
  gap:10px;
  pointer-events:auto;
}
:root[data-theme="hub"] .case-basket-toggle{
  width:58px;height:58px;
  padding:0!important;
  border-radius:17px!important;
  border:1px solid rgba(255,255,255,.09)!important;
  background:rgba(12,14,22,.94)!important;
  color:#ece8e2!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  position:relative;
  box-shadow:0 20px 50px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.04)!important;
  transition:.25s cubic-bezier(.2,.8,.2,1)!important;
}
:root[data-theme="hub"] .case-basket-toggle svg{
  width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
:root[data-theme="hub"] .case-basket-toggle>span{
  position:absolute;right:-5px;top:-5px;
  width:23px;height:23px;border-radius:8px;
  background:linear-gradient(135deg,#ff7467,#ff9d69);
  color:#150d0b;font-size:10px;font-weight:950;
  display:flex;align-items:center;justify-content:center;line-height:1;
  box-shadow:0 6px 17px rgba(255,103,88,.24);
}
:root[data-theme="hub"] .case-drop-basket.open .case-basket-toggle,
:root[data-theme="hub"] .case-drop-basket.new-drop .case-basket-toggle{
  border-color:rgba(255,116,103,.38)!important;
  color:#fff!important;
  box-shadow:0 0 0 1px rgba(255,116,103,.08),0 0 35px rgba(255,103,88,.16),0 20px 50px rgba(0,0,0,.34)!important;
}
:root[data-theme="hub"] .case-drop-basket.new-drop .case-basket-toggle{animation:hubBasketPulse .52s cubic-bezier(.16,.88,.26,1.2)}
@keyframes hubBasketPulse{0%{transform:scale(1)}45%{transform:scale(1.13)}100%{transform:scale(1)}}
:root[data-theme="hub"] .case-basket-drawer{
  width:0;
  max-height:355px;
  opacity:0;
  overflow:hidden;
  transform:translateX(-12px) scale(.97);
  transform-origin:left center;
  pointer-events:none;
  border:1px solid transparent;
  border-radius:18px;
  background:rgba(10,12,19,.95);
  backdrop-filter:blur(22px);
  transition:width .3s cubic-bezier(.2,.8,.2,1),opacity .2s ease,transform .3s ease,border-color .2s;
}
:root[data-theme="hub"] .case-drop-basket.open .case-basket-drawer{
  width:255px;
  opacity:1;
  transform:translateX(0) scale(1);
  pointer-events:auto;
  border-color:rgba(255,255,255,.08);
  box-shadow:0 28px 70px rgba(0,0,0,.38);
}
:root[data-theme="hub"] .case-basket-head{
  height:44px;padding:0 12px;
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.06)
}
:root[data-theme="hub"] .case-basket-head strong{font-size:9px;letter-spacing:.08em}
:root[data-theme="hub"] .case-basket-head span{font-size:8px;color:#747784}
:root[data-theme="hub"] .case-basket-list{
  display:flex;flex-direction:column;gap:6px;padding:8px;max-height:302px;overflow:auto;
}
:root[data-theme="hub"] .case-basket-slot{
  height:59px;min-height:59px;
  border:1px dashed rgba(255,255,255,.07);
  border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  background:#0d1017;
}
:root[data-theme="hub"] .case-basket-slot.filled{border-style:solid;border-color:color-mix(in srgb,var(--rarity,#888) 34%,rgba(255,255,255,.07))}
:root[data-theme="hub"] .case-basket-slot.drop-in{animation:hubBasketDrop .48s cubic-bezier(.12,.88,.24,1.13)}
@keyframes hubBasketDrop{0%{opacity:0;transform:translateY(-16px) scale(.86)}100%{opacity:1;transform:none}}
:root[data-theme="hub"] .basket-wait{font-size:9px;color:#343741}
:root[data-theme="hub"] .case-basket-slot .opening-slot-card{
  width:100%;height:100%;
  display:grid;grid-template-columns:67px 1fr;align-items:center;gap:7px;padding:4px 8px;
}
:root[data-theme="hub"] .case-basket-slot .skin-art{width:63px!important;height:48px!important;min-height:48px!important}
:root[data-theme="hub"] .case-basket-slot .opening-slot-card>div:last-child{min-width:0;text-align:left}
:root[data-theme="hub"] .case-basket-slot small,
:root[data-theme="hub"] .case-basket-slot b,
:root[data-theme="hub"] .case-basket-slot strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root[data-theme="hub"] .case-basket-slot small{font-size:6px;color:#676a77}
:root[data-theme="hub"] .case-basket-slot b{font-size:8px;color:#f0ece6;margin-top:1px}
:root[data-theme="hub"] .case-basket-slot strong{font-size:8px;color:#d7b07a;margin-top:3px}

/* ================= HUB UPGRADE v74: circle is the actual field ================= */
:root[data-theme="hub"] .hub-u2-page,
:root[data-theme="hub"] .hub-u2-hero,
:root[data-theme="hub"] .hub-u2-shell{display:none!important}
:root[data-theme="hub"] .hub-u3-page{
  width:min(1460px,calc(100vw - 60px))!important;
  max-width:none!important;margin:0 auto!important;padding:0 0 80px!important;
}
:root[data-theme="hub"] .hub-u3-hero{
  height:128px;
  display:flex;align-items:flex-end;
  padding:30px 2px 19px;
}
:root[data-theme="hub"] .hub-u3-hero h1{
  margin:0;font-size:43px;line-height:1;
  letter-spacing:-.035em;color:#f5f2ed;
  font-family:Inter,system-ui,sans-serif;
}
:root[data-theme="hub"] .hub-u3-shell{
  border:1px solid rgba(255,255,255,.06);
  border-radius:27px;
  padding:15px;
  background:linear-gradient(180deg,rgba(15,17,26,.89),rgba(8,10,15,.94));
  box-shadow:0 34px 100px rgba(0,0,0,.29),inset 0 1px 0 rgba(255,255,255,.025);
  position:relative;
}
:root[data-theme="hub"] .hub-u3-shell:before{
  content:"";position:absolute;left:9%;right:9%;top:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,103,88,.5),rgba(127,103,255,.42),transparent)
}
:root[data-theme="hub"] .hub-u3-stage{
  display:grid;
  grid-template-columns:minmax(290px,1fr) 350px minmax(290px,1fr);
  align-items:center;
  gap:15px;
  min-height:385px;
}
:root[data-theme="hub"] .hub-u3-selected{
  min-width:0;height:345px;
  padding:12px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:21px;
  background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006));
}
:root[data-theme="hub"] .hub-u3-selected-title{
  height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 4px
}
:root[data-theme="hub"] .hub-u3-selected-title strong{font-size:9px;letter-spacing:.07em;color:#d9d7d3}
:root[data-theme="hub"] .hub-u3-selected-title b{font-size:10px;color:#ece9e3}
:root[data-theme="hub"] .hub-u3-selected-window{
  height:276px;border:1px solid rgba(255,255,255,.06);border-radius:16px;
  background:radial-gradient(circle at 50% 43%,color-mix(in srgb,var(--selected-rarity,#ff6758) 10%,transparent),transparent 46%),#090b11;
  overflow:hidden;display:flex;align-items:center;justify-content:center;
}
:root[data-theme="hub"] .hub-u3-target .hub-u3-selected-window{height:235px}
:root[data-theme="hub"] .hub-u3-selected-window .compact-skin{
  width:100%!important;height:100%!important;padding:7px 14px!important;
  display:grid!important;grid-template-rows:185px 1fr!important;align-items:center!important;justify-items:center!important
}
:root[data-theme="hub"] .hub-u3-target .hub-u3-selected-window .compact-skin{grid-template-rows:150px 1fr!important}
:root[data-theme="hub"] .hub-u3-selected-window .skin-art{
  width:100%!important;height:180px!important;min-height:180px!important;max-height:180px!important
}
:root[data-theme="hub"] .hub-u3-target .hub-u3-selected-window .skin-art{height:148px!important;min-height:148px!important;max-height:148px!important}
:root[data-theme="hub"] .hub-u3-selected-window .compact-skin>div:last-child{width:100%!important;text-align:center!important}
:root[data-theme="hub"] .hub-u3-selected-window small,
:root[data-theme="hub"] .hub-u3-selected-window strong,
:root[data-theme="hub"] .hub-u3-selected-window b{text-align:center!important}
:root[data-theme="hub"] .hub-u3-selected-window .compact-skin strong{font-size:13px!important}
:root[data-theme="hub"] .hub-u3-selected-window .compact-skin b{font-size:15px!important;margin-top:4px!important}
:root[data-theme="hub"] .hub-u3-empty{
  height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center
}
:root[data-theme="hub"] .hub-u3-empty i{
  width:46px;height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:#11141c;
  display:flex;align-items:center;justify-content:center;font-style:normal;color:#ff7569;font-size:19px
}
:root[data-theme="hub"] .hub-u3-target .hub-u3-empty i{color:#9a89ff}
:root[data-theme="hub"] .hub-u3-empty strong{font-size:9px;color:#777a87}
:root[data-theme="hub"] .hub-u3-presets{
  height:40px;margin-top:7px;display:grid;grid-template-columns:repeat(6,1fr);gap:5px
}
:root[data-theme="hub"] .hub-u3-presets button{
  min-width:0;height:35px;padding:0!important;border-radius:9px;border:1px solid rgba(255,255,255,.065);
  background:#0e1119;color:#747784;font-size:8px;font-weight:900;
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;line-height:1!important
}
:root[data-theme="hub"] .hub-u3-presets button.active{
  color:#fff;border-color:rgba(154,137,255,.3);background:linear-gradient(135deg,rgba(127,103,255,.20),rgba(255,103,88,.09))
}

/* Central probability is a circle again. The moving square rides the circular rim. */
:root[data-theme="hub"] .hub-u3-core{
  min-width:0;height:365px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  position:relative
}
:root[data-theme="hub"] .hub-u3-wheel-wrap{
  position:relative;width:300px;height:300px;display:grid;place-items:center
}
:root[data-theme="hub"] .hub-u3-wheel{
  width:250px;height:250px;border-radius:50%;
  position:relative;
  display:grid;place-items:center;
  background:
    radial-gradient(circle at 50% 50%,#0b0d14 0 58%,transparent 58.6%),
    repeating-conic-gradient(from -90deg,rgba(255,255,255,.032) 0 .75deg,transparent .75deg 7deg),
    conic-gradient(from -90deg,#ff7569 0 calc(var(--chance)*1%),#171a24 calc(var(--chance)*1%) 100%);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    inset 0 0 44px rgba(0,0,0,.58),
    0 0 0 10px rgba(255,255,255,.018),
    0 24px 70px rgba(0,0,0,.36);
}
:root[data-theme="hub"] .hub-u3-wheel:before{
  content:"";position:absolute;inset:20px;border-radius:50%;border:1px dashed rgba(255,255,255,.05)
}
:root[data-theme="hub"] .hub-u3-wheel-inner{
  width:145px;height:145px;border-radius:50%;
  background:radial-gradient(circle at 38% 30%,#181b26,#090b10 72%);
  border:1px solid rgba(255,255,255,.06);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  position:relative;z-index:2
}
:root[data-theme="hub"] .hub-u3-wheel-inner>strong{font-size:34px;line-height:.95;letter-spacing:-.05em;color:#fff}
:root[data-theme="hub"] .hub-u3-wheel-inner>span{font-size:7px;color:#777a87;font-weight:900;letter-spacing:.13em;margin-top:6px}
:root[data-theme="hub"] .hub-u3-wheel-inner>small{font-size:7px;color:#8a8c98;margin-top:8px}
:root[data-theme="hub"] .hub-u3-scanner{
  position:absolute!important;inset:0!important;width:300px!important;height:300px!important;border-radius:50%!important;
  transform-origin:50% 50%!important;pointer-events:none!important
}
:root[data-theme="hub"] .hub-u3-scanner>i{
  position:absolute!important;left:50%!important;top:1px!important;transform:translateX(-50%)!important;
  width:15px!important;height:15px!important;border-radius:4px!important;
  background:#f7f2e9!important;clip-path:none!important;
  box-shadow:0 0 10px rgba(255,255,255,.62),0 0 20px rgba(255,103,88,.34)!important
}
:root[data-theme="hub"] .hub-u3-shell.is-spinning .hub-u3-wheel{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),inset 0 0 44px rgba(0,0,0,.58),0 0 0 10px rgba(255,255,255,.018),0 0 48px rgba(255,103,88,.08),0 24px 70px rgba(0,0,0,.36)
}
:root[data-theme="hub"] .hub-u3-actions{
  width:285px;min-height:49px;display:flex;align-items:center;justify-content:center;margin-top:-4px
}
:root[data-theme="hub"] .hub-u3-run-row{width:100%;display:grid;grid-template-columns:1fr 48px;gap:7px}
:root[data-theme="hub"] .hub-u3-run{width:100%!important;min-width:0!important;height:48px!important}
:root[data-theme="hub"] .hub-u3-fast{width:48px!important;height:48px!important;border-radius:13px!important}

/* Inventories below: fewer columns, full skin title + price always visible. */
:root[data-theme="hub"] .hub-u3-browsers{
  display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px
}
:root[data-theme="hub"] .hub-u3-browser{
  min-width:0;padding:13px;border:1px solid rgba(255,255,255,.055);border-radius:21px;
  background:linear-gradient(180deg,rgba(255,255,255,.016),rgba(255,255,255,.006))
}
:root[data-theme="hub"] .hub-u3-browser-head{
  min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:10px
}
:root[data-theme="hub"] .hub-u3-browser-head h3{margin:0;font-size:11px;color:#e9e6e0}
:root[data-theme="hub"] .hub-u3-browser .upgrade-source-tabs{
  width:auto!important;min-width:224px!important;
  display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important
}
:root[data-theme="hub"] .hub-u3-browser .upgrade-source-tabs button{
  height:31px!important;padding:0 10px!important;border-radius:9px!important;
  font-size:8px!important;font-weight:900!important;
  display:flex!important;align-items:center!important;justify-content:center!important
}
:root[data-theme="hub"] .hub-u3-target-guide{
  height:29px;min-width:94px;padding:0 9px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#0e1119;
  display:flex;align-items:center;justify-content:center;font-size:8px
}
:root[data-theme="hub"] .hub-u3-filter-row{
  display:grid;grid-template-columns:190px 1fr;gap:7px;margin:7px 0 8px
}
:root[data-theme="hub"] .hub-u3-item-grid{
  height:330px!important;min-height:330px!important;max-height:330px!important;
  margin:0!important;padding:8px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  border-radius:15px!important;background:#090b11!important;border:1px solid rgba(255,255,255,.05)!important
}
:root[data-theme="hub"] .hub-u3-item-grid .upgrade-inv-card,
:root[data-theme="hub"] .hub-u3-item-grid .upgrade-target-card{
  height:151px!important;min-height:151px!important;padding:7px!important;border-radius:12px!important;
  overflow:hidden!important;background:#10131b!important
}
:root[data-theme="hub"] .hub-u3-item-grid .skin-card{
  height:100%!important;min-height:0!important;
  display:grid!important;grid-template-rows:83px 39px 20px!important;align-items:center!important;
  overflow:visible!important
}
:root[data-theme="hub"] .hub-u3-item-grid .skin-art{
  width:100%!important;height:80px!important;min-height:80px!important;max-height:80px!important
}
:root[data-theme="hub"] .hub-u3-item-grid .skin-info{
  min-width:0!important;height:39px!important;align-self:center!important
}
:root[data-theme="hub"] .hub-u3-item-grid .skin-info small,
:root[data-theme="hub"] .hub-u3-item-grid .skin-info strong{
  display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;text-align:left!important
}
:root[data-theme="hub"] .hub-u3-item-grid .skin-info small{font-size:6px!important;color:#6e7180!important}
:root[data-theme="hub"] .hub-u3-item-grid .skin-info strong{font-size:8px!important;color:#efebe5!important;margin-top:2px!important}
:root[data-theme="hub"] .hub-u3-item-grid .skin-price{
  position:static!important;inset:auto!important;
  min-height:20px!important;height:20px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  font-size:8px!important;color:#d9b17a!important;opacity:1!important;visibility:visible!important;
  overflow:visible!important
}
:root[data-theme="hub"] .hub-u3-item-grid .skin-price .korzh-money{display:flex!important;align-items:center!important;gap:4px!important}
:root[data-theme="hub"] .hub-u3-item-grid .skin-price .korzh-money-number{font-size:9px!important}
:root[data-theme="hub"] .hub-u3-item-grid .skin-price .korzh-currency-icon{width:11px!important;height:11px!important}

/* Upgrade settings must be a true viewport modal. */
:root[data-theme="hub"] .upgrade-settings-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:1000!important;
  display:grid!important;
  place-items:center!important;
  padding:20px!important;
  background:rgba(3,4,8,.76)!important;
  backdrop-filter:blur(15px)!important;
}
:root[data-theme="hub"] .upgrade-settings-modal{
  position:relative!important;
  margin:0!important;
  top:auto!important;left:auto!important;
  width:min(520px,calc(100vw - 30px))!important;
  max-height:calc(100vh - 40px)!important;
  overflow:auto!important;
  border-radius:22px!important;
  background:#0d1018!important;
  border-color:rgba(255,255,255,.08)!important;
  box-shadow:0 35px 100px rgba(0,0,0,.55)!important
}
:root[data-theme="hub"] .upgrade-settings-close{
  position:absolute!important;right:13px!important;top:13px!important;
  width:34px!important;height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  line-height:1!important
}

/* Deposit: only real flag images, smaller country buttons. */
.country-tabs{
  grid-template-columns:repeat(3,50px)!important;
  justify-content:center!important;
  gap:8px!important;
}
.country-tabs button{
  width:50px!important;height:42px!important;min-width:50px!important;
  border-radius:11px!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important
}
.country-tabs button i{
  width:30px!important;height:20px!important;overflow:hidden!important;border-radius:4px!important;
  display:flex!important;align-items:center!important;justify-content:center!important
}
.country-tabs button i img{
  width:100%!important;height:100%!important;object-fit:cover!important;display:block!important
}
.deposit-region-flag,
.deposit-region-selected{
  display:flex!important;align-items:center!important;justify-content:center!important
}
.deposit-region-flag img{width:28px!important;height:18px!important;object-fit:cover!important;border-radius:3px!important}
.deposit-region-selected img{width:34px!important;height:22px!important;object-fit:cover!important;border-radius:4px!important}
:root[data-theme="hub"] .deposit-country-block{padding:14px 16px!important}
:root[data-theme="hub"] .deposit-step-label{margin-bottom:10px!important}

/* Strict centering of new controls. */
:root[data-theme="hub"] .case-reset-filters,
:root[data-theme="hub"] .case-basket-toggle,
:root[data-theme="hub"] .case-count-button,
:root[data-theme="hub"] .case-count-menu button,
:root[data-theme="hub"] .hub-u3-presets button,
:root[data-theme="hub"] .hub-u3-run,
:root[data-theme="hub"] .hub-u3-fast,
:root[data-theme="hub"] .hub-u3-settings{
  box-sizing:border-box!important;text-align:center!important
}

/* Mobile */
@media(max-width:1120px){
  :root[data-theme="hub"] .hub-u3-stage{grid-template-columns:1fr 1fr!important}
  :root[data-theme="hub"] .hub-u3-core{grid-column:1/-1!important;grid-row:1!important}
  :root[data-theme="hub"] .hub-u3-browsers{grid-template-columns:1fr!important}
  :root[data-theme="hub"] .case-filters{grid-template-columns:1fr 1fr!important}
  :root[data-theme="hub"] .case-reset-filters{width:100%!important;border-left:0!important;border-top:1px solid rgba(255,255,255,.06)!important}
}
@media(max-width:720px){
  :root[data-theme="hub"] .hub-u3-page{width:calc(100vw - 24px)!important}
  :root[data-theme="hub"] .hub-u3-stage{grid-template-columns:1fr!important}
  :root[data-theme="hub"] .hub-u3-core,
  :root[data-theme="hub"] .hub-u3-source,
  :root[data-theme="hub"] .hub-u3-target{grid-column:1!important}
  :root[data-theme="hub"] .hub-u3-core{grid-row:auto!important}
  :root[data-theme="hub"] .hub-u3-item-grid{grid-template-columns:repeat(2,1fr)!important}
  :root[data-theme="hub"] .hub-u3-filter-row{grid-template-columns:1fr!important}
  :root[data-theme="hub"] .case-drop-basket{left:8px!important}
  :root[data-theme="hub"] .case-drop-basket.open .case-basket-drawer{width:218px!important}
}

/* =========================================================
   v74 FINAL QA — drop flight, cozy controls, unclipped skins
   ========================================================= */

/* The flight itself lives at viewport level so no game panel can clip it. */
:root[data-theme="hub"] .case-drop-flyer{
  position:fixed;
  width:72px;height:54px;
  z-index:1500;
  pointer-events:none;
  display:flex;align-items:center;justify-content:center;
  border:1px solid color-mix(in srgb,var(--rarity,#ff766b) 38%,rgba(255,255,255,.08));
  border-radius:12px;
  background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--rarity,#ff766b) 18%,transparent),#0b0d14 72%);
  box-shadow:0 16px 34px rgba(0,0,0,.42),0 0 24px color-mix(in srgb,var(--rarity,#ff766b) 12%,transparent);
  overflow:hidden;
  will-change:transform,opacity;
}
:root[data-theme="hub"] .case-drop-flyer .skin-art{
  width:68px!important;height:50px!important;min-height:50px!important;max-height:50px!important;
}
:root[data-theme="hub"] .case-drop-flyer .real-skin img{max-width:92%!important;max-height:88%!important}

/* Opening the basket unfolds items; closing visually packs them back into it. */
:root[data-theme="hub"] .case-drop-basket.unpacking .case-basket-slot.filled{
  animation:hubBasketUnpack .36s cubic-bezier(.18,.86,.24,1.08) both;
}
:root[data-theme="hub"] .case-drop-basket.unpacking .case-basket-slot.filled:nth-child(2){animation-delay:.035s}
:root[data-theme="hub"] .case-drop-basket.unpacking .case-basket-slot.filled:nth-child(3){animation-delay:.07s}
:root[data-theme="hub"] .case-drop-basket.unpacking .case-basket-slot.filled:nth-child(4){animation-delay:.105s}
:root[data-theme="hub"] .case-drop-basket.unpacking .case-basket-slot.filled:nth-child(5){animation-delay:.14s}
@keyframes hubBasketUnpack{
  0%{opacity:.08;transform:translateX(-112px) scale(.48)}
  100%{opacity:1;transform:none}
}
:root[data-theme="hub"] .case-drop-basket.closing .case-basket-slot.filled{
  animation:hubBasketPack .21s cubic-bezier(.55,.05,.9,.5) both!important;
}
:root[data-theme="hub"] .case-drop-basket.closing .case-basket-slot.filled:nth-child(2){animation-delay:.015s!important}
:root[data-theme="hub"] .case-drop-basket.closing .case-basket-slot.filled:nth-child(3){animation-delay:.03s!important}
:root[data-theme="hub"] .case-drop-basket.closing .case-basket-slot.filled:nth-child(4){animation-delay:.045s!important}
:root[data-theme="hub"] .case-drop-basket.closing .case-basket-slot.filled:nth-child(5){animation-delay:.06s!important}
@keyframes hubBasketPack{
  0%{opacity:1;transform:none}
  100%{opacity:0;transform:translateX(-126px) scale(.38)}
}

/* Upgrade inventory cards: previous 151px box could clip its 142px rows + padding.
   Give the metadata its own guaranteed space and center all content. */
:root[data-theme="hub"] .hub-u3-item-grid{
  height:390px!important;
  min-height:390px!important;
  max-height:390px!important;
  grid-auto-rows:176px!important;
  align-content:start!important;
}
:root[data-theme="hub"] .hub-u3-item-grid .upgrade-inv-card,
:root[data-theme="hub"] .hub-u3-item-grid .upgrade-target-card{
  height:176px!important;
  min-height:176px!important;
  max-height:176px!important;
  padding:7px!important;
  overflow:hidden!important;
}
:root[data-theme="hub"] .hub-u3-item-grid .skin-card{
  height:160px!important;
  min-height:160px!important;
  max-height:160px!important;
  padding:7px 8px!important;
  display:grid!important;
  grid-template-rows:88px 39px 25px!important;
  align-items:center!important;
  overflow:hidden!important;
}
:root[data-theme="hub"] .hub-u3-item-grid .skin-art{
  height:86px!important;min-height:86px!important;max-height:86px!important;
}
:root[data-theme="hub"] .hub-u3-item-grid .skin-info{
  height:39px!important;
  min-height:39px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
:root[data-theme="hub"] .hub-u3-item-grid .skin-info small,
:root[data-theme="hub"] .hub-u3-item-grid .skin-info strong{
  width:100%!important;
  text-align:center!important;
}
:root[data-theme="hub"] .hub-u3-item-grid .skin-info small{font-size:7px!important}
:root[data-theme="hub"] .hub-u3-item-grid .skin-info strong{font-size:9px!important;margin-top:2px!important}
:root[data-theme="hub"] .hub-u3-item-grid .skin-price{
  height:25px!important;
  min-height:25px!important;
  margin:0!important;
  padding:0!important;
  border-top:1px solid rgba(255,255,255,.045)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
}
:root[data-theme="hub"] .hub-u3-item-grid .skin-price .korzh-money-number{font-size:10px!important}
:root[data-theme="hub"] .hub-u3-item-grid .skin-price .korzh-currency-icon{width:12px!important;height:12px!important}

/* Cozy inventory selector: compact shells but readable labels. */
:root[data-theme="hub"] .hub-u3-browser-head h3{
  font-size:14px!important;
  letter-spacing:.015em!important;
}
:root[data-theme="hub"] .hub-u3-browser .upgrade-source-tabs{
  min-width:208px!important;
}
:root[data-theme="hub"] .hub-u3-browser .upgrade-source-tabs button{
  height:34px!important;
  padding:0 10px!important;
  font-size:9px!important;
  line-height:1!important;
}

/* Stronger circular read: the moving square is unmistakably attached to a round field. */
:root[data-theme="hub"] .hub-u3-wheel-wrap:before,
:root[data-theme="hub"] .hub-u3-wheel-wrap:after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
}
:root[data-theme="hub"] .hub-u3-wheel-wrap:before{
  width:298px;height:298px;
  border:1px solid rgba(255,255,255,.075);
  box-shadow:inset 0 0 30px rgba(255,255,255,.012),0 0 34px rgba(127,103,255,.035);
}
:root[data-theme="hub"] .hub-u3-wheel-wrap:after{
  width:274px;height:274px;
  border:1px dashed rgba(255,255,255,.045);
}
:root[data-theme="hub"] .hub-u3-scanner{z-index:7!important}

/* More readable / less empty case opening controls. */
:root[data-theme="hub"] .case-page-actions-with-count{
  gap:8px!important;
  align-items:center!important;
  justify-content:center!important;
}
:root[data-theme="hub"] .case-count-button{
  width:92px!important;
  height:44px!important;
  grid-template-columns:20px 1fr 12px!important;
}
:root[data-theme="hub"] .case-count-button>b{font-size:18px!important}
:root[data-theme="hub"] .case-count-button>span{font-size:8px!important}

/* Fixed settings overlay must never inherit the generic HUB page child positioning. */
:root[data-theme="hub"] .page>.upgrade-settings-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:5000!important;
}
:root[data-theme="hub"] .page>.steam-auth-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:5000!important;
}

/* Hide native document scrollbars in all Blink/WebKit variants, keep component scrollbars. */
html[data-theme="hub"],html[data-theme="hub"] body{
  scrollbar-width:none!important;
  -ms-overflow-style:none!important;
}
html[data-theme="hub"]::-webkit-scrollbar,
html[data-theme="hub"] body::-webkit-scrollbar{
  width:0!important;height:0!important;background:transparent!important;
}

/* Region selector is intentionally flags-only and tiny. */
.country-tabs{grid-template-columns:repeat(3,46px)!important;gap:7px!important}
.country-tabs button{width:46px!important;height:38px!important;min-width:46px!important;border-radius:10px!important}
.country-tabs button i{width:28px!important;height:18px!important}
.country-tabs button b,.country-tabs button em{display:none!important}

/* Every icon-only control is mathematically centered. */
:root[data-theme="hub"] .deposit-header-btn,
:root[data-theme="hub"] .case-reset-filters,
:root[data-theme="hub"] .case-basket-toggle,
:root[data-theme="hub"] .fast-spin-toggle,
:root[data-theme="hub"] .upgrade-settings-btn,
:root[data-theme="hub"] .upgrade-settings-close,
:root[data-theme="hub"] .close{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:0!important;
  line-height:1!important;
}


/* =========================================================
   v75 HUB — precision UX alignment / compact controls
   ========================================================= */

/* Header: + | balance | avatar. Plus is a true centered square. */
:root[data-theme="hub"] .account{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
}
:root[data-theme="hub"] .deposit-header-btn{
  order:0!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  border-radius:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  font-size:25px!important;
  font-weight:650!important;
  line-height:1!important;
}
:root[data-theme="hub"] .balance{order:1!important}
:root[data-theme="hub"] .avatar,
:root[data-theme="hub"] .steam-login-mini{order:2!important}

/* Main filters: slimmer and calmer. */
:root[data-theme="hub"] .case-filters{
  height:44px!important;
  min-height:44px!important;
  grid-template-columns:108px 108px minmax(260px,1fr) 138px 44px!important;
  border-radius:13px!important;
}
:root[data-theme="hub"] .case-filter,
:root[data-theme="hub"] .available-filter,
:root[data-theme="hub"] .case-reset-filters{
  height:42px!important;
  min-height:42px!important;
}
:root[data-theme="hub"] .case-filter{
  padding-top:0!important;
  padding-bottom:0!important;
}
:root[data-theme="hub"] .case-filter span,
:root[data-theme="hub"] .available-filter span{
  font-size:7px!important;
}
:root[data-theme="hub"] .case-reset-filters{
  width:44px!important;
}

/* Case open controls: number-only square == lightning square. */
:root[data-theme="hub"] .case-page-actions-with-count{
  gap:9px!important;
}
:root[data-theme="hub"] .case-count-select{
  width:52px!important;
  min-width:52px!important;
}
:root[data-theme="hub"] .case-count-button{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:13px!important;
  grid-template-columns:none!important;
}
:root[data-theme="hub"] .case-count-button>b{
  font-size:19px!important;
  line-height:1!important;
  width:auto!important;
}
:root[data-theme="hub"] .case-count-button>span,
:root[data-theme="hub"] .case-count-button>i{
  display:none!important;
}
:root[data-theme="hub"] .case-count-menu{
  width:52px!important;
  min-width:52px!important;
  padding:4px!important;
  border-radius:12px!important;
}
:root[data-theme="hub"] .case-count-menu button{
  width:44px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  border-radius:9px!important;
}
:root[data-theme="hub"] .case-count-menu button b{
  font-size:14px!important;
  line-height:1!important;
}
:root[data-theme="hub"] .case-page-actions .fast-spin-toggle{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  border-radius:13px!important;
}
:root[data-theme="hub"] .case-page-actions .open-btn:not(.skip-in-place){
  width:286px!important;
  min-width:286px!important;
  max-width:286px!important;
  height:52px!important;
  min-height:52px!important;
  padding:0 18px!important;
  border-radius:15px!important;
}
:root[data-theme="hub"] .case-page-actions .open-btn .korzh-money-number{
  font-size:18px!important;
}
:root[data-theme="hub"] .case-page-actions .open-btn .korzh-currency-icon{
  width:20px!important;
  height:20px!important;
}

/* Upgrade top stage: keep circle, remove dead preset space under TARGET. */
:root[data-theme="hub"] .hub-u3-target .hub-u3-selected-window{
  height:276px!important;
}
:root[data-theme="hub"] .hub-u3-target .hub-u3-selected-window .compact-skin{
  grid-template-rows:185px 1fr!important;
}
:root[data-theme="hub"] .hub-u3-target .hub-u3-selected-window .skin-art{
  height:180px!important;
  min-height:180px!important;
  max-height:180px!important;
}
:root[data-theme="hub"] .hub-u3-wheel-inner small{
  display:none!important;
}

/* Upgrade button + lightning exactly same height/baseline. */
:root[data-theme="hub"] .hub-u3-actions{
  width:300px!important;
  min-height:52px!important;
  margin-top:0!important;
}
:root[data-theme="hub"] .hub-u3-run-row{
  width:100%!important;
  grid-template-columns:1fr 52px!important;
  gap:8px!important;
  align-items:stretch!important;
}
:root[data-theme="hub"] .hub-u3-run,
:root[data-theme="hub"] .hub-u3-fast{
  height:52px!important;
  min-height:52px!important;
  max-height:52px!important;
  margin:0!important;
  align-self:stretch!important;
}
:root[data-theme="hub"] .hub-u3-fast{
  width:52px!important;
  min-width:52px!important;
  border-radius:13px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  line-height:1!important;
}

/* Browser headers: same geometry left/right. */
:root[data-theme="hub"] .hub-u3-browser-head{
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
}
:root[data-theme="hub"] .hub-u3-browser-head h3{
  margin:0!important;
  font-size:13px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
:root[data-theme="hub"] .hub-u3-browser .upgrade-source-tabs{
  width:auto!important;
  min-width:194px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:5px!important;
}
:root[data-theme="hub"] .hub-u3-browser .upgrade-source-tabs button{
  height:28px!important;
  min-height:28px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  font-size:8px!important;
  line-height:1!important;
}

/* Presets moved into TARGET SKINS header. */
:root[data-theme="hub"] .hub-u3-browser-presets{
  display:grid!important;
  grid-template-columns:repeat(6,48px)!important;
  gap:5px!important;
  align-items:center!important;
}
:root[data-theme="hub"] .hub-u3-browser-presets button{
  width:48px!important;
  min-width:48px!important;
  height:28px!important;
  min-height:28px!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:8px!important;
  background:#0e1119!important;
  color:#747784!important;
  font-size:7px!important;
  font-weight:900!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
}
:root[data-theme="hub"] .hub-u3-browser-presets button.active{
  color:#fff!important;
  border-color:rgba(154,137,255,.3)!important;
  background:linear-gradient(135deg,rgba(127,103,255,.20),rgba(255,103,88,.09))!important;
}
:root[data-theme="hub"] .hub-u3-browser-presets .hub-u3-settings{
  color:#d8b17b!important;
}

/* Left/right filter lines are exactly proportional. */
:root[data-theme="hub"] .hub-u3-filter-row{
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  grid-template-columns:190px 1fr!important;
  gap:7px!important;
  margin:7px 0 8px!important;
}
:root[data-theme="hub"] .hub-u3-filter-row .upgrade-price-range,
:root[data-theme="hub"] .hub-u3-filter-row .upgrade-search{
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  margin:0!important;
}

/* Deposit country controls: smaller; no duplicate local flag. */
.country-tabs{
  grid-template-columns:repeat(3,42px)!important;
  gap:6px!important;
}
.country-tabs button{
  width:42px!important;
  height:34px!important;
  min-width:42px!important;
  min-height:34px!important;
  border-radius:9px!important;
}
.country-tabs button i{
  width:25px!important;
  height:16px!important;
  border-radius:3px!important;
}
.deposit-region-flag{display:none!important}
.deposit-selected-method:not(:has(.deposit-region-selected)){
  padding-bottom:13px!important;
}
.deposit-region-selected{
  margin-top:6px!important;
}

/* If universal payment is selected, no country indicator occupies space. */
.deposit-selected-method > .deposit-region-selected:empty{
  display:none!important;
}

/* Profile HUB: no duplicated KORZH top bar. */
:root[data-theme="hub"] .profile-topbar{
  display:none!important;
}
:root[data-theme="hub"] .profile-v74-main{
  padding-top:22px!important;
}
:root[data-theme="hub"] .profile-v75-back-row{
  width:100%;
  min-height:40px;
  margin-bottom:10px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
:root[data-theme="hub"] .profile-v75-back-row .profile-back{
  width:max-content!important;
  height:34px!important;
  padding:0 12px!important;
}

/* Keep all icon-only controls mathematically centered. */
:root[data-theme="hub"] .deposit-header-btn,
:root[data-theme="hub"] .case-count-button,
:root[data-theme="hub"] .case-count-menu button,
:root[data-theme="hub"] .case-page-actions .fast-spin-toggle,
:root[data-theme="hub"] .hub-u3-fast,
:root[data-theme="hub"] .hub-u3-browser-presets button{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  box-sizing:border-box!important;
}

@media(max-width:1120px){
  :root[data-theme="hub"] .hub-u3-browser-presets{
    grid-template-columns:repeat(3,48px)!important;
  }
  :root[data-theme="hub"] .hub-u3-browser-head{
    height:auto!important;
    min-height:42px!important;
    max-height:none!important;
    flex-wrap:wrap!important;
    padding:5px 0!important;
  }
}


/* =========================================================
   v76 HUB — deterministic upgrade landing + deeper reel + header precision
   ========================================================= */

/* UPGRADE: visual success sector starts exactly at square angle 0 (top) and runs clockwise. */
:root[data-theme="hub"] .hub-u3-wheel{
  background:
    radial-gradient(circle at 50% 50%,#0b0d14 0 58%,transparent 58.6%),
    repeating-conic-gradient(from 0deg,rgba(255,255,255,.032) 0 .75deg,transparent .75deg 7deg),
    conic-gradient(from 0deg,#ff7569 0 calc(var(--chance)*1%),#171a24 calc(var(--chance)*1%) 100%)!important;
  transition:background .26s ease,box-shadow .26s ease!important;
}
:root[data-theme="hub"] .hub-u3-wheel.result-win{
  background:
    radial-gradient(circle at 50% 50%,#0a0e0c 0 58%,transparent 58.6%),
    repeating-conic-gradient(from 0deg,rgba(255,255,255,.032) 0 .75deg,transparent .75deg 7deg),
    conic-gradient(from 0deg,#42d983 0 calc(var(--chance)*1%),#151a1b calc(var(--chance)*1%) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(86,232,143,.14),inset 0 0 44px rgba(0,0,0,.58),0 0 0 10px rgba(66,217,131,.025),0 0 38px rgba(66,217,131,.11),0 24px 70px rgba(0,0,0,.36)!important;
}
:root[data-theme="hub"] .hub-u3-wheel.result-lose{
  background:
    radial-gradient(circle at 50% 50%,#100a0b 0 58%,transparent 58.6%),
    repeating-conic-gradient(from 0deg,rgba(255,255,255,.032) 0 .75deg,transparent .75deg 7deg),
    conic-gradient(from 0deg,#171a24 0 calc(var(--chance)*1%),#d84d52 calc(var(--chance)*1%) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(232,82,86,.13),inset 0 0 44px rgba(0,0,0,.60),0 0 0 10px rgba(216,77,82,.022),0 0 38px rgba(216,77,82,.10),0 24px 70px rgba(0,0,0,.36)!important;
}
:root[data-theme="hub"] .hub-u3-wheel-inner.has-result{
  width:151px!important;height:151px!important;
}
:root[data-theme="hub"] .hub-u3-result-label{
  max-width:124px!important;
  font-size:22px!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
  text-align:center!important;
  white-space:normal!important;
}
:root[data-theme="hub"] .hub-u3-wheel.result-win .hub-u3-result-label{
  color:#72e7a2!important;
  text-shadow:0 0 22px rgba(80,224,139,.22)!important;
}
:root[data-theme="hub"] .hub-u3-wheel.result-lose .hub-u3-result-label{
  color:#ff7779!important;
  text-shadow:0 0 22px rgba(234,77,82,.20)!important;
}
:root[data-theme="hub"] .hub-u3-actions.has-result{
  width:300px!important;
  min-height:52px!important;
  margin-top:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
:root[data-theme="hub"] .hub-u3-retry{
  width:210px!important;
  min-width:210px!important;
  height:48px!important;
  min-height:48px!important;
  margin:0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
:root[data-theme="hub"] .hub-u3-result-actions{
  width:250px!important;
  margin:0 auto!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
:root[data-theme="hub"] .hub-u3-result-actions button{
  height:46px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}

/* Case opening: wider stage and a noticeably deeper 3D reel. */
:root[data-theme="hub"] main.case-detail-page{
  width:min(1580px,calc(100vw - 28px))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}
:root[data-theme="hub"] .case-detail-shell{
  width:100%!important;
  max-width:none!important;
  padding-left:30px!important;
  padding-right:30px!important;
}
:root[data-theme="hub"] .case-opening-reel{
  width:calc(100% + 24px)!important;
  max-width:none!important;
  margin-left:-12px!important;
  margin-right:-12px!important;
  perspective:860px!important;
  perspective-origin:50% 48%!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-wrap.reel-3d{
  height:392px!important;
  border-radius:20px!important;
  background:
    radial-gradient(ellipse at 50% 47%,rgba(66,48,39,.34),rgba(10,8,9,.96) 62%),
    linear-gradient(180deg,#100b09,#070607)!important;
  box-shadow:inset 0 48px 90px rgba(0,0,0,.52),inset 0 -48px 90px rgba(0,0,0,.52),0 26px 76px rgba(0,0,0,.34)!important;
  perspective:860px!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-viewport,
:root[data-theme="hub"] .case-opening-reel .reel-3d .pointer{
  height:392px!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-viewport{
  perspective:860px!important;
  perspective-origin:50% 48%!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel{
  gap:22px!important;
  transform-style:preserve-3d!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card{
  flex-basis:300px!important;
  width:300px!important;
  height:266px!important;
  transform-style:preserve-3d!important;
  backface-visibility:hidden!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner{
  border-radius:23px!important;
  padding:15px 17px 16px!important;
  box-shadow:0 28px 54px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.075),inset 0 -3px 0 color-mix(in srgb,var(--rarity) 72%,transparent)!important;
  transform:translateZ(0)!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .real-skin{
  height:180px!important;
  transform:translateZ(42px)!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-haze.left{width:14%!important;background:linear-gradient(90deg,#080607 6%,rgba(8,6,7,.88) 32%,transparent)!important}
:root[data-theme="hub"] .case-opening-reel .reel-haze.right{width:14%!important;background:linear-gradient(270deg,#080607 6%,rgba(8,6,7,.88) 32%,transparent)!important}

/* Header account: tiny plus, exact optical center, constant gap no matter balance length. */
:root[data-theme="hub"] .account{
  gap:0!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  white-space:nowrap!important;
}
:root[data-theme="hub"] .deposit-header-btn{
  order:0!important;
  width:22px!important;
  height:22px!important;
  min-width:22px!important;
  min-height:22px!important;
  flex:0 0 22px!important;
  padding:0!important;
  margin:0 6px 0 0!important;
  border-radius:7px!important;
  font-size:0!important;
  line-height:1!important;
  transform:translateY(5px)!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
:root[data-theme="hub"] .deposit-header-btn::before{
  content:"+";
  width:22px;height:22px;
  display:grid;
  place-items:center;
  font-family:Arial,system-ui,sans-serif;
  font-size:17px;
  font-weight:800;
  line-height:1;
  color:#160c0b;
  transform:translateY(-.4px);
}
:root[data-theme="hub"] .balance{
  order:1!important;
  margin:0!important;
  flex:0 0 auto!important;
}
:root[data-theme="hub"] .avatar{
  order:2!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  flex:0 0 34px!important;
  margin-left:10px!important;
  padding:0!important;
  border-radius:50%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  overflow:hidden!important;
}

@media(max-width:900px){
  :root[data-theme="hub"] main.case-detail-page{width:calc(100vw - 18px)!important}
  :root[data-theme="hub"] .case-detail-shell{padding-left:14px!important;padding-right:14px!important}
  :root[data-theme="hub"] .case-opening-reel{width:100%!important;margin-left:0!important;margin-right:0!important}
  :root[data-theme="hub"] .case-opening-reel .reel-wrap.reel-3d,
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-viewport,
  :root[data-theme="hub"] .case-opening-reel .reel-3d .pointer{height:330px!important}
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card{flex-basis:236px!important;width:236px!important;height:216px!important}
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .real-skin{height:142px!important}
}


/* =========================================================
   v77 HUB — exact stop-cell feedback + premium cookie-break case reveal
   ========================================================= */

/* Upgrade result: keep the normal probability map. Only the exact 7° cell
   under the stopped square is painted after the result. */
:root[data-theme="hub"] .hub-u3-wheel.result-win,
:root[data-theme="hub"] .hub-u3-wheel.result-lose{
  background:
    radial-gradient(circle at 50% 50%,#0b0d14 0 58%,transparent 58.6%),
    repeating-conic-gradient(from 0deg,rgba(255,255,255,.032) 0 .75deg,transparent .75deg 7deg),
    conic-gradient(from 0deg,#ff7569 0 calc(var(--chance)*1%),#171a24 calc(var(--chance)*1%) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.055),inset 0 0 44px rgba(0,0,0,.58),0 0 0 10px rgba(255,255,255,.012),0 24px 70px rgba(0,0,0,.36)!important;
}
:root[data-theme="hub"] .hub-u3-wheel{position:relative!important;isolation:isolate!important}
:root[data-theme="hub"] .hub-u3-stop-sector{
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:50%;
  pointer-events:none;
  background:conic-gradient(from var(--stop-start),var(--stop-color) 0 7deg,transparent 7deg 360deg);
  -webkit-mask:radial-gradient(circle at 50% 50%,transparent 0 59%,#000 59.4% 88%,transparent 88.5% 100%);
  mask:radial-gradient(circle at 50% 50%,transparent 0 59%,#000 59.4% 88%,transparent 88.5% 100%);
  filter:drop-shadow(0 0 8px var(--stop-glow));
  animation:hubStopCellPop .38s cubic-bezier(.16,.82,.22,1) both;
}
:root[data-theme="hub"] .hub-u3-stop-sector.is-win{--stop-color:#53e391;--stop-glow:rgba(83,227,145,.48)}
:root[data-theme="hub"] .hub-u3-stop-sector.is-lose{--stop-color:#ef6267;--stop-glow:rgba(239,98,103,.46)}
@keyframes hubStopCellPop{
  0%{opacity:0;transform:scale(.97);filter:drop-shadow(0 0 0 transparent)}
  65%{opacity:1;transform:scale(1.012);filter:drop-shadow(0 0 16px var(--stop-glow))}
  100%{opacity:1;transform:scale(1);filter:drop-shadow(0 0 8px var(--stop-glow))}
}
:root[data-theme="hub"] .hub-u3-wheel-inner{position:relative!important;z-index:4!important}

/* Case opener is a layered transition: case breaks first, reel blooms behind it. */
:root[data-theme="hub"] .case-opening-screen{
  overflow:visible!important;
  padding-top:0!important;
}
:root[data-theme="hub"] .case-opening-transition{
  position:relative;
  width:100%;
  min-height:535px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
  border-radius:20px;
}
:root[data-theme="hub"] .case-break-stage{
  width:390px!important;
  height:260px!important;
  margin:0 auto!important;
  position:relative!important;
  z-index:12!important;
  display:block!important;
  pointer-events:none!important;
  transform:translateZ(0);
  filter:drop-shadow(0 22px 28px rgba(0,0,0,.34));
}
:root[data-theme="hub"] .case-break-half{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  will-change:transform,opacity,filter;
  backface-visibility:hidden;
  transform-style:preserve-3d;
}
:root[data-theme="hub"] .case-break-half .case-art{
  width:370px!important;
  height:250px!important;
  max-width:370px!important;
  max-height:250px!important;
  margin:0!important;
  transform:none!important;
}
:root[data-theme="hub"] .case-break-half .arsenal-case.custom-arsenal-art{
  width:370px!important;
  height:250px!important;
}
:root[data-theme="hub"] .case-break-half .arsenal-case.custom-arsenal-art>.arsenal-custom-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transform:none!important;
}
:root[data-theme="hub"] .case-break-left{
  clip-path:polygon(0 0,51% 0,48% 10%,53% 18%,48% 28%,54% 39%,49% 49%,55% 61%,48% 73%,53% 84%,49% 100%,0 100%);
  transform-origin:45% 54%;
}
:root[data-theme="hub"] .case-break-right{
  clip-path:polygon(51% 0,100% 0,100% 100%,49% 100%,53% 84%,48% 73%,55% 61%,49% 49%,54% 39%,48% 28%,53% 18%,48% 10%);
  transform-origin:55% 54%;
}
:root[data-theme="hub"] .case-break-crack{
  position:absolute;
  left:49%;top:3%;
  width:7%;height:94%;
  z-index:15;
  overflow:visible;
  opacity:0;
  filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent,#ff765f) 72%,#fff));
}
:root[data-theme="hub"] .case-break-crack path{
  fill:none;
  stroke:color-mix(in srgb,var(--accent,#ff765f) 56%,#fff);
  stroke-width:1.35;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:118;
  stroke-dashoffset:118;
}
:root[data-theme="hub"] .case-break-crumbs{
  position:absolute;
  left:50%;top:50%;
  width:1px;height:1px;
  z-index:16;
  pointer-events:none;
}
:root[data-theme="hub"] .case-break-crumbs i{
  position:absolute;
  left:var(--sx);top:var(--sy);
  width:8px;height:6px;
  border-radius:45% 52% 38% 58%;
  opacity:0;
  transform:translate3d(0,0,0) rotate(0) scale(var(--sc));
  background:linear-gradient(145deg,color-mix(in srgb,var(--accent,#ff765f) 55%,#f8e7d1),color-mix(in srgb,var(--accent,#ff765f) 68%,#6c3b2e));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 3px 7px rgba(0,0,0,.32),0 0 8px color-mix(in srgb,var(--accent,#ff765f) 30%,transparent);
}

/* Tiny impact, then asymmetric inertial break. */
:root[data-theme="hub"] .case-opening-screen.phase-rolling .case-break-stage{
  animation:hubBreakImpact .22s cubic-bezier(.22,.74,.18,1) both;
}
:root[data-theme="hub"] .case-opening-screen.phase-rolling .case-break-left{
  animation:hubCaseHalfLeft 1.02s cubic-bezier(.20,.74,.14,1) .10s both;
}
:root[data-theme="hub"] .case-opening-screen.phase-rolling .case-break-right{
  animation:hubCaseHalfRight 1.04s cubic-bezier(.20,.74,.14,1) .105s both;
}
:root[data-theme="hub"] .case-opening-screen.phase-rolling .case-break-crack{
  animation:hubCrackFlash .34s ease-out .02s both;
}
:root[data-theme="hub"] .case-opening-screen.phase-rolling .case-break-crack path{
  animation:hubCrackDraw .24s cubic-bezier(.2,.72,.2,1) .02s both;
}
:root[data-theme="hub"] .case-opening-screen.phase-rolling .case-break-crumbs i{
  animation:hubCrumbFly .74s cubic-bezier(.18,.76,.2,1) calc(.12s + var(--delay)) both;
}
@keyframes hubBreakImpact{
  0%{transform:scale(1)}
  48%{transform:scale(.988)}
  100%{transform:scale(1)}
}
@keyframes hubCaseHalfLeft{
  0%{transform:translate3d(0,0,0) rotate(0) scale(1);opacity:1;filter:blur(0)}
  16%{transform:translate3d(-8px,1px,0) rotate(-.7deg) scale(.999);opacity:1}
  58%{transform:translate3d(-43vw,-5px,35px) rotate(-5.2deg) scale(.98);opacity:.98;filter:blur(0)}
  100%{transform:translate3d(-94vw,-17px,15px) rotate(-9deg) scale(.94);opacity:0;filter:blur(1.4px)}
}
@keyframes hubCaseHalfRight{
  0%{transform:translate3d(0,0,0) rotate(0) scale(1);opacity:1;filter:blur(0)}
  16%{transform:translate3d(9px,-1px,0) rotate(.65deg) scale(.999);opacity:1}
  58%{transform:translate3d(43vw,5px,35px) rotate(5deg) scale(.985);opacity:.98;filter:blur(0)}
  100%{transform:translate3d(94vw,15px,15px) rotate(8.5deg) scale(.945);opacity:0;filter:blur(1.4px)}
}
@keyframes hubCrackDraw{from{stroke-dashoffset:118}to{stroke-dashoffset:0}}
@keyframes hubCrackFlash{
  0%{opacity:0}
  35%{opacity:1}
  100%{opacity:0}
}
@keyframes hubCrumbFly{
  0%{opacity:0;transform:translate3d(0,0,0) rotate(0) scale(var(--sc))}
  14%{opacity:.95}
  100%{opacity:0;transform:translate3d(var(--dx),var(--dy),0) rotate(var(--rr)) scale(calc(var(--sc)*.72))}
}

/* The roulette grows out of the fresh split, not from a generic fade. */
:root[data-theme="hub"] .case-opening-transition .case-opening-reel{
  position:relative!important;
  z-index:4!important;
  width:calc(100% + 24px)!important;
  margin:-178px -12px 0!important;
  transform-origin:50% 42%!important;
  overflow:visible!important;
}
:root[data-theme="hub"] .case-opening-screen.phase-windup .case-opening-reel .reel-wrap,
:root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-wrap.reel-preopen{
  opacity:0!important;
  transform:translateY(8px) scaleX(.055) scaleY(.72)!important;
  clip-path:inset(0 49.3% 0 49.3% round 20px)!important;
  filter:blur(8px) brightness(1.18)!important;
}
:root[data-theme="hub"] .case-opening-screen.phase-rolling .case-opening-reel .reel-wrap,
:root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-wrap.reel-open{
  opacity:1!important;
  transform:translateY(0) scaleX(1) scaleY(1)!important;
  clip-path:inset(0 0 0 0 round 20px)!important;
  filter:blur(0) brightness(1)!important;
  transition:opacity .35s ease-out,transform .86s cubic-bezier(.14,.80,.16,1),clip-path .84s cubic-bezier(.14,.80,.16,1),filter .48s ease-out!important;
}
:root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-wrap.reel-3d{
  height:404px!important;
  box-shadow:inset 0 50px 96px rgba(0,0,0,.54),inset 0 -50px 96px rgba(0,0,0,.54),0 28px 80px rgba(0,0,0,.38),0 0 48px color-mix(in srgb,var(--accent,#ff765f) 5%,transparent)!important;
}
:root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-3d .reel-viewport,
:root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-3d .pointer{height:404px!important}

/* Keep case contents present during the whole opening. */
:root[data-theme="hub"] .case-detail-shell:has(.case-opening-screen) .case-page-contents{
  display:block!important;
  opacity:1!important;
  transform:none!important;
  margin-top:22px!important;
}

/* The paid-open price control is deliberately short; skip button is untouched. */
:root[data-theme="hub"] .case-page-actions .open-btn:not(.skip-in-place){
  width:150px!important;
  min-width:150px!important;
  max-width:150px!important;
  padding-left:10px!important;
  padding-right:10px!important;
}
:root[data-theme="hub"] .case-page-actions .open-btn:not(.skip-in-place) .korzh-money{
  width:100%!important;
  justify-content:center!important;
  gap:6px!important;
}

@media(max-width:900px){
  :root[data-theme="hub"] .case-opening-transition{min-height:475px}
  :root[data-theme="hub"] .case-break-stage{width:310px!important;height:215px!important}
  :root[data-theme="hub"] .case-break-half .case-art,
  :root[data-theme="hub"] .case-break-half .arsenal-case.custom-arsenal-art{width:300px!important;height:205px!important;max-width:300px!important;max-height:205px!important}
  :root[data-theme="hub"] .case-opening-transition .case-opening-reel{margin-top:-145px!important;width:100%!important;margin-left:0!important;margin-right:0!important}
  :root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-wrap.reel-3d,
  :root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-3d .reel-viewport,
  :root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-3d .pointer{height:330px!important}
}


/* =========================================================
   v78 HUB — calm case dissolve + true 3D reel + unified lightning
   ========================================================= */

/* UPGRADE RESULT: no extra red/green stop-cell. The square itself remains the stop marker. */
:root[data-theme="hub"] .hub-u3-stop-sector{display:none!important}

/* CASE OPEN: case quietly dissolves; roulette appears in exactly the same visual zone. */
:root[data-theme="hub"] .case-opening-screen{
  overflow:visible!important;
  padding-top:0!important;
}
:root[data-theme="hub"] .case-opening-transition{
  position:relative!important;
  width:100%!important;
  height:430px!important;
  min-height:430px!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:20px!important;
}
:root[data-theme="hub"] .case-opening-transition .case-fade-stage{
  position:absolute!important;
  z-index:8!important;
  left:50%!important;
  top:8px!important;
  width:390px!important;
  height:270px!important;
  margin:0!important;
  transform:translateX(-50%) translateY(0) scale(1)!important;
  transform-origin:50% 48%!important;
  opacity:1!important;
  filter:blur(0) brightness(1)!important;
  pointer-events:none!important;
  will-change:opacity,transform,filter!important;
  transition:opacity .36s ease,transform .46s cubic-bezier(.22,.72,.2,1),filter .38s ease!important;
}
:root[data-theme="hub"] .case-opening-transition .case-fade-stage .case-art,
:root[data-theme="hub"] .case-opening-transition .case-fade-stage .arsenal-case.custom-arsenal-art{
  width:380px!important;
  height:258px!important;
  max-width:380px!important;
  max-height:258px!important;
  margin:0!important;
  transform:none!important;
}
:root[data-theme="hub"] .case-opening-transition .case-fade-stage .arsenal-custom-image{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transform:none!important;
}
:root[data-theme="hub"] .case-opening-screen.phase-rolling .case-fade-stage{
  opacity:0!important;
  transform:translateX(-50%) translateY(-7px) scale(.965)!important;
  filter:blur(5px) brightness(.78)!important;
}

/* Reel overlays the case area instead of dropping below it. */
:root[data-theme="hub"] .case-opening-transition .case-opening-reel{
  position:absolute!important;
  z-index:5!important;
  left:-12px!important;
  right:-12px!important;
  top:0!important;
  width:auto!important;
  margin:0!important;
  transform-origin:50% 48%!important;
  overflow:visible!important;
}
:root[data-theme="hub"] .case-opening-screen.phase-windup .case-opening-reel .reel-wrap,
:root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-wrap.reel-preopen{
  opacity:0!important;
  transform:translateY(12px) scale(.94)!important;
  clip-path:none!important;
  filter:blur(9px) brightness(.84)!important;
  transition:none!important;
}
:root[data-theme="hub"] .case-opening-screen.phase-rolling .case-opening-reel .reel-wrap,
:root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-wrap.reel-open{
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
  clip-path:none!important;
  filter:blur(0) brightness(1)!important;
  transition:opacity .42s ease .10s,transform .56s cubic-bezier(.18,.78,.18,1) .08s,filter .48s ease .08s!important;
}

/* TRUE 3D CAROUSEL: strong perspective and depth, not a flat strip with shadows. */
:root[data-theme="hub"] .case-opening-transition .case-opening-reel,
:root[data-theme="hub"] .case-opening-reel .reel-wrap.reel-3d,
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-viewport{
  perspective:620px!important;
  perspective-origin:50% 47%!important;
}
:root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-wrap.reel-3d{
  height:414px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:
    radial-gradient(ellipse at 50% 50%,rgba(61,42,33,.40) 0,rgba(16,11,10,.94) 52%,#070607 85%)!important;
  box-shadow:
    inset 0 62px 100px rgba(0,0,0,.58),
    inset 0 -62px 100px rgba(0,0,0,.60),
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 30px 90px rgba(0,0,0,.40)!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-viewport,
:root[data-theme="hub"] .case-opening-reel .reel-3d .pointer{
  height:414px!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-viewport{
  overflow:hidden!important;
  transform-style:preserve-3d!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel{
  height:100%!important;
  align-items:center!important;
  gap:26px!important;
  padding:0 28px!important;
  transform-style:preserve-3d!important;
  will-change:transform!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card{
  flex:0 0 292px!important;
  width:292px!important;
  height:264px!important;
  transform-style:preserve-3d!important;
  transform-origin:50% 50%!important;
  backface-visibility:hidden!important;
  will-change:transform,opacity,filter!important;
  transition:none!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner{
  height:100%!important;
  border-radius:22px!important;
  padding:15px 17px 17px!important;
  transform-style:preserve-3d!important;
  backface-visibility:hidden!important;
  background:
    radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--rarity) 18%,transparent),#251b16 66%)!important;
  box-shadow:
    0 calc(32px - var(--depth,0)*10px) calc(58px - var(--depth,0)*10px) rgba(0,0,0,.52),
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -3px 0 color-mix(in srgb,var(--rarity) 76%,transparent)!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .real-skin,
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .skin-art{
  height:178px!important;
  transform:translateZ(54px)!important;
  transform-style:preserve-3d!important;
  filter:drop-shadow(0 16px 18px rgba(0,0,0,.34))!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner small,
:root[data-theme="hub"] .case-opening-reel .reel-card-inner b,
:root[data-theme="hub"] .case-opening-reel .reel-card-inner span{
  position:relative!important;
  z-index:2!important;
  transform:translateZ(30px)!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-haze.left{
  width:16%!important;
  background:linear-gradient(90deg,#070607 7%,rgba(7,6,7,.92) 34%,transparent)!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-haze.right{
  width:16%!important;
  background:linear-gradient(270deg,#070607 7%,rgba(7,6,7,.92) 34%,transparent)!important;
}
:root[data-theme="hub"] .case-opening-reel .pointer{
  z-index:40!important;
  box-shadow:0 0 13px #f7ead8,0 0 36px rgba(235,185,104,.46)!important;
}

/* Keep case contents visible during opening. */
:root[data-theme="hub"] .case-detail-shell:has(.case-opening-screen) .case-page-contents{
  display:block!important;
  opacity:1!important;
  transform:none!important;
  margin-top:22px!important;
}

/* LIGHTNING — every fast mode uses the same language:
   dark square stays dark, only the INNER perimeter glows yellow. */
.fast-spin-toggle,
.case-page-actions .fast-spin-toggle,
.upgrade-run-row .fast-spin-toggle,
.hub-u3-fast{
  background:linear-gradient(180deg,#34363c 0%,#25272d 100%)!important;
  color:#b9bbc1!important;
  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 7px 18px rgba(0,0,0,.25)!important;
  filter:none!important;
}
.fast-spin-toggle.active,
.case-page-actions .fast-spin-toggle.active,
.upgrade-run-row .fast-spin-toggle.active,
.hub-u3-fast.active,
:root[data-theme="new"] .fast-spin-toggle.active,
:root[data-theme="hub"] .fast-spin-toggle.active{
  background:linear-gradient(180deg,#34363c 0%,#25272d 100%)!important;
  color:#ffd54d!important;
  border-color:rgba(255,220,86,.36)!important;
  transform:none!important;
  filter:none!important;
  box-shadow:
    inset 0 0 0 2px rgba(255,216,72,.72),
    inset 0 0 16px rgba(255,202,48,.16),
    0 0 13px rgba(255,200,42,.13),
    0 7px 18px rgba(0,0,0,.25)!important;
}
.fast-spin-toggle.active:disabled,
.case-page-actions .fast-spin-toggle.active:disabled,
.upgrade-run-row .fast-spin-toggle.active:disabled,
.hub-u3-fast.active:disabled{
  opacity:1!important;
}
.fast-spin-toggle:not(.active):disabled{opacity:.46!important}

@media(max-width:900px){
  :root[data-theme="hub"] .case-opening-transition{height:360px!important;min-height:360px!important}
  :root[data-theme="hub"] .case-opening-transition .case-fade-stage{width:310px!important;height:220px!important;top:2px!important}
  :root[data-theme="hub"] .case-opening-transition .case-fade-stage .case-art,
  :root[data-theme="hub"] .case-opening-transition .case-fade-stage .arsenal-case.custom-arsenal-art{width:300px!important;height:210px!important;max-width:300px!important;max-height:210px!important}
  :root[data-theme="hub"] .case-opening-transition .case-opening-reel{left:0!important;right:0!important}
  :root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-wrap.reel-3d,
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-viewport,
  :root[data-theme="hub"] .case-opening-reel .reel-3d .pointer{height:345px!important}
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card{flex-basis:236px!important;width:236px!important;height:216px!important}
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .real-skin,
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .skin-art{height:142px!important}
}

/* =========================================================
   v79 HUB — cinematic rarity spotlights
   Hidden source, directional beam + rim light on every weapon.
   Palette: gray / pink / orange / red / yellow.
   ========================================================= */

/* Five-color lighting system. */
.tier-gray{--spot-x:18%;--spot-y:34%;--spot-angle:15deg}
.tier-pink{--spot-x:82%;--spot-y:32%;--spot-angle:-15deg}
.tier-orange{--spot-x:18%;--spot-y:30%;--spot-angle:14deg}
.tier-red{--spot-x:82%;--spot-y:30%;--spot-angle:-14deg}
.tier-gold{--spot-x:20%;--spot-y:27%;--spot-angle:12deg}

/* Weapon art becomes its own little lit stage. */
.skin-art{
  isolation:isolate;
  --spot-x:18%;
  --spot-y:32%;
  --spot-angle:14deg;
}
.skin-art::before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:150%;
  height:185%;
  left:-55%;
  top:-73%;
  transform:rotate(var(--spot-angle));
  transform-origin:50% 100%;
  background:linear-gradient(112deg,
    transparent 25%,
    color-mix(in srgb,var(--rarity,#a8afb8) 3%,transparent) 36%,
    color-mix(in srgb,var(--rarity,#a8afb8) 23%,transparent) 48%,
    color-mix(in srgb,var(--rarity,#a8afb8) 8%,transparent) 57%,
    transparent 72%);
  filter:blur(9px);
  opacity:.95;
  mix-blend-mode:screen;
}
.skin-art::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:88%;
  height:74%;
  left:calc(var(--spot-x) - 44%);
  top:calc(var(--spot-y) - 34%);
  border-radius:50%;
  background:radial-gradient(ellipse at center,
    color-mix(in srgb,var(--rarity,#a8afb8) 34%,transparent) 0,
    color-mix(in srgb,var(--rarity,#a8afb8) 13%,transparent) 38%,
    transparent 74%);
  filter:blur(20px);
  opacity:.92;
}
.skin-art .skin-glow{
  z-index:1!important;
  width:78%!important;
  height:62%!important;
  left:calc(var(--spot-x) - 38%)!important;
  top:calc(var(--spot-y) - 24%)!important;
  inset:auto!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,
    color-mix(in srgb,var(--rarity,#a8afb8) 48%,transparent),
    color-mix(in srgb,var(--rarity,#a8afb8) 17%,transparent) 45%,
    transparent 76%)!important;
  filter:blur(27px)!important;
  opacity:.78!important;
}
.real-skin img{
  position:relative;
  z-index:3!important;
  filter:
    drop-shadow(0 16px 17px rgba(0,0,0,.58))
    drop-shadow(0 0 7px color-mix(in srgb,var(--rarity,#a8afb8) 52%,transparent))
    drop-shadow(0 0 18px color-mix(in srgb,var(--rarity,#a8afb8) 18%,transparent))!important;
}
.weapon-shape{z-index:3!important}

/* The card itself catches a subtle splash of the same hidden spotlight. */
.skin-card,
.contents-card,
.reel-card-inner,
.live-item,
.inline-result,
.multi-result-card,
.opening-slot-card,
.compact-skin,
.contract-reward-item{
  isolation:isolate;
}
.skin-card,
.contents-card,
.reel-card-inner,
.inline-result,
.multi-result-card,
.opening-slot-card,
.contract-reward-item{
  background:
    radial-gradient(ellipse at var(--spot-x,18%) var(--spot-y,32%),color-mix(in srgb,var(--rarity,#a8afb8) 16%,transparent),transparent 48%),
    var(--tier-bg,rgba(16,18,25,.92))!important;
}

/* Stronger cinematic lighting in the current HUB style. */
:root[data-theme="hub"] .skin-art::before{opacity:1;filter:blur(8px)}
:root[data-theme="hub"] .skin-art::after{opacity:1}
:root[data-theme="hub"] .skin-art .skin-glow{opacity:.90!important}
:root[data-theme="hub"] .real-skin img{
  filter:
    drop-shadow(0 17px 18px rgba(0,0,0,.64))
    drop-shadow(0 0 8px color-mix(in srgb,var(--rarity,#a8afb8) 62%,transparent))
    drop-shadow(0 0 22px color-mix(in srgb,var(--rarity,#a8afb8) 22%,transparent))!important;
}

/* Hover = a very small light boost, not a neon explosion. */
:root[data-theme="hub"] .skin-card:hover .skin-glow,
:root[data-theme="hub"] .upgrade-inv-card:hover .skin-glow,
:root[data-theme="hub"] .upgrade-target-card:hover .skin-glow,
:root[data-theme="hub"] .contents-card:hover .skin-glow{
  opacity:1!important;
  filter:blur(24px)!important;
}
:root[data-theme="hub"] .skin-card:hover .real-skin img,
:root[data-theme="hub"] .upgrade-inv-card:hover .real-skin img,
:root[data-theme="hub"] .upgrade-target-card:hover .real-skin img,
:root[data-theme="hub"] .contents-card:hover .real-skin img{
  filter:
    drop-shadow(0 18px 18px rgba(0,0,0,.64))
    drop-shadow(0 0 10px color-mix(in srgb,var(--rarity,#a8afb8) 70%,transparent))
    drop-shadow(0 0 25px color-mix(in srgb,var(--rarity,#a8afb8) 26%,transparent))!important;
}


/* =========================================================
   v80 HUB — roulette without the heavy black stage.
   Cards float directly inside the case page environment.
   ========================================================= */
:root[data-theme="hub"] .case-opening-reel,
:root[data-theme="hub"] .case-opening-transition .case-opening-reel,
:root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-wrap.reel-3d{
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
:root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-wrap.reel-3d{
  overflow:visible!important;
  position:relative!important;
}
:root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-wrap.reel-3d:before{
  content:"";
  position:absolute;
  left:10%;right:10%;top:20%;bottom:8%;
  border-radius:50%;
  background:radial-gradient(ellipse at 50% 55%,rgba(255,255,255,.035),rgba(255,103,88,.018) 36%,transparent 72%);
  filter:blur(24px);
  pointer-events:none;
}
:root[data-theme="hub"] .case-opening-reel .reel-haze{display:none!important}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-viewport{
  background:transparent!important;
  border:0!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner{
  background:radial-gradient(circle at 22% 25%,color-mix(in srgb,var(--rarity) 19%,transparent),rgba(18,18,25,.82) 52%,rgba(12,12,18,.78))!important;
  backdrop-filter:blur(10px)!important;
}


/* =========================================================
   v83 — ARSENAL 5 + THE FLEX COLLECTION
   ========================================================= */
:root[data-theme="hub"] .arsenal-case-grid.hub-static-grid,
:root[data-theme="hub"] .flex-case-grid.hub-static-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
}
:root[data-theme="hub"] .hub-showcase-flex{
  margin-top:32px!important;
}
:root[data-theme="hub"] .flex-heading>span{
  color:#f2d18d!important;
}
:root[data-theme="hub"] .flex-showcase-frame{
  background:
    radial-gradient(circle at 50% 0%,rgba(240,209,141,.035),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.005))!important;
}
:root[data-theme="hub"] .flex-showcase-frame:before{
  background:linear-gradient(90deg,transparent,rgba(240,209,141,.42),rgba(171,120,255,.24),transparent)!important;
}

:root[data-theme="hub"] .flex-case-card{
  position:relative!important;
  overflow:hidden!important;
}
:root[data-theme="hub"] .flex-case-card .flex-case-art{
  height:207px!important;
  min-height:207px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
:root[data-theme="hub"] .flex-vault{
  position:relative;
  width:94%;
  height:184px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--accent) 24%,rgba(255,255,255,.06));
  background:
    radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 43%),
    linear-gradient(145deg,#10131b,#090b11 72%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 18px 45px rgba(0,0,0,.20);
}
:root[data-theme="hub"] .flex-vault:before,
:root[data-theme="hub"] .flex-vault:after{
  content:"";
  position:absolute;
  width:110px;height:110px;
  border:1px solid color-mix(in srgb,var(--accent2) 18%,transparent);
  transform:rotate(45deg);
  opacity:.42;
}
:root[data-theme="hub"] .flex-vault:before{left:-76px;top:-54px}
:root[data-theme="hub"] .flex-vault:after{right:-76px;bottom:-54px}
:root[data-theme="hub"] .flex-vault-glass{
  position:absolute;inset:0;
  background:
    linear-gradient(112deg,transparent 18%,rgba(255,255,255,.025) 36%,transparent 52%),
    linear-gradient(180deg,transparent 55%,rgba(0,0,0,.20));
  pointer-events:none;
  z-index:3;
}
:root[data-theme="hub"] .flex-vault-line{
  position:absolute;left:18px;right:18px;height:1px;z-index:5;
  background:linear-gradient(90deg,transparent,var(--accent),var(--accent2),transparent);
  opacity:.72;
}
:root[data-theme="hub"] .flex-vault-line.top{top:12px}
:root[data-theme="hub"] .flex-vault-line.bottom{bottom:12px}
:root[data-theme="hub"] .flex-hero-skin{
  position:absolute;left:13px;right:13px;top:15px;height:128px;
  display:flex;align-items:center;justify-content:center;
  z-index:2;
  transform:translateZ(0);
}
:root[data-theme="hub"] .flex-hero-skin .skin-art{
  width:100%!important;
  height:126px!important;
  min-height:126px!important;
  max-height:126px!important;
  transform:scale(1.10);
  filter:drop-shadow(0 16px 22px rgba(0,0,0,.28));
}
:root[data-theme="hub"] .flex-hero-skin .skin-art img{
  object-fit:contain!important;
}
:root[data-theme="hub"] .flex-vault-stamp{
  position:absolute;left:15px;right:15px;bottom:16px;height:38px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:8px;
  z-index:6;
}
:root[data-theme="hub"] .flex-vault-stamp small{
  font-size:5px;font-weight:900;letter-spacing:.16em;color:#646874;
  white-space:nowrap;
}
:root[data-theme="hub"] .flex-vault-stamp b{
  font-size:8px;font-weight:950;letter-spacing:.04em;color:#eeeae4;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  text-align:right;
}
:root[data-theme="hub"] .flex-case-card:hover .flex-vault{
  border-color:color-mix(in srgb,var(--accent) 42%,rgba(255,255,255,.08));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 20px 52px rgba(0,0,0,.26),
    0 0 32px color-mix(in srgb,var(--accent) 8%,transparent);
}
:root[data-theme="hub"] .flex-case-card:hover .flex-hero-skin{
  transform:translateY(-3px);
}
:root[data-theme="hub"] .flex-hero-skin{
  transition:transform .22s ease;
}
:root[data-theme="hub"] .case-card.coming-soon{
  cursor:default!important;
  opacity:.88!important;
}
:root[data-theme="hub"] .case-card.coming-soon:hover{
  transform:none!important;
}
:root[data-theme="hub"] .case-card.coming-soon .case-price-tag{
  min-width:92px!important;
  border-color:rgba(255,255,255,.065)!important;
  background:#0d1017!important;
}
:root[data-theme="hub"] .case-coming-soon{
  font-size:7px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
  color:#8b8e99!important;
}
:root[data-theme="hub"] .case-card.coming-soon:after{
  content:"LOCKED"!important;
  color:#666a76!important;
}

@media(max-width:1180px){
  :root[data-theme="hub"] .arsenal-case-grid.hub-static-grid,
  :root[data-theme="hub"] .flex-case-grid.hub-static-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@media(max-width:720px){
  :root[data-theme="hub"] .arsenal-case-grid.hub-static-grid,
  :root[data-theme="hub"] .flex-case-grid.hub-static-grid{
    grid-template-columns:1fr!important;
  }
}


/* =========================================================
   v84 — ONE REAL HEADER COMPONENT FOR MAIN + PROFILE
   ========================================================= */
:root[data-theme="hub"] .korzh-shared-header .account{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  white-space:nowrap!important;
}
:root[data-theme="hub"] .korzh-shared-header .wallet-cluster{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  gap:6px!important;
  flex:0 0 auto!important;
}
:root[data-theme="hub"] .korzh-shared-header .wallet-cluster .deposit-header-btn{
  order:initial!important;
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
  min-height:24px!important;
  flex:0 0 24px!important;
  margin:0 0 1px 0!important;
  transform:none!important;
  border-radius:7px!important;
}
:root[data-theme="hub"] .korzh-shared-header .wallet-cluster .deposit-header-btn::before{
  width:24px!important;
  height:24px!important;
  font-size:18px!important;
}
:root[data-theme="hub"] .korzh-shared-header .balance{
  order:initial!important;
  margin:0!important;
  flex:0 0 auto!important;
  line-height:1!important;
}
:root[data-theme="hub"] .korzh-shared-header .balance span{
  font-size:7px!important;
  line-height:1!important;
  margin-bottom:4px!important;
}
:root[data-theme="hub"] .korzh-shared-header .balance b{line-height:1!important}
:root[data-theme="hub"] .korzh-shared-header .balance .korzh-money{
  display:inline-flex!important;
  align-items:center!important;
  gap:4px!important;
}
:root[data-theme="hub"] .korzh-shared-header .balance .korzh-money-number{
  font-size:21px!important;
  line-height:.95!important;
  letter-spacing:.01em!important;
}
:root[data-theme="hub"] .korzh-shared-header .balance .korzh-currency-icon{
  width:14px!important;
  height:14px!important;
}
:root[data-theme="hub"] .korzh-shared-header .avatar{
  order:initial!important;
  margin-left:0!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  flex:0 0 34px!important;
  border-radius:50%!important;
}


/* =========================================================
   v85 — FLEX CASE MASTER SLOT
   INHERITANCE is the geometric reference for every FLEX case.
   Do not change these values per case; only swap the artwork.
   ========================================================= */
:root[data-theme="hub"] .flex-case-card .flex-case-master-art{
  height:207px!important;
  min-height:207px!important;
  width:100%!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
  padding:0!important;
}
:root[data-theme="hub"] .flex-case-product-image{
  display:block!important;
  width:94%!important;
  height:190px!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  transform:translateY(2px) scale(1.03)!important;
  transform-origin:center bottom!important;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.25))!important;
  user-select:none!important;
  pointer-events:none!important;
  transition:transform .22s ease,filter .22s ease!important;
}
:root[data-theme="hub"] .flex-case-card:hover .flex-case-product-image{
  transform:translateY(-1px) scale(1.045)!important;
  filter:drop-shadow(0 21px 26px rgba(0,0,0,.30)) drop-shadow(0 0 20px color-mix(in srgb,var(--accent) 8%,transparent))!important;
}
/* All FLEX artwork uses one baseline. No per-case width/position overrides. */
:root[data-theme="hub"] .flex-case-card .case-card-title{
  margin-top:2px!important;
}

/* v91 */
.case-card .case-card-title{font-size:40px!important;line-height:.95!important;letter-spacing:.045em!important;max-width:100%!important;transform:none!important;margin-left:0!important;margin-right:0!important;width:auto!important}
.case-card .case-price-tag.case-price-centered{min-width:136px!important;height:52px!important;border-radius:14px!important}.case-card .case-price-tag.case-price-centered span,.case-card .case-price-tag.case-price-centered .korzh-money-number{font-size:26px!important;line-height:1!important}.case-card .case-price-tag.case-price-centered .korzh-currency-icon{width:20px!important;height:20px!important}
:root[data-theme="hub"] .flex-case-card .flex-case-master-art{align-items:center!important;justify-content:center!important;height:207px!important;min-height:207px!important}:root[data-theme="hub"] .flex-case-product-image{height:190px!important;object-position:center center!important;transform:translateY(0) scale(1.03)!important;transform-origin:center center!important}
@media(max-width:720px){.case-card .case-card-title{font-size:34px!important}.case-card .case-price-tag.case-price-centered span,.case-card .case-price-tag.case-price-centered .korzh-money-number{font-size:22px!important}}

/* =========================================================
   v92 — visual cleanup requested after Railway deployment
   ========================================================= */
/* Steam auth follows the KORZH neutral / burgundy shell, not green. */
:root[data-theme="hub"] .steam-auth-overlay{
  background:rgba(4,4,8,.82)!important;
  backdrop-filter:blur(12px)!important;
}
:root[data-theme="hub"] .steam-auth-modal{
  background:linear-gradient(155deg,#15121a 0%,#0d0d13 62%,#111017 100%)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.68),0 0 0 1px rgba(174,72,108,.05) inset!important;
}
:root[data-theme="hub"] .steam-auth-logo{
  background:radial-gradient(circle at 38% 30%,#4b3340 0%,#21151d 48%,#111117 76%)!important;
  box-shadow:0 0 36px rgba(181,73,111,.12)!important;
}
:root[data-theme="hub"] .steam-auth-close{background:#17151c!important;border-color:rgba(255,255,255,.10)!important}
:root[data-theme="hub"] .steam-auth-modal p{color:#8f8b95!important}
:root[data-theme="hub"] .steam-auth-button{
  background:linear-gradient(180deg,#26212a,#1b181f)!important;
  border-color:rgba(255,255,255,.13)!important;
  color:#f4f1f4!important;
}
:root[data-theme="hub"] .steam-auth-button:hover{border-color:rgba(206,105,140,.32)!important;background:#2a222b!important}
:root[data-theme="hub"] .steam-auth-modal>em{color:#716d77!important}

/* Case cards: name clearly larger, price calmer and more compact. */
:root[data-theme="hub"] .hub-static-grid .case-card .case-card-title,
:root[data-theme="hub"] .hub-static-grid .oscar-case-card .case-card-title,
:root[data-theme="hub"] .hub-static-grid .arsenal-case-card .case-card-title,
:root[data-theme="hub"] .hub-static-grid .flex-case-card .case-card-title{
  height:34px!important;
  font-size:16px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
}
:root[data-theme="hub"] .hub-static-grid .case-card .case-price-tag.case-price-centered{
  min-width:84px!important;
  height:28px!important;
  padding:0 10px!important;
  border-radius:9px!important;
}
:root[data-theme="hub"] .hub-static-grid .case-card .case-price-tag.case-price-centered span,
:root[data-theme="hub"] .hub-static-grid .case-card .case-price-tag.case-price-centered .korzh-money-number{
  font-size:14px!important;
  line-height:1!important;
}
:root[data-theme="hub"] .hub-static-grid .case-card .case-price-tag.case-price-centered .korzh-currency-icon{
  width:13px!important;height:13px!important;flex:0 0 13px!important;
}

/* Real market images have priority everywhere. */
:root[data-theme="hub"] .skin-art.real-skin img{
  width:96%!important;height:96%!important;object-fit:contain!important;object-position:center!important;
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.48))!important;
  position:relative!important;z-index:2!important;
}
:root[data-theme="hub"] .contents-grid .skin-art.real-skin img{width:94%!important;height:94%!important}

/* Header wallet: deposit +, balance and Steam button live on one visual baseline. */
:root[data-theme="hub"] .korzh-shared-header .account{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;
}
:root[data-theme="hub"] .korzh-shared-header .wallet-cluster{
  display:flex!important;align-items:center!important;gap:9px!important;height:36px!important;
}
:root[data-theme="hub"] .korzh-shared-header .wallet-cluster .deposit-header-btn{
  width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;
  flex:0 0 30px!important;margin:0!important;align-self:center!important;border-radius:9px!important;
}
:root[data-theme="hub"] .korzh-shared-header .wallet-cluster .deposit-header-btn::before{
  width:30px!important;height:30px!important;font-size:20px!important;
}
:root[data-theme="hub"] .korzh-shared-header .balance{
  min-height:34px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;
  align-items:flex-end!important;margin:0!important;padding:0!important;
}
:root[data-theme="hub"] .korzh-shared-header .steam-login-mini{
  height:34px!important;min-height:34px!important;align-self:center!important;margin:0!important;
}
:root[data-theme="hub"] .skin-image-pending{width:76%;height:34%;position:relative;z-index:2;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);opacity:.48;filter:blur(.2px);animation:korzhSkinLoad 1.25s ease-in-out infinite}
:root[data-theme="hub"] .skin-image-pending span{display:block;width:54%;height:2px;margin:14% auto 0;background:color-mix(in srgb,var(--rarity) 50%,rgba(255,255,255,.16));box-shadow:0 0 18px color-mix(in srgb,var(--rarity) 26%,transparent)}
@keyframes korzhSkinLoad{0%,100%{opacity:.24;transform:scale(.96)}50%{opacity:.58;transform:scale(1)}}

/* =========================================================
   v93 — performance, real Steam identity, wallet order
   ========================================================= */
:root[data-theme="hub"] .korzh-shared-header .wallet-cluster{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;height:38px!important;
}
:root[data-theme="hub"] .korzh-shared-header .balance-box{order:1!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;min-width:82px!important;height:34px!important;margin:0!important}
:root[data-theme="hub"] .korzh-shared-header .balance-box small{font-size:6px!important;letter-spacing:.12em!important;color:#65626d!important;line-height:1!important;margin-bottom:4px!important}
:root[data-theme="hub"] .korzh-shared-header .balance-box b{display:flex!important;align-items:center!important;gap:5px!important;font-size:14px!important;line-height:1!important;white-space:nowrap!important}
:root[data-theme="hub"] .korzh-shared-header .wallet-cluster .deposit-header-btn{order:2!important;width:30px!important;height:30px!important;min-width:30px!important;margin:0!important;position:relative!important;inset:auto!important;transform:none!important}
:root[data-theme="hub"] .korzh-shared-header .steam-profile-mini,
:root[data-theme="hub"] .korzh-shared-header .steam-login-mini{order:3!important}
:root[data-theme="hub"] .steam-profile-mini{height:34px!important;max-width:150px!important;padding:3px 9px 3px 3px!important;display:flex!important;align-items:center!important;gap:7px!important;border:1px solid rgba(255,255,255,.08)!important;background:#11121a!important;border-radius:10px!important;color:#fff!important;text-decoration:none!important;overflow:hidden!important}
:root[data-theme="hub"] .steam-profile-mini img,:root[data-theme="hub"] .steam-profile-mini .avatar-fallback{width:28px!important;height:28px!important;min-width:28px!important;border-radius:8px!important;object-fit:cover!important;display:grid!important;place-items:center!important;background:#251b22!important;font-weight:950!important}
:root[data-theme="hub"] .steam-profile-mini b{font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:96px!important}
:root[data-theme="hub"] .profile-avatar-xl img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important}

/* Card hierarchy: title louder, price quieter. */
:root[data-theme="hub"] .hub-static-grid .case-card .case-card-title{font-size:19px!important;height:38px!important;line-height:1.05!important;font-weight:950!important;letter-spacing:.055em!important}
:root[data-theme="hub"] .hub-static-grid .case-card .case-price-tag.case-price-centered{min-width:76px!important;height:25px!important;padding:0 8px!important;border-radius:8px!important}
:root[data-theme="hub"] .hub-static-grid .case-card .case-price-tag.case-price-centered span,
:root[data-theme="hub"] .hub-static-grid .case-card .case-price-tag.case-price-centered .korzh-money-number{font-size:12px!important}
:root[data-theme="hub"] .hub-static-grid .case-card .case-price-tag.case-price-centered .korzh-currency-icon{width:11px!important;height:11px!important;flex-basis:11px!important}

/* LIVE DROP is real-data only. */
.live-empty{min-height:54px!important}.live-empty-note{flex:1;display:flex;align-items:center;justify-content:center;color:#595762;font-size:9px;letter-spacing:.08em}

/* Performance: remove large-area blur/repaint costs while preserving the visual shell. */
:root[data-theme="hub"] .hub-cursor-glow{display:none!important}
:root[data-theme="hub"] .page>.steam-auth-overlay{backdrop-filter:none!important}
:root[data-theme="hub"] .case-detail-shell,
:root[data-theme="hub"] .deposit-shell,
:root[data-theme="hub"] .profile-v80-command{backdrop-filter:none!important}
:root[data-theme="hub"] .collection-block,:root[data-theme="hub"] .case-page-contents{content-visibility:auto;contain-intrinsic-size:420px}
:root[data-theme="hub"] .skin-art img{will-change:auto!important}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}


/* =========================================================
   v94 — stability guard after v93 header/state regression
   ========================================================= */
:root[data-theme="hub"] .korzh-shared-header .brand-emblem.brand-token{
  width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important;
  flex:0 0 54px!important;overflow:hidden!important;transform:translateY(-2px)!important;
}
:root[data-theme="hub"] .korzh-shared-header .brand-emblem.brand-token img{
  display:block!important;width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important;object-fit:contain!important;
}
:root[data-theme="hub"] .korzh-shared-header .wallet-cluster{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;height:38px!important;
}
:root[data-theme="hub"] .korzh-shared-header .balance{order:1!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;min-width:96px!important;height:34px!important;margin:0!important;padding:0!important}
:root[data-theme="hub"] .korzh-shared-header .wallet-cluster .deposit-header-btn{order:2!important;position:static!important;inset:auto!important;transform:none!important;margin:0!important;width:30px!important;height:30px!important;min-width:30px!important;max-width:30px!important;flex:0 0 30px!important}
:root[data-theme="hub"] .korzh-shared-header .steam-profile-mini,
:root[data-theme="hub"] .korzh-shared-header .steam-login-mini{order:3!important;position:static!important;transform:none!important;margin:0!important}
:root[data-theme="hub"] .korzh-shared-header .balance .korzh-currency-icon{width:14px!important;height:14px!important;max-width:14px!important;max-height:14px!important;flex:0 0 14px!important}

/* =========================================================
   v95 — STABLE HUD / compact case UI / market-style reel
   ========================================================= */
:root[data-theme="hub"] .theme-switcher{display:none!important}

/* Drop result: art has a dedicated upper zone; text can never collide with it. */
:root[data-theme="hub"] .case-page-result{min-height:350px!important;padding:12px 0 8px!important}
:root[data-theme="hub"] .case-page-result .inline-result{
  width:min(560px,88vw)!important;min-width:0!important;min-height:290px!important;
  display:grid!important;grid-template-rows:176px auto!important;align-items:start!important;
  padding:10px 24px 18px!important;border-radius:20px!important;overflow:hidden!important;
}
:root[data-theme="hub"] .case-page-result .inline-result .skin-art,
:root[data-theme="hub"] .case-page-result .inline-result .real-skin{
  height:176px!important;transform:translateY(-8px)!important;margin:0!important;align-self:start!important;
}
:root[data-theme="hub"] .case-page-result .inline-result .real-skin img{
  width:86%!important;height:86%!important;object-fit:contain!important;object-position:50% 42%!important;
}
:root[data-theme="hub"] .case-page-result .inline-result-meta{
  margin:0!important;min-height:88px!important;display:grid!important;grid-template-columns:1fr auto!important;
  grid-template-areas:"weapon wear" "name wear" "price price"!important;column-gap:16px!important;align-items:center!important;
  position:relative!important;z-index:5!important;
}
:root[data-theme="hub"] .case-page-result .inline-result-meta>small{grid-area:weapon!important;font-size:8px!important;color:#74717b!important;margin:0!important}
:root[data-theme="hub"] .case-page-result .inline-result-meta>strong{grid-area:name!important;font-size:16px!important;line-height:1.1!important;margin:2px 0 0!important}
:root[data-theme="hub"] .case-page-result .inline-result-meta>b{grid-area:price!important;margin:8px 0 0!important;font-size:18px!important;justify-self:center!important}
:root[data-theme="hub"] .result-wear{
  grid-area:wear!important;min-width:112px!important;height:48px!important;padding:6px 9px!important;border-radius:11px!important;
  border:1px solid rgba(255,255,255,.07)!important;background:rgba(8,9,14,.54)!important;
  display:grid!important;grid-template-columns:34px 1fr!important;grid-template-areas:"code label" "code full"!important;align-items:center!important;
}
:root[data-theme="hub"] .result-wear i{grid-area:label!important;font-style:normal!important;font-size:6px!important;letter-spacing:.12em!important;color:#64616c!important}
:root[data-theme="hub"] .result-wear b{grid-area:code!important;font-size:15px!important;color:#f1ede8!important;margin:0!important}
:root[data-theme="hub"] .result-wear em{grid-area:full!important;font-style:normal!important;font-size:7px!important;color:#96919b!important;white-space:nowrap!important}

/* Case contents: shorter cards and compact art. */
:root[data-theme="hub"] .case-page-contents .contents-grid,
:root[data-theme="hub"] .contents .contents-grid{gap:9px!important}
:root[data-theme="hub"] .case-page-contents .contents-card,
:root[data-theme="hub"] .contents .contents-card{
  min-height:142px!important;height:142px!important;padding:7px 9px 9px!important;border-radius:13px!important;
}
:root[data-theme="hub"] .case-page-contents .contents-card .skin-art,
:root[data-theme="hub"] .contents .contents-card .skin-art{
  height:78px!important;min-height:78px!important;margin:0!important;
}
:root[data-theme="hub"] .case-page-contents .contents-card .real-skin img,
:root[data-theme="hub"] .contents .contents-card .real-skin img{width:88%!important;height:84%!important;object-fit:contain!important}
:root[data-theme="hub"] .contents-card .skin-info{padding-top:2px!important;min-height:34px!important}
:root[data-theme="hub"] .contents-card .skin-info small{font-size:6.5px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
:root[data-theme="hub"] .contents-card .skin-info strong{font-size:9px!important;line-height:1.15!important;margin-top:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
:root[data-theme="hub"] .contents-card .drop-chance-help{top:7px!important;right:7px!important}

/* Reel: clean 2D market strip. No toy-like 3D cards. */
:root[data-theme="hub"] .case-opening-transition .case-opening-reel,
:root[data-theme="hub"] .case-opening-reel{perspective:none!important;transform:none!important}
:root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-wrap.reel-3d,
:root[data-theme="hub"] .case-opening-reel .reel-wrap.reel-3d{
  height:268px!important;overflow:hidden!important;border-radius:20px!important;
  background:linear-gradient(180deg,rgba(9,10,15,.32),rgba(7,8,12,.12))!important;
  border:1px solid rgba(255,255,255,.035)!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-viewport,
:root[data-theme="hub"] .case-opening-reel .reel-3d .pointer{height:268px!important;perspective:none!important;transform-style:flat!important}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-viewport{
  mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel{
  gap:8px!important;padding:0 20px!important;height:100%!important;align-items:center!important;transform-style:flat!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card{
  flex:0 0 214px!important;width:214px!important;height:188px!important;transform-style:flat!important;backface-visibility:visible!important;
  will-change:transform,opacity!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner{
  height:188px!important;padding:9px 11px 11px!important;border-radius:14px!important;transform-style:flat!important;backdrop-filter:none!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--rarity) 8%,rgba(17,18,24,.92)),rgba(10,11,16,.96))!important;
  border:1px solid color-mix(in srgb,var(--rarity) 24%,rgba(255,255,255,.055))!important;
  box-shadow:0 14px 28px rgba(0,0,0,.28),inset 0 -2px 0 color-mix(in srgb,var(--rarity) 52%,transparent)!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .real-skin,
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .skin-art{
  height:120px!important;transform:none!important;filter:none!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner small,
:root[data-theme="hub"] .case-opening-reel .reel-card-inner b,
:root[data-theme="hub"] .case-opening-reel .reel-card-inner span{transform:none!important}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner small{font-size:6.5px!important;color:#777581!important}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner b{font-size:10px!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner>span{font-size:9px!important;margin-top:4px!important;color:#ded9d4!important}
:root[data-theme="hub"] .case-opening-reel .pointer{width:2px!important;background:#f2ede7!important;box-shadow:0 0 16px rgba(255,255,255,.30)!important}
:root[data-theme="hub"] .case-opening-reel .reel-haze{display:none!important}

/* Compact top-up modal: no separate deposit page. */
.deposit-mini-overlay{position:fixed;inset:0;z-index:230;display:grid;place-items:center;padding:18px;background:rgba(3,4,8,.72);font-family:Manrope,system-ui,sans-serif}
.deposit-mini-modal{width:min(560px,calc(100vw - 28px));max-height:calc(100vh - 34px);overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:linear-gradient(160deg,#12131a,#0a0b10 70%);box-shadow:0 30px 100px rgba(0,0,0,.68);padding:17px}
.deposit-mini-modal>header{height:48px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.045);margin-bottom:12px}
.deposit-mini-modal>header small{display:block;font-size:6px;letter-spacing:.16em;color:#c4936d;font-weight:900}.deposit-mini-modal>header h2{font-size:19px;letter-spacing:.02em;margin:4px 0 0}.deposit-mini-modal>header button{width:30px;height:30px;border-radius:9px;border:1px solid rgba(255,255,255,.07);background:#151720;color:#8f9098;font-size:18px}
.deposit-mode-tabs{height:38px;display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;border:1px solid rgba(255,255,255,.055);background:#090a0f;border-radius:11px;margin-bottom:14px}.deposit-mode-tabs button{border:0;border-radius:8px;background:transparent;color:#696b75;font-size:8px;font-weight:950;letter-spacing:.06em}.deposit-mode-tabs button.active{background:#1b1820;color:#f3eee8;box-shadow:inset 0 0 0 1px rgba(255,126,96,.16)}
.deposit-mini-body{display:grid;gap:8px}.deposit-mini-label{font-size:6px;color:#60636e;font-weight:950;letter-spacing:.13em;margin-top:2px}
.deposit-country-compact{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.deposit-country-compact button{height:48px;border:1px solid rgba(255,255,255,.05);border-radius:10px;background:#0d0f15;color:#8b8d96;display:flex;align-items:center;justify-content:center;gap:7px;font-size:7px;font-weight:850}.deposit-country-compact button.active{border-color:rgba(255,120,94,.26);background:#17151b;color:#f2eee9}.deposit-country-compact img{width:20px;height:14px;object-fit:cover;border-radius:3px}
.deposit-bank-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.deposit-bank-grid button,.deposit-crypto-grid button{min-height:48px;border:1px solid rgba(255,255,255,.05);border-radius:10px;background:#0d0f15;color:#8b8d96;display:flex;align-items:center;justify-content:flex-start;gap:9px;padding:0 12px;font-size:8px;font-weight:900}.deposit-bank-grid button.active,.deposit-crypto-grid button.active{border-color:rgba(255,120,94,.25);background:#19161b;color:#f0ece7}.deposit-bank-grid i,.deposit-crypto-grid i{font-style:normal;width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:#1b2020;color:#cf9a67}
.deposit-crypto-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.deposit-crypto-grid button{padding:0 7px;justify-content:center;flex-direction:column;gap:3px}.deposit-crypto-grid button i{width:24px;height:24px}.deposit-network-grid{display:flex;flex-wrap:wrap;gap:6px}.deposit-network-grid button{height:31px;padding:0 11px;border:1px solid rgba(255,255,255,.055);border-radius:9px;background:#0d0f15;color:#777a84;font-size:7px;font-weight:900}.deposit-network-grid button.active{border-color:rgba(255,120,94,.25);background:#1a161b;color:#f1ede8}
.deposit-mini-amount{margin-top:13px;padding-top:12px;border-top:1px solid rgba(255,255,255,.045)}.deposit-mini-amount label>span{display:block;font-size:6px;color:#60636e;font-weight:950;letter-spacing:.13em;margin-bottom:6px}.deposit-mini-amount label>div{height:44px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:#090a0f;padding:0 10px}.deposit-mini-amount input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#f0ece7;font-size:19px;font-weight:900}.deposit-mini-amount label img{width:18px;height:18px}.deposit-mini-amount>div{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:6px}.deposit-mini-amount>div button{height:28px;border:1px solid rgba(255,255,255,.05);border-radius:8px;background:#0d0f15;color:#9b9ca3;font-size:7px;font-weight:900}
.deposit-mini-summary{height:42px;margin-top:10px;padding:0 10px;border-radius:10px;background:#0b0d12;display:flex;align-items:center;justify-content:space-between}.deposit-mini-summary span{font-size:7px;color:#747680}.deposit-mini-summary strong{font-size:12px}.deposit-mini-submit{width:100%;height:40px;margin-top:8px;border:0;border-radius:10px;background:linear-gradient(135deg,#a96249,#8d5941);color:#110d0b;font-size:9px;font-weight:950}.deposit-mini-submit:disabled{opacity:.35}.deposit-mini-note{display:block;text-align:center;color:#50525b;font-size:6px;margin:8px 0 1px}

@media(max-width:720px){
  :root[data-theme="hub"] .case-page-contents .contents-card,:root[data-theme="hub"] .contents .contents-card{height:132px!important;min-height:132px!important}
  :root[data-theme="hub"] .case-page-contents .contents-card .skin-art,:root[data-theme="hub"] .contents .contents-card .skin-art{height:70px!important;min-height:70px!important}
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card{flex-basis:178px!important;width:178px!important;height:166px!important}
  :root[data-theme="hub"] .case-opening-reel .reel-card-inner{height:166px!important}
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .real-skin,:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .skin-art{height:103px!important}
  .deposit-country-compact{grid-template-columns:repeat(2,1fr)}.deposit-crypto-grid{grid-template-columns:repeat(3,1fr)}.deposit-mini-amount>div{grid-template-columns:repeat(3,1fr)}
}

/* ============================================================
   v96 — shared HUD polish
   ============================================================ */
:root[data-theme="hub"] .korzh-shared-header .wallet-cluster{gap:8px!important}
:root[data-theme="hub"] .korzh-shared-header .wallet-box{
  height:36px!important;display:flex!important;align-items:center!important;gap:5px!important;
  padding:4px 4px 4px 12px!important;border:1px solid rgba(255,255,255,.07)!important;
  border-radius:11px!important;background:#11131a!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important
}
:root[data-theme="hub"] .korzh-shared-header .wallet-box>b{display:flex!important;align-items:center!important;line-height:1!important;margin:0!important}
:root[data-theme="hub"] .korzh-shared-header .wallet-box .korzh-money{display:flex!important;align-items:center!important;gap:6px!important}
:root[data-theme="hub"] .korzh-shared-header .wallet-box .korzh-money-number{font-size:14px!important;color:#f2eee8!important;font-weight:950!important;letter-spacing:-.02em!important}
:root[data-theme="hub"] .korzh-shared-header .wallet-box .korzh-currency-icon{width:17px!important;height:17px!important;max-width:17px!important;max-height:17px!important;flex:0 0 17px!important}
:root[data-theme="hub"] .korzh-shared-header .wallet-box .deposit-header-btn{position:static!important;transform:none!important;order:initial!important;width:28px!important;height:28px!important;min-width:28px!important;max-width:28px!important;flex:0 0 28px!important;margin:0!important;border-radius:8px!important;font-size:17px!important;line-height:1!important}
:root[data-theme="hub"] .korzh-shared-header .wallet-box .deposit-header-btn::before{display:none!important}
:root[data-theme="hub"] .korzh-shared-header .balance{display:none!important}
:root[data-theme="hub"] .flex-heading>span{color:#f5f2ed!important;text-shadow:none!important}

/* Upgrade pointer: arrow instead of spinning square, same luminous language. */
:root[data-theme="hub"] .hub-u3-scanner>i{
  top:-4px!important;width:24px!important;height:27px!important;border-radius:0!important;
  background:linear-gradient(180deg,#fffaf2,#f2d4c1)!important;
  clip-path:polygon(8% 0,92% 0,50% 100%)!important;
  box-shadow:none!important;filter:drop-shadow(0 0 8px rgba(255,255,255,.56)) drop-shadow(0 0 14px rgba(255,103,88,.34))!important
}
:root[data-theme="hub"] .hub-u3-scanner>i:after{content:""!important;position:absolute!important;left:50%!important;top:5px!important;width:5px!important;height:5px!important;border-radius:50%!important;background:#9a644f!important;transform:translateX(-50%)!important}

/* Steam authorization — clean branded modal. */
:root[data-theme="hub"] .steam-auth-v96{width:min(420px,calc(100vw - 32px))!important;padding:26px 28px 28px!important;text-align:center!important;background:linear-gradient(155deg,#14151d,#0b0c12 74%)!important;border-color:rgba(255,255,255,.08)!important}
:root[data-theme="hub"] .steam-auth-v96 .steam-auth-site-logo{height:62px;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px}
:root[data-theme="hub"] .steam-auth-v96 .steam-auth-site-logo img{width:49px;height:49px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,111,82,.13))}
:root[data-theme="hub"] .steam-auth-v96 .steam-auth-site-logo b{font-size:18px;letter-spacing:.18em;color:#f4eee8}
:root[data-theme="hub"] .steam-auth-v96>small{display:block;font-size:12px!important;letter-spacing:.18em!important;color:#d0a16f!important;font-weight:950!important;margin-top:3px!important}
:root[data-theme="hub"] .steam-auth-v96 h2{font-size:23px!important;line-height:1.08!important;margin:10px 0 23px!important;text-transform:none!important;letter-spacing:-.02em!important}
:root[data-theme="hub"] .steam-auth-v96 .steam-auth-button{height:52px!important;border-radius:12px!important;background:linear-gradient(135deg,#1b1e27,#15171f)!important;border:1px solid rgba(255,255,255,.09)!important;color:#f5f5f6!important;gap:10px!important;text-decoration:none!important}
:root[data-theme="hub"] .steam-auth-v96 .steam-auth-button:hover{background:#20232d!important;border-color:rgba(255,255,255,.15)!important}
:root[data-theme="hub"] .steam-auth-v96 .steam-logo-svg{width:23px;height:23px;display:block}
:root[data-theme="hub"] .steam-auth-v96 .steam-auth-close{top:14px!important;right:14px!important;width:32px!important;height:32px!important;display:grid!important;place-items:center!important;padding:0!important;line-height:1!important;font-size:19px!important;border-radius:9px!important}

@media(max-width:720px){
  :root[data-theme="hub"] .korzh-shared-header .wallet-box{padding-left:8px!important}
  :root[data-theme="hub"] .korzh-shared-header .wallet-box .korzh-money-number{font-size:12px!important}
}
:root[data-theme="hub"] .steam-auth-v96 .steam-auth-title{font-size:27px!important;line-height:1!important;margin:4px 0 8px!important;letter-spacing:.04em!important;text-transform:uppercase!important}
:root[data-theme="hub"] .steam-auth-v96 .steam-auth-welcome{font-size:12px!important;line-height:1.25!important;color:#8f8d96!important;margin:0 0 22px!important;max-width:none!important}

/* =========================================================
   v97 HOTFIX — result alignment + dependable deposit overlay
   ========================================================= */
:root[data-theme="hub"] .deposit-mini-overlay{
  z-index:9999!important;
  pointer-events:auto!important;
}
:root[data-theme="hub"] .deposit-mini-modal{pointer-events:auto!important}

:root[data-theme="hub"] .case-page-result .inline-result{
  grid-template-rows:184px auto!important;
  min-height:286px!important;
  padding:8px 24px 16px!important;
}
:root[data-theme="hub"] .case-page-result .inline-result .skin-art,
:root[data-theme="hub"] .case-page-result .inline-result .real-skin{
  height:184px!important;
  transform:translateY(-5px)!important;
}
:root[data-theme="hub"] .case-page-result .inline-result-meta.result-meta-v97{
  width:100%!important;
  min-height:66px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:18px!important;
  margin:0!important;
  padding:3px 4px 0!important;
}
:root[data-theme="hub"] .result-ident{
  min-width:0!important;
  text-align:left!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-end!important;
  gap:4px!important;
}
:root[data-theme="hub"] .result-ident>small{
  font-size:8px!important;
  line-height:1!important;
  color:#777984!important;
  margin:0!important;
}
:root[data-theme="hub"] .result-ident>div{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
:root[data-theme="hub"] .result-ident strong{
  font-size:17px!important;
  line-height:1.08!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#f6f1ec!important;
}
:root[data-theme="hub"] .result-quality-pill{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:34px!important;
  height:24px!important;
  padding:0 8px!important;
  border-radius:7px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(8,9,14,.62)!important;
  color:#d8d4d0!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.05em!important;
}
:root[data-theme="hub"] .result-main-price{
  align-self:end!important;
  justify-self:end!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  font-size:22px!important;
  line-height:1!important;
  color:#f1dfc8!important;
  white-space:nowrap!important;
}
:root[data-theme="hub"] .result-main-price .korzh-money{display:flex!important;align-items:center!important;gap:5px!important}
:root[data-theme="hub"] .result-main-price .korzh-currency-icon{width:15px!important;height:15px!important}

@media (max-width:700px){
  :root[data-theme="hub"] .case-page-result .inline-result-meta.result-meta-v97{grid-template-columns:1fr auto!important;gap:10px!important}
  :root[data-theme="hub"] .result-ident strong{font-size:14px!important}
  :root[data-theme="hub"] .result-main-price{font-size:18px!important}
}


/* =========================================================
   v98 — roulette size restore / static result / readable result
   ========================================================= */
:root[data-theme="hub"] .case-opening-reel .reel-wrap.reel-3d,
:root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-wrap.reel-3d{
  height:350px!important;
  border-radius:20px!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-viewport,
:root[data-theme="hub"] .case-opening-reel .reel-3d .pointer{
  height:350px!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel{
  gap:14px!important;
  padding:0 24px!important;
  align-items:center!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card{
  flex:0 0 286px!important;
  width:286px!important;
  height:244px!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner{
  height:244px!important;
  padding:13px 15px 14px!important;
  border-radius:18px!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .real-skin,
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .skin-art{
  height:166px!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner small{
  font-size:8px!important;
  line-height:1.1!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner b{
  font-size:14px!important;
  line-height:1.1!important;
  margin-top:4px!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner>span{
  font-size:11px!important;
  margin-top:6px!important;
}

/* Only the lower CASE CONTENTS cards stay compact. */
:root[data-theme="hub"] .case-page-contents .contents-card,
:root[data-theme="hub"] .contents .contents-card{
  height:142px!important;
  min-height:142px!important;
}
:root[data-theme="hub"] .case-page-contents .contents-card .skin-art,
:root[data-theme="hub"] .contents .contents-card .skin-art{
  height:78px!important;
  min-height:78px!important;
}
:root[data-theme="hub"] .contents-card .skin-info strong{
  font-size:10px!important;
  line-height:1.15!important;
}

/* Result card: fixed art zone + one readable information bar. */
:root[data-theme="hub"] .case-page-result .inline-result{
  width:min(620px,90vw)!important;
  min-height:310px!important;
  grid-template-rows:206px 78px!important;
  padding:4px 24px 18px!important;
}
:root[data-theme="hub"] .case-page-result .inline-result .skin-art,
:root[data-theme="hub"] .case-page-result .inline-result .real-skin{
  height:206px!important;
  transform:translateY(-14px)!important;
  margin:0!important;
}
:root[data-theme="hub"] .case-page-result .inline-result .real-skin img{
  width:90%!important;
  height:90%!important;
  object-position:50% 38%!important;
}
:root[data-theme="hub"] .case-page-result .inline-result-meta.result-meta-v97{
  width:100%!important;
  min-height:78px!important;
  margin:0!important;
  padding:10px 4px 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:20px!important;
  border-top:1px solid rgba(255,255,255,.045)!important;
}
:root[data-theme="hub"] .case-page-result .result-ident{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:0!important;
  text-align:left!important;
}
:root[data-theme="hub"] .case-page-result .result-ident>small{
  font-size:9px!important;
  line-height:1!important;
  color:#787a83!important;
  margin:0!important;
  letter-spacing:.025em!important;
}
:root[data-theme="hub"] .case-page-result .result-ident>div{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
:root[data-theme="hub"] .case-page-result .result-ident strong{
  font-size:20px!important;
  line-height:1!important;
  color:#f7f3ee!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
:root[data-theme="hub"] .case-page-result .result-quality-pill{
  height:27px!important;
  min-width:38px!important;
  padding:0 9px!important;
  border-radius:8px!important;
  font-size:10px!important;
  font-weight:950!important;
}
:root[data-theme="hub"] .case-page-result .result-main-price{
  font-size:24px!important;
  font-weight:950!important;
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
  color:#f0d9be!important;
}
:root[data-theme="hub"] .case-page-result .result-main-price .korzh-currency-icon{
  width:17px!important;height:17px!important;
}

@media(max-width:900px){
  :root[data-theme="hub"] .case-opening-reel .reel-wrap.reel-3d,
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-viewport,
  :root[data-theme="hub"] .case-opening-reel .reel-3d .pointer{height:315px!important}
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card{flex-basis:236px!important;width:236px!important;height:214px!important}
  :root[data-theme="hub"] .case-opening-reel .reel-card-inner{height:214px!important}
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .real-skin,
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .skin-art{height:142px!important}
}

/* =========================================================
   v100 — readability / centered deposit / result typography
   ========================================================= */
:root[data-theme="hub"] .case-page-result .inline-result-meta.result-meta-v100{
  width:100%!important;
  min-height:72px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  margin:0!important;
  padding:8px 6px 2px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
:root[data-theme="hub"] .case-page-result .result-ident{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:7px!important;
}
:root[data-theme="hub"] .case-page-result .result-weapon{
  display:block!important;
  margin:0!important;
  color:#f6f2ed!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}
:root[data-theme="hub"] .case-page-result .result-name-row{
  display:flex!important;
  align-items:baseline!important;
  gap:8px!important;
  min-width:0!important;
  max-width:100%!important;
}
:root[data-theme="hub"] .case-page-result .result-skin-name{
  color:#c8c4c0!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
:root[data-theme="hub"] .case-page-result .result-quality-text{
  flex:0 0 auto!important;
  color:#aaa6a2!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.05em!important;
  background:none!important;
  border:0!important;
  padding:0!important;
  border-radius:0!important;
}
:root[data-theme="hub"] .case-page-result .result-main-price{
  font-size:24px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#f0d7bc!important;
  white-space:nowrap!important;
}

/* Compact lower contents only; labels stay readable and no quality suffix. */
:root[data-theme="hub"] .case-page-contents .contents-card .skin-info,
:root[data-theme="hub"] .contents .contents-card .skin-info{
  padding:0 9px 8px!important;
  gap:2px!important;
}
:root[data-theme="hub"] .case-page-contents .contents-card .contents-weapon,
:root[data-theme="hub"] .contents .contents-card .contents-weapon{
  display:block!important;
  color:#ece8e3!important;
  font-size:11px!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
:root[data-theme="hub"] .case-page-contents .contents-card .contents-skin-name,
:root[data-theme="hub"] .contents .contents-card .contents-skin-name{
  display:block!important;
  color:#a9a6a3!important;
  font-size:9px!important;
  line-height:1.05!important;
  font-weight:800!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Deposit is rendered directly under BODY in v100, so it can never open at page bottom. */
#depositPortal{position:relative!important;z-index:2147483000!important}
body.deposit-modal-open{overflow:hidden!important}
#depositPortal .deposit-mini-overlay{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px!important;
  margin:0!important;
  transform:none!important;
  background:rgba(3,4,8,.78)!important;
  backdrop-filter:blur(8px)!important;
}
#depositPortal .deposit-mini-modal{
  width:min(510px,calc(100vw - 32px))!important;
  max-width:510px!important;
  max-height:min(690px,calc(100vh - 40px))!important;
  margin:0!important;
  padding:18px!important;
  overflow:auto!important;
  border-radius:20px!important;
  box-sizing:border-box!important;
}
#depositPortal .deposit-mini-modal>header{height:54px!important;margin-bottom:12px!important}
#depositPortal .deposit-mini-modal>header small{font-size:8px!important}
#depositPortal .deposit-mini-modal>header h2{font-size:22px!important;margin-top:4px!important}
#depositPortal .deposit-mode-tabs{
  height:58px!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
  padding:5px!important;
  margin-bottom:15px!important;
}
#depositPortal .deposit-mode-tabs button{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.025em!important;
}
#depositPortal .deposit-mode-icon{width:24px!important;height:20px!important;display:block!important;flex:0 0 auto!important;color:#f4f2ef!important}
#depositPortal .deposit-btc-icon{width:23px!important;height:23px!important;color:#f0a44c!important}
#depositPortal .deposit-mini-label{font-size:8px!important;margin-top:4px!important}
#depositPortal .deposit-country-compact button,
#depositPortal .deposit-bank-grid button,
#depositPortal .deposit-crypto-grid button{font-size:10px!important;line-height:1.15!important}
#depositPortal .deposit-country-compact button{height:52px!important}
#depositPortal .deposit-bank-grid button,#depositPortal .deposit-crypto-grid button{min-height:54px!important}
#depositPortal .deposit-network-grid button{height:34px!important;font-size:9px!important}
#depositPortal .deposit-mini-amount label>span{font-size:8px!important}
#depositPortal .deposit-mini-amount input{font-size:21px!important}
#depositPortal .deposit-mini-amount>div button{height:32px!important;font-size:9px!important}
#depositPortal .deposit-mini-summary{height:46px!important}
#depositPortal .deposit-mini-summary span{font-size:9px!important}
#depositPortal .deposit-mini-summary strong{font-size:14px!important}
#depositPortal .deposit-mini-submit{height:44px!important;font-size:10px!important}
#depositPortal .deposit-mini-note{font-size:8px!important;line-height:1.35!important}

@media(max-height:720px){
  #depositPortal .deposit-mini-modal{max-height:calc(100vh - 24px)!important;padding:14px!important}
  #depositPortal .deposit-mode-tabs{height:50px!important;margin-bottom:10px!important}
  #depositPortal .deposit-country-compact button{height:45px!important}
  #depositPortal .deposit-bank-grid button,#depositPortal .deposit-crypto-grid button{min-height:47px!important}
}

/* =========================================================
   v102 — unified skin typography / centered cards / premium deposit
   ========================================================= */
:root[data-theme="hub"] .skin-caption small,
:root[data-theme="hub"] .skin-info small,
:root[data-theme="hub"] .reel-card-inner small,
:root[data-theme="hub"] .multi-result-card small{
  display:block!important;
  color:#8b8f9a!important;
  font-size:10px!important;
  line-height:1.08!important;
  font-weight:750!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
:root[data-theme="hub"] .skin-caption strong,
:root[data-theme="hub"] .skin-info strong,
:root[data-theme="hub"] .reel-card-inner b,
:root[data-theme="hub"] .multi-result-card strong{
  display:block!important;
  color:#f6f3ee!important;
  font-size:13px!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.018em!important;
  margin-top:4px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Case contents: centered art, professional two-line caption. */
:root[data-theme="hub"] .case-page-contents .contents-card,
:root[data-theme="hub"] .contents .contents-card{
  height:158px!important;
  min-height:158px!important;
  padding:8px 9px 8px!important;
  display:grid!important;
  grid-template-rows:100px minmax(0,1fr)!important;
  align-items:stretch!important;
}
:root[data-theme="hub"] .case-page-contents .contents-card .skin-art,
:root[data-theme="hub"] .contents .contents-card .skin-art,
:root[data-theme="hub"] .case-page-contents .contents-card .real-skin,
:root[data-theme="hub"] .contents .contents-card .real-skin{
  height:100px!important;
  min-height:100px!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
  margin:0!important;
  overflow:visible!important;
}
:root[data-theme="hub"] .case-page-contents .contents-card .real-skin img,
:root[data-theme="hub"] .contents .contents-card .real-skin img{
  width:94%!important;
  height:88%!important;
  max-width:94%!important;
  max-height:88%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
}
:root[data-theme="hub"] .case-page-contents .contents-card .skin-info,
:root[data-theme="hub"] .contents .contents-card .skin-info{
  min-width:0!important;
  min-height:42px!important;
  padding:4px 5px 0!important;
  display:block!important;
  align-self:end!important;
}
:root[data-theme="hub"] .case-page-contents .contents-card .contents-weapon,
:root[data-theme="hub"] .contents .contents-card .contents-weapon{
  font-size:9px!important;
  color:#8b8e98!important;
  font-weight:750!important;
}
:root[data-theme="hub"] .case-page-contents .contents-card .contents-skin-name,
:root[data-theme="hub"] .contents .contents-card .contents-skin-name{
  font-size:12px!important;
  color:#f4f0ea!important;
  font-weight:950!important;
  margin-top:4px!important;
}

/* Roulette keeps large premium cards and same label hierarchy. */
:root[data-theme="hub"] .case-opening-reel .reel-card-inner small{font-size:10px!important}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner b{font-size:15px!important;margin-top:5px!important}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner>span{font-size:12px!important;margin-top:7px!important}

/* Result: type/quality on first line, skin name larger underneath, price cleanly right. */
:root[data-theme="hub"] .case-page-result .inline-result-meta.result-meta-v102{
  width:100%!important;
  min-height:78px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  margin:0!important;
  padding:8px 8px 2px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
:root[data-theme="hub"] .case-page-result .result-ident{gap:4px!important;align-items:flex-start!important}
:root[data-theme="hub"] .case-page-result .result-type-line{
  color:#92959e!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:800!important;
}
:root[data-theme="hub"] .case-page-result .result-skin-name{
  display:block!important;
  color:#f7f3ee!important;
  font-size:20px!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
  margin-top:5px!important;
}
:root[data-theme="hub"] .case-page-result .result-main-price{font-size:25px!important;font-weight:950!important}

/* Upgrade / contract cards use the same visual hierarchy. */
:root[data-theme="hub"] .hub-u3-item-grid .skin-info small{font-size:9px!important;color:#858993!important;font-weight:750!important}
:root[data-theme="hub"] .hub-u3-item-grid .skin-info strong{font-size:12px!important;color:#f3efe9!important;font-weight:950!important;margin-top:4px!important}
:root[data-theme="hub"] .compact-skin-caption small{font-size:10px!important;color:#8a8e98!important;font-weight:750!important}
:root[data-theme="hub"] .compact-skin-caption strong{font-size:15px!important;color:#f6f2ec!important;font-weight:950!important;margin-top:4px!important}

/* LIVE DROP keeps compact but follows the same type -> name hierarchy. */
:root[data-theme="hub"] .live-item .skin-caption-live{min-width:0!important;display:block!important}
:root[data-theme="hub"] .live-item .skin-caption-live small{font-size:6.5px!important;color:#7d8089!important}
:root[data-theme="hub"] .live-item .skin-caption-live strong{font-size:8px!important;color:#eee9e3!important;margin-top:2px!important}
:root[data-theme="hub"] .live-item .skin-caption-live b{font-size:9px!important;margin-top:4px!important}

/* -------- Premium deposit rebuild -------- */
#depositPortal .deposit-mini-overlay{
  background:radial-gradient(circle at 50% 20%,rgba(129,85,255,.10),transparent 34%),rgba(2,3,8,.84)!important;
  backdrop-filter:blur(14px)!important;
}
#depositPortal .deposit-mini-modal{
  width:min(650px,calc(100vw - 34px))!important;
  max-width:650px!important;
  max-height:min(780px,calc(100vh - 34px))!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  padding:24px!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:
    radial-gradient(circle at 85% 0,rgba(255,141,92,.08),transparent 29%),
    linear-gradient(160deg,#13151e 0%,#0b0d13 62%,#08090e 100%)!important;
  box-shadow:0 44px 140px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#depositPortal .deposit-mini-modal>header{
  min-height:72px!important;
  height:auto!important;
  margin-bottom:18px!important;
  padding:0 2px 17px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  align-items:flex-start!important;
}
#depositPortal .deposit-mini-modal>header small{font-size:8px!important;color:#b98b6d!important;letter-spacing:.18em!important}
#depositPortal .deposit-mini-modal>header h2{font-size:26px!important;margin:5px 0 0!important;letter-spacing:-.025em!important}
#depositPortal .deposit-mini-modal>header p{margin:7px 0 0!important;color:#727682!important;font-size:10px!important;line-height:1.3!important}
#depositPortal .deposit-mini-modal>header button{
  width:36px!important;height:36px!important;border-radius:11px!important;
  display:grid!important;place-items:center!important;
  background:#11141c!important;border:1px solid rgba(255,255,255,.08)!important;color:#c6c8ce!important;
}
#depositPortal .deposit-mode-tabs.deposit-mode-cards{
  height:auto!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  padding:0!important;
  margin-bottom:18px!important;
  background:none!important;
  border:0!important;
}
#depositPortal .deposit-mode-tabs.deposit-mode-cards button{
  min-height:88px!important;
  justify-content:flex-start!important;
  text-align:left!important;
  padding:13px 14px!important;
  gap:12px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:linear-gradient(145deg,#12151d,#0b0d13)!important;
  transition:border-color .16s ease,transform .16s ease,background .16s ease!important;
}
#depositPortal .deposit-mode-tabs.deposit-mode-cards button:hover{transform:translateY(-1px)!important;border-color:rgba(255,255,255,.13)!important}
#depositPortal .deposit-mode-tabs.deposit-mode-cards button.active{
  border-color:rgba(225,149,103,.48)!important;
  background:linear-gradient(145deg,rgba(161,95,60,.22),#11131a 72%)!important;
  box-shadow:inset 0 0 0 1px rgba(225,149,103,.07),0 12px 30px rgba(0,0,0,.16)!important;
}
#depositPortal .deposit-mode-icon-shell{
  flex:0 0 48px!important;width:48px!important;height:48px!important;border-radius:14px!important;
  display:grid!important;place-items:center!important;
  color:#f0eee9!important;background:#191c25!important;border:1px solid rgba(255,255,255,.07)!important;
}
#depositPortal .deposit-mode-icon-shell.btc{color:#f0a54c!important;background:rgba(240,165,76,.08)!important}
#depositPortal .deposit-mode-icon-shell .deposit-mode-icon{width:26px!important;height:26px!important}
#depositPortal .deposit-mode-copy{display:block!important;min-width:0!important}
#depositPortal .deposit-mode-copy strong{display:block!important;font-size:11px!important;font-weight:950!important;color:#f3f0eb!important;letter-spacing:.015em!important}
#depositPortal .deposit-mode-copy small{display:block!important;margin-top:6px!important;font-size:8px!important;line-height:1.2!important;color:#70747e!important;font-weight:650!important}
#depositPortal .deposit-mini-body{
  padding:16px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:17px!important;
  background:rgba(8,10,15,.56)!important;
}
#depositPortal .deposit-mini-label{font-size:8px!important;color:#858994!important;letter-spacing:.13em!important;font-weight:900!important;margin:0 0 8px!important}
#depositPortal .deposit-mini-label:not(:first-child){margin-top:16px!important}
#depositPortal .deposit-country-compact{gap:7px!important}
#depositPortal .deposit-country-compact button,
#depositPortal .deposit-bank-grid button,
#depositPortal .deposit-crypto-grid button{
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  background:#0e1118!important;
  color:#c9cbd1!important;
}
#depositPortal .deposit-country-compact button.active,
#depositPortal .deposit-bank-grid button.active,
#depositPortal .deposit-crypto-grid button.active,
#depositPortal .deposit-network-grid button.active{
  border-color:rgba(219,139,94,.42)!important;
  background:rgba(138,80,51,.18)!important;
  color:#fff!important;
}
#depositPortal .deposit-mini-amount{
  margin-top:14px!important;padding:15px 16px!important;border-radius:17px!important;
  border:1px solid rgba(255,255,255,.055)!important;background:#0b0e14!important;
}
#depositPortal .deposit-mini-amount label>span{font-size:8px!important;color:#858994!important;letter-spacing:.12em!important}
#depositPortal .deposit-mini-amount label>div{height:48px!important;margin-top:7px!important;padding:0 12px!important;border-radius:12px!important;background:#080a0f!important;border:1px solid rgba(255,255,255,.06)!important}
#depositPortal .deposit-mini-amount input{font-size:24px!important;font-weight:900!important;color:#f4f1ec!important}
#depositPortal .deposit-mini-amount>div{gap:7px!important;margin-top:9px!important}
#depositPortal .deposit-mini-amount>div button{height:34px!important;border-radius:9px!important;background:#10131a!important;border:1px solid rgba(255,255,255,.055)!important;color:#aeb1b9!important}
#depositPortal .deposit-mini-summary{
  height:auto!important;min-height:60px!important;margin-top:13px!important;padding:12px 15px!important;
  border-radius:15px!important;border:1px solid rgba(255,255,255,.055)!important;background:linear-gradient(90deg,#0d1017,#11131a)!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;
}
#depositPortal .deposit-mini-summary>div{min-width:0!important}
#depositPortal .deposit-mini-summary small{display:block!important;font-size:7px!important;color:#666a74!important;letter-spacing:.12em!important;font-weight:900!important}
#depositPortal .deposit-mini-summary span{display:block!important;margin-top:5px!important;font-size:9px!important;color:#a9acb4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#depositPortal .deposit-mini-summary strong{font-size:17px!important;color:#f0d4bd!important;font-weight:950!important;white-space:nowrap!important}
#depositPortal .deposit-mini-submit{height:48px!important;margin-top:11px!important;border-radius:12px!important;background:linear-gradient(90deg,#a76445,#c88761)!important;color:#17100d!important;font-size:10px!important;font-weight:950!important;letter-spacing:.045em!important}
#depositPortal .deposit-mini-note{display:block!important;text-align:center!important;margin-top:8px!important;color:#555a64!important;font-size:7px!important}

@media(max-width:680px){
  #depositPortal .deposit-mini-modal{padding:16px!important;border-radius:20px!important}
  #depositPortal .deposit-mode-tabs.deposit-mode-cards{grid-template-columns:1fr!important}
  #depositPortal .deposit-mode-tabs.deposit-mode-cards button{min-height:70px!important}
}


/* =========================================================
   v103 — Replay-style main roulette / edge landings / centered multi-drop
   ========================================================= */
/* Main case roulette now uses the same flat, premium language as Replay. */
:root[data-theme="hub"] .case-opening-reel .reel-wrap.reel-3d,
:root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-wrap.reel-3d{
  height:286px!important;
  margin:14px 0 4px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  background:#090b11!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 18px 48px rgba(0,0,0,.20)!important;
  overflow:hidden!important;
  perspective:none!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-viewport,
:root[data-theme="hub"] .case-opening-reel .reel-3d .pointer{
  height:286px!important;
  perspective:none!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel{
  height:100%!important;
  gap:9px!important;
  padding:0 18px!important;
  align-items:center!important;
  transform-style:flat!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card{
  flex:0 0 188px!important;
  width:188px!important;
  height:218px!important;
  padding:0!important;
  border-radius:14px!important;
  transform-style:flat!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--rarity) 7%,#11141b),#0d1016)!important;
  border:1px solid color-mix(in srgb,var(--rarity) 20%,rgba(255,255,255,.05))!important;
  box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--rarity) 55%,transparent)!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner{
  width:100%!important;
  height:100%!important;
  padding:10px 11px 11px!important;
  border-radius:14px!important;
  display:grid!important;
  grid-template-rows:128px auto auto auto!important;
  align-content:start!important;
  background:transparent!important;
  border:0!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .real-skin,
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .skin-art{
  height:128px!important;
  min-height:128px!important;
  width:100%!important;
  display:grid!important;
  place-items:center!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .real-skin img{
  max-width:94%!important;
  max-height:88%!important;
  object-fit:contain!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner small{
  font-size:8px!important;
  color:#777b85!important;
  margin-top:2px!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner b{
  font-size:11px!important;
  line-height:1.08!important;
  margin-top:4px!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner>span{
  font-size:10px!important;
  color:#d2c3b2!important;
  margin-top:6px!important;
  font-weight:850!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-haze{display:none!important}
:root[data-theme="hub"] .case-opening-reel .pointer{
  width:1px!important;
  background:rgba(245,240,234,.92)!important;
  box-shadow:0 0 12px rgba(255,255,255,.24)!important;
  z-index:40!important;
}
:root[data-theme="hub"] .case-opening-reel .pointer:before{
  top:0!important;
  border-left-width:8px!important;
  border-right-width:8px!important;
  border-top-width:11px!important;
  border-top-color:#f5f0ea!important;
}
:root[data-theme="hub"] .case-opening-reel .pointer:after{
  bottom:0!important;
  border-left-width:8px!important;
  border-right-width:8px!important;
  border-bottom-width:11px!important;
  border-bottom-color:#f5f0ea!important;
}

/* 2 / 3 / 4-case results are explicitly centered, not left-anchored. */
@media(min-width:721px){
  :root[data-theme="hub"] .multi-result-grid{
    width:96%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    justify-content:center!important;
    gap:14px!important;
  }
  :root[data-theme="hub"] .multi-result-grid.count-2{grid-template-columns:repeat(2,minmax(0,220px))!important;max-width:470px!important}
  :root[data-theme="hub"] .multi-result-grid.count-3{grid-template-columns:repeat(3,minmax(0,210px))!important;max-width:670px!important}
  :root[data-theme="hub"] .multi-result-grid.count-4{grid-template-columns:repeat(4,minmax(0,200px))!important;max-width:850px!important}
  :root[data-theme="hub"] .multi-result-grid.count-5{grid-template-columns:repeat(5,minmax(0,1fr))!important;max-width:1120px!important}
}

@media(max-width:900px){
  :root[data-theme="hub"] .case-opening-reel .reel-wrap.reel-3d,
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-viewport,
  :root[data-theme="hub"] .case-opening-reel .reel-3d .pointer{height:250px!important}
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card{flex-basis:168px!important;width:168px!important;height:198px!important}
  :root[data-theme="hub"] .case-opening-reel .reel-card-inner{height:198px!important;grid-template-rows:112px auto auto auto!important}
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .real-skin,
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .skin-art{height:112px!important;min-height:112px!important}
}


/* =========================================================
   v104 — spin finish + quality visibility + deposit rebuild
   ========================================================= */
/* Weapon/model line is readable, but skin name remains the visual hero. */
:root[data-theme="hub"] .case-opening-reel .reel-card-inner small{
  font-size:10px!important;line-height:1.05!important;font-weight:800!important;color:#a8abb4!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner b{
  font-size:12px!important;line-height:1.08!important;font-weight:950!important;color:#f2efeb!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
:root[data-theme="hub"] .contents-card .contents-weapon{
  font-size:10px!important;line-height:1.05!important;font-weight:800!important;color:#a7a9b1!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
:root[data-theme="hub"] .contents-card .contents-skin-name{
  font-size:12px!important;line-height:1.08!important;font-weight:950!important;color:#f4f0eb!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
:root[data-theme="hub"] .live-item .skin-caption-live small{font-size:8px!important;font-weight:800!important}
:root[data-theme="hub"] .live-item .skin-caption-live strong{font-size:9px!important;font-weight:950!important}
:root[data-theme="hub"] .contract-slot small{font-size:9px!important;font-weight:800!important}
:root[data-theme="hub"] .contract-slot b{font-size:11px!important;font-weight:950!important}

/* Deposit v104 — compact, centered and scrollbar-free. */
#depositPortal .deposit-mini-overlay{padding:18px!important;place-items:center!important}
#depositPortal .deposit-mini-modal{
  width:min(610px,calc(100vw - 30px))!important;max-height:min(760px,calc(100vh - 30px))!important;
  overflow:auto!important;scrollbar-width:none!important;-ms-overflow-style:none!important;
  padding:22px!important;border-radius:22px!important;
  background:linear-gradient(155deg,#11131a 0%,#090b10 72%)!important;
  border:1px solid rgba(255,255,255,.075)!important;box-shadow:0 36px 110px rgba(0,0,0,.72)!important;
}
#depositPortal .deposit-mini-modal::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
#depositPortal .deposit-mini-modal>header{height:auto!important;min-height:74px!important;display:block!important;text-align:center!important;position:relative!important;margin:0 0 14px!important;padding:2px 42px 14px!important}
#depositPortal .deposit-mini-modal>header small{font-size:8px!important}
#depositPortal .deposit-mini-modal>header h2{font-size:27px!important;margin:5px 0 0!important}
#depositPortal .deposit-mini-modal>header p{font-size:11px!important;margin:7px 0 0!important;color:#8b8e97!important}
#depositPortal .deposit-mini-modal>header button{position:absolute!important;right:0!important;top:0!important}
#depositPortal .deposit-promo{margin:0 0 13px!important;padding:12px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:14px!important;background:#0b0d13!important}
#depositPortal .deposit-promo>label{display:block!important;margin-bottom:7px!important;font-size:8px!important;font-weight:950!important;letter-spacing:.11em!important;color:#8a8e99!important}
#depositPortal .deposit-promo>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
#depositPortal .deposit-promo input{min-width:0!important;height:40px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:10px!important;background:#07090e!important;color:#f1eee9!important;padding:0 12px!important;font-size:11px!important;outline:none!important}
#depositPortal .deposit-promo button{height:40px!important;padding:0 16px!important;border:1px solid rgba(198,126,85,.24)!important;border-radius:10px!important;background:#22160f!important;color:#d9aa89!important;font-size:9px!important;font-weight:950!important}
#depositPortal .deposit-mode-cards{gap:9px!important;margin-bottom:15px!important}
#depositPortal .deposit-mode-cards>button{min-height:62px!important;padding:10px 13px!important}
#depositPortal .deposit-country-compact{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin-bottom:13px!important}
#depositPortal .deposit-country-compact button{width:52px!important;min-width:52px!important;height:40px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:11px!important}
#depositPortal .deposit-country-compact button img{width:25px!important;height:17px!important;object-fit:cover!important;border-radius:3px!important}
#depositPortal .deposit-country-compact button>span{font-size:20px!important;line-height:1!important}
#depositPortal .deposit-bank-grid{display:flex!important;flex-wrap:wrap!important;gap:8px!important;grid-template-columns:none!important}
#depositPortal .deposit-bank-grid button{width:auto!important;min-width:0!important;height:38px!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;border-radius:10px!important}
#depositPortal .deposit-bank-grid button span{font-size:9px!important;font-weight:900!important;white-space:nowrap!important}
#depositPortal .deposit-bank-grid button i{flex:0 0 auto!important}
#depositPortal .deposit-mini-body{padding:13px!important;border-radius:15px!important}
#depositPortal .deposit-mini-amount{margin-top:12px!important;padding-top:12px!important}
#depositPortal .deposit-mini-summary{margin-top:10px!important}
@media(max-width:620px){
  #depositPortal .deposit-mini-modal{padding:15px!important}
  #depositPortal .deposit-mode-cards{grid-template-columns:1fr!important}
  #depositPortal .deposit-promo>div{grid-template-columns:1fr!important}
}

/* =========================================================
   v105 — larger case roulette + stronger upgrade presets
   ========================================================= */
/* Main case roulette: keep Replay styling, just scale it up ~15%. */
:root[data-theme="hub"] .case-opening-reel .reel-wrap.reel-3d,
:root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-wrap.reel-3d{
  height:326px!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-viewport,
:root[data-theme="hub"] .case-opening-reel .reel-3d .pointer,
:root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-3d .reel-viewport,
:root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel-3d .pointer{
  height:326px!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card{
  flex-basis:216px!important;
  width:216px!important;
  height:248px!important;
  border-radius:16px!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner{
  height:248px!important;
  padding:12px 13px 13px!important;
  grid-template-rows:148px auto auto auto!important;
  border-radius:16px!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .real-skin,
:root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .skin-art{
  height:148px!important;
  min-height:148px!important;
}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner small{font-size:10.5px!important}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner b{font-size:13px!important}
:root[data-theme="hub"] .case-opening-reel .reel-card-inner>span{font-size:11px!important}

/* Upgrade multipliers: visually as substantial as the inventory tabs. */
:root[data-theme="hub"] .hub-u3-browser-presets{
  grid-template-columns:repeat(6,54px)!important;
  gap:6px!important;
}
:root[data-theme="hub"] .hub-u3-browser-presets button{
  width:54px!important;
  min-width:54px!important;
  height:34px!important;
  min-height:34px!important;
  border-radius:9px!important;
  font-size:9px!important;
}

@media(max-width:900px){
  :root[data-theme="hub"] .case-opening-reel .reel-wrap.reel-3d,
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-viewport,
  :root[data-theme="hub"] .case-opening-reel .reel-3d .pointer{height:278px!important}
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card{flex-basis:184px!important;width:184px!important;height:218px!important}
  :root[data-theme="hub"] .case-opening-reel .reel-card-inner{height:218px!important;grid-template-rows:126px auto auto auto!important}
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .real-skin,
  :root[data-theme="hub"] .case-opening-reel .reel-3d .reel-card .skin-art{height:126px!important;min-height:126px!important}
}

/* =========================================================
   v106 — premium deposit + no-scroll modal
   ========================================================= */
#depositPortal .deposit-v106-overlay{position:fixed!important;inset:0!important;z-index:99999!important;display:grid!important;place-items:center!important;padding:24px!important;background:radial-gradient(circle at 50% 44%,rgba(72,48,43,.16),transparent 32%),rgba(3,4,8,.84)!important;backdrop-filter:blur(18px)!important;overflow:hidden!important}
#depositPortal .deposit-v106-modal{position:relative!important;width:min(650px,calc(100vw - 36px))!important;max-height:min(820px,calc(100vh - 36px))!important;overflow:auto!important;scrollbar-width:none!important;padding:28px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(20,21,28,.985),rgba(8,9,14,.995) 72%)!important;box-shadow:0 40px 130px rgba(0,0,0,.76),inset 0 1px 0 rgba(255,255,255,.035)!important}
#depositPortal .deposit-v106-modal::-webkit-scrollbar{display:none!important}
#depositPortal .deposit-v106-modal:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#b67655 30%,#eee0d0 50%,#7656d9 72%,transparent);opacity:.78}
#depositPortal .deposit-v106-close{position:absolute!important;right:18px!important;top:18px!important;width:38px!important;height:38px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.07)!important;background:#10121a!important;color:#8f929c!important;font-size:22px!important;z-index:3!important}
#depositPortal .deposit-v106-head{text-align:center!important;border:0!important;margin:0 0 20px!important;padding:4px 50px 0!important;height:auto!important;display:block!important}
#depositPortal .deposit-v106-eyebrow{display:block;font-size:8px;font-weight:900;letter-spacing:.24em;color:#b47a59;margin-bottom:8px}
#depositPortal .deposit-v106-head h2{font-size:30px!important;line-height:1!important;letter-spacing:-.035em!important;margin:0!important;color:#f7f3ee!important}
#depositPortal .deposit-v106-head p{font-size:12px!important;line-height:1.45!important;color:#8b8e98!important;margin:10px 0 0!important}
#depositPortal .deposit-v106-promo{padding:0!important;margin:0 0 12px!important;border:0!important;background:transparent!important}
#depositPortal .deposit-v106-promo>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
#depositPortal .deposit-v106-promo input{height:48px!important;border-radius:13px!important;padding:0 15px!important;background:#080a10!important;border:1px solid rgba(255,255,255,.065)!important;font-size:10px!important;letter-spacing:.08em!important}
#depositPortal .deposit-v106-promo button{height:48px!important;border-radius:13px!important;padding:0 18px!important;background:#19120f!important;border:1px solid rgba(183,115,79,.2)!important;color:#d5a582!important;font-size:9px!important}
#depositPortal .deposit-v106-modes{height:auto!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:0!important;margin:0 0 12px!important;border:0!important;background:transparent!important}
#depositPortal .deposit-v106-modes>button{position:relative!important;min-height:92px!important;display:grid!important;grid-template-columns:48px 1fr 20px!important;align-items:center!important;gap:13px!important;padding:15px!important;border-radius:17px!important;border:1px solid rgba(255,255,255,.065)!important;background:linear-gradient(145deg,#11131a,#0b0d13)!important;text-align:left!important;color:#f5f1ec!important;transition:.18s ease!important}
#depositPortal .deposit-v106-modes>button:hover{transform:translateY(-2px)!important;border-color:rgba(255,255,255,.12)!important}
#depositPortal .deposit-v106-modes>button.active{border-color:rgba(199,126,87,.48)!important;background:linear-gradient(145deg,#1a1514,#101016)!important;box-shadow:inset 0 0 0 1px rgba(199,126,87,.08),0 12px 34px rgba(0,0,0,.22)!important}
#depositPortal .deposit-v106-modes .deposit-mode-icon-shell{width:48px!important;height:48px!important;border-radius:14px!important;display:grid!important;place-items:center!important;background:#080a10!important;border:1px solid rgba(255,255,255,.055)!important}
#depositPortal .deposit-v106-modes .deposit-mode-copy strong{font-size:12px!important;letter-spacing:.015em!important}
#depositPortal .deposit-v106-modes .deposit-mode-copy small{font-size:9px!important;line-height:1.35!important;margin-top:5px!important;color:#737783!important}
#depositPortal .deposit-v106-modes em{font-style:normal!important;font-size:18px!important;color:#666b77!important}
#depositPortal .deposit-v106-stage{border:1px solid rgba(255,255,255,.055)!important;border-radius:18px!important;background:linear-gradient(180deg,#0b0d13,#090a0f)!important;padding:16px!important;min-height:96px!important}
#depositPortal .deposit-v106-pick-hint{min-height:78px;display:flex;align-items:center;justify-content:center;gap:14px;text-align:left;color:#7e828d}
#depositPortal .deposit-v106-pick-hint>span{width:38px;height:38px;border:1px solid rgba(183,115,79,.25);border-radius:12px;display:grid;place-items:center;color:#b57655;font-size:9px;font-weight:900;background:#120f0e}
#depositPortal .deposit-v106-pick-hint strong{display:block;color:#d9d5d0;font-size:10px;letter-spacing:.06em}.deposit-v106-pick-hint small{display:block;margin-top:5px;font-size:9px;color:#666b75}
#depositPortal .deposit-v106-method-body{display:grid!important;gap:16px!important}.deposit-v106-section{display:grid!important;gap:9px!important}.deposit-v106-kicker{font-size:8px!important;letter-spacing:.15em!important;color:#858994!important;font-weight:950!important}
#depositPortal .deposit-country-compact{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.deposit-country-compact button{width:46px!important;height:38px!important;border-radius:11px!important;background:#10131a!important;border:1px solid rgba(255,255,255,.055)!important}.deposit-country-compact button.active{border-color:rgba(205,137,96,.5)!important;background:#1a1513!important}.deposit-country-compact img{width:21px!important;height:auto!important}
#depositPortal .deposit-bank-grid{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.deposit-bank-grid button{width:auto!important;min-width:0!important;min-height:38px!important;height:38px!important;padding:0 13px!important;display:inline-flex!important;align-items:center!important;gap:8px!important;border-radius:11px!important;background:#10131a!important;border:1px solid rgba(255,255,255,.055)!important;color:#b5b8c0!important;font-size:9px!important;font-weight:850!important}.deposit-bank-grid button.active{border-color:rgba(205,137,96,.48)!important;background:#1a1513!important;color:#eee8e2!important}
#depositPortal .deposit-crypto-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:8px!important}.deposit-crypto-grid button{height:48px!important;border-radius:12px!important}.deposit-network-grid{display:flex!important;gap:8px!important;flex-wrap:wrap!important}.deposit-network-grid button{height:36px!important;width:auto!important;padding:0 14px!important;border-radius:10px!important}
#depositPortal .deposit-v106-amount{margin-top:16px!important;padding-top:14px!important;border-top:1px solid rgba(255,255,255,.05)!important}.deposit-v106-amount label>div{height:52px!important}.deposit-v106-amount input{font-size:25px!important}.deposit-v106-amount>div button{height:36px!important;font-size:9px!important}
#depositPortal .deposit-v106-stage .deposit-mini-submit{height:50px!important;margin-top:14px!important;border-radius:13px!important;background:linear-gradient(90deg,#a86849,#d0936c)!important;font-size:10px!important;letter-spacing:.07em!important}
#depositPortal .deposit-v106-modal>.deposit-mini-note{font-size:8px!important;color:#545965!important;margin:10px 0 -5px!important;text-align:center!important}
@media(max-width:650px){#depositPortal .deposit-v106-modal{padding:20px!important;border-radius:20px!important}#depositPortal .deposit-v106-modes{grid-template-columns:1fr!important}#depositPortal .deposit-crypto-grid{grid-template-columns:repeat(3,1fr)!important}#depositPortal .deposit-v106-promo>div{grid-template-columns:1fr!important}}

.profile-boot-error{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:14px;background:#08090d;color:#eee;font-family:Manrope,system-ui}.profile-boot-error img{width:58px;height:58px}.profile-boot-error strong{font-size:16px}.profile-boot-error button{height:40px;padding:0 18px;border-radius:10px;border:1px solid #34313a;background:#17151a;color:#fff;font-weight:800}

/* =========================================================
   v107 — premium wallet polish + hard animation sync
   ========================================================= */
/* The JS drives these transforms every frame. Never interpolate them again in CSS. */
:root[data-theme="hub"] .case-opening-reel .reel,
:root[data-theme="hub"] .case-opening-transition .case-opening-reel .reel{
  transition:none!important;
}
:root[data-theme="hub"] #upgradeArrow,
:root[data-theme="hub"] .upgrade-rim-pointer{
  transition:none!important;
}

/* Wallet: softer, brighter, product-like instead of a dark form. */
#depositPortal .deposit-v106-overlay{
  background:radial-gradient(circle at 50% 36%,rgba(211,151,116,.17),transparent 28%),rgba(6,7,11,.74)!important;
  backdrop-filter:blur(24px) saturate(1.08)!important;
}
#depositPortal .deposit-v106-modal{
  width:min(690px,calc(100vw - 36px))!important;
  padding:30px!important;
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:
    radial-gradient(circle at 12% 0,rgba(236,180,145,.12),transparent 34%),
    linear-gradient(150deg,rgba(32,33,41,.99),rgba(20,21,28,.995) 58%,rgba(16,17,23,.995))!important;
  box-shadow:0 42px 140px rgba(0,0,0,.64),inset 0 1px 0 rgba(255,255,255,.07)!important;
  color:#f7f2ec!important;
}
#depositPortal .deposit-v106-modal:before{
  height:3px!important;
  background:linear-gradient(90deg,transparent 2%,#cb805d 27%,#f2d5bc 50%,#a47be5 73%,transparent 98%)!important;
  opacity:.92!important;
}
#depositPortal .deposit-v106-head{
  width:100%!important;
  padding:2px 58px 0!important;
  margin:0 auto 22px!important;
  text-align:center!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
#depositPortal .deposit-v106-eyebrow{color:#d59672!important;font-size:8px!important;letter-spacing:.28em!important}
#depositPortal .deposit-v106-head h2{font-size:34px!important;font-weight:950!important;letter-spacing:-.045em!important}
#depositPortal .deposit-v106-head p{max-width:440px!important;font-size:12px!important;color:#aaaab1!important;margin-top:9px!important}
#depositPortal .deposit-v106-close{
  top:18px!important;right:18px!important;background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.10)!important;color:#d7d4d0!important;
}
#depositPortal .deposit-v106-promo>div{
  padding:4px!important;border-radius:17px!important;
  background:linear-gradient(100deg,rgba(211,132,91,.13),rgba(146,100,210,.09))!important;
  border:1px solid rgba(226,151,111,.20)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.02),0 12px 30px rgba(0,0,0,.16)!important;
}
#depositPortal .deposit-v106-promo input{
  height:50px!important;background:rgba(13,14,20,.72)!important;border-color:transparent!important;color:#f4efe9!important;font-size:11px!important;
}
#depositPortal .deposit-v106-promo input:focus{box-shadow:0 0 0 2px rgba(213,139,100,.24)!important}
#depositPortal .deposit-v106-promo button{height:50px!important;background:linear-gradient(135deg,#d49570,#b77355)!important;color:#1b100c!important;border:0!important;font-weight:950!important}
#depositPortal .deposit-v106-modes{gap:12px!important;margin-top:14px!important}
#depositPortal .deposit-v106-modes>button{
  min-height:104px!important;border-radius:20px!important;padding:17px!important;
  background:linear-gradient(145deg,rgba(42,43,52,.92),rgba(25,26,34,.96))!important;
  border-color:rgba(255,255,255,.09)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#depositPortal .deposit-v106-modes>button:hover{border-color:rgba(224,163,125,.28)!important;background:linear-gradient(145deg,rgba(48,47,55,.96),rgba(29,29,37,.98))!important}
#depositPortal .deposit-v106-modes>button.active{
  border-color:rgba(227,156,116,.58)!important;
  background:linear-gradient(145deg,rgba(60,43,39,.96),rgba(31,27,31,.98))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.20),inset 0 0 0 1px rgba(234,169,130,.10)!important;
}
#depositPortal .deposit-v106-modes .deposit-mode-icon-shell{width:54px!important;height:54px!important;border-radius:17px!important;background:rgba(10,11,16,.58)!important}
#depositPortal .deposit-v106-modes .deposit-mode-copy strong{font-size:13px!important;color:#faf6f1!important}
#depositPortal .deposit-v106-modes .deposit-mode-copy small{font-size:9px!important;color:#8f929b!important}
#depositPortal .deposit-v106-stage{
  margin-top:12px!important;padding:18px!important;border-radius:20px!important;
  background:rgba(14,15,21,.62)!important;border-color:rgba(255,255,255,.075)!important;
}
#depositPortal .deposit-v106-pick-hint{min-height:88px!important}
#depositPortal .deposit-v106-pick-hint>span{background:linear-gradient(145deg,#2b211d,#1a1719)!important;color:#e2a681!important}
#depositPortal .deposit-country-compact button,
#depositPortal .deposit-bank-grid button,
#depositPortal .deposit-crypto-grid button,
#depositPortal .deposit-network-grid button{background:rgba(34,35,44,.82)!important;border-color:rgba(255,255,255,.075)!important}
#depositPortal .deposit-country-compact button.active,
#depositPortal .deposit-bank-grid button.active,
#depositPortal .deposit-crypto-grid button.active,
#depositPortal .deposit-network-grid button.active{background:linear-gradient(145deg,#49352d,#2c2527)!important;border-color:rgba(222,148,109,.45)!important}


/* =========================================================
   v108 — DEPOSIT PREMIUM REBUILD / readable / non-toggle UX
   ========================================================= */
#depositPortal .deposit-v106-overlay{
  background:
    radial-gradient(circle at 50% 38%,rgba(160,105,78,.16),transparent 30%),
    radial-gradient(circle at 67% 62%,rgba(95,74,145,.09),transparent 34%),
    rgba(5,5,9,.82)!important;
  backdrop-filter:blur(22px) saturate(1.08)!important;
  padding:24px!important;
}
#depositPortal .deposit-v106-modal{
  width:min(720px,calc(100vw - 44px))!important;
  max-height:calc(100vh - 48px)!important;
  padding:30px 30px 26px!important;
  border-radius:28px!important;
  overflow:auto!important;
  scrollbar-width:none!important;
  border:1px solid rgba(255,255,255,.105)!important;
  background:
    linear-gradient(145deg,rgba(36,33,35,.985),rgba(22,22,28,.99) 48%,rgba(15,16,22,.995))!important;
  box-shadow:0 45px 150px rgba(0,0,0,.66),inset 0 1px 0 rgba(255,255,255,.07),inset 0 -1px 0 rgba(255,255,255,.018)!important;
}
#depositPortal .deposit-v106-modal::-webkit-scrollbar{display:none!important}
#depositPortal .deposit-v106-modal:before{
  height:2px!important;opacity:.92!important;
  background:linear-gradient(90deg,transparent 4%,#b77959 28%,#f0cfb5 49%,#8265da 73%,transparent 96%)!important;
}
#depositPortal .deposit-v106-close{
  position:absolute!important;top:16px!important;right:16px!important;z-index:50!important;
  width:42px!important;height:42px!important;border-radius:13px!important;
  display:grid!important;place-items:center!important;padding:0!important;line-height:1!important;
  border:1px solid rgba(255,255,255,.10)!important;background:rgba(12,13,18,.70)!important;
  color:#ddd8d3!important;font-size:24px!important;font-weight:500!important;
  box-shadow:0 8px 24px rgba(0,0,0,.25)!important;
}
#depositPortal .deposit-v106-close:hover{background:rgba(52,45,45,.94)!important;border-color:rgba(221,154,116,.28)!important}
#depositPortal .deposit-v106-head{
  width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;margin:0 0 24px!important;padding:4px 64px 0!important;border:0!important;
}
#depositPortal .deposit-v106-eyebrow{font-size:10px!important;letter-spacing:.24em!important;color:#d09370!important;margin:0 0 9px!important;font-weight:950!important}
#depositPortal .deposit-v106-head h2{font-size:36px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.035em!important;color:#fffaf5!important;margin:0!important}
#depositPortal .deposit-v106-head p{
  width:100%!important;max-width:none!important;text-align:center!important;
  margin:12px 0 0!important;font-size:15px!important;line-height:1.35!important;font-weight:650!important;color:#b6b2b3!important;
}
#depositPortal .deposit-v106-promo{margin:0 0 15px!important;position:relative!important}
#depositPortal .deposit-v106-promo:before{
  content:"ПРОМОКОД";display:block;margin:0 0 7px 3px;color:#9c989a;font-size:10px;font-weight:900;letter-spacing:.12em;
}
#depositPortal .deposit-v106-promo>div{
  padding:3px!important;border-radius:16px!important;gap:8px!important;
  background:linear-gradient(110deg,rgba(205,126,83,.34),rgba(255,255,255,.05) 46%,rgba(110,82,176,.25))!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.025),0 10px 34px rgba(0,0,0,.18)!important;
}
#depositPortal .deposit-v106-promo:focus-within>div{box-shadow:0 0 0 1px rgba(226,145,102,.35),0 0 30px rgba(197,112,73,.13)!important}
#depositPortal .deposit-v106-promo input{
  height:54px!important;border-radius:13px!important;font-size:14px!important;font-weight:800!important;letter-spacing:.04em!important;
  padding:0 17px!important;background:rgba(12,13,18,.96)!important;border:0!important;color:#f5f1ed!important;
}
#depositPortal .deposit-v106-promo input::placeholder{color:#6e6b70!important}
#depositPortal .deposit-v106-promo button{
  min-width:126px!important;height:54px!important;border-radius:13px!important;padding:0 18px!important;
  font-size:11px!important;letter-spacing:.05em!important;font-weight:950!important;
  background:linear-gradient(135deg,#e0a17e,#b86f4d)!important;color:#1c100b!important;
}
#depositPortal .deposit-v106-modes{gap:12px!important;margin:0 0 14px!important}
#depositPortal .deposit-v106-modes>button{
  min-height:106px!important;border-radius:19px!important;padding:17px!important;
  grid-template-columns:56px minmax(0,1fr) 22px!important;gap:14px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:linear-gradient(145deg,rgba(47,45,49,.76),rgba(25,26,32,.88))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#depositPortal .deposit-v106-modes>button:hover{transform:translateY(-1px)!important;background:linear-gradient(145deg,rgba(58,53,54,.86),rgba(29,29,36,.94))!important;border-color:rgba(222,151,113,.22)!important}
#depositPortal .deposit-v106-modes>button.active{
  transform:none!important;border-color:rgba(225,151,111,.56)!important;
  background:linear-gradient(145deg,rgba(72,54,48,.92),rgba(32,29,34,.96))!important;
  box-shadow:inset 0 0 0 1px rgba(231,155,113,.10),0 14px 34px rgba(0,0,0,.18)!important;
}
#depositPortal .deposit-v106-modes .deposit-mode-icon-shell{width:56px!important;height:56px!important;border-radius:17px!important;background:rgba(12,13,18,.72)!important;border:1px solid rgba(255,255,255,.07)!important}
#depositPortal .deposit-v106-modes .deposit-mode-icon{width:29px!important;height:29px!important}
#depositPortal .deposit-v106-modes .deposit-mode-copy strong{font-size:16px!important;line-height:1.05!important;font-weight:950!important;color:#fffaf5!important}
#depositPortal .deposit-v106-modes .deposit-mode-copy small{font-size:11px!important;line-height:1.35!important;color:#aaa6aa!important;margin-top:7px!important;font-weight:650!important}
#depositPortal .deposit-v106-modes em{font-size:22px!important;color:#b7afb1!important}
#depositPortal .deposit-v106-stage{
  min-height:118px!important;padding:18px!important;border-radius:19px!important;
  border:1px solid rgba(255,255,255,.07)!important;background:linear-gradient(180deg,rgba(20,21,27,.94),rgba(13,14,19,.96))!important;
}
#depositPortal .deposit-v106-pick-hint{min-height:82px!important;justify-content:center!important;text-align:left!important;gap:16px!important}
#depositPortal .deposit-v106-pick-hint>span{width:44px!important;height:44px!important;border-radius:14px!important;font-size:11px!important}
#depositPortal .deposit-v106-pick-hint strong{font-size:13px!important;color:#f0ebe6!important}
#depositPortal .deposit-v106-pick-hint small{font-size:11px!important;line-height:1.35!important;color:#8f8c92!important}
#depositPortal .deposit-v106-kicker{font-size:10px!important;letter-spacing:.12em!important;color:#a5a1a5!important}
#depositPortal .deposit-country-compact button{width:50px!important;height:40px!important;border-radius:12px!important}
#depositPortal .deposit-country-compact button img{width:26px!important;height:18px!important}
#depositPortal .deposit-bank-grid{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
#depositPortal .deposit-bank-grid button{width:auto!important;min-width:0!important;height:42px!important;padding:0 13px!important;border-radius:11px!important;font-size:11px!important}
#depositPortal .deposit-crypto-grid button{min-height:58px!important;border-radius:13px!important;font-size:11px!important}
#depositPortal .deposit-network-grid button{height:38px!important;font-size:10px!important;border-radius:10px!important}
#depositPortal .deposit-v106-amount label>span{font-size:10px!important}
#depositPortal .deposit-v106-amount label>div{height:58px!important;border-radius:14px!important}
#depositPortal .deposit-v106-amount input{font-size:26px!important;font-weight:950!important}
#depositPortal .deposit-v106-amount>div button{height:40px!important;font-size:10px!important;border-radius:10px!important}
#depositPortal .deposit-v106-stage .deposit-mini-submit{height:54px!important;font-size:12px!important;font-weight:950!important;border-radius:14px!important}
#depositPortal .deposit-v106-modal>.deposit-mini-note{font-size:9px!important;color:#77747a!important;margin-top:12px!important}
@media(max-width:700px){
 #depositPortal .deposit-v106-modal{padding:24px 18px 20px!important;width:calc(100vw - 22px)!important}
 #depositPortal .deposit-v106-head{padding-left:48px!important;padding-right:48px!important}
 #depositPortal .deposit-v106-head h2{font-size:30px!important}
 #depositPortal .deposit-v106-head p{font-size:13px!important}
 #depositPortal .deposit-v106-modes{grid-template-columns:1fr!important}
 #depositPortal .deposit-v106-promo>div{grid-template-columns:1fr auto!important}
}

/* =========================================================
   v109 — deposit close button always above every wallet layer
   ========================================================= */
#depositPortal .deposit-v106-modal{position:relative!important;isolation:isolate!important}
#depositPortal .deposit-v106-head{position:relative!important;z-index:2!important}
#depositPortal .deposit-v106-close{
  z-index:99999!important;
  top:10px!important;right:10px!important;
  width:44px!important;height:44px!important;
  background:rgba(9,11,16,.96)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 3px rgba(255,255,255,.018)!important;
}
#depositPortal .deposit-v106-close:hover{background:#2a2020!important;color:#fff!important}


/* =========================================================
   v110 — DEPOSIT CLOSE: smaller square, mathematically centered X
   ========================================================= */
#depositPortal .deposit-v106-close{
  position:absolute!important; top:12px!important; right:12px!important;
  width:30px!important; height:30px!important; min-width:30px!important; min-height:30px!important;
  padding:0!important; margin:0!important; border-radius:9px!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
  font-family:Arial,sans-serif!important; font-size:18px!important; font-weight:500!important;
  line-height:1!important; text-align:center!important; text-indent:0!important;
  color:#c9c7cb!important; background:rgba(13,15,20,.94)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.32)!important; z-index:100000!important;
}
#depositPortal .deposit-v106-close:hover{background:#272228!important;color:#fff!important}


/* =========================================================
   v111 — compact multi-drop tray + less empty opening space
   ========================================================= */
:root[data-theme="hub"] .case-opening-screen{
  min-height:0!important;
  padding-bottom:4px!important;
}
:root[data-theme="hub"] .case-opening-transition{
  height:348px!important;
  min-height:348px!important;
  margin-bottom:0!important;
}
:root[data-theme="hub"] .case-opening-transition .case-opening-reel{
  top:0!important;
}
:root[data-theme="hub"] .case-opening-screen .hub-opening-slots{
  width:min(900px,calc(100% - 36px))!important;
  min-height:84px!important;
  margin:-4px auto 10px!important;
  padding:8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(13,15,21,.92),rgba(8,10,15,.94))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  overflow:hidden!important;
}
:root[data-theme="hub"] .hub-opening-slots .case-opening-slot{
  width:min(168px,18vw)!important;
  min-width:0!important;
  height:66px!important;
  border-radius:11px!important;
  border:1px dashed rgba(255,255,255,.075)!important;
  background:rgba(255,255,255,.018)!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
}
:root[data-theme="hub"] .hub-opening-slots .case-opening-slot.filled{
  border-style:solid!important;
  border-color:color-mix(in srgb,var(--rarity,#9a7b68) 42%,rgba(255,255,255,.07))!important;
}
:root[data-theme="hub"] .hub-opening-slots .opening-slot-card{
  width:100%!important;height:100%!important;
  display:grid!important;grid-template-columns:62px minmax(0,1fr)!important;
  align-items:center!important;gap:6px!important;padding:4px 7px!important;
  background:radial-gradient(circle at 24% 50%,color-mix(in srgb,var(--rarity) 12%,transparent),transparent 62%)!important;
}
:root[data-theme="hub"] .hub-opening-slots .opening-slot-card .skin-art,
:root[data-theme="hub"] .hub-opening-slots .opening-slot-card .real-skin{height:54px!important;min-height:54px!important;width:62px!important}
:root[data-theme="hub"] .hub-opening-slots .opening-slot-card .real-skin img{max-width:92%!important;max-height:88%!important;object-fit:contain!important}
:root[data-theme="hub"] .hub-opening-slots .opening-slot-card .skin-caption{min-width:0!important;text-align:left!important}
:root[data-theme="hub"] .hub-opening-slots .opening-slot-card .skin-caption small{font-size:7px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
:root[data-theme="hub"] .hub-opening-slots .opening-slot-card .skin-caption b{display:block!important;font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
:root[data-theme="hub"] .hub-opening-slots .opening-slot-card .skin-caption strong{display:block!important;margin-top:3px!important;font-size:8px!important;color:#e2c6b2!important}
:root[data-theme="hub"] .hub-opening-slots .slot-number{font-size:10px!important;color:#555a64!important;font-weight:900!important}
:root[data-theme="hub"] .case-opening-screen .opening-actions{
  margin:4px auto 8px!important;
  min-height:48px!important;
}
:root[data-theme="hub"] .case-detail-shell:has(.case-opening-screen) .case-page-contents{margin-top:10px!important}
/* Basket UI is retired in v111. */
:root[data-theme="hub"] .case-drop-basket,.case-drop-flyer{display:none!important}
@media(max-width:900px){
  :root[data-theme="hub"] .case-opening-transition{height:300px!important;min-height:300px!important}
  :root[data-theme="hub"] .hub-opening-slots .case-opening-slot{width:min(150px,18vw)!important;height:62px!important}
}


/* =========================================================
   v113 — compositor-accurate roulette motion
   Never allow old !important CSS transitions to trail behind the rAF physics.
   ========================================================= */
.reel.physical-spin{transition:none!important;animation:none!important;will-change:transform!important}


/* v114 — the reel transform is compositor-owned for the entire physical spin. */
.reel.physical-spin{transition-property:none!important;transition-duration:0s!important;animation:none!important;will-change:transform!important}


/* v118 — STARTER / WEAPON / PRISM collections */
:root[data-theme="hub"] .hub-showcase-starter,
:root[data-theme="hub"] .hub-showcase-weapon,
:root[data-theme="hub"] .hub-showcase-prism{margin-top:42px!important}
:root[data-theme="hub"] .starter-case-grid.hub-static-grid,
:root[data-theme="hub"] .weapon-case-grid.hub-static-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:24px!important}
:root[data-theme="hub"] .prism-case-grid.hub-static-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px!important}
.collection-subline{margin:-8px 0 16px;text-align:center;font-size:9px;letter-spacing:.28em;color:#7f7f88;font-weight:800}
.starter-heading span{color:#d9dde2!important}.weapon-heading span{color:#f2f3f5!important}.prism-heading span{background:linear-gradient(90deg,#ff667d,#77cfff,#be91ff,#74e7a0);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.series-case{height:238px!important;display:grid!important;place-items:center!important;overflow:visible!important;isolation:isolate}
.series-case-aura{position:absolute;width:72%;height:45%;bottom:25px;border-radius:50%;background:var(--accent);filter:blur(48px);opacity:.17;z-index:0}
.series-case-podium{position:absolute;width:78%;height:29px;bottom:27px;border-radius:50%;background:radial-gradient(ellipse at center,color-mix(in srgb,var(--accent) 18%,#262329) 0,#131216 58%,transparent 72%);border-top:1px solid color-mix(in srgb,var(--accent) 35%,#36323a);z-index:1;transform:perspective(340px) rotateX(66deg)}
.series-case-body{position:relative;z-index:3;width:142px;height:108px;border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 15%,#302e33),#151419 60%,#0c0c0f);border:1px solid color-mix(in srgb,var(--accent) 32%,#46434a);box-shadow:0 24px 32px #000a,inset 0 1px #ffffff10;transform:perspective(560px) rotateX(5deg) rotateY(-5deg);display:flex;align-items:center;justify-content:center;overflow:visible}
.series-case-body:after{content:"";position:absolute;inset:8px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:9px;pointer-events:none}
.series-case-top{position:absolute;left:8px;right:8px;top:-7px;height:12px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#37343a,#17161a);border:1px solid #4a464e}
.series-case-handle{position:absolute;z-index:2;top:49px;width:74px;height:34px;border:8px solid #29272d;border-bottom:0;border-radius:13px 13px 0 0;box-shadow:inset 0 0 0 1px #4b4650}
.series-case-latches{position:absolute;left:19px;right:19px;top:12px;display:flex;justify-content:space-between}.series-case-latches i{width:22px;height:8px;border-radius:3px;background:#0e0e11;border:1px solid #48444c}
.series-case-band{position:absolute;left:-1px;right:-1px;top:52px;height:5px;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 18px color-mix(in srgb,var(--accent) 55%,transparent)}
.series-case-body strong{font-size:28px;line-height:1;letter-spacing:.04em;color:#f6f6f7;text-shadow:0 2px 16px #000;transform:translateY(8px)}
.series-case-kicker{position:absolute;left:0;right:0;bottom:14px;text-align:center;font-size:6px;letter-spacing:.22em;color:#8f8b94;font-weight:900}
.series-starter .series-case-body{width:132px;height:100px}.series-starter .series-case-body strong{font-size:24px}.series-weapon .series-case-body{width:148px}.series-prism .series-case-body{width:154px;height:114px;border-color:color-mix(in srgb,var(--accent) 52%,#4c4650)}
.series-prism .series-case-aura{opacity:.25}.series-prism .series-case-band{height:6px}
:root[data-theme="hub"] .starter-case-card,
:root[data-theme="hub"] .weapon-case-card,
:root[data-theme="hub"] .prism-case-card{min-width:0!important}
:root[data-theme="hub"] .starter-case-card .case-card-title,
:root[data-theme="hub"] .weapon-case-card .case-card-title,
:root[data-theme="hub"] .prism-case-card .case-card-title{white-space:normal!important;text-align:center!important;line-height:1.08!important;min-height:2.2em;display:grid;place-items:center}
:root[data-theme="hub"] .weapon-case-card .case-card-title{font-size:15px!important}
:root[data-theme="hub"] .prism-case-card .case-card-title{font-size:16px!important;letter-spacing:.05em!important}
@media(max-width:1180px){
  :root[data-theme="hub"] .starter-case-grid.hub-static-grid,
  :root[data-theme="hub"] .weapon-case-grid.hub-static-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  :root[data-theme="hub"] .prism-case-grid.hub-static-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  :root[data-theme="hub"] .starter-case-grid.hub-static-grid,
  :root[data-theme="hub"] .weapon-case-grid.hub-static-grid,
  :root[data-theme="hub"] .prism-case-grid.hub-static-grid{grid-template-columns:1fr!important}
}


/* =========================================================
   v119 — LOWKEY COLLECTION master product-art template
   Approved SPARK art defines the exact scale/position for all future LOWKEY cases.
   Keep the card dimensions/title/price untouched; only the product render swaps.
   ========================================================= */
:root[data-theme="hub"] .starter-heading span{color:#f0e8df!important}
:root[data-theme="hub"] .lowkey-product-art{
  height:238px!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  isolation:isolate!important;
}
:root[data-theme="hub"] .lowkey-product-art .lowkey-case-product-image{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:82%!important;
  max-height:184px!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:translateY(5px)!important;
  filter:none!important;
  margin:0 auto!important;
  pointer-events:none!important;
  user-select:none!important;
}
/* Disable the old procedural STARTER crate layers when a real LOWKEY render is used. */
:root[data-theme="hub"] .lowkey-product-art .series-case-aura,
:root[data-theme="hub"] .lowkey-product-art .series-case-podium,
:root[data-theme="hub"] .lowkey-product-art .series-case-handle,
:root[data-theme="hub"] .lowkey-product-art .series-case-body{display:none!important}
@media(max-width:760px){
  :root[data-theme="hub"] .lowkey-product-art .lowkey-case-product-image{max-width:78%!important;max-height:174px!important}
}

/* =========================================================
   v124 — LOWKEY cards: larger product render, same card geometry
   Keep all five LOWKEY cases on one identical visual scale/template.
   ========================================================= */
:root[data-theme="hub"] .starter-case-card .lowkey-product-art .lowkey-case-product-image{
  max-width:110%!important;
  max-height:228px!important;
  transform:translateY(2px)!important;
  transform-origin:center center!important;
}
@media(max-width:760px){
  :root[data-theme="hub"] .starter-case-card .lowkey-product-art .lowkey-case-product-image{
    max-width:96%!important;
    max-height:205px!important;
    transform:translateY(2px)!important;
  }
}

/* =========================================================
   v127 — LOWKEY QUICK visual alignment
   SPARK is the master reference. Keep the shared LOWKEY scale,
   height and podium baseline; only compensate QUICK's internal
   artwork composition so its visible case is centered identically.
   ========================================================= */
:root[data-theme="hub"] .starter-case-card.case-starter-quick .lowkey-product-art .lowkey-case-product-image{
  transform:translate(-10px,2px)!important;
}
@media(max-width:760px){
  :root[data-theme="hub"] .starter-case-card.case-starter-quick .lowkey-product-art .lowkey-case-product-image{
    transform:translate(-8px,2px)!important;
  }
}


/* v128 — STACK SERIES: 10 farm cases, always 5 + 5 on desktop. */
:root[data-theme="hub"] .hub-showcase-stack{margin-top:70px!important}
:root[data-theme="hub"] .stack-case-grid.hub-static-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:24px!important}
.stack-heading span{color:#f2f3f5!important}
.series-stack .series-case-body{width:148px}
:root[data-theme="hub"] .stack-case-card{min-width:0!important}
:root[data-theme="hub"] .stack-case-card .case-card-title{font-size:15px!important}
@media(max-width:1180px){:root[data-theme="hub"] .stack-case-grid.hub-static-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:760px){:root[data-theme="hub"] .stack-case-grid.hub-static-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}}


/* =========================================================
   v129 — STACK SERIES master product-art template
   AK-47 is the visual master for every future STACK case.
   Keep card geometry/title/price untouched; all future STACK
   renders must use this exact image zone, scale and baseline.
   ========================================================= */
:root[data-theme="hub"] .stack-product-art{
  height:238px!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  isolation:isolate!important;
}
:root[data-theme="hub"] .stack-product-art .stack-case-product-image{
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:112%!important;
  max-height:228px!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:translateY(2px)!important;
  transform-origin:center center!important;
  filter:none!important;
  margin:0 auto!important;
  pointer-events:none!important;
  user-select:none!important;
}
:root[data-theme="hub"] .stack-product-art .series-case-aura,
:root[data-theme="hub"] .stack-product-art .series-case-podium,
:root[data-theme="hub"] .stack-product-art .series-case-handle,
:root[data-theme="hub"] .stack-product-art .series-case-body{display:none!important}
@media(max-width:760px){
  :root[data-theme="hub"] .stack-product-art .stack-case-product-image{
    max-width:98%!important;
    max-height:205px!important;
    transform:translateY(2px)!important;
  }
}


/* =========================================================
   v133 — STACK approved renders + exact master alignment
   AK-47 remains the fixed visual master. The transforms below
   compensate only for internal PNG composition, aligning the
   visible crate/podium width, height, center and lower baseline.
   ========================================================= */
:root[data-theme="hub"] .case-stack-m4a4 .stack-case-product-image,
:root[data-theme="hub"] .case-stack-m4a1s .stack-case-product-image,
:root[data-theme="hub"] .case-stack-awp .stack-case-product-image,
:root[data-theme="hub"] .case-stack-glock18 .stack-case-product-image,
:root[data-theme="hub"] .case-stack-usps .stack-case-product-image{
  transform-origin:0 0!important;
}
:root[data-theme="hub"] .case-stack-m4a4 .stack-case-product-image{
  transform:translate(-6.9674%,-10.9669%) matrix(1.110879,0.012545,-0.012545,1.110879,0,0)!important;
}
:root[data-theme="hub"] .case-stack-m4a1s .stack-case-product-image{
  transform:translate(-6.9774%,-8.6069%) matrix(1.098502,0.020900,-0.020900,1.098502,0,0)!important;
}
:root[data-theme="hub"] .case-stack-awp .stack-case-product-image{
  transform:translate(-5.8717%,-8.9140%) matrix(1.086985,0.009140,-0.009140,1.086985,0,0)!important;
}
:root[data-theme="hub"] .case-stack-glock18 .stack-case-product-image{
  transform:translate(-7.4741%,-7.6569%) matrix(1.108202,0.014804,-0.014804,1.108202,0,0)!important;
}
:root[data-theme="hub"] .case-stack-usps .stack-case-product-image{
  transform:translate(-7.9547%,-7.4682%) matrix(1.118013,0.012060,-0.012060,1.118013,0,0)!important;
}

/* =========================================================
   v134 — STACK Desert Eagle + Agent approved renders
   AK-47 remains the fixed visual master. These transforms
   compensate only for each PNG's internal composition so the
   visible crate, podium width/height, center and lower baseline
   match every approved STACK card.
   ========================================================= */
:root[data-theme="hub"] .case-stack-deagle .stack-case-product-image,
:root[data-theme="hub"] .case-stack-agent .stack-case-product-image{
  transform-origin:0 0!important;
}
:root[data-theme="hub"] .case-stack-deagle .stack-case-product-image{
  transform:translate(-7.1275%,-8.4252%) matrix(1.108011,0.015417,-0.015417,1.108011,0,0)!important;
}
:root[data-theme="hub"] .case-stack-agent .stack-case-product-image{
  transform:translate(-15.8094%,-24.4620%) matrix(1.276727,0.031381,-0.031381,1.276727,0,0)!important;
}

/* =========================================================
   v135 — STACK safe card bounds + shorter Agent
   All approved STACK renders now use one clean, centered fit.
   The crate/podium baseline stays locked while the artwork no
   longer clips against the left or right edge of a card.
   ========================================================= */
:root[data-theme="hub"] .stack-product-art .stack-case-product-image{
  width:auto!important;
  height:auto!important;
  max-width:106%!important;
  max-height:218px!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform-origin:center bottom!important;
  margin:0 auto!important;
}
:root[data-theme="hub"] .case-stack-ak47 .stack-case-product-image{
  transform:translate(0,7px) scale(1)!important;
}
:root[data-theme="hub"] .case-stack-m4a4 .stack-case-product-image{
  transform:translate(-2px,7px) scale(1.042)!important;
}
:root[data-theme="hub"] .case-stack-m4a1s .stack-case-product-image{
  transform:translate(1px,9.5px) scale(1.032)!important;
}
:root[data-theme="hub"] .case-stack-awp .stack-case-product-image{
  transform:translate(0,7px) scale(1.019)!important;
}
:root[data-theme="hub"] .case-stack-glock18 .stack-case-product-image{
  transform:translate(-1px,10px) scale(1.029)!important;
}
:root[data-theme="hub"] .case-stack-usps .stack-case-product-image{
  transform:translate(0,7px) scale(1.029)!important;
}
:root[data-theme="hub"] .case-stack-deagle .stack-case-product-image{
  transform:translate(0,9.5px) scale(1.028)!important;
}
:root[data-theme="hub"] .case-stack-agent .stack-case-product-image{
  transform:translate(0,10px) scale(1.186)!important;
}
@media(max-width:760px){
  :root[data-theme="hub"] .stack-product-art .stack-case-product-image{
    max-width:98%!important;
    max-height:205px!important;
  }
}

/* =========================================================
   v180 — STACK locked master artwork
   All ten STACK renders share one pixel-identical taller crate
   and podium canvas, so they must use one shared fit without
   any per-card scale or position compensation.
   ========================================================= */
:root[data-theme="hub"] .case-stack-ak47 .stack-case-product-image,
:root[data-theme="hub"] .case-stack-m4a4 .stack-case-product-image,
:root[data-theme="hub"] .case-stack-m4a1s .stack-case-product-image,
:root[data-theme="hub"] .case-stack-awp .stack-case-product-image,
:root[data-theme="hub"] .case-stack-glock18 .stack-case-product-image,
:root[data-theme="hub"] .case-stack-usps .stack-case-product-image,
:root[data-theme="hub"] .case-stack-deagle .stack-case-product-image,
:root[data-theme="hub"] .case-stack-agent .stack-case-product-image,
:root[data-theme="hub"] .case-stack-gloves .stack-case-product-image,
:root[data-theme="hub"] .case-stack-knife .stack-case-product-image{
  transform:translate(0,7px) scale(1)!important;
  transform-origin:center bottom!important;
}

/* =========================================================
   v136 — ICON NAVIGATION + KORZH AIR / FLIGHT PROTOCOL 2040
   Four compact white icon tabs and the server-authoritative
   crash-flight interaction. Visual system only; game logic in JS.
   ========================================================= */
:root[data-theme="hub"]{
  --plane-cyan:#64f5ff;
  --plane-blue:#6b8cff;
  --plane-violet:#9f72ff;
  --plane-lime:#9dffce;
  --plane-danger:#ff6176;
  --plane-panel:rgba(9,12,21,.88);
  --plane-line:rgba(155,219,255,.12);
}

/* ---- compact icon navigation ---- */
:root[data-theme="hub"] header .korzh-icon-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:5px!important;
  min-width:0!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:15px!important;
  background:rgba(8,10,17,.91)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 34px rgba(0,0,0,.24)!important;
  overflow:visible!important;
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  min-width:42px!important;
  height:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#fff!important;
  isolation:isolate!important;
  overflow:visible!important;
  transition:transform .2s ease,filter .2s ease!important;
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-frame{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  overflow:hidden;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-frame:before{
  content:"";
  position:absolute;
  inset:auto 7px 0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
  opacity:.45;
}
:root[data-theme="hub"] header .korzh-icon-nav svg{
  position:relative;
  z-index:1;
  width:20px;
  height:20px;
  fill:none;
  stroke:#fff;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.96;
  filter:drop-shadow(0 0 7px rgba(255,255,255,.16));
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.12)!important;
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button:hover .nav-icon-frame{
  border-color:rgba(255,255,255,.17);
  background:linear-gradient(155deg,rgba(255,255,255,.08),rgba(255,255,255,.025));
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button.nav-active{
  background:transparent!important;
  box-shadow:none!important;
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button.nav-active .nav-icon-frame{
  border-color:rgba(255,124,104,.34);
  background:linear-gradient(145deg,rgba(255,104,87,.22),rgba(126,102,255,.19));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(255,117,99,.05),0 9px 23px rgba(0,0,0,.3),0 0 20px rgba(255,102,87,.08);
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button.nav-active .nav-icon-frame:after{
  content:"";
  position:absolute;
  left:9px;
  right:9px;
  bottom:3px;
  height:2px;
  border-radius:2px;
  background:linear-gradient(90deg,var(--hub-hot),#b994ff);
  box-shadow:0 0 10px rgba(255,104,87,.55);
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button:after{
  content:attr(data-nav-label);
  position:absolute;
  left:50%;
  top:calc(100% + 10px);
  z-index:30;
  transform:translate(-50%,-4px);
  padding:7px 9px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:8px;
  background:rgba(8,10,16,.96);
  color:#eef0f8;
  font-size:8px;
  font-weight:900;
  letter-spacing:.09em;
  line-height:1;
  white-space:nowrap;
  pointer-events:none;
  opacity:0;
  box-shadow:0 12px 30px rgba(0,0,0,.35);
  transition:opacity .16s ease,transform .16s ease;
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button:hover:after,
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button:focus-visible:after{
  opacity:1;
  transform:translate(-50%,0);
}

/* ---- page atmosphere ---- */
:root[data-theme="hub"] .page-plane{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 18% 23%,rgba(56,120,255,.08),transparent 29%),
    radial-gradient(circle at 82% 38%,rgba(154,78,255,.07),transparent 31%),
    linear-gradient(180deg,#090b13 0,#080a11 58%,#090a10 100%)!important;
}
:root[data-theme="hub"] .page-plane:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:linear-gradient(rgba(104,185,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(104,185,255,.025) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 68%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 16%,#000 68%,transparent 100%);
}
:root[data-theme="hub"] .feature-main.plane-page-v136{
  width:min(1460px,calc(100vw - 60px))!important;
  max-width:none!important;
  padding:42px 0 100px!important;
  position:relative;
}

/* ---- hero ---- */
:root[data-theme="hub"] .plane-hero-v136{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  margin:0 0 24px;
  padding:0 4px;
}
:root[data-theme="hub"] .plane-hero-v136>div:first-child>span{
  display:block;
  margin-bottom:12px;
  color:var(--plane-cyan);
  font-size:9px;
  font-weight:950;
  letter-spacing:.24em;
  text-shadow:0 0 16px rgba(100,245,255,.26);
}
:root[data-theme="hub"] .plane-hero-v136 h1{
  margin:0;
  color:#f8faff;
  font:950 clamp(40px,4.8vw,68px)/.9 Inter,Manrope,Arial,sans-serif;
  letter-spacing:-.055em;
}
:root[data-theme="hub"] .plane-hero-v136 p{
  max-width:640px;
  margin:16px 0 0;
  color:#7f8495;
  font-size:12px;
  line-height:1.65;
}
:root[data-theme="hub"] .plane-hero-status{
  display:grid;
  grid-template-columns:auto auto;
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:10px;
  min-width:190px;
  padding:13px 16px;
  border:1px solid rgba(112,238,255,.12);
  border-radius:15px;
  background:rgba(10,14,23,.66);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
:root[data-theme="hub"] .plane-hero-status i{
  grid-row:1/3;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#8fffc9;
  box-shadow:0 0 0 4px rgba(143,255,201,.07),0 0 17px rgba(143,255,201,.6);
  animation:planeOnlinePulse 1.9s ease-in-out infinite;
}
:root[data-theme="hub"] .plane-hero-status span{color:#676d7d;font-size:7px;font-weight:900;letter-spacing:.18em}
:root[data-theme="hub"] .plane-hero-status b{color:#b8ffda;font-size:10px;letter-spacing:.14em}

/* ---- main flight shell ---- */
:root[data-theme="hub"] .plane-flight-shell{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(139,207,255,.11);
  border-radius:29px;
  background:rgba(6,9,16,.88);
  box-shadow:0 42px 130px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035),0 0 0 1px rgba(45,94,160,.03);
}
:root[data-theme="hub"] .plane-flight-shell:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:8;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.012),inset 0 -80px 120px rgba(0,0,0,.16);
}
:root[data-theme="hub"] .plane-shell-topbar{
  position:relative;
  z-index:9;
  height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 20px;
  border-bottom:1px solid rgba(128,199,255,.09);
  background:linear-gradient(180deg,rgba(17,22,35,.96),rgba(10,13,22,.93));
}
:root[data-theme="hub"] .plane-shell-topbar>div:first-child{display:flex;align-items:center;gap:10px}
:root[data-theme="hub"] .plane-shell-topbar>div:first-child i{
  width:7px;height:7px;border-radius:2px;background:var(--plane-cyan);box-shadow:0 0 13px rgba(100,245,255,.65)
}
:root[data-theme="hub"] .plane-shell-topbar>div:first-child span,
:root[data-theme="hub"] .plane-signal b{color:#818899;font-size:8px;font-weight:950;letter-spacing:.18em}
:root[data-theme="hub"] .plane-signal{display:flex;align-items:flex-end;gap:4px}
:root[data-theme="hub"] .plane-signal span{display:block;width:3px;border-radius:1px;background:#8affcd;box-shadow:0 0 7px rgba(138,255,205,.35)}
:root[data-theme="hub"] .plane-signal span:nth-child(1){height:5px}.plane-signal span:nth-child(2){height:8px}.plane-signal span:nth-child(3){height:11px;margin-right:5px}

/* ---- animated sky / runway ---- */
:root[data-theme="hub"] .plane-sky{
  position:relative;
  height:520px;
  overflow:hidden;
  background:
    radial-gradient(circle at calc(23% + var(--flight)*34%) calc(88% - var(--altitude)*49%),rgba(94,230,255,.13),transparent 16%),
    radial-gradient(circle at 85% 12%,rgba(121,92,255,.16),transparent 32%),
    linear-gradient(180deg,#10182c 0,#11162a 35%,#0a1222 64%,#080b14 100%);
  isolation:isolate;
}
:root[data-theme="hub"] .plane-sky:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:7;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:80px 80px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 76%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 76%);
  opacity:.42;
}
:root[data-theme="hub"] .plane-aurora{
  position:absolute;
  z-index:0;
  width:80%;
  height:58%;
  left:18%;
  top:-31%;
  border-radius:50%;
  background:conic-gradient(from 180deg,rgba(99,239,255,.19),rgba(124,93,255,.22),rgba(255,91,166,.1),rgba(99,239,255,.19));
  filter:blur(75px);
  opacity:.48;
  transform:rotate(-8deg);
  animation:planeAurora 9s ease-in-out infinite alternate;
}
:root[data-theme="hub"] .plane-stars{
  position:absolute;
  inset:0;
  z-index:1;
  opacity:.55;
  background-image:
    radial-gradient(circle,#fff 0 1px,transparent 1.5px),
    radial-gradient(circle,#75dfff 0 1px,transparent 1.5px),
    radial-gradient(circle,#fff 0 .7px,transparent 1.2px);
  background-size:117px 103px,163px 151px,71px 83px;
  background-position:14px 19px,44px 12px,5px 28px;
  animation:planeStarsDrift 28s linear infinite;
}
:root[data-theme="hub"] .plane-grid-horizon{
  position:absolute;
  left:-12%;right:-12%;bottom:-115px;height:285px;
  z-index:2;
  transform:perspective(420px) rotateX(68deg);
  transform-origin:center top;
  background-image:linear-gradient(rgba(86,187,255,.17) 1px,transparent 1px),linear-gradient(90deg,rgba(86,187,255,.16) 1px,transparent 1px);
  background-size:42px 33px;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 32%,#000 78%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 32%,#000 78%,transparent);
  opacity:.3;
}
:root[data-theme="hub"] .plane-altitude-lines{
  position:absolute;
  inset:50px 34px 88px;
  z-index:3;
  display:flex;
  flex-direction:column-reverse;
  justify-content:space-between;
  pointer-events:none;
}
:root[data-theme="hub"] .plane-altitude-lines span{
  display:flex;
  align-items:center;
  gap:8px;
  color:rgba(153,200,229,.32);
  font:800 7px/1 monospace;
  letter-spacing:.12em;
}
:root[data-theme="hub"] .plane-altitude-lines span:after{content:"";width:55px;height:1px;background:linear-gradient(90deg,rgba(132,210,255,.25),transparent)}

:root[data-theme="hub"] .plane-multiplier-core{
  position:absolute;
  z-index:6;
  left:50%;
  top:39%;
  transform:translate(-50%,-50%);
  min-width:420px;
  text-align:center;
  pointer-events:none;
}
:root[data-theme="hub"] .plane-multiplier-core:before{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:310px;height:160px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(83,222,255,.13),transparent 68%);
  filter:blur(16px);
}
:root[data-theme="hub"] .plane-multiplier-core small{
  position:relative;
  display:block;
  margin-bottom:4px;
  color:rgba(156,210,235,.65);
  font-size:8px;
  font-weight:950;
  letter-spacing:.26em;
}
:root[data-theme="hub"] .plane-multiplier-core strong{
  position:relative;
  display:block;
  color:#f7fbff;
  font:950 clamp(76px,8vw,122px)/.84 Inter,Manrope,Arial,sans-serif;
  letter-spacing:-.07em;
  text-shadow:0 0 38px rgba(78,217,255,.18),0 10px 42px rgba(0,0,0,.42);
  font-variant-numeric:tabular-nums;
}
:root[data-theme="hub"] .plane-multiplier-core div{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  margin-top:14px;
  padding:0 13px;
  border:1px solid rgba(107,239,255,.15);
  border-radius:10px;
  background:rgba(8,14,24,.54);
  color:#9fffe4;
  font-size:12px;
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
:root[data-theme="hub"] .plane-flight-metrics{
  position:absolute;
  z-index:6;
  top:44px;
  width:118px;
  padding:12px 13px;
  border:1px solid rgba(132,204,255,.09);
  border-radius:13px;
  background:rgba(7,12,22,.42);
  backdrop-filter:blur(8px);
}
:root[data-theme="hub"] .plane-flight-metrics-left{left:22px}.plane-flight-metrics-right{right:22px;text-align:right}
:root[data-theme="hub"] .plane-flight-metrics span{display:block;color:#6d778c;font-size:7px;font-weight:950;letter-spacing:.16em}
:root[data-theme="hub"] .plane-flight-metrics b{display:inline-block;margin-top:4px;color:#dff8ff;font:900 22px/1 monospace;font-variant-numeric:tabular-nums}
:root[data-theme="hub"] .plane-flight-metrics small{margin-left:4px;color:#58bdd2;font-size:6px;font-weight:900}

:root[data-theme="hub"] .plane-route{position:absolute;inset:0;z-index:5;pointer-events:none}
:root[data-theme="hub"] .plane-route-line{
  position:absolute;
  left:6%;
  bottom:20%;
  width:90%;
  height:65%;
  border-top:1px dashed rgba(110,224,255,.18);
  border-radius:50% 50% 0 0;
  transform:rotate(-9deg);
  transform-origin:left bottom;
  opacity:.55;
}
:root[data-theme="hub"] .plane-contrail{
  position:absolute;
  left:7%;
  top:79%;
  width:0;
  height:2px;
  transform-origin:left center;
  border-radius:3px;
  background:linear-gradient(90deg,transparent 0,rgba(109,226,255,.15) 20%,rgba(164,247,255,.75) 100%);
  box-shadow:0 0 10px rgba(98,223,255,.28),0 0 24px rgba(94,188,255,.12);
}
:root[data-theme="hub"] .plane-vehicle{
  position:absolute;
  left:6%;
  top:79%;
  width:94px;
  height:59px;
  transform:translate(-50%,-50%) rotate(-5deg);
  transform-origin:center;
  filter:drop-shadow(0 13px 13px rgba(0,0,0,.4)) drop-shadow(0 0 16px rgba(99,226,255,.23));
  will-change:left,top,transform;
}
:root[data-theme="hub"] .plane-vehicle svg{display:block;width:100%;height:100%;overflow:visible}
:root[data-theme="hub"] .plane-vehicle .plane-body{fill:#f5f7fb;stroke:#d6e9f1;stroke-width:1}
:root[data-theme="hub"] .plane-vehicle .plane-window{fill:#182235}
:root[data-theme="hub"] .plane-vehicle .plane-mark{fill:none;stroke:#ff6d61;stroke-width:2.5;stroke-linecap:round}

:root[data-theme="hub"] .plane-runway{
  position:absolute;
  z-index:4;
  left:4%;
  bottom:-24px;
  width:42%;
  height:125px;
  transform:perspective(360px) rotateX(63deg) rotateZ(-6deg);
  transform-origin:center bottom;
  clip-path:polygon(12% 0,88% 0,100% 100%,0 100%);
  background:linear-gradient(90deg,#070a0f,#151b27 48%,#070a0f);
  border-left:1px solid rgba(255,255,255,.18);
  border-right:1px solid rgba(255,255,255,.18);
  box-shadow:0 -12px 55px rgba(73,173,255,.13);
}
:root[data-theme="hub"] .plane-runway:before,
:root[data-theme="hub"] .plane-runway:after{content:"";position:absolute;top:0;bottom:0;width:2px;background:repeating-linear-gradient(to bottom,#f4fbff 0 10px,transparent 10px 20px);opacity:.55}
:root[data-theme="hub"] .plane-runway:before{left:14%}.plane-runway:after{right:14%}
:root[data-theme="hub"] .plane-runway-center{position:absolute;left:50%;top:0;bottom:0;width:3px;transform:translateX(-50%);background:repeating-linear-gradient(to bottom,#ecf9ff 0 13px,transparent 13px 27px);opacity:.9}
:root[data-theme="hub"] .plane-runway-lights{position:absolute;inset:0;display:flex;justify-content:space-around;align-items:flex-end;padding:0 10% 22px}
:root[data-theme="hub"] .plane-runway-lights i{width:4px;height:4px;border-radius:50%;background:#7ff8ff;box-shadow:0 0 8px #66e6ff}
:root[data-theme="hub"] .plane-runway>span{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);color:rgba(184,229,244,.55);font:900 6px/1 monospace;letter-spacing:.12em;white-space:nowrap}

:root[data-theme="hub"] .plane-cloud{position:absolute;z-index:2;width:220px;height:48px;border-radius:50%;background:rgba(167,199,230,.09);filter:blur(22px);opacity:.44;animation:planeCloudDrift 18s linear infinite}
:root[data-theme="hub"] .cloud-a{left:-8%;top:25%;animation-duration:22s}.cloud-b{left:48%;top:70%;width:300px;animation-duration:29s;animation-delay:-11s}.cloud-c{left:78%;top:40%;width:185px;animation-duration:24s;animation-delay:-7s}

/* crash state */
:root[data-theme="hub"] .plane-flight-shell.is-crashing .plane-sky{
  animation:planeCrashFlash .72s ease both;
}
:root[data-theme="hub"] .plane-flight-shell.is-crashing .plane-vehicle{
  animation:planeCrashFall .72s cubic-bezier(.55,0,1,.45) forwards!important;
}
:root[data-theme="hub"] .plane-flight-shell.is-crashing .plane-contrail{background:linear-gradient(90deg,transparent,#ff6176);box-shadow:0 0 20px rgba(255,97,118,.45)}
:root[data-theme="hub"] .plane-flight-shell.is-crashing .plane-multiplier-core strong{color:#ff7c8e;text-shadow:0 0 36px rgba(255,80,110,.25)}

/* ---- control deck ---- */
:root[data-theme="hub"] .plane-control-deck{
  position:relative;
  z-index:9;
  display:grid;
  grid-template-columns:minmax(250px,.95fr) minmax(300px,1.1fr) minmax(245px,.9fr);
  gap:14px;
  padding:15px;
  border-top:1px solid rgba(136,207,255,.09);
  background:linear-gradient(180deg,rgba(8,11,19,.96),rgba(7,9,16,.99));
}
:root[data-theme="hub"] .plane-stake-card,
:root[data-theme="hub"] .plane-action-zone,
:root[data-theme="hub"] .plane-history{
  min-height:174px;
  border:1px solid rgba(136,207,255,.085);
  border-radius:18px;
  background:linear-gradient(155deg,rgba(255,255,255,.025),rgba(255,255,255,.008));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022);
}
:root[data-theme="hub"] .plane-stake-card{position:relative;overflow:hidden;padding:13px 15px}
:root[data-theme="hub"] .plane-stake-card:before{content:"";position:absolute;inset:auto 12% -45px;height:90px;background:var(--rarity,#54d8ff);filter:blur(40px);opacity:.11}
:root[data-theme="hub"] .plane-stake-label{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}
:root[data-theme="hub"] .plane-stake-label span{color:#70798b;font-size:7px;font-weight:950;letter-spacing:.18em}
:root[data-theme="hub"] .plane-stake-label b{color:#fff;font-size:11px}
:root[data-theme="hub"] .plane-stake-content{position:relative;z-index:1;display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;height:132px;gap:4px}
:root[data-theme="hub"] .plane-stake-content .skin-art{height:112px!important;overflow:visible!important}
:root[data-theme="hub"] .plane-stake-content .real-skin img{max-width:96%!important;max-height:88%!important}
:root[data-theme="hub"] .plane-stake-content .skin-caption{min-width:0}
:root[data-theme="hub"] .plane-stake-content .skin-caption small{display:block;color:#727a8d;font-size:8px;font-weight:750}
:root[data-theme="hub"] .plane-stake-content .skin-caption strong{display:block;margin-top:5px;color:#f6f8fc;font-size:13px;line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-theme="hub"] .plane-stake-empty{height:132px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:#555e70}
:root[data-theme="hub"] .plane-stake-empty i{width:34px;height:34px;display:grid;place-items:center;border:1px dashed rgba(127,213,255,.2);border-radius:10px;font-size:18px;font-style:normal;color:#72899b}
:root[data-theme="hub"] .plane-stake-empty span{font-size:7px;font-weight:900;letter-spacing:.14em}

:root[data-theme="hub"] .plane-action-zone{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:16px 22px;text-align:center;position:relative;overflow:hidden}
:root[data-theme="hub"] .plane-action-zone:before{content:"";position:absolute;left:12%;right:12%;bottom:-35px;height:85px;background:#60e5ff;filter:blur(55px);opacity:.08}
:root[data-theme="hub"] .plane-action-readout{position:relative;z-index:1}
:root[data-theme="hub"] .plane-action-readout span{display:block;color:#6c7588;font-size:7px;font-weight:950;letter-spacing:.16em}
:root[data-theme="hub"] .plane-action-readout b{display:block;margin-top:5px;color:#d9faff;font-size:19px;line-height:1.1;font-variant-numeric:tabular-nums}
:root[data-theme="hub"] .plane-main-action{
  position:relative;
  z-index:1;
  width:min(100%,350px);
  min-height:53px;
  margin-top:13px;
  border:0;
  border-radius:15px;
  background:linear-gradient(135deg,#75efff,#7187ff 58%,#9b6fff);
  color:#07101a;
  font-size:12px;
  font-weight:1000;
  letter-spacing:.08em;
  box-shadow:0 15px 35px rgba(71,147,255,.18),inset 0 1px 0 rgba(255,255,255,.55);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
:root[data-theme="hub"] .plane-main-action:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 20px 42px rgba(71,147,255,.25),inset 0 1px 0 rgba(255,255,255,.62)}
:root[data-theme="hub"] .plane-main-action.cashout{
  background:linear-gradient(135deg,#a6ffd2,#6ff8c4 58%,#6be9ff);
  box-shadow:0 15px 38px rgba(74,255,190,.16),inset 0 1px 0 rgba(255,255,255,.58);
  animation:planeCashoutPulse 1.2s ease-in-out infinite;
}
:root[data-theme="hub"] .plane-main-action:disabled{opacity:.38;filter:saturate(.45);cursor:not-allowed;box-shadow:none}
:root[data-theme="hub"] .plane-action-zone>small{position:relative;z-index:1;margin-top:9px;color:#596275;font-size:7px;font-weight:850;letter-spacing:.08em}

:root[data-theme="hub"] .plane-history{padding:14px 15px;overflow:hidden}
:root[data-theme="hub"] .plane-history-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
:root[data-theme="hub"] .plane-history-title span{color:#757e91;font-size:7px;font-weight:950;letter-spacing:.14em}
:root[data-theme="hub"] .plane-history-title b{color:#4c566b;font-size:6px;letter-spacing:.13em}
:root[data-theme="hub"] .plane-history-row{height:24px;display:grid;grid-template-columns:1fr auto 76px;align-items:center;gap:8px;border-top:1px solid rgba(255,255,255,.035);font-variant-numeric:tabular-nums}
:root[data-theme="hub"] .plane-history-row span{color:#626a7b;font-size:6px;font-weight:900;letter-spacing:.11em}
:root[data-theme="hub"] .plane-history-row b{font-size:9px}.plane-history-row strong{text-align:right;font-size:8px}
:root[data-theme="hub"] .plane-history-row.win b,:root[data-theme="hub"] .plane-history-row.win strong{color:#9dffd3}
:root[data-theme="hub"] .plane-history-row.loss b{color:#ff7185}.plane-history-row.loss strong{color:#535b6a}
:root[data-theme="hub"] .plane-history-empty{height:120px;display:grid;place-items:center;text-align:center;color:#4f586a;font-size:7px;font-weight:800;letter-spacing:.08em;line-height:1.5}

/* ---- inventory hangar ---- */
:root[data-theme="hub"] .plane-inventory-panel{
  margin-top:22px;
  padding:22px;
  border:1px solid rgba(137,207,255,.085);
  border-radius:25px;
  background:rgba(8,11,18,.75);
  box-shadow:0 28px 90px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.022);
  backdrop-filter:blur(18px);
}
:root[data-theme="hub"] .plane-inventory-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
:root[data-theme="hub"] .plane-inventory-head span{display:block;color:var(--plane-cyan);font-size:7px;font-weight:950;letter-spacing:.2em}
:root[data-theme="hub"] .plane-inventory-head h2{margin:7px 0 0;color:#f2f5fb;font:900 18px/1.1 Inter,Manrope,sans-serif;letter-spacing:.025em}
:root[data-theme="hub"] .plane-inventory-head>strong{color:#626b7c;font-size:8px;letter-spacing:.13em}
:root[data-theme="hub"] .plane-filter-row{display:grid;grid-template-columns:280px minmax(260px,1fr);gap:10px;margin-top:17px}
:root[data-theme="hub"] .plane-filter-row .upgrade-price-range,
:root[data-theme="hub"] .plane-filter-row .upgrade-search{
  height:43px!important;
  border-color:rgba(132,205,255,.09)!important;
  background:#090d16!important;
}
:root[data-theme="hub"] .plane-filter-row .upgrade-price-range span{color:#7b8495!important}
:root[data-theme="hub"] .plane-filter-row input{color:#eef4fb!important}
:root[data-theme="hub"] .plane-inventory-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin-top:13px;
  max-height:540px;
  overflow:auto;
  padding:2px 3px 5px 2px;
  scrollbar-width:thin;
  scrollbar-color:rgba(105,202,255,.24) transparent;
}
:root[data-theme="hub"] .plane-inventory-card{
  min-width:0;
  padding:0;
  border:0;
  border-radius:15px;
  background:transparent;
  text-align:left;
  transition:transform .18s ease,filter .18s ease;
}
:root[data-theme="hub"] .plane-inventory-card .skin-card{
  min-height:180px!important;
  height:180px!important;
  padding:10px!important;
  border-radius:14px!important;
  background:radial-gradient(circle at 50% 31%,color-mix(in srgb,var(--rarity) 11%,transparent),#0d111a 72%)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.022)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
:root[data-theme="hub"] .plane-inventory-card .skin-card .skin-art{height:104px!important}
:root[data-theme="hub"] .plane-inventory-card .skin-card .real-skin img{max-width:91%!important;max-height:82%!important}
:root[data-theme="hub"] .plane-inventory-card .skin-info small{font-size:8px!important;color:#727b8c!important}
:root[data-theme="hub"] .plane-inventory-card .skin-info strong{font-size:10px!important;line-height:1.12!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-theme="hub"] .plane-inventory-card .skin-price{margin-top:7px!important;padding-top:6px!important;border-color:rgba(255,255,255,.045)!important;font-size:11px!important}
:root[data-theme="hub"] .plane-inventory-card:hover{transform:translateY(-3px)}
:root[data-theme="hub"] .plane-inventory-card:hover .skin-card{border-color:color-mix(in srgb,var(--rarity) 32%,rgba(255,255,255,.12))!important;box-shadow:0 16px 35px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important}
:root[data-theme="hub"] .plane-inventory-card.selected .skin-card{
  border-color:rgba(104,238,255,.52)!important;
  box-shadow:0 0 0 1px rgba(104,238,255,.12),0 0 27px rgba(75,200,255,.12),inset 0 1px 0 rgba(255,255,255,.06)!important;
  background:radial-gradient(circle at 50% 31%,color-mix(in srgb,var(--rarity) 16%,transparent),#0c1420 72%)!important;
}
:root[data-theme="hub"] .plane-inventory-card.selected{position:relative}
:root[data-theme="hub"] .plane-inventory-card.selected:after{content:"READY";position:absolute;right:8px;top:8px;padding:4px 6px;border-radius:6px;background:#9dffd3;color:#07120f;font-size:6px;font-weight:1000;letter-spacing:.08em;box-shadow:0 0 14px rgba(112,255,204,.2)}
:root[data-theme="hub"] .plane-empty{grid-column:1/-1;height:140px!important;border-color:rgba(117,200,255,.1)!important;color:#535e70!important;background:rgba(255,255,255,.008)}

/* ---- result overlay ---- */
:root[data-theme="hub"] .plane-result-overlay{
  position:fixed;
  inset:0;
  z-index:120;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(3,5,10,.79);
  backdrop-filter:blur(18px) saturate(.85);
  animation:planeOverlayIn .24s ease both;
}
:root[data-theme="hub"] .plane-result-card{
  position:relative;
  width:min(480px,calc(100vw - 32px));
  padding:31px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:27px;
  background:radial-gradient(circle at 50% 24%,rgba(87,225,255,.09),transparent 34%),linear-gradient(160deg,#101725,#080b13 72%);
  box-shadow:0 50px 150px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.045);
  text-align:center;
  animation:planeResultIn .35s cubic-bezier(.17,.84,.32,1.2) both;
}
:root[data-theme="hub"] .plane-result-card:before{content:"";position:absolute;left:12%;right:12%;top:-70px;height:150px;background:var(--rarity,#5aeaff);filter:blur(65px);opacity:.16}
:root[data-theme="hub"] .plane-result-close{position:absolute;right:14px;top:14px;z-index:3;width:32px;height:32px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);color:#7d8595;font-size:18px}
:root[data-theme="hub"] .plane-result-kicker{position:relative;color:#7c8799;font-size:8px;font-weight:950;letter-spacing:.2em}
:root[data-theme="hub"] .plane-result-multiplier{position:relative;display:block;margin:9px 0 5px;color:#effcff;font:950 53px/1 Inter,Manrope,sans-serif;letter-spacing:-.045em;text-shadow:0 0 28px rgba(94,232,255,.16)}
:root[data-theme="hub"] .plane-result-skin{position:relative;min-height:220px;margin-top:8px;padding:8px 18px 15px;border:1px solid color-mix(in srgb,var(--rarity) 20%,rgba(255,255,255,.06));border-radius:19px;background:radial-gradient(circle at 50% 37%,color-mix(in srgb,var(--rarity) 13%,transparent),rgba(255,255,255,.012) 66%)}
:root[data-theme="hub"] .plane-result-skin .skin-art{height:145px!important;overflow:visible!important}
:root[data-theme="hub"] .plane-result-skin .real-skin img{max-width:92%!important;max-height:88%!important}
:root[data-theme="hub"] .plane-result-skin .skin-caption small{display:block;color:#7b8392;font-size:8px}
:root[data-theme="hub"] .plane-result-skin .skin-caption strong{display:block;margin-top:4px;color:#fff;font-size:14px}
:root[data-theme="hub"] .plane-result-skin .skin-caption b{display:block;margin-top:8px;color:#b9ffe0;font-size:17px}
:root[data-theme="hub"] .plane-result-equation{display:flex;align-items:center;justify-content:center;gap:10px;margin:16px 0 0;color:#747d8e;font-size:10px}
:root[data-theme="hub"] .plane-result-equation span{color:#b8bfca;font-weight:850}.plane-result-equation i{font-style:normal;color:#4b5361}.plane-result-equation strong{color:#a3ffda;font-size:13px}
:root[data-theme="hub"] .plane-result-again{width:100%;height:50px;margin-top:18px;border:0;border-radius:14px;background:linear-gradient(135deg,#79f4ff,#7288ff,#9b72ff);color:#081019;font-size:10px;font-weight:1000;letter-spacing:.1em}
:root[data-theme="hub"] .plane-result-card.is-loss:before{background:#ff526d;opacity:.2}
:root[data-theme="hub"] .plane-result-card.is-loss .plane-result-multiplier{color:#ff8191;text-shadow:0 0 30px rgba(255,72,103,.22)}
:root[data-theme="hub"] .plane-result-card.is-loss h3{margin:11px 0 0;color:#f4f5f8;font-size:19px}.plane-result-card.is-loss p{margin:8px auto 0;max-width:300px;color:#747c8d;font-size:10px;line-height:1.55}
:root[data-theme="hub"] .plane-loss-visual{height:150px;position:relative;display:grid;place-items:center;margin-top:6px;overflow:hidden}
:root[data-theme="hub"] .plane-loss-visual span{width:125px;transform:rotate(24deg);filter:drop-shadow(0 15px 18px rgba(0,0,0,.5))}
:root[data-theme="hub"] .plane-loss-visual svg{width:100%}.plane-loss-visual .plane-body{fill:#edf4f8}.plane-loss-visual .plane-window{fill:#1b2536}.plane-loss-visual .plane-mark{stroke:#ff6077;fill:none;stroke-width:2.5}
:root[data-theme="hub"] .plane-loss-visual i{position:absolute;left:50%;bottom:8px;width:155px;height:34px;transform:translateX(-50%);border-radius:50%;background:#ff506b;filter:blur(28px);opacity:.24}

/* ---- motion ---- */
@keyframes planeOnlinePulse{0%,100%{opacity:.62;transform:scale(.86)}50%{opacity:1;transform:scale(1.08)}}
@keyframes planeAurora{from{transform:translateX(-4%) rotate(-9deg) scale(.96)}to{transform:translateX(5%) rotate(-3deg) scale(1.08)}}
@keyframes planeStarsDrift{to{background-position:131px 19px,207px 12px,76px 28px}}
@keyframes planeCloudDrift{from{transform:translateX(-260px)}to{transform:translateX(calc(100vw + 300px))}}
@keyframes planeCashoutPulse{0%,100%{box-shadow:0 15px 38px rgba(74,255,190,.14),inset 0 1px 0 rgba(255,255,255,.58)}50%{box-shadow:0 18px 48px rgba(74,255,190,.28),0 0 0 4px rgba(108,255,205,.035),inset 0 1px 0 rgba(255,255,255,.66)}}
@keyframes planeCrashFlash{0%{filter:none}35%{filter:saturate(1.8) contrast(1.15);background-color:rgba(255,60,90,.1)}100%{filter:saturate(.55) brightness(.62)}}
@keyframes planeCrashFall{0%{opacity:1}30%{transform:translate(-50%,-50%) rotate(18deg) scale(1.02)}100%{top:120%!important;left:64%!important;transform:translate(-50%,-50%) rotate(128deg) scale(.62);opacity:.15}}
@keyframes planeOverlayIn{from{opacity:0}to{opacity:1}}
@keyframes planeResultIn{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}

/* ---- responsive ---- */
@media(max-width:1180px){
  :root[data-theme="hub"] .plane-control-deck{grid-template-columns:1fr 1.15fr}
  :root[data-theme="hub"] .plane-history{grid-column:1/-1;min-height:100px}
  :root[data-theme="hub"] .plane-history-empty{height:55px}
  :root[data-theme="hub"] .plane-history-row{height:25px}
  :root[data-theme="hub"] .plane-inventory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:840px){
  :root[data-theme="hub"] .feature-main.plane-page-v136{width:calc(100vw - 28px)!important;padding-top:28px!important}
  :root[data-theme="hub"] .plane-hero-v136{align-items:flex-start;flex-direction:column}
  :root[data-theme="hub"] .plane-hero-status{align-self:stretch;min-width:0}
  :root[data-theme="hub"] .plane-sky{height:440px}
  :root[data-theme="hub"] .plane-multiplier-core{min-width:300px;top:39%}
  :root[data-theme="hub"] .plane-multiplier-core strong{font-size:75px}
  :root[data-theme="hub"] .plane-flight-metrics{top:20px;width:100px}
  :root[data-theme="hub"] .plane-flight-metrics-left{left:14px}.plane-flight-metrics-right{right:14px}
  :root[data-theme="hub"] .plane-runway{width:58%}
  :root[data-theme="hub"] .plane-control-deck{grid-template-columns:1fr}
  :root[data-theme="hub"] .plane-history{grid-column:auto}
  :root[data-theme="hub"] .plane-stake-card,:root[data-theme="hub"] .plane-action-zone,:root[data-theme="hub"] .plane-history{min-height:155px}
  :root[data-theme="hub"] .plane-filter-row{grid-template-columns:1fr}
  :root[data-theme="hub"] .plane-inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  :root[data-theme="hub"] header .korzh-icon-nav{gap:4px!important;padding:4px!important}
  :root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button{width:37px!important;min-width:37px!important;height:36px!important}
  :root[data-theme="hub"] header .korzh-icon-nav svg{width:18px;height:18px}
  :root[data-theme="hub"] .plane-hero-v136 h1{font-size:42px}
  :root[data-theme="hub"] .plane-hero-v136 p{font-size:10px}
  :root[data-theme="hub"] .plane-shell-topbar{padding:0 13px}.plane-signal b{display:none}
  :root[data-theme="hub"] .plane-sky{height:390px}
  :root[data-theme="hub"] .plane-flight-metrics{display:none}
  :root[data-theme="hub"] .plane-multiplier-core{top:35%;min-width:240px}
  :root[data-theme="hub"] .plane-multiplier-core strong{font-size:62px}
  :root[data-theme="hub"] .plane-multiplier-core small{font-size:6px}
  :root[data-theme="hub"] .plane-vehicle{width:70px}
  :root[data-theme="hub"] .plane-runway{width:73%;left:-2%}
  :root[data-theme="hub"] .plane-control-deck{padding:10px;gap:10px}
  :root[data-theme="hub"] .plane-stake-content{grid-template-columns:110px 1fr}
  :root[data-theme="hub"] .plane-inventory-panel{padding:15px;border-radius:19px}
  :root[data-theme="hub"] .plane-inventory-head{align-items:flex-start;flex-direction:column;gap:8px}
  :root[data-theme="hub"] .plane-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  :root[data-theme="hub"] .plane-inventory-card .skin-card{height:165px!important;min-height:165px!important}
  :root[data-theme="hub"] .plane-inventory-card .skin-card .skin-art{height:92px!important}
}
@media(prefers-reduced-motion:reduce){
  :root[data-theme="hub"] .plane-aurora,
  :root[data-theme="hub"] .plane-stars,
  :root[data-theme="hub"] .plane-cloud,
  :root[data-theme="hub"] .plane-hero-status i,
  :root[data-theme="hub"] .plane-main-action.cashout{animation:none!important}
}

/* v136 mobile HUD: keep all four icon tabs visible without colliding with account controls. */
@media(max-width:950px){
  :root[data-theme="hub"] header.korzh-shared-header{
    height:112px!important;
    min-height:112px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:58px 42px!important;
    align-items:center!important;
    padding:0 14px 10px!important;
    column-gap:8px!important;
    border-radius:20px!important;
  }
  :root[data-theme="hub"] header.korzh-shared-header .brand.brand-button{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    min-width:0!important;
    max-width:170px!important;
  }
  :root[data-theme="hub"] header.korzh-shared-header .brand-emblem.brand-token{
    width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important;flex-basis:42px!important;
    transform:none!important;
  }
  :root[data-theme="hub"] header.korzh-shared-header .brand-emblem.brand-token img{
    width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;
  }
  :root[data-theme="hub"] header.korzh-shared-header .brand.brand-button .brand-word{
    font-size:22px!important;
    letter-spacing:.12em!important;
  }
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{
    grid-column:1/-1!important;
    grid-row:2!important;
    justify-self:center!important;
    display:flex!important;
    width:max-content!important;
  }
  :root[data-theme="hub"] header.korzh-shared-header .account{
    grid-column:2!important;
    grid-row:1!important;
    justify-self:end!important;
    min-width:0!important;
  }
  :root[data-theme="hub"] header.korzh-shared-header .wallet-cluster{gap:5px!important}
  :root[data-theme="hub"] header.korzh-shared-header .wallet-box{
    height:34px!important;
    padding:3px 3px 3px 8px!important;
    gap:3px!important;
  }
  :root[data-theme="hub"] header.korzh-shared-header .wallet-box .korzh-money-number{font-size:11px!important}
  :root[data-theme="hub"] header.korzh-shared-header .wallet-box .korzh-currency-icon{width:13px!important;height:13px!important;max-width:13px!important;max-height:13px!important;flex-basis:13px!important}
  :root[data-theme="hub"] header.korzh-shared-header .wallet-box .deposit-header-btn{width:27px!important;height:27px!important;min-width:27px!important;max-width:27px!important;flex-basis:27px!important}
  :root[data-theme="hub"] header.korzh-shared-header .steam-login-mini,
  :root[data-theme="hub"] header.korzh-shared-header .steam-profile-mini{width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;padding:0!important;display:grid!important;place-items:center!important}
  :root[data-theme="hub"] header.korzh-shared-header .steam-login-mini b,
  :root[data-theme="hub"] header.korzh-shared-header .steam-profile-mini b{display:none!important}
  :root[data-theme="hub"] header.korzh-shared-header .steam-profile-mini img,
  :root[data-theme="hub"] header.korzh-shared-header .steam-profile-mini .avatar-fallback{width:28px!important;height:28px!important;min-width:28px!important}
}
@media(max-width:430px){
  :root[data-theme="hub"] header.korzh-shared-header{padding-left:10px!important;padding-right:10px!important}
  :root[data-theme="hub"] header.korzh-shared-header .brand-emblem.brand-token{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;flex-basis:36px!important}
  :root[data-theme="hub"] header.korzh-shared-header .brand-emblem.brand-token img{width:36px!important;height:36px!important;max-width:36px!important;max-height:36px!important}
  :root[data-theme="hub"] header.korzh-shared-header .brand.brand-button .brand-word{font-size:19px!important;letter-spacing:.1em!important}
  :root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button{width:36px!important;min-width:36px!important;height:35px!important}
  :root[data-theme="hub"] header .korzh-icon-nav svg{width:17px;height:17px}
  :root[data-theme="hub"] header.korzh-shared-header .wallet-box{padding-left:6px!important}
}

/* =========================================================
   v137 — plane polish, safe result media and wide icon HUD
   ========================================================= */
:root[data-theme="hub"] header .korzh-icon-nav{
  gap:10px!important;
  padding:7px!important;
  border-radius:19px!important;
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button{
  width:72px!important;
  min-width:72px!important;
  height:52px!important;
  border-radius:15px!important;
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-frame{
  border-radius:14px!important;
}
:root[data-theme="hub"] header .korzh-icon-nav svg{
  width:23px!important;
  height:23px!important;
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button.nav-active .nav-icon-frame:after{
  left:16px!important;
  right:16px!important;
  bottom:5px!important;
}
:root[data-theme="hub"] .player-promo-badge{
  display:inline-grid;
  place-items:center;
  min-width:39px;
  height:20px;
  margin-left:5px;
  padding:0 7px;
  border:1px solid rgba(105,241,218,.25);
  border-radius:7px;
  background:linear-gradient(135deg,rgba(64,226,201,.16),rgba(127,105,255,.17));
  color:#a9ffe5;
  font-size:7px;
  font-weight:1000;
  letter-spacing:.11em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 16px rgba(88,235,218,.08);
}
:root[data-theme="hub"] .plane-vehicle{
  width:142px!important;
  height:76px!important;
  filter:drop-shadow(0 15px 14px rgba(0,0,0,.48)) drop-shadow(0 0 19px rgba(83,224,255,.25))!important;
}
:root[data-theme="hub"] .plane-vehicle .plane-fuselage,
:root[data-theme="hub"] .plane-vehicle .plane-near-wing,
:root[data-theme="hub"] .plane-vehicle .plane-far-wing,
:root[data-theme="hub"] .plane-vehicle .plane-tail-fin{
  vector-effect:non-scaling-stroke;
}
:root[data-theme="hub"] .plane-vehicle .plane-accent{
  filter:drop-shadow(0 0 4px rgba(104,229,255,.55));
}
:root[data-theme="hub"] .plane-vehicle .plane-engine{
  filter:drop-shadow(0 0 4px rgba(255,121,62,.46));
}
:root[data-theme="hub"] .plane-result-skin{
  min-height:220px!important;
  height:232px!important;
  display:grid!important;
  grid-template-rows:150px minmax(0,1fr)!important;
  align-items:center!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
:root[data-theme="hub"] .plane-result-skin .skin-art{
  width:100%!important;
  height:146px!important;
  min-height:146px!important;
  max-height:146px!important;
  overflow:hidden!important;
  contain:layout paint!important;
}
:root[data-theme="hub"] .plane-result-skin .skin-art::before,
:root[data-theme="hub"] .plane-result-skin .skin-art::after{
  inset:10% 12%!important;
}
:root[data-theme="hub"] .plane-result-skin .real-skin img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:82%!important;
  max-height:78%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:auto!important;
  transform:none!important;
}
:root[data-theme="hub"] .plane-result-skin .skin-caption{
  position:relative!important;
  z-index:3!important;
  align-self:start!important;
  margin-top:-1px!important;
  min-height:58px!important;
}
:root[data-theme="hub"] .plane-loss-visual span{
  width:178px!important;
}
:root[data-theme="hub"] .plane-loss-visual .plane-fuselage{
  filter:saturate(.55) brightness(.85);
}
@media(max-width:950px){
  :root[data-theme="hub"] header.korzh-shared-header{
    grid-template-rows:64px 54px!important;
    height:128px!important;
    min-height:128px!important;
  }
  :root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button{
    width:64px!important;
    min-width:64px!important;
    height:46px!important;
  }
}
@media(max-width:620px){
  :root[data-theme="hub"] header .korzh-icon-nav{gap:6px!important;padding:5px!important}
  :root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button{width:52px!important;min-width:52px!important;height:43px!important}
  :root[data-theme="hub"] header .korzh-icon-nav svg{width:20px!important;height:20px!important}
  :root[data-theme="hub"] .plane-vehicle{width:106px!important;height:59px!important}
  :root[data-theme="hub"] .plane-result-skin{height:220px!important;grid-template-rows:142px minmax(0,1fr)!important}
}

/* v137 hard media boundary: the image box itself is smaller than the fixed art row. */
:root[data-theme="hub"] .plane-result-skin .real-skin img{
  width:82%!important;
  height:112px!important;
  max-width:82%!important;
  max-height:112px!important;
  justify-self:center!important;
  align-self:center!important;
}
@media(max-width:620px){
  :root[data-theme="hub"] .plane-result-skin .real-skin img{
    height:106px!important;
    max-height:106px!important;
  }
}

/* ========================================================================== */
/* v138 — recognisable airliner, auto-cashout, horizontal history and support */
/* ========================================================================== */
:root[data-theme="hub"] .plane-page-v138 .plane-vehicle{
  width:224px!important;
  height:98px!important;
  filter:drop-shadow(0 20px 20px rgba(0,0,0,.56)) drop-shadow(0 0 24px rgba(91,228,255,.28))!important;
  transform-origin:50% 54%;
}
:root[data-theme="hub"] .plane-page-v138 .plane-vehicle svg{width:100%!important;height:100%!important;overflow:visible}
:root[data-theme="hub"] .plane-page-v138 .plane-airliner-svg *{vector-effect:non-scaling-stroke}
:root[data-theme="hub"] .plane-page-v138 .airliner-stripe,
:root[data-theme="hub"] .plane-page-v138 .airliner-navigation-light{filter:drop-shadow(0 0 4px rgba(91,236,255,.62))}
:root[data-theme="hub"] .plane-page-v138 .airliner-engine{filter:drop-shadow(0 0 8px rgba(80,220,255,.24))}

:root[data-theme="hub"] .plane-history-strip{
  position:relative;
  z-index:9;
  display:grid;
  grid-template-columns:190px minmax(0,1fr);
  align-items:center;
  min-height:82px;
  padding:12px 18px;
  border-top:1px solid rgba(123,206,255,.09);
  border-bottom:1px solid rgba(123,206,255,.08);
  background:linear-gradient(180deg,rgba(12,17,29,.96),rgba(7,11,20,.96));
}
:root[data-theme="hub"] .plane-history-strip>header{display:flex;align-items:flex-start;justify-content:space-between;padding-right:20px;border-right:1px solid rgba(255,255,255,.06)}
:root[data-theme="hub"] .plane-history-strip>header span{display:block;color:#687386;font-size:7px;font-weight:950;letter-spacing:.2em}
:root[data-theme="hub"] .plane-history-strip>header b{display:block;margin-top:7px;color:#e9f5ff;font-size:11px;font-weight:950;letter-spacing:.08em}
:root[data-theme="hub"] .plane-history-strip>header small{color:#414b5f;font-size:6px;font-weight:950;letter-spacing:.18em}
:root[data-theme="hub"] .plane-history-track{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  overflow-x:auto;
  padding:3px 0 3px 18px;
  scrollbar-width:thin;
  scrollbar-color:rgba(116,224,255,.22) transparent;
}
:root[data-theme="hub"] .plane-history-chip{
  flex:0 0 auto;
  min-width:142px;
  height:48px;
  display:grid;
  grid-template-columns:26px 1fr auto;
  grid-template-rows:1fr 1fr;
  align-items:center;
  column-gap:8px;
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:13px;
  background:rgba(255,255,255,.025);
  font-variant-numeric:tabular-nums;
}
:root[data-theme="hub"] .plane-history-chip i{grid-row:1/3;width:25px;height:25px;display:grid;place-items:center;border-radius:8px;font-style:normal;font-size:13px;font-weight:1000}
:root[data-theme="hub"] .plane-history-chip span{align-self:end;color:#737d91;font-size:6px;font-weight:950;letter-spacing:.11em;white-space:nowrap}
:root[data-theme="hub"] .plane-history-chip b{align-self:start;color:#fff;font-size:12px;line-height:1}
:root[data-theme="hub"] .plane-history-chip strong{grid-column:3;grid-row:1/3;color:#a9ffe0;font-size:8px;white-space:nowrap}
:root[data-theme="hub"] .plane-history-chip.win{border-color:rgba(80,244,174,.14);background:linear-gradient(135deg,rgba(47,220,157,.09),rgba(255,255,255,.018))}
:root[data-theme="hub"] .plane-history-chip.win i{color:#9effd5;background:rgba(47,222,157,.13);box-shadow:inset 0 0 0 1px rgba(88,255,190,.15)}
:root[data-theme="hub"] .plane-history-chip.loss{border-color:rgba(255,96,123,.13);background:linear-gradient(135deg,rgba(255,73,108,.08),rgba(255,255,255,.018))}
:root[data-theme="hub"] .plane-history-chip.loss i{color:#ff8fa0;background:rgba(255,72,108,.13);box-shadow:inset 0 0 0 1px rgba(255,113,139,.14)}
:root[data-theme="hub"] .plane-history-chip.loss b{color:#ff899c}
:root[data-theme="hub"] .plane-history-empty{width:100%;height:48px;display:flex;align-items:center;justify-content:center;color:#465166;font-size:7px;font-weight:900;letter-spacing:.12em}

:root[data-theme="hub"] .plane-control-deck-v138{
  grid-template-columns:minmax(0,1.05fr) minmax(260px,.9fr) minmax(0,1.05fr)!important;
  align-items:stretch;
  gap:12px!important;
}
:root[data-theme="hub"] .plane-control-deck-v138>.plane-stake-card,
:root[data-theme="hub"] .plane-control-deck-v138>.plane-auto-card,
:root[data-theme="hub"] .plane-control-deck-v138>.plane-action-zone{min-height:194px}
:root[data-theme="hub"] .plane-auto-card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  padding:17px;
  border:1px solid rgba(119,199,255,.10);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(19,25,41,.88),rgba(8,12,21,.9));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
:root[data-theme="hub"] .plane-auto-card:before{content:"";position:absolute;inset:auto -60px -95px auto;width:190px;height:190px;border-radius:50%;background:#735eff;filter:blur(70px);opacity:.05;transition:.25s}
:root[data-theme="hub"] .plane-auto-card.enabled{border-color:rgba(109,227,255,.19);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 38px rgba(80,188,255,.045)}
:root[data-theme="hub"] .plane-auto-card.enabled:before{opacity:.12}
:root[data-theme="hub"] .plane-auto-card.locked{opacity:.88}
:root[data-theme="hub"] .plane-auto-head{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:14px}
:root[data-theme="hub"] .plane-auto-head span{display:block;color:#69758b;font-size:7px;font-weight:950;letter-spacing:.18em}
:root[data-theme="hub"] .plane-auto-head b{display:block;margin-top:6px;color:#dcefff;font-size:10px;letter-spacing:.06em}
:root[data-theme="hub"] .plane-auto-card.enabled .plane-auto-head b{color:#8ff4ff;text-shadow:0 0 16px rgba(99,228,255,.17)}
:root[data-theme="hub"] .plane-auto-switch{position:relative;width:46px;height:25px;flex:0 0 auto}
:root[data-theme="hub"] .plane-auto-switch input{position:absolute;opacity:0;pointer-events:none}
:root[data-theme="hub"] .plane-auto-switch span{position:absolute;inset:0;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#171d2a;cursor:pointer;transition:.2s}
:root[data-theme="hub"] .plane-auto-switch span:after{content:"";position:absolute;left:3px;top:3px;width:17px;height:17px;border-radius:50%;background:#788196;box-shadow:0 2px 7px rgba(0,0,0,.45);transition:.2s}
:root[data-theme="hub"] .plane-auto-switch input:checked+span{background:linear-gradient(90deg,#4fd9f2,#7c70ff);border-color:rgba(120,230,255,.4);box-shadow:0 0 19px rgba(91,210,255,.14)}
:root[data-theme="hub"] .plane-auto-switch input:checked+span:after{left:24px;background:#fff}
:root[data-theme="hub"] .plane-auto-input{position:relative;z-index:1;display:block;margin-top:14px}
:root[data-theme="hub"] .plane-auto-input>span{display:block;margin-bottom:6px;color:#59657b;font-size:6px;font-weight:950;letter-spacing:.14em}
:root[data-theme="hub"] .plane-auto-input>div{height:48px;display:flex;align-items:center;padding:0 13px;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:rgba(4,8,15,.56)}
:root[data-theme="hub"] .plane-auto-input b{color:#66738b;font-size:17px}
:root[data-theme="hub"] .plane-auto-input input{min-width:0;width:100%;height:100%;padding:0 4px;border:0!important;outline:0;background:transparent!important;color:#f4fbff;font:950 22px/1 Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;text-align:center}
:root[data-theme="hub"] .plane-auto-input input:disabled{opacity:.5}
:root[data-theme="hub"] .plane-auto-presets{position:relative;z-index:1;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:8px}
:root[data-theme="hub"] .plane-auto-presets button{height:29px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:rgba(255,255,255,.025);color:#727d91;font-size:7px;font-weight:900;cursor:pointer}
:root[data-theme="hub"] .plane-auto-presets button:hover,:root[data-theme="hub"] .plane-auto-presets button.active{border-color:rgba(111,226,255,.28);background:rgba(78,194,255,.1);color:#c8f8ff}
:root[data-theme="hub"] .plane-auto-presets button:disabled{cursor:default;opacity:.45}
:root[data-theme="hub"] .plane-auto-card>small{position:relative;z-index:1;margin-top:auto;padding-top:9px;color:#586378;font-size:7px;line-height:1.45}

:root[data-theme="hub"] .plane-loss-visual{height:184px!important;margin-top:4px!important;overflow:visible!important}
:root[data-theme="hub"] .plane-loss-visual span{width:272px!important;transform:rotate(23deg)!important;filter:drop-shadow(0 18px 20px rgba(0,0,0,.58)) drop-shadow(0 0 18px rgba(255,91,114,.12))!important}
:root[data-theme="hub"] .plane-loss-visual .plane-airliner-svg{display:block;width:100%;height:auto}
:root[data-theme="hub"] .plane-result-card.is-loss{overflow:hidden}
:root[data-theme="hub"] .plane-result-card.is-loss .airliner-stripe{stroke:#ff788b}
:root[data-theme="hub"] .plane-result-card.is-loss .airliner-navigation-light{stroke:#ff778a}

/* floating KORZH support */
#supportPortal{position:relative;z-index:10020}
.support-fab{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:10020;
  height:64px;
  min-width:64px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:6px 17px 6px 6px;
  border:1px solid rgba(130,205,255,.18);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(18,23,38,.98),rgba(8,11,20,.98));
  color:#fff;
  box-shadow:0 18px 55px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.06),0 0 34px rgba(114,93,255,.09);
  cursor:pointer;
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
.support-fab:hover{transform:translateY(-3px);border-color:rgba(121,229,255,.34);box-shadow:0 22px 65px rgba(0,0,0,.62),0 0 35px rgba(100,196,255,.13)}
.support-fab>span{width:51px;height:51px;display:block}.support-fab svg{display:block;width:100%;height:100%}
.support-fab>b{font-size:9px;font-weight:950;letter-spacing:.12em;white-space:nowrap}
.support-fab>i{width:8px;height:8px;border-radius:50%;background:#77ffc3;box-shadow:0 0 13px rgba(119,255,195,.65)}
.support-fab>em{position:absolute;right:-5px;top:-5px;min-width:23px;height:23px;display:grid;place-items:center;padding:0 6px;border:3px solid #090c14;border-radius:999px;background:#ff647b;color:#fff;font-style:normal;font-size:9px;font-weight:950}
.support-fab.is-open{transform:translateY(8px);opacity:0;pointer-events:none}
.support-widget-panel{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:10021;
  width:min(430px,calc(100vw - 28px));
  height:min(690px,calc(100vh - 48px));
  display:grid;
  grid-template-rows:74px minmax(0,1fr) 36px;
  overflow:hidden;
  border:1px solid rgba(132,207,255,.18);
  border-radius:25px;
  background:linear-gradient(180deg,#111624 0,#090d17 100%);
  box-shadow:0 35px 100px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.055);
  animation:supportPanelIn .24s ease both;
  color:#f5f8ff;
  font-family:Inter,Manrope,Arial,sans-serif;
}
.support-widget-panel:before{content:"";position:absolute;left:-80px;top:-110px;width:270px;height:230px;border-radius:50%;background:#744cff;filter:blur(105px);opacity:.13;pointer-events:none}
.support-widget-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:10px 13px 10px 15px;border-bottom:1px solid rgba(255,255,255,.065);background:rgba(8,12,21,.52);backdrop-filter:blur(18px)}
.support-widget-head>div{display:flex;align-items:center;gap:10px}.support-widget-head>div>span{width:49px;height:49px}.support-widget-head svg{width:100%;height:100%}
.support-widget-head b{display:block;font-size:12px;letter-spacing:.08em}.support-widget-head small{display:flex;align-items:center;gap:6px;margin-top:5px;color:#7f8ba1;font-size:8px}.support-widget-head small i{width:7px;height:7px;border-radius:50%;background:#70ffc1;box-shadow:0 0 10px rgba(112,255,193,.55)}
.support-widget-head>button{width:40px;height:40px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025);color:#8995aa;font-size:23px;cursor:pointer}
.support-widget-body{position:relative;z-index:1;min-height:0;overflow:auto;padding:16px;scrollbar-width:thin;scrollbar-color:rgba(100,214,255,.25) transparent}
.support-widget-panel>footer{display:grid;place-items:center;border-top:1px solid rgba(255,255,255,.05);color:#4e5b70;font-size:7px;letter-spacing:.03em;text-align:center;padding:0 12px}
.support-login-state,.support-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}
.support-login-state>span,.support-empty>span{display:block;width:96px;height:96px;margin-bottom:15px}.support-login-state svg,.support-empty svg{width:100%;height:100%}
.support-login-state h3,.support-empty h3{margin:0;color:#fff;font-size:17px}.support-login-state p,.support-empty p{max-width:300px;margin:10px auto 18px;color:#758197;font-size:10px;line-height:1.6}
.support-login-state button,.support-submit{min-height:48px;border:0;border-radius:13px;background:linear-gradient(115deg,#75dcff,#876cff);color:#09101c;font-size:9px;font-weight:1000;letter-spacing:.1em;cursor:pointer;box-shadow:0 12px 30px rgba(107,111,255,.18)}
.support-login-state button{padding:0 28px}
.support-loading{height:100%;display:flex;align-items:center;justify-content:center;gap:12px;color:#7f8ba0;font-size:10px}.support-loading i{width:23px;height:23px;border:2px solid rgba(255,255,255,.09);border-top-color:#72eaff;border-radius:50%;animation:supportSpin .7s linear infinite}
.support-welcome{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px;border:1px solid rgba(119,207,255,.1);border-radius:18px;background:linear-gradient(135deg,rgba(74,161,255,.08),rgba(127,81,255,.06))}
.support-welcome span,.support-form-title span{color:#72e6ff;font-size:7px;font-weight:950;letter-spacing:.17em}.support-welcome h3,.support-form-title h3{margin:6px 0 0;font-size:19px}.support-welcome p{max-width:235px;margin:7px 0 0;color:#758197;font-size:9px;line-height:1.45}
.support-welcome button{min-width:125px;height:42px;border:1px solid rgba(114,220,255,.18);border-radius:12px;background:rgba(102,167,255,.1);color:#d9f8ff;font-size:8px;font-weight:950;cursor:pointer}
.support-ticket-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.support-ticket-list>button{width:100%;min-height:76px;display:grid;grid-template-columns:10px minmax(0,1fr) 20px;align-items:center;gap:11px;padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:rgba(255,255,255,.023);color:inherit;text-align:left;cursor:pointer}.support-ticket-list>button:hover{border-color:rgba(112,223,255,.17);background:rgba(104,187,255,.055)}
.support-ticket-dot{width:8px;height:34px;border-radius:6px;background:#6a7488}.support-ticket-dot.status-open{background:#74eaff}.support-ticket-dot.status-in_progress{background:#aa89ff}.support-ticket-dot.status-waiting{background:#ffbf67}.support-ticket-dot.status-closed{background:#536074}
.support-ticket-list span{display:block;color:#647187;font-size:7px;font-weight:900;letter-spacing:.1em}.support-ticket-list b{display:block;margin-top:5px;color:#f2f6ff;font-size:11px}.support-ticket-list small{display:block;margin-top:7px;color:#69758a;font-size:8px}.support-ticket-list em{color:#66748c;font-style:normal;font-size:25px}
.support-back{margin:0 0 12px;padding:0;border:0;background:transparent;color:#74dff3;font-size:9px;font-weight:900;cursor:pointer}
.support-new-form,.support-ticket-view{min-height:100%}.support-new-form label{display:block;margin-top:13px}.support-new-form label>span{display:block;margin-bottom:7px;color:#68758b;font-size:7px;font-weight:950;letter-spacing:.1em}
.support-new-form input,.support-new-form select,.support-new-form textarea,.support-reply-form textarea{width:100%;border:1px solid rgba(255,255,255,.075);border-radius:12px;background:#090e19;color:#f3f7ff;outline:0;font:500 11px/1.5 Inter,Arial,sans-serif}.support-new-form input,.support-new-form select{height:47px;padding:0 13px}.support-new-form textarea{min-height:150px;padding:12px;resize:vertical}.support-new-form input:focus,.support-new-form select:focus,.support-new-form textarea:focus,.support-reply-form textarea:focus{border-color:rgba(112,226,255,.32);box-shadow:0 0 0 3px rgba(88,204,255,.055)}
.support-submit{width:100%;margin-top:15px}.support-submit:disabled{opacity:.55}
.support-ticket-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.06)}.support-ticket-heading span{color:#728096;font-size:7px;font-weight:950;letter-spacing:.1em}.support-ticket-heading h3{margin:5px 0 0;font-size:16px;line-height:1.3}.support-status{flex:0 0 auto;padding:7px 9px;border-radius:9px;background:rgba(114,231,255,.08);color:#9eeeff;font-size:7px;letter-spacing:.06em}.support-status.status-closed{color:#8994a5;background:rgba(255,255,255,.05)}.support-status.status-waiting{color:#ffd397;background:rgba(255,185,82,.08)}
.support-conversation{display:flex;flex-direction:column;gap:10px;margin-top:14px}.support-message{max-width:88%;padding:11px 12px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:rgba(255,255,255,.026)}.support-message.operator{align-self:flex-start;border-top-left-radius:4px;background:linear-gradient(135deg,rgba(93,179,255,.09),rgba(124,89,255,.06));border-color:rgba(114,211,255,.11)}.support-message.player{align-self:flex-end;border-top-right-radius:4px;background:rgba(255,255,255,.045)}.support-message header{display:flex;align-items:center;justify-content:space-between;gap:15px}.support-message header b{color:#cfefff;font-size:8px}.support-message header time{color:#536077;font-size:7px}.support-message p{margin:7px 0 0;color:#c4ccda;font-size:10px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.support-reply-form{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:8px;margin-top:14px}.support-reply-form textarea{height:70px;min-height:70px;padding:10px;resize:none}.support-reply-form button{border:0;border-radius:12px;background:linear-gradient(135deg,#73dcff,#8a70ff);color:#09101c;font-size:8px;font-weight:1000;cursor:pointer}.support-closed-note{margin-top:14px;padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:12px;background:rgba(255,255,255,.025);color:#748096;font-size:9px;line-height:1.5;text-align:center}
@keyframes supportPanelIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes supportSpin{to{transform:rotate(360deg)}}

@media(max-width:1180px){
  :root[data-theme="hub"] .plane-control-deck-v138{grid-template-columns:1fr 1fr!important}
  :root[data-theme="hub"] .plane-control-deck-v138>.plane-action-zone{grid-column:1/-1}
  :root[data-theme="hub"] .plane-history-strip{grid-template-columns:160px minmax(0,1fr)}
}
@media(max-width:840px){
  :root[data-theme="hub"] .plane-control-deck-v138{grid-template-columns:1fr!important}
  :root[data-theme="hub"] .plane-control-deck-v138>.plane-action-zone{grid-column:auto}
  :root[data-theme="hub"] .plane-history-strip{grid-template-columns:1fr;padding:11px}
  :root[data-theme="hub"] .plane-history-strip>header{border-right:0;border-bottom:1px solid rgba(255,255,255,.055);padding:0 2px 9px}
  :root[data-theme="hub"] .plane-history-track{padding:10px 0 0}
  :root[data-theme="hub"] .plane-page-v138 .plane-vehicle{width:176px!important;height:79px!important}
}
@media(max-width:620px){
  :root[data-theme="hub"] .plane-page-v138 .plane-vehicle{width:138px!important;height:63px!important}
  :root[data-theme="hub"] .plane-loss-visual span{width:220px!important}
  :root[data-theme="hub"] .plane-history-chip{min-width:126px;height:45px}
  :root[data-theme="hub"] .plane-auto-presets{grid-template-columns:repeat(5,minmax(0,1fr))}
  .support-fab{right:13px;bottom:13px;height:57px;padding:4px;border-radius:18px;min-width:57px}
  .support-fab>span{width:48px;height:48px}.support-fab>b,.support-fab>i{display:none}
  .support-widget-panel{right:8px;bottom:8px;width:calc(100vw - 16px);height:min(720px,calc(100vh - 16px));border-radius:22px}
  .support-welcome{flex-direction:column}.support-welcome button{width:100%}
}

/* ========================================================================== */
/* v140 — working side-view crop-duster scene + square navigation dock         */
/* ========================================================================== */
:root[data-theme="hub"]{
  --plane-cyan:#8fdceb;
  --plane-blue:#719dc7;
  --plane-violet:#ae7bb9;
  --plane-lime:#9de4b9;
  --plane-danger:#ff6a67;
  --plane-orange:#ff8240;
  --plane-orange-soft:#ffc07b;
  --plane-panel:rgba(17,12,14,.92);
  --plane-line:rgba(255,150,100,.13);
}

/* One dock, four genuinely square buttons. */
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{
  display:grid!important;
  grid-template-columns:repeat(4,58px)!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:max-content!important;
  min-width:0!important;
  padding:8px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(14,13,18,.96),rgba(8,9,13,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 13px 38px rgba(0,0,0,.28)!important;
}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button{
  width:58px!important;
  min-width:58px!important;
  max-width:58px!important;
  height:58px!important;
  min-height:58px!important;
  padding:0!important;
  border-radius:14px!important;
  transform:none!important;
}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-frame{
  width:58px!important;
  height:58px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.018)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-frame:before,
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-frame:after{display:none!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav svg{width:23px!important;height:23px!important;stroke-width:1.72!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button:hover .nav-icon-frame{
  transform:translateY(-1px)!important;
  border-color:rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.04)!important;
}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active .nav-icon-frame{
  border-color:rgba(255,131,77,.72)!important;
  background:linear-gradient(145deg,rgba(255,119,64,.075),rgba(183,100,172,.045))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 0 0 2px rgba(255,116,64,.055),0 0 24px rgba(255,103,57,.08)!important;
}

/* Warmer KORZH atmosphere, with a controlled cool transition later in flight. */
:root[data-theme="hub"] .page-plane{
  background:
    radial-gradient(circle at 13% 25%,rgba(255,99,55,.085),transparent 29%),
    radial-gradient(circle at 84% 36%,rgba(132,87,151,.065),transparent 33%),
    linear-gradient(180deg,#0d0a0d 0,#0a090d 58%,#0b090b 100%)!important;
}
:root[data-theme="hub"] .page-plane:before{
  background-image:linear-gradient(rgba(255,156,105,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,156,105,.018) 1px,transparent 1px)!important;
}
:root[data-theme="hub"] .plane-page-v140 .plane-hero-v136>div:first-child>span{color:#ff9b65!important;text-shadow:0 0 16px rgba(255,122,68,.2)!important}
:root[data-theme="hub"] .plane-page-v140 .plane-hero-status{border-color:rgba(255,151,99,.13)!important;background:rgba(18,12,15,.69)!important}
:root[data-theme="hub"] .plane-page-v140 .plane-hero-status i{background:#ffb96f!important;box-shadow:0 0 0 4px rgba(255,174,94,.07),0 0 17px rgba(255,144,63,.48)!important}
:root[data-theme="hub"] .plane-page-v140 .plane-hero-status b{color:#ffd0a0!important}
:root[data-theme="hub"] .plane-page-v140 .plane-flight-shell{
  border-color:rgba(255,151,104,.13)!important;
  background:rgba(12,9,12,.92)!important;
  box-shadow:0 42px 130px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.035),0 0 0 1px rgba(255,112,67,.02)!important;
}
:root[data-theme="hub"] .plane-page-v140 .plane-shell-topbar{
  border-bottom-color:rgba(255,150,103,.095)!important;
  background:linear-gradient(180deg,rgba(27,18,21,.98),rgba(15,11,15,.96))!important;
}
:root[data-theme="hub"] .plane-page-v140 .plane-shell-topbar>div:first-child i{background:#ff8444!important;box-shadow:0 0 13px rgba(255,122,61,.58)!important}
:root[data-theme="hub"] .plane-page-v140 .plane-signal span{background:#ffc178!important;box-shadow:0 0 7px rgba(255,149,75,.34)!important}

/* Side-scrolling countryside scene. */
:root[data-theme="hub"] .plane-page-v140 .plane-sky-v140{
  position:relative;
  height:520px!important;
  overflow:hidden;
  isolation:isolate;
  background:#542c2a!important;
}
:root[data-theme="hub"] .plane-page-v140 .plane-sky-v140:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:20;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:88px 88px;
  opacity:.14;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 72%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 72%,transparent);
}
:root[data-theme="hub"] .plane-sky-grade{position:absolute;inset:0;z-index:0;transition:opacity .25s linear;pointer-events:none}
:root[data-theme="hub"] .plane-sky-grade-warm{
  background:
    radial-gradient(circle at 79% 20%,rgba(255,193,111,.24),transparent 23%),
    linear-gradient(180deg,#3d2631 0%,#74403a 37%,#c36f48 67%,#e0a260 100%);
  opacity:calc(1 - var(--sky-cool));
}
:root[data-theme="hub"] .plane-sky-grade-cool{
  background:
    radial-gradient(circle at 74% 18%,rgba(186,164,232,.17),transparent 25%),
    linear-gradient(180deg,#1a2237 0%,#293958 43%,#635071 70%,#bb7452 100%);
  opacity:calc(.22 + var(--sky-cool));
}
:root[data-theme="hub"] .plane-sun-v140{
  position:absolute;right:13%;top:13%;z-index:1;width:92px;height:92px;border-radius:50%;
  background:radial-gradient(circle,#fff7d7 0,#ffd698 34%,#ff9c58 63%,rgba(255,104,52,.05) 74%,transparent 75%);
  box-shadow:0 0 70px rgba(255,151,77,.35);opacity:calc(.88 - var(--sky-cool)*.52);
}
:root[data-theme="hub"] .plane-landscape{position:absolute;left:-10%;width:230%;pointer-events:none;will-change:background-position}
:root[data-theme="hub"] .plane-landscape-far{
  z-index:2;bottom:19%;height:31%;opacity:.66;
  background-image:
    linear-gradient(135deg,transparent 0 40%,#332735 40% 49%,transparent 49% 100%),
    linear-gradient(45deg,transparent 0 42%,#44303a 42% 54%,transparent 54% 100%);
  background-size:420px 100%,610px 100%;
  background-position:calc(var(--world-scroll)*-.18) 100%,calc(var(--world-scroll)*-.12) 100%;
  filter:drop-shadow(0 -10px 25px rgba(0,0,0,.12));
}
:root[data-theme="hub"] .plane-landscape-near{
  z-index:3;bottom:8%;height:29%;
  background-image:
    linear-gradient(145deg,transparent 0 47%,#241c21 47% 66%,transparent 66% 100%),
    linear-gradient(35deg,transparent 0 46%,#30221f 46% 67%,transparent 67% 100%);
  background-size:360px 100%,520px 100%;
  background-position:calc(var(--world-scroll)*-.38) 100%,calc(var(--world-scroll)*-.29) 100%;
}
:root[data-theme="hub"] .plane-field-lines{
  position:absolute;left:-20%;right:-20%;bottom:-5%;z-index:4;height:31%;
  background:
    repeating-linear-gradient(96deg,transparent 0 64px,rgba(255,186,96,.1) 65px 67px),
    linear-gradient(180deg,#3b2822 0,#1a1516 70%);
  background-position-x:calc(var(--world-scroll)*-.72);
  clip-path:polygon(0 22%,100% 0,100% 100%,0 100%);
  box-shadow:inset 0 18px 34px rgba(255,130,66,.055);
}
:root[data-theme="hub"] .plane-cloud-belt{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}
:root[data-theme="hub"] .plane-cloud-belt i{
  position:absolute;display:block;width:190px;height:54px;border-radius:50%;
  background:radial-gradient(ellipse at 28% 64%,rgba(255,239,222,.9) 0 25%,transparent 27%),radial-gradient(ellipse at 49% 42%,rgba(255,243,229,.94) 0 31%,transparent 33%),radial-gradient(ellipse at 72% 64%,rgba(255,235,219,.84) 0 27%,transparent 29%);
  filter:blur(.4px) drop-shadow(0 13px 24px rgba(53,29,35,.18));opacity:.68;
  transform:translateX(calc(var(--world-scroll)*-.42));
}
:root[data-theme="hub"] .plane-cloud-belt-far{opacity:calc(.58 - var(--sky-cool)*.16)}
:root[data-theme="hub"] .plane-cloud-belt-far i:nth-child(1){top:15%;left:8%}
:root[data-theme="hub"] .plane-cloud-belt-far i:nth-child(2){top:30%;left:45%;transform:scale(.7) translateX(calc(var(--world-scroll)*-.31))}
:root[data-theme="hub"] .plane-cloud-belt-far i:nth-child(3){top:10%;left:82%;transform:scale(.86) translateX(calc(var(--world-scroll)*-.36))}
:root[data-theme="hub"] .plane-cloud-belt-far i:nth-child(4){top:42%;left:111%;transform:scale(.58) translateX(calc(var(--world-scroll)*-.25))}
:root[data-theme="hub"] .plane-cloud-belt-near{z-index:13}
:root[data-theme="hub"] .plane-cloud-belt-near i{width:280px;height:88px;opacity:.34;filter:blur(2px)}
:root[data-theme="hub"] .plane-cloud-belt-near i:nth-child(1){top:52%;left:-14%;transform:translateX(calc(var(--world-scroll)*-.72))}
:root[data-theme="hub"] .plane-cloud-belt-near i:nth-child(2){top:34%;left:92%;transform:scale(.82) translateX(calc(var(--world-scroll)*-.66))}
:root[data-theme="hub"] .plane-cloud-belt-near i:nth-child(3){top:68%;left:54%;transform:scale(.55) translateX(calc(var(--world-scroll)*-.8))}

/* Flight HUD remains readable while the scene stays dominant. */
:root[data-theme="hub"] .plane-page-v140 .plane-multiplier-core{
  top:24px!important;left:50%!important;transform:translateX(-50%)!important;z-index:18!important;
  padding:12px 25px 13px!important;border:1px solid rgba(255,173,118,.14)!important;border-radius:18px!important;
  background:rgba(16,11,15,.62)!important;backdrop-filter:blur(14px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 34px rgba(0,0,0,.2)!important;
}
:root[data-theme="hub"] .plane-page-v140 .plane-multiplier-core small{color:#a98f8b!important}
:root[data-theme="hub"] .plane-page-v140 .plane-multiplier-core strong{color:#fff5eb!important;text-shadow:0 0 27px rgba(255,126,62,.18)!important}
:root[data-theme="hub"] .plane-page-v140 .plane-multiplier-core>div{color:#ffc39d!important}
:root[data-theme="hub"] .plane-page-v140 .plane-flight-metrics{z-index:18!important;border-color:rgba(255,166,110,.12)!important;background:rgba(18,12,16,.55)!important;backdrop-filter:blur(12px)!important}
:root[data-theme="hub"] .plane-page-v140 .plane-flight-metrics span{color:#9f8a88!important}
:root[data-theme="hub"] .plane-page-v140 .plane-flight-metrics b{color:#ffe5ce!important}
:root[data-theme="hub"] .plane-page-v140 .plane-flight-metrics small{color:#8f7774!important}
:root[data-theme="hub"] .plane-flight-hint{position:absolute;z-index:17;right:20px;bottom:17px;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid rgba(255,168,108,.1);border-radius:10px;background:rgba(17,12,15,.52);color:#a58c86;font-size:7px;font-weight:900;letter-spacing:.1em;backdrop-filter:blur(12px)}
:root[data-theme="hub"] .plane-flight-hint i{width:6px;height:6px;border-radius:50%;background:#ff8a48;box-shadow:0 0 12px rgba(255,128,62,.6)}

/* Aircraft, flag and curved trail. */
:root[data-theme="hub"] .plane-page-v140 .plane-route-v140{position:absolute;inset:0;z-index:10;pointer-events:none}
:root[data-theme="hub"] .plane-page-v140 .plane-vehicle-v140{
  position:absolute!important;left:15%;top:72%;z-index:12!important;width:286px!important;height:105px!important;
  transform:translate(-50%,-50%) rotate(0deg);transform-origin:54% 54%!important;
  filter:drop-shadow(0 17px 16px rgba(0,0,0,.42)) drop-shadow(0 0 14px rgba(255,126,60,.13))!important;
  will-change:left,top,transform;
}
:root[data-theme="hub"] .plane-page-v140 .plane-cropduster-svg{display:block;width:100%;height:100%;overflow:visible}
:root[data-theme="hub"] .plane-page-v140 .plane-cropduster-svg *{vector-effect:non-scaling-stroke}
:root[data-theme="hub"] .plane-page-v140 .crop-propeller{transform-box:fill-box;transform-origin:center;animation:cropPropellerSpin .115s linear infinite}
:root[data-theme="hub"] .plane-page-v140 .crop-flag-cloth{transform-box:fill-box;transform-origin:96% 52%;animation:cropFlagWave .64s ease-in-out infinite alternate}
:root[data-theme="hub"] .plane-page-v140 .crop-flag-rope{animation:cropRopeWave .7s ease-in-out infinite alternate}
:root[data-theme="hub"] .plane-page-v140 .crop-accent{filter:drop-shadow(0 0 3px rgba(255,234,211,.28))}
:root[data-theme="hub"] .plane-trail-svg{position:absolute;inset:0;z-index:9;width:100%;height:100%;overflow:visible;pointer-events:none}
:root[data-theme="hub"] #planeTrailGlow{fill:none;stroke:#ff9a59;stroke-width:4.2;stroke-linecap:round;opacity:.18;filter:blur(6px)}
:root[data-theme="hub"] #planeTrailPath{fill:none;stroke:url(#planeTrailGradient140);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(255,136,71,.45));stroke-dasharray:4 2;animation:planeTrailFlow .62s linear infinite}

/* Working encounters: rocks and geese move through the actual flight path. */
:root[data-theme="hub"] .plane-rock-obstacle{
  position:absolute;left:112%;bottom:7%;z-index:11;width:245px;height:330px;opacity:0;transform:translateX(-50%);transition:opacity .16s linear;will-change:left;
}
:root[data-theme="hub"] .plane-rock-obstacle.active{opacity:1}
:root[data-theme="hub"] .plane-rock-obstacle .rock-main{
  position:absolute;inset:0;clip-path:polygon(51% 0,64% 16%,72% 27%,82% 39%,100% 100%,0 100%,18% 58%,28% 37%,39% 23%);
  background:linear-gradient(125deg,#6a4a41 0,#35282a 38%,#17171b 72%,#0b0c10 100%);
  border-left:2px solid rgba(255,179,119,.34);filter:drop-shadow(-12px 16px 28px rgba(0,0,0,.5));
}
:root[data-theme="hub"] .plane-rock-obstacle .rock-main:before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0 35%,rgba(255,184,123,.14) 36% 38%,transparent 39% 100%),linear-gradient(74deg,transparent 0 58%,rgba(255,255,255,.045) 59% 61%,transparent 62%);opacity:.75}
:root[data-theme="hub"] .plane-rock-obstacle .rock-main i{position:absolute;width:15px;height:15px;border-radius:50%;background:#1a1719;box-shadow:inset 2px 2px 4px rgba(255,255,255,.03)}
:root[data-theme="hub"] .plane-rock-obstacle .rock-main i:nth-child(1){left:43%;top:35%}.plane-rock-obstacle .rock-main i:nth-child(2){left:62%;top:53%;transform:scale(.7)}.plane-rock-obstacle .rock-main i:nth-child(3){left:28%;top:67%;transform:scale(1.3)}
:root[data-theme="hub"] .plane-rock-obstacle>span{position:absolute;right:22px;bottom:15px;color:#786059;font-size:6px;font-weight:950;letter-spacing:.18em}
:root[data-theme="hub"] .plane-geese-obstacle{position:absolute;left:112%;top:40%;z-index:14;width:190px;height:112px;opacity:0;transform:translate(-50%,-50%);transition:opacity .15s;will-change:left,top}
:root[data-theme="hub"] .plane-geese-obstacle.active{opacity:1}
:root[data-theme="hub"] .plane-geese-obstacle>span{position:absolute;width:42px;height:20px;left:calc((var(--bird) % 4)*38px);top:calc((var(--bird) / 4)*43px + (var(--bird) % 2)*12px);animation:gooseBob calc(.5s + var(--bird)*.025s) ease-in-out infinite alternate}
:root[data-theme="hub"] .plane-geese-obstacle>span:nth-child(1){left:0;top:39px}.plane-geese-obstacle>span:nth-child(2){left:35px;top:15px}.plane-geese-obstacle>span:nth-child(3){left:40px;top:63px}.plane-geese-obstacle>span:nth-child(4){left:78px;top:0}.plane-geese-obstacle>span:nth-child(5){left:82px;top:79px}.plane-geese-obstacle>span:nth-child(6){left:121px;top:24px}.plane-geese-obstacle>span:nth-child(7){left:132px;top:65px}
:root[data-theme="hub"] .plane-geese-obstacle svg{display:block;width:100%;height:100%;overflow:visible}.plane-geese-obstacle path{fill:none;stroke:#2b2021;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 2px 1px rgba(255,205,157,.18))}
:root[data-theme="hub"] .plane-impact-fx{position:absolute;left:35%;top:50%;z-index:19;width:120px;height:120px;transform:translate(-50%,-50%);opacity:0;pointer-events:none}
:root[data-theme="hub"] .plane-impact-fx i{position:absolute;left:50%;top:50%;width:8px;height:44px;border-radius:4px;background:linear-gradient(#fff0c7,#ff7847,transparent);transform-origin:50% 100%;transform:translate(-50%,-100%) rotate(calc(var(--i,0)*72deg));filter:drop-shadow(0 0 7px #ff6f42)}
:root[data-theme="hub"] .plane-impact-fx i:nth-child(1){--i:0}.plane-impact-fx i:nth-child(2){--i:1}.plane-impact-fx i:nth-child(3){--i:2}.plane-impact-fx i:nth-child(4){--i:3}.plane-impact-fx i:nth-child(5){--i:4}
:root[data-theme="hub"] .plane-flight-shell.is-near-miss{animation:planeNearMissShake .48s cubic-bezier(.36,.07,.19,.97) both}
:root[data-theme="hub"] .plane-flight-shell.is-near-miss .plane-sky-v140:after{content:"";position:absolute;inset:0;z-index:30;border:2px solid rgba(255,167,99,.14);box-shadow:inset 0 0 70px rgba(255,113,58,.08);pointer-events:none;animation:nearMissFlash .48s ease both}
:root[data-theme="hub"] .plane-flight-shell.is-crashing{animation:planeCrashShake 1.04s cubic-bezier(.36,.07,.19,.97) both!important}
:root[data-theme="hub"] .plane-flight-shell.is-crashing .plane-impact-fx{opacity:1;animation:impactBurst .72s ease-out both}
:root[data-theme="hub"] .plane-flight-shell.is-crashing.crash-rock .plane-vehicle-v140{animation:cropCrashRock 1.05s cubic-bezier(.2,.72,.27,1) forwards!important}
:root[data-theme="hub"] .plane-flight-shell.is-crashing.crash-geese .plane-vehicle-v140{animation:cropCrashGeese 1.05s cubic-bezier(.2,.72,.27,1) forwards!important}
:root[data-theme="hub"] .plane-flight-shell.is-crashing.crash-geese .plane-geese-obstacle{filter:drop-shadow(0 0 18px rgba(255,225,177,.5));animation:geeseScatter .92s ease-out forwards}
:root[data-theme="hub"] .plane-flight-shell.is-crashing .plane-sky-v140{filter:saturate(.78) contrast(1.08) brightness(.8);transition:filter .35s}

/* Narrow, self-explanatory flight log. */
:root[data-theme="hub"] .plane-page-v140 .plane-history-strip-v140{
  position:relative;z-index:21;display:block!important;min-height:0!important;height:48px!important;padding:6px 10px!important;
  border-top:1px solid rgba(255,154,100,.085)!important;border-bottom:1px solid rgba(255,154,100,.075)!important;
  background:linear-gradient(180deg,rgba(23,15,19,.97),rgba(12,10,14,.97))!important;
}
:root[data-theme="hub"] .plane-page-v140 .plane-history-track{height:36px!important;gap:6px!important;padding:0!important;overflow-x:auto!important;scrollbar-width:none!important}
:root[data-theme="hub"] .plane-page-v140 .plane-history-track::-webkit-scrollbar{display:none}
:root[data-theme="hub"] .plane-page-v140 .plane-history-chip{
  min-width:96px!important;height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  padding:0 10px!important;border-radius:10px!important;font-variant-numeric:tabular-nums!important;
}
:root[data-theme="hub"] .plane-page-v140 .plane-history-chip i{width:20px!important;height:20px!important;display:grid!important;place-items:center!important;border-radius:7px!important;font-size:11px!important}
:root[data-theme="hub"] .plane-page-v140 .plane-history-chip b{font-size:11px!important;line-height:1!important}
:root[data-theme="hub"] .plane-page-v140 .plane-history-chip strong{font-size:8px!important;color:#b9f7ce!important;white-space:nowrap!important}
:root[data-theme="hub"] .plane-page-v140 .plane-history-chip.win{border-color:rgba(90,222,152,.19)!important;background:rgba(48,167,114,.11)!important}.plane-page-v140 .plane-history-chip.win i{color:#a8f5c9!important;background:rgba(72,206,142,.12)!important}
:root[data-theme="hub"] .plane-page-v140 .plane-history-chip.loss{border-color:rgba(255,102,94,.18)!important;background:rgba(188,62,63,.11)!important}.plane-page-v140 .plane-history-chip.loss i{color:#ffaaa5!important;background:rgba(219,76,75,.12)!important}.plane-page-v140 .plane-history-chip.loss b{color:#ff9e99!important}
:root[data-theme="hub"] .plane-page-v140 .plane-history-empty{height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;color:#695b60!important;font-size:7px!important;letter-spacing:.1em!important}.plane-page-v140 .plane-history-empty i{width:4px;height:4px;border-radius:50%;background:#8f674f}.plane-page-v140 .plane-history-empty span{margin-left:6px}

/* Warm, readable control deck; auto-cashout remains a real server setting. */
:root[data-theme="hub"] .plane-page-v140 .plane-control-deck-v138{padding:14px!important;gap:11px!important;background:linear-gradient(180deg,rgba(20,14,18,.98),rgba(11,10,14,.98))!important}
:root[data-theme="hub"] .plane-page-v140 .plane-stake-card,
:root[data-theme="hub"] .plane-page-v140 .plane-auto-card,
:root[data-theme="hub"] .plane-page-v140 .plane-action-zone{border-color:rgba(255,152,99,.095)!important;background:linear-gradient(145deg,rgba(255,126,69,.028),rgba(255,255,255,.012))!important}
:root[data-theme="hub"] .plane-page-v140 .plane-auto-card.enabled{border-color:rgba(255,145,84,.28)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 32px rgba(255,102,53,.045)!important}
:root[data-theme="hub"] .plane-page-v140 .plane-auto-card:before{background:#ff7438!important;opacity:.06!important}
:root[data-theme="hub"] .plane-page-v140 .plane-auto-card.enabled .plane-auto-head b{color:#ffc18e!important;text-shadow:0 0 15px rgba(255,133,65,.16)!important}
:root[data-theme="hub"] .plane-page-v140 .plane-auto-switch input:checked+span{background:linear-gradient(135deg,#ff9a51,#ff6544)!important;box-shadow:0 0 16px rgba(255,116,61,.2)!important}
:root[data-theme="hub"] .plane-page-v140 .plane-auto-input>div,
:root[data-theme="hub"] .plane-page-v140 .plane-auto-presets button{border-color:rgba(255,156,104,.095)!important;background:#110d11!important}
:root[data-theme="hub"] .plane-page-v140 .plane-auto-presets button.active{border-color:rgba(255,146,82,.42)!important;background:rgba(255,120,59,.11)!important;color:#ffd0aa!important}
:root[data-theme="hub"] .plane-page-v140 .plane-main-action{background:linear-gradient(115deg,#ffb05c,#ff7148 56%,#b36d9c)!important;color:#160c0c!important;box-shadow:0 16px 40px rgba(255,102,53,.18),inset 0 1px 0 rgba(255,255,255,.6)!important}
:root[data-theme="hub"] .plane-page-v140 .plane-main-action.cashout{background:linear-gradient(115deg,#8ee7b1,#f0c269 54%,#ff8147)!important;color:#0b140e!important}
:root[data-theme="hub"] .plane-page-v140 .plane-inventory-panel{border-color:rgba(255,151,99,.085)!important;background:rgba(17,12,15,.78)!important}
:root[data-theme="hub"] .plane-page-v140 .plane-inventory-head span{color:#ff9b63!important}

/* Crop-duster in result window, not a futuristic shuttle. */
:root[data-theme="hub"] .plane-page-v140 .plane-loss-visual{height:174px!important;overflow:visible!important}
:root[data-theme="hub"] .plane-page-v140 .plane-loss-visual span{width:310px!important;transform:rotate(14deg)!important;filter:drop-shadow(0 18px 20px rgba(0,0,0,.58))!important}
:root[data-theme="hub"] .plane-page-v140 .plane-loss-visual .plane-cropduster-svg{display:block;width:100%;height:auto;overflow:visible}
:root[data-theme="hub"] .plane-page-v140 .plane-loss-visual em{position:absolute;right:12%;top:32%;color:#ff9a65;font-style:normal;font-size:25px;letter-spacing:6px;filter:drop-shadow(0 0 10px rgba(255,99,58,.35));animation:lossDebris .8s ease-in-out infinite alternate}
:root[data-theme="hub"] .plane-page-v140 .plane-result-card.is-loss:before{background:#ff754d!important}
:root[data-theme="hub"] .plane-page-v140 .plane-result-card.is-loss .plane-result-multiplier{color:#ff9183!important}
:root[data-theme="hub"] .plane-page-v140 .plane-result-card{background:radial-gradient(circle at 50% 20%,rgba(255,120,65,.085),transparent 35%),linear-gradient(160deg,#1a1116,#0c0a0e 72%)!important;border-color:rgba(255,155,105,.11)!important}
:root[data-theme="hub"] .plane-page-v140 .plane-result-again{background:linear-gradient(115deg,#ffad5f,#ff724b,#a46d9d)!important;color:#160d0c!important}

@keyframes cropPropellerSpin{to{transform:rotate(360deg)}}
@keyframes cropFlagWave{0%{transform:skewY(-3deg) scaleX(.97) rotate(-1deg)}100%{transform:skewY(4deg) scaleX(1.035) rotate(2deg)}}
@keyframes cropRopeWave{0%{d:path("M127 89C91 83 65 84 39 79")}100%{d:path("M127 89C92 91 65 79 39 85")}}
@keyframes planeTrailFlow{to{stroke-dashoffset:-12}}
@keyframes gooseBob{0%{transform:translateY(-3px) scaleY(.82)}100%{transform:translateY(4px) scaleY(1.1)}}
@keyframes planeNearMissShake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,1px,0)}30%,50%,70%{transform:translate3d(-3px,-1px,0)}40%,60%{transform:translate3d(3px,1px,0)}}
@keyframes nearMissFlash{0%{opacity:0}35%{opacity:1}100%{opacity:0}}
@keyframes planeCrashShake{10%,90%{transform:translate3d(-2px,1px,0)}20%,80%{transform:translate3d(4px,-2px,0)}30%,50%,70%{transform:translate3d(-6px,3px,0)}40%,60%{transform:translate3d(7px,-3px,0)}}
@keyframes cropCrashRock{0%{opacity:1}32%{transform:translate(-46%,-54%) rotate(-7deg) scale(1.02)}67%{transform:translate(8%,-25%) rotate(22deg) scale(.94)}100%{transform:translate(29%,38%) rotate(61deg) scale(.68);opacity:.16}}
@keyframes cropCrashGeese{0%{opacity:1}22%{transform:translate(-50%,-50%) rotate(-11deg)}43%{transform:translate(-44%,-47%) rotate(15deg)}100%{transform:translate(14%,92%) rotate(116deg) scale(.62);opacity:.12}}
@keyframes geeseScatter{0%{transform:translate(-50%,-50%) scale(1)}100%{transform:translate(-16%,-90%) scale(1.7) rotate(18deg);opacity:0}}
@keyframes impactBurst{0%{transform:translate(-50%,-50%) scale(.25);opacity:0}30%{opacity:1}100%{transform:translate(-50%,-50%) scale(1.7);opacity:0}}
@keyframes lossDebris{from{transform:translateY(-3px) rotate(-4deg)}to{transform:translateY(5px) rotate(7deg)}}

@media(max-width:1100px){
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{grid-template-columns:repeat(4,54px)!important;gap:7px!important;padding:7px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button,
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-frame{width:54px!important;min-width:54px!important;max-width:54px!important;height:54px!important;min-height:54px!important}
  :root[data-theme="hub"] .plane-page-v140 .plane-vehicle-v140{width:245px!important;height:92px!important}
}
@media(max-width:950px){
  :root[data-theme="hub"] header.korzh-shared-header{grid-template-rows:64px 72px!important;height:144px!important;min-height:144px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{grid-row:2!important;grid-column:1/-1!important;justify-self:center!important}
  :root[data-theme="hub"] .plane-page-v140 .plane-sky-v140{height:455px!important}
  :root[data-theme="hub"] .plane-page-v140 .plane-vehicle-v140{width:224px!important;height:84px!important}
}
@media(max-width:650px){
  :root[data-theme="hub"] header.korzh-shared-header{grid-template-rows:60px 62px!important;height:130px!important;min-height:130px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{grid-template-columns:repeat(4,47px)!important;gap:6px!important;padding:6px!important;border-radius:15px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button,
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-frame{width:47px!important;min-width:47px!important;max-width:47px!important;height:47px!important;min-height:47px!important;border-radius:12px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav svg{width:20px!important;height:20px!important}
  :root[data-theme="hub"] .plane-page-v140 .plane-sky-v140{height:400px!important}
  :root[data-theme="hub"] .plane-page-v140 .plane-vehicle-v140{width:180px!important;height:68px!important}
  :root[data-theme="hub"] .plane-page-v140 .plane-rock-obstacle{width:180px;height:250px}
  :root[data-theme="hub"] .plane-page-v140 .plane-multiplier-core{top:16px!important;padding:10px 15px!important}
  :root[data-theme="hub"] .plane-page-v140 .plane-flight-metrics{top:95px!important;transform:scale(.84)!important}
  :root[data-theme="hub"] .plane-flight-hint{display:none}
  :root[data-theme="hub"] .plane-page-v140 .plane-history-chip{min-width:84px!important;padding:0 7px!important}
  :root[data-theme="hub"] .plane-page-v140 .plane-history-chip strong{display:none!important}
  :root[data-theme="hub"] .plane-page-v140 .plane-loss-visual span{width:245px!important}
}

/* =========================================================
   v166 — clean header / centered utilities / real case reels
   ========================================================= */

/* Navigation keeps its geometry, but no longer sits inside a shared capsule. */
:root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav{
  padding:0!important;gap:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;
}
:root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav .nav-icon-button{
  background:transparent!important;box-shadow:none!important;
}
:root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav .nav-icon-button:not(:last-child){
  border-right:1px solid rgba(255,255,255,.07)!important;
}

/* Deposit is physically first, slightly raised, and BOOST never occupies the header. */
:root[data-theme="hub"] body header.korzh-shared-header .player-promo-badge{display:none!important}
:root[data-theme="hub"] body header.korzh-shared-header .deposit-header-standalone{
  order:1!important;transform:translateY(-3px)!important;
}
:root[data-theme="hub"] body header.korzh-shared-header .wallet-box{order:2!important}
:root[data-theme="hub"] body header.korzh-shared-header .steam-profile-mini{order:3!important}
:root[data-theme="hub"] body header.korzh-shared-header .site-settings-btn{order:4!important}
:root[data-theme="hub"] body header.korzh-shared-header .steam-login-mini{order:3!important}

/* Filters float directly on the page; price sorting was removed from markup. */
:root[data-theme="hub"] .case-filters-v163{
  grid-template-columns:minmax(260px,1fr) 132px 132px auto 44px!important;
  gap:9px!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;
}

/* A complete centered settings window with a plain title and reliable close action. */
#siteSettingsPortal>.site-settings-overlay{padding:18px!important;place-items:center!important}
#siteSettingsPortal .site-settings-modal.site-settings-v166{
  width:min(430px,calc(100dvw - 28px))!important;max-width:calc(100dvw - 28px)!important;
  height:auto!important;max-height:calc(100dvh - 28px)!important;overflow:hidden!important;
  border-radius:22px!important;border:1px solid rgba(255,255,255,.09)!important;
  background:radial-gradient(circle at 50% 0,rgba(226,121,80,.08),transparent 36%),linear-gradient(165deg,#181a22,#0b0d13 76%)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
#siteSettingsPortal .site-settings-v166>header{
  position:relative!important;height:66px!important;min-height:66px!important;padding:0 58px!important;
  display:grid!important;place-items:center!important;border-bottom:1px solid rgba(255,255,255,.065)!important;background:transparent!important;
}
#siteSettingsPortal .site-settings-v166>header h2{margin:0!important;font-size:17px!important;line-height:1!important;letter-spacing:.045em!important;color:#f0ece7!important}
#siteSettingsPortal .site-settings-v166 .site-settings-close{
  position:absolute!important;top:50%!important;right:13px!important;transform:translateY(-50%)!important;
  width:36px!important;height:36px!important;min-width:36px!important;border-radius:11px!important;font-size:21px!important;
}
#siteSettingsPortal .site-settings-v166 .site-settings-body{padding:13px!important;gap:8px!important;overflow:auto!important}
#siteSettingsPortal .site-settings-v166 .site-setting-line,
#siteSettingsPortal .site-settings-v166 .site-setting-group{min-height:64px!important;padding:11px 13px!important;border-radius:14px!important}
#siteSettingsPortal .site-settings-v166 .site-setting-line strong,
#siteSettingsPortal .site-settings-v166 .site-setting-group strong{font-size:11px!important}
#siteSettingsPortal .site-settings-v166 .site-setting-line span,
#siteSettingsPortal .site-settings-v166 .site-setting-group span{font-size:9px!important;margin-top:4px!important}
#siteSettingsPortal .site-settings-v166 .site-setting-segment button{height:34px!important;min-width:46px!important;font-size:9px!important}

/* Support is a real centered dialog on every viewport, never a clipped side drawer. */
#supportPortal .support-widget-panel{
  position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;
  transform:translate(-50%,-50%)!important;width:min(440px,calc(100dvw - 28px))!important;max-width:calc(100dvw - 28px)!important;
  height:auto!important;max-height:calc(100dvh - 28px)!important;grid-template-rows:74px minmax(0,1fr)!important;
  border-radius:23px!important;overflow:hidden!important;
}
#supportPortal .support-widget-head{height:74px!important;min-height:74px!important;padding:9px 56px 9px 12px!important}
#supportPortal .support-head-center{height:54px!important;width:auto!important;max-width:290px!important;padding:6px 12px!important;border-radius:15px!important}
#supportPortal .support-head-center .support-cookie-headset{width:42px!important;height:42px!important}
#supportPortal .support-head-center .support-cookie-headset img{width:37px!important;height:37px!important}
#supportPortal .support-head-center b{font-size:11px!important}
#supportPortal .support-head-center small{font-size:7.5px!important}
#supportPortal .support-widget-head>button{right:12px!important;width:36px!important;height:36px!important;font-size:21px!important}
#supportPortal .support-widget-body{padding:16px!important;max-height:calc(100dvh - 102px)!important;overflow-x:hidden!important;overflow-y:auto!important}
#supportPortal .support-form-title h3{font-size:21px!important;margin-top:4px!important}
#supportPortal .support-form-title>span{font-size:8px!important}
#supportPortal .support-topic-grid{gap:8px!important}
#supportPortal .support-topic-grid button{height:52px!important;min-height:52px!important;padding:7px 10px!important;grid-template-columns:34px 1fr!important;gap:10px!important}
#supportPortal .support-topic-grid button>span{width:34px!important;height:34px!important;font-size:13px!important}
#supportPortal .support-topic-grid button b{font-size:10px!important}
#supportPortal .support-description>span{font-size:8px!important}
#supportPortal .support-description textarea{height:105px!important;min-height:105px!important;padding:11px!important;font-size:11px!important}
#supportPortal .support-submit{height:48px!important;min-height:48px!important;font-size:10px!important}

.profile-support-fab{
  position:fixed;right:20px;bottom:20px;z-index:900;width:66px;height:66px;display:grid;place-items:center;
  border:1px solid rgba(243,144,102,.38);border-radius:22px;background:linear-gradient(155deg,#241813,#0c0e14 70%);
  box-shadow:0 18px 40px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .2s ease,border-color .2s ease;
}
.profile-support-fab:hover{transform:translateY(-3px);border-color:rgba(255,167,124,.65)}
.profile-support-fab img{width:49px;height:49px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(0,0,0,.4))}
.profile-support-fab i{position:absolute;right:9px;bottom:9px;width:9px;height:9px;border-radius:50%;background:#72efb0;box-shadow:0 0 10px rgba(114,239,176,.72)}

/* The case itself gives way to the real contents roulette. */
:root[data-theme="hub"] .case-page-stage-v166,
:root[data-theme="hub"] .case-opening-v166{
  width:100%!important;min-height:0!important;height:auto!important;padding:8px 22px 0!important;margin:0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;
}
:root[data-theme="hub"] .case-roulette-v166{
  width:100%;max-width:1510px;padding:13px;border:1px solid rgba(255,255,255,.075);border-radius:25px;
  background:radial-gradient(circle at 50% 0,rgba(220,119,83,.08),transparent 35%),linear-gradient(155deg,#171820,#090b11 78%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 20px 55px rgba(0,0,0,.31);overflow:hidden;
}
:root[data-theme="hub"] .case-roulette-top-v166{height:42px;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 8px}
:root[data-theme="hub"] .case-roulette-top-v166>span{color:#d78462;font-size:8px;font-weight:950;letter-spacing:.12em}
:root[data-theme="hub"] .case-roulette-top-v166>strong{color:#f2eee9;font-size:19px;letter-spacing:.02em;text-transform:uppercase}
:root[data-theme="hub"] .case-roulette-top-v166>b{margin-left:auto;color:#f0a27f;font-size:13px}
:root[data-theme="hub"] .case-roulette-board-v166{position:relative;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:19px;background:#080910;box-shadow:inset 0 0 80px rgba(0,0,0,.65)}
:root[data-theme="hub"] .case-roulette-v166.is-single .case-roulette-board-v166{height:250px}
:root[data-theme="hub"] .case-roulette-v166.is-single .case-roulette-lane-v166,
:root[data-theme="hub"] .case-roulette-v166.is-single .case-roulette-viewport-v166{width:100%;height:100%;overflow:hidden}
:root[data-theme="hub"] .case-roulette-v166.is-single .case-roulette-track-v166{position:relative;display:flex;align-items:center;gap:10px;width:max-content;height:100%;padding:14px 0}
:root[data-theme="hub"] .case-roulette-v166.is-single:not(.mode-opening) .case-roulette-track-v166{left:50%;transform:translateX(-50%)}
:root[data-theme="hub"] .case-roulette-v166.is-single.mode-opening .case-roulette-track-v166{left:0;transform:translate3d(0,0,0)}
:root[data-theme="hub"] .case-roulette-card-v166{
  position:relative;min-width:0;border:1px solid color-mix(in srgb,var(--rarity) 42%,rgba(255,255,255,.07));border-radius:16px;
  background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rarity) 30%,transparent),transparent 58%),linear-gradient(180deg,#181a22,#0b0d13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);overflow:hidden;
}
:root[data-theme="hub"] .case-roulette-card-v166:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:99px;background:var(--rarity);opacity:.78;box-shadow:0 0 14px var(--rarity)}
:root[data-theme="hub"] .case-roulette-v166.is-single .case-roulette-card-v166{flex:0 0 190px;width:190px;height:212px;padding:10px}
:root[data-theme="hub"] .case-roulette-v166.is-single .case-roulette-card-v166 .skin-art,
:root[data-theme="hub"] .case-roulette-v166.is-single .case-roulette-card-v166 .real-skin{height:135px;min-height:135px}
:root[data-theme="hub"] .case-roulette-card-v166>div:last-child{position:absolute;left:13px;right:13px;bottom:11px;display:grid;gap:2px}
:root[data-theme="hub"] .case-roulette-card-v166 small{color:#777b86;font-size:8px;font-weight:900;text-transform:uppercase}
:root[data-theme="hub"] .case-roulette-card-v166 strong{overflow:hidden;color:#f0ece6;font-size:12px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
:root[data-theme="hub"] .case-roulette-card-v166 b{color:#dda07f;font-size:10px}

:root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-board-v166{height:356px;display:grid;grid-template-columns:repeat(var(--lane-count,2),minmax(0,1fr));gap:8px;padding:9px}
:root[data-theme="hub"] .case-roulette-v166.is-multi.count-2 .case-roulette-board-v166{--lane-count:2}
:root[data-theme="hub"] .case-roulette-v166.is-multi.count-3 .case-roulette-board-v166{--lane-count:3}
:root[data-theme="hub"] .case-roulette-v166.is-multi.count-4 .case-roulette-board-v166{--lane-count:4}
:root[data-theme="hub"] .case-roulette-v166.is-multi.count-5 .case-roulette-board-v166{--lane-count:5}
:root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-lane-v166{min-width:0;height:336px;overflow:hidden;border:1px solid rgba(255,255,255,.045);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.005))}
:root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-viewport-v166{width:100%;height:100%;overflow:hidden}
:root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-track-v166{position:relative;display:flex;flex-direction:column;gap:7px;width:100%;height:max-content;padding:5px}
:root[data-theme="hub"] .case-roulette-v166.is-multi:not(.mode-opening) .case-roulette-track-v166{top:50%;transform:translateY(-50%)}
:root[data-theme="hub"] .case-roulette-v166.is-multi.mode-opening .case-roulette-track-v166{top:0;transform:translate3d(0,0,0)}
:root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-card-v166{flex:0 0 101px;width:100%;height:101px;padding:5px 9px;display:grid;grid-template-columns:minmax(72px,42%) 1fr;align-items:center;gap:8px}
:root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-card-v166 .skin-art,
:root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-card-v166 .real-skin{grid-column:1;width:100%;height:86px;min-height:86px}
:root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-card-v166>div:last-child{position:static;grid-column:2;align-self:center;min-width:0}
:root[data-theme="hub"] .case-roulette-v166.count-4 .case-roulette-card-v166,
:root[data-theme="hub"] .case-roulette-v166.count-5 .case-roulette-card-v166{grid-template-columns:1fr;text-align:center}
:root[data-theme="hub"] .case-roulette-v166.count-4 .case-roulette-card-v166 .skin-art,
:root[data-theme="hub"] .case-roulette-v166.count-4 .case-roulette-card-v166 .real-skin,
:root[data-theme="hub"] .case-roulette-v166.count-5 .case-roulette-card-v166 .skin-art,
:root[data-theme="hub"] .case-roulette-v166.count-5 .case-roulette-card-v166 .real-skin{grid-column:1;height:72px;min-height:72px}
:root[data-theme="hub"] .case-roulette-v166.count-4 .case-roulette-card-v166>div:last-child,
:root[data-theme="hub"] .case-roulette-v166.count-5 .case-roulette-card-v166>div:last-child{position:absolute;left:8px;right:8px;bottom:7px;grid-column:1}
:root[data-theme="hub"] .case-roulette-v166.count-4 .case-roulette-card-v166 small,
:root[data-theme="hub"] .case-roulette-v166.count-5 .case-roulette-card-v166 small{display:none}

:root[data-theme="hub"] .case-roulette-arrow-v166{position:absolute;z-index:12;top:50%;width:0;height:0;transform:translateY(-50%);filter:drop-shadow(0 0 8px rgba(248,151,103,.65))}
:root[data-theme="hub"] .case-roulette-arrow-v166.left{left:8px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid #f39a70}
:root[data-theme="hub"] .case-roulette-arrow-v166.right{right:8px;border-top:12px solid transparent;border-bottom:12px solid transparent;border-right:18px solid #f39a70}
:root[data-theme="hub"] .case-roulette-board-v166:after{content:"";position:absolute;z-index:8;left:0;right:0;top:50%;height:2px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(243,146,103,.5) 12%,rgba(243,146,103,.2) 50%,rgba(243,146,103,.5) 88%,transparent);box-shadow:0 0 16px rgba(237,133,91,.16);pointer-events:none}
:root[data-theme="hub"] .case-roulette-v166.is-single .case-roulette-board-v166:after{top:0;bottom:0;left:50%;right:auto;width:2px;height:auto;transform:translateX(-50%);background:linear-gradient(180deg,transparent,#f39a70 14%,rgba(243,154,112,.24) 50%,#f39a70 86%,transparent)}
:root[data-theme="hub"] .case-roulette-card-v166.is-winner{border-color:var(--rarity)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--rarity) 18%,transparent),0 0 28px color-mix(in srgb,var(--rarity) 25%,transparent),inset 0 1px 0 rgba(255,255,255,.11)!important}
:root[data-theme="hub"] .case-roulette-v166.mode-opening{animation:caseRoulettePulseV166 .85s ease both}
@keyframes caseRoulettePulseV166{0%{filter:brightness(.72);transform:scale(.995)}100%{filter:brightness(1);transform:scale(1)}}

:root[data-theme="hub"] .case-page-actions-v166{
  position:static!important;width:auto!important;min-height:58px!important;margin:16px auto 4px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;transform:none!important;
}
:root[data-theme="hub"] .case-count-row-v166{height:52px;display:flex;align-items:center;gap:4px;padding:4px;border-radius:14px;background:#10121a;border:1px solid rgba(255,255,255,.065)}
:root[data-theme="hub"] .case-count-row-v166 button{width:48px;height:42px;padding:0;border:1px solid transparent;border-radius:10px;background:transparent;color:#727682;font-size:11px;font-weight:950;cursor:pointer}
:root[data-theme="hub"] .case-count-row-v166 button:hover{color:#d7d2cc;background:rgba(255,255,255,.035)}
:root[data-theme="hub"] .case-count-row-v166 button.active{color:#ffd9c8;border-color:rgba(243,151,108,.28);background:linear-gradient(180deg,#4a2d24,#281c18);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 17px rgba(229,121,79,.12)}
:root[data-theme="hub"] .case-page-actions-v166 .open-btn{width:290px!important;min-width:290px!important;height:52px!important;min-height:52px!important;border-radius:14px!important;font-size:12px!important}
:root[data-theme="hub"] .case-page-actions-v166 .fast-spin-toggle{width:52px!important;min-width:52px!important;height:52px!important;min-height:52px!important;border-radius:14px!important}
:root[data-theme="hub"] .case-result-actions-v166{display:flex;justify-content:center;gap:10px;margin:16px auto 4px}
:root[data-theme="hub"] .case-result-actions-v166 button{height:52px;min-width:230px;padding:0 24px;border-radius:14px;font-size:10px;font-weight:950;letter-spacing:.05em}
:root[data-theme="hub"] .case-result-actions-v166 .sell-btn{border:1px solid rgba(241,150,107,.31);background:linear-gradient(180deg,#4a2d24,#291c18);color:#f3b092}
:root[data-theme="hub"] .case-result-actions-v166 .back-btn{border:1px solid rgba(255,255,255,.075);background:#12141b;color:#aaaeb7}

@media(max-width:900px){
  :root[data-theme="hub"] .case-filters-v163{grid-template-columns:1fr 1fr!important}
  :root[data-theme="hub"] .case-filters-v163 .search-filter{grid-column:1/-1!important}
  :root[data-theme="hub"] .case-filters-v163 .available-filter{grid-column:1/-1!important}
  :root[data-theme="hub"] .case-page-stage-v166,:root[data-theme="hub"] .case-opening-v166{padding:6px 8px 0!important}
  :root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-board-v166{height:314px;gap:5px;padding:6px}
  :root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-lane-v166{height:300px}
  :root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-card-v166{flex-basis:89px;height:89px;grid-template-columns:1fr;text-align:center}
  :root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-card-v166 .skin-art,
  :root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-card-v166 .real-skin{grid-column:1;height:63px;min-height:63px}
  :root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-card-v166>div:last-child{position:absolute;left:7px;right:7px;bottom:5px;grid-column:1}
  :root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-card-v166 small{display:none}
  :root[data-theme="hub"] .case-page-actions-v166{flex-wrap:wrap}
  :root[data-theme="hub"] .case-count-row-v166{order:1;width:100%;justify-content:center}
  :root[data-theme="hub"] .case-page-actions-v166 .open-btn{order:2;width:min(290px,calc(100vw - 90px))!important;min-width:0!important}
  :root[data-theme="hub"] .case-page-actions-v166 .fast-spin-toggle{order:3}
}
@media(max-width:560px){
  #supportPortal .support-widget-panel{left:50%!important;right:auto!important;width:calc(100dvw - 16px)!important;max-width:calc(100dvw - 16px)!important;transform:translate(-50%,-50%)!important}
  #siteSettingsPortal .site-settings-modal.site-settings-v166{width:calc(100dvw - 16px)!important;max-width:calc(100dvw - 16px)!important}
  .profile-support-fab{right:12px;bottom:12px;width:58px;height:58px;border-radius:19px}.profile-support-fab img{width:43px;height:43px}
  :root[data-theme="hub"] .case-roulette-v166{padding:8px;border-radius:18px}
  :root[data-theme="hub"] .case-roulette-top-v166{height:38px}
  :root[data-theme="hub"] .case-roulette-top-v166>span{display:none}
  :root[data-theme="hub"] .case-roulette-top-v166>strong{font-size:15px}
  :root[data-theme="hub"] .case-roulette-v166.is-single .case-roulette-board-v166{height:220px}
  :root[data-theme="hub"] .case-roulette-v166.is-single .case-roulette-card-v166{flex-basis:160px;width:160px;height:184px}
  :root[data-theme="hub"] .case-roulette-v166.is-single .case-roulette-card-v166 .skin-art,
  :root[data-theme="hub"] .case-roulette-v166.is-single .case-roulette-card-v166 .real-skin{height:112px;min-height:112px}
  :root[data-theme="hub"] .case-count-row-v166 button{width:42px}
  :root[data-theme="hub"] .case-result-actions-v166{flex-direction:column;width:100%}
  :root[data-theme="hub"] .case-result-actions-v166 button{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){
  :root[data-theme="hub"] .plane-page-v140 .crop-propeller,
  :root[data-theme="hub"] .plane-page-v140 .crop-flag-cloth,
  :root[data-theme="hub"] #planeTrailPath,
  :root[data-theme="hub"] .plane-geese-obstacle>span{animation:none!important}
}

/* =========================================================
   v141 · KORZH SUPPORT — compact, warm, persistent chat
   ========================================================= */
#supportPortal{position:relative;z-index:2147483000}
.support-fab{
  position:fixed!important;right:24px!important;bottom:24px!important;z-index:2147483002!important;
  width:70px!important;height:70px!important;min-width:70px!important;padding:0!important;border-radius:23px!important;
  display:grid!important;place-items:center!important;border:1px solid rgba(255,134,91,.34)!important;
  background:linear-gradient(145deg,rgba(29,22,24,.98),rgba(9,10,16,.98))!important;
  box-shadow:0 22px 52px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.03) inset!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;cursor:pointer!important
}
.support-fab:hover{transform:translateY(-3px) scale(1.02)!important;border-color:rgba(255,136,92,.7)!important;box-shadow:0 25px 65px rgba(0,0,0,.65),0 0 30px rgba(255,103,72,.12)!important}
.support-fab.is-open{opacity:0!important;pointer-events:none!important;transform:translateY(12px)!important}
.support-fab>b{display:none!important}.support-fab>i{position:absolute;right:9px;bottom:9px;width:10px;height:10px;border:2px solid #13131b;border-radius:50%;background:#62e59d;box-shadow:0 0 12px rgba(98,229,157,.7)}
.support-fab>em{position:absolute!important;right:-5px!important;top:-5px!important;min-width:24px!important;height:24px!important;border:3px solid #0a0b11!important;border-radius:999px!important;background:#ff6d73!important;color:#fff!important;font:900 10px/18px Inter,Arial,sans-serif!important}
.support-cookie-headset{position:relative;display:grid!important;place-items:center;width:52px!important;height:52px!important;flex:0 0 auto}
.support-cookie-headset img{display:block;width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 6px 13px rgba(0,0,0,.38))}
.support-cookie-headset:before{content:"";position:absolute;inset:3px 0 6px;border:4px solid #fff;border-bottom-color:transparent;border-radius:26px 26px 12px 12px;opacity:.96;pointer-events:none}
.support-cookie-headset:after{content:"";position:absolute;right:0;bottom:9px;width:12px;height:18px;border-radius:5px;background:#fff;box-shadow:-40px 0 0 #fff;pointer-events:none}
.support-cookie-headset>i{position:absolute;right:4px;bottom:4px;width:12px;height:4px;border-radius:5px;background:#fff;transform:rotate(-12deg);transform-origin:right center}
.support-widget-overlay{position:fixed;inset:0;z-index:2147483000;background:rgba(2,3,8,.34);backdrop-filter:blur(2px);animation:supportFade .18s ease both}
.support-widget-panel{
  position:fixed!important;right:24px!important;bottom:24px!important;z-index:2147483001!important;
  width:min(430px,calc(100vw - 28px))!important;height:min(650px,calc(100vh - 48px))!important;
  display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden!important;
  border:1px solid rgba(255,255,255,.11)!important;border-radius:26px!important;
  background:linear-gradient(155deg,rgba(25,20,25,.985),rgba(8,10,17,.995) 40%,rgba(10,12,20,.995))!important;
  box-shadow:0 34px 100px rgba(0,0,0,.75),0 0 0 1px rgba(255,111,78,.05) inset!important;
  animation:supportPanelIn .24s cubic-bezier(.2,.8,.2,1) both!important
}
.support-widget-panel:before{content:""!important;position:absolute!important;left:-80px!important;top:-100px!important;width:260px!important;height:230px!important;border-radius:50%!important;background:rgba(255,92,68,.18)!important;filter:blur(90px)!important;opacity:.65!important;pointer-events:none!important}
.support-widget-head{
  position:relative!important;z-index:3!important;display:grid!important;place-items:center!important;
  min-height:92px!important;padding:14px 62px!important;border-bottom:1px solid rgba(255,255,255,.075)!important;
  background:rgba(9,10,16,.7)!important;backdrop-filter:blur(20px)!important
}
.support-head-center{min-width:245px;max-width:100%;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;padding:8px 18px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,119,78,.035))!important;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.support-head-center .support-cookie-headset{width:48px!important;height:48px!important}.support-head-center .support-cookie-headset img{width:40px;height:40px}
.support-head-center>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.support-head-center b{font:900 12px/1 Inter,Arial,sans-serif;letter-spacing:.12em;color:#fff}.support-head-center small{display:flex;align-items:center;gap:6px;color:#8d96a8;font:800 8px/1 Inter,Arial,sans-serif;letter-spacing:.13em}.support-head-center small i{width:7px;height:7px;border-radius:50%;background:#68e5a1;box-shadow:0 0 11px rgba(104,229,161,.65)}
.support-widget-head>button{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;color:#aeb3c1!important;font:400 25px/1 Arial,sans-serif!important;cursor:pointer!important;transition:.18s ease!important}.support-widget-head>button:hover{color:#fff!important;border-color:rgba(255,119,86,.4)!important;background:rgba(255,111,77,.08)!important}
.support-widget-body{position:relative!important;z-index:2!important;min-height:0!important;overflow:auto!important;padding:20px!important;scrollbar-width:thin!important;scrollbar-color:rgba(255,126,83,.24) transparent!important}
.support-login-state,.support-loading{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.support-login-state .support-cookie-headset{width:76px!important;height:76px!important;margin-bottom:18px}.support-login-state .support-cookie-headset img{width:66px;height:66px}.support-login-state h3{margin:0;color:#fff;font:900 22px/1.1 Inter,Arial,sans-serif}.support-login-state p{max-width:315px;margin:12px 0 20px;color:#8992a3;font:500 12px/1.65 Inter,Arial,sans-serif}.support-login-state button{height:50px;padding:0 22px;border:0;border-radius:15px;background:linear-gradient(100deg,#ff8a61,#f56d5e);color:#fff;font:900 10px/1 Inter,Arial,sans-serif;letter-spacing:.08em;cursor:pointer}
.support-loading{gap:12px;color:#8d95a5;font:700 11px/1 Inter,Arial,sans-serif}.support-loading i{width:28px;height:28px;border:3px solid rgba(255,255,255,.08);border-top-color:#ff8560;border-radius:50%;animation:supportSpin .75s linear infinite}
.support-form-title{margin:0 0 16px}.support-form-title>span{color:#ff8d69;font:900 8px/1 Inter,Arial,sans-serif;letter-spacing:.16em}.support-form-title h3{margin:7px 0 0;color:#fff;font:900 23px/1.1 Inter,Arial,sans-serif}
.support-topic-grid{display:grid;grid-template-columns:1fr;gap:8px}.support-topic-grid button{min-height:58px;display:grid;grid-template-columns:36px 1fr;align-items:center;gap:11px;padding:9px 13px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025);color:#d9dde6;text-align:left;cursor:pointer;transition:.18s ease}.support-topic-grid button:hover{border-color:rgba(255,134,91,.3);background:rgba(255,113,76,.045)}.support-topic-grid button.active{border-color:rgba(255,134,91,.52);background:linear-gradient(100deg,rgba(255,116,78,.11),rgba(255,255,255,.02));box-shadow:0 0 0 3px rgba(255,112,75,.035)}.support-topic-grid button>span{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#0b0d14;color:#ff9471;font:900 15px/1 Inter,Arial,sans-serif}.support-topic-grid button b{font:800 11px/1.25 Inter,Arial,sans-serif}
.support-description{display:block;margin-top:16px}.support-description>span{display:block;min-height:28px;margin:0 2px 7px;color:#7e8798;font:500 9px/1.45 Inter,Arial,sans-serif}.support-description textarea,.support-reply-form textarea{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#090b12;color:#f3f3f5;outline:0;font:500 12px/1.55 Inter,Arial,sans-serif;transition:.18s ease}.support-description textarea{min-height:116px;padding:13px;resize:none}.support-description textarea:focus,.support-reply-form textarea:focus{border-color:rgba(255,135,93,.48);box-shadow:0 0 0 3px rgba(255,112,75,.045)}
.support-submit{width:100%;height:51px;margin-top:12px;border:0;border-radius:16px;background:linear-gradient(100deg,#ff9668,#f16b5d 55%,#d96877);box-shadow:0 13px 34px rgba(237,96,77,.16);color:#fff;font:950 10px/1 Inter,Arial,sans-serif;letter-spacing:.08em;cursor:pointer;transition:.18s ease}.support-submit:hover{filter:brightness(1.06);transform:translateY(-1px)}.support-submit:disabled{opacity:.55;cursor:wait;transform:none}
.support-continue{width:100%;min-height:57px;margin-top:10px;display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.025);color:#dfe2e8;text-align:left;cursor:pointer}.support-continue>i{width:8px;height:8px;border-radius:50%;background:#67dfa0;box-shadow:0 0 10px rgba(103,223,160,.5)}.support-continue span{display:flex;flex-direction:column;gap:4px}.support-continue b{font:800 10px/1 Inter,Arial,sans-serif}.support-continue small{color:#777f90;font:600 8px/1 Inter,Arial,sans-serif}.support-continue em{color:#ff8a66;font:900 17px/1 Arial;font-style:normal}
.support-ticket-view{height:100%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0}.support-thread-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.support-back{border:0;background:none;color:#9aa2b2;font:800 9px/1 Inter,Arial,sans-serif;cursor:pointer;padding:5px 0}.support-back:hover{color:#fff}.support-status{display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.04);color:#9aa3b4;font:800 7px/1 Inter,Arial,sans-serif;letter-spacing:.05em}.support-status.status-in_progress{background:rgba(255,133,91,.1);color:#ff9a75}.support-status.status-waiting{background:rgba(104,224,159,.09);color:#74e6a9}.support-status.status-closed{color:#777f8d}
.support-ticket-heading{margin-top:12px;padding:13px 14px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.025)}.support-ticket-heading>span{display:block;color:#fff;font:850 12px/1.25 Inter,Arial,sans-serif}.support-ticket-heading>small{display:block;margin-top:6px;color:#747d8d;font:600 8px/1 Inter,Arial,sans-serif}
.support-conversation{min-height:0!important;overflow:auto!important;display:flex!important;flex-direction:column!important;gap:10px!important;margin:14px -4px 0!important;padding:0 4px 10px!important;scrollbar-width:thin}.support-message{max-width:88%!important;padding:11px 12px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:15px!important;background:rgba(255,255,255,.028)!important}.support-message.operator{align-self:flex-start!important;border-top-left-radius:5px!important;background:linear-gradient(135deg,rgba(255,126,83,.095),rgba(255,255,255,.025))!important;border-color:rgba(255,135,94,.12)!important}.support-message.player{align-self:flex-end!important;border-top-right-radius:5px!important;background:rgba(255,255,255,.055)!important}.support-message header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}.support-message header b{color:#ffc0a9!important;font:800 8px/1 Inter,Arial,sans-serif!important}.support-message.player header b{color:#e5e7ec!important}.support-message header time{color:#5e6675!important;font:600 7px/1 Inter,Arial,sans-serif!important}.support-message p{margin:7px 0 0!important;color:#c9cdd5!important;font:500 11px/1.55 Inter,Arial,sans-serif!important;white-space:pre-wrap!important;word-break:break-word!important}
.support-reply-form{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px;margin-top:9px}.support-reply-form textarea{height:52px;min-height:52px;padding:10px 12px;resize:none}.support-reply-form button{width:48px;height:52px;border:0;border-radius:15px;background:linear-gradient(145deg,#ff9468,#ef6c5e);color:#fff;font:900 21px/1 Arial;cursor:pointer}.support-closed-note{margin-top:10px;padding:11px 13px;border:1px solid rgba(255,255,255,.06);border-radius:14px;color:#858d9b;background:rgba(255,255,255,.02);font:600 9px/1.5 Inter,Arial,sans-serif;text-align:center}
@keyframes supportPanelIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}@keyframes supportFade{from{opacity:0}to{opacity:1}}@keyframes supportSpin{to{transform:rotate(360deg)}}
@media(max-width:600px){.support-fab{right:13px!important;bottom:13px!important;width:62px!important;height:62px!important;min-width:62px!important;border-radius:20px!important}.support-fab .support-cookie-headset{transform:scale(.88)}.support-widget-panel{right:8px!important;bottom:8px!important;width:calc(100vw - 16px)!important;height:min(690px,calc(100dvh - 16px))!important;border-radius:23px!important}.support-widget-head{min-height:83px!important;padding:12px 55px!important}.support-head-center{min-width:0;width:100%;padding:7px 11px!important}.support-widget-body{padding:16px!important}.support-topic-grid button{min-height:55px}.support-description textarea{min-height:105px}}

/* v143 — selected fiat display while preserving KORZH visual language */
.korzh-currency-text{display:inline-block;margin-left:4px;color:#ff9a72;font-size:.78em;font-weight:950;line-height:1;vertical-align:.07em}.korzh-money{white-space:nowrap}

/* =========================================================
   v143 · clean flight scene, fixed support viewport, token currency
   ========================================================= */
body{overflow-x:hidden}
.korzh-money{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.korzh-money .korzh-currency-icon{width:15px;height:15px;object-fit:contain;border-radius:50%;flex:0 0 auto;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4))}.korzh-currency-text{display:none!important}
:root[data-theme="hub"] .plane-page-v140 .plane-landscape,
:root[data-theme="hub"] .plane-page-v140 .plane-field-lines,
:root[data-theme="hub"] .plane-page-v140 .plane-rock-obstacle,
:root[data-theme="hub"] .plane-page-v140 .plane-geese-obstacle,
:root[data-theme="hub"] .plane-page-v140 .plane-impact-fx{display:none!important}
:root[data-theme="hub"] .plane-page-v140 .plane-sky-v140{background:linear-gradient(180deg,#3b2a30 0%,#6f4540 43%,#b56f50 76%,#d39061 100%)!important}
:root[data-theme="hub"] .plane-page-v140 .plane-sky-grade-warm{background:radial-gradient(circle at 77% 18%,rgba(255,193,122,.33),transparent 24%),linear-gradient(180deg,rgba(61,34,38,.42),rgba(255,127,72,.08) 66%,rgba(255,189,111,.15))!important}
:root[data-theme="hub"] .plane-page-v140 .plane-sky-grade-cool{opacity:calc(var(--sky-cool)*.5)!important;background:linear-gradient(180deg,rgba(31,39,61,.62),rgba(54,58,78,.12) 58%,transparent)!important}
:root[data-theme="hub"] .plane-page-v140 .plane-cloud-belt i{background:rgba(244,224,208,.5)!important;box-shadow:24px 6px 0 rgba(244,224,208,.42),48px 0 0 rgba(244,224,208,.38)!important;filter:blur(.2px)!important}
:root[data-theme="hub"] .plane-page-v140 .plane-route-v140{overflow:visible!important}
:root[data-theme="hub"] .plane-page-v140 .plane-trail-svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:visible!important;pointer-events:none!important}
:root[data-theme="hub"] .plane-page-v140 #planeTrailGlow{fill:none!important;stroke:#ff9a58!important;stroke-width:2.2!important;opacity:.3!important;filter:blur(4px)!important}
:root[data-theme="hub"] .plane-page-v140 #planeTrailPath{fill:none!important;stroke:url(#planeTrailGradient140)!important;stroke-width:.72!important;stroke-linecap:round!important;opacity:.98!important;filter:drop-shadow(0 0 4px rgba(255,181,119,.48))!important}
:root[data-theme="hub"] .plane-page-v140 .plane-vehicle-v140{width:285px!important;height:98px!important;filter:drop-shadow(0 17px 16px rgba(0,0,0,.44))!important}
:root[data-theme="hub"] .plane-page-v140 .plane-cropduster-svg{display:block;width:100%;height:auto;overflow:visible}
:root[data-theme="hub"] .plane-page-v140 .plane-freefall{animation:planeFreefall143 .9s cubic-bezier(.5,0,.9,.3) forwards!important}
@keyframes planeFreefall143{0%{filter:drop-shadow(0 17px 16px rgba(0,0,0,.44));opacity:1}100%{transform:translate(-20%,95%) rotate(48deg)!important;filter:drop-shadow(0 24px 18px rgba(0,0,0,.3));opacity:.15}}

/* Never let support escape the viewport, including browser fullscreen / scaled layouts. */
#supportPortal{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;z-index:2147483000!important;pointer-events:none!important;transform:none!important;contain:layout style!important}
#supportPortal .support-fab,#supportPortal .support-widget-overlay,#supportPortal .support-widget-panel{pointer-events:auto!important}
#supportPortal .support-widget-overlay{position:absolute!important;inset:0!important}
#supportPortal .support-fab{position:absolute!important;right:clamp(12px,2vw,24px)!important;bottom:clamp(12px,2vw,24px)!important}
#supportPortal .support-widget-panel{position:absolute!important;left:auto!important;right:clamp(12px,2vw,24px)!important;bottom:clamp(12px,2vw,24px)!important;width:min(430px,calc(100vw - 32px))!important;max-width:calc(100vw - 32px)!important;height:min(650px,calc(100dvh - 32px))!important;max-height:calc(100dvh - 32px)!important;transform:none!important;margin:0!important}
@media(max-width:600px){#supportPortal .support-widget-panel{right:8px!important;bottom:8px!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important}}

/* =========================================================
   v144 · side-view cropduster, milestone flight path, compact support
   ========================================================= */
:root[data-theme="hub"] .plane-page-v140 .plane-vehicle-v140{width:272px!important;height:84px!important;filter:drop-shadow(0 14px 13px rgba(0,0,0,.46))!important;z-index:12!important}
:root[data-theme="hub"] .plane-page-v140 .plane-cropduster-v144{display:block!important;width:100%!important;height:100%!important;overflow:visible!important}
:root[data-theme="hub"] .plane-page-v140 .plane-cropduster-v144 *{vector-effect:non-scaling-stroke}
:root[data-theme="hub"] .plane-page-v140 .crop-propeller{transform-box:fill-box;transform-origin:center;animation:planePropeller144 .115s linear infinite}
:root[data-theme="hub"] .plane-page-v140 .crop-flag-cloth{transform-box:fill-box;transform-origin:100% 50%;animation:planeFlag144 .78s ease-in-out infinite alternate}
@keyframes planePropeller144{to{transform:rotate(360deg)}}
@keyframes planeFlag144{0%{transform:skewY(-1.5deg) scaleY(.98)}100%{transform:skewY(2.4deg) scaleY(1.03)}}
:root[data-theme="hub"] .plane-page-v140 #planeTrailGlow{stroke:#ffad70!important;stroke-width:2.6!important;opacity:.22!important;filter:blur(5px)!important}
:root[data-theme="hub"] .plane-page-v140 #planeTrailPath{stroke:#fff0df!important;stroke-width:.8!important;opacity:.92!important;filter:drop-shadow(0 0 4px rgba(255,146,89,.55))!important}
:root[data-theme="hub"] .plane-page-v140 .plane-ground-v144{position:absolute;left:0;right:0;bottom:0;height:92px;z-index:3;overflow:hidden;pointer-events:none;background:linear-gradient(180deg,rgba(47,61,34,0),rgba(36,41,25,.32) 20%,rgba(25,25,18,.85) 100%)}
:root[data-theme="hub"] .plane-page-v140 .plane-grass-v144,:root[data-theme="hub"] .plane-page-v140 .plane-field-v144{position:absolute;inset:22px -8% 0;transition:opacity .65s ease;will-change:transform,opacity}
:root[data-theme="hub"] .plane-page-v140 .plane-grass-v144{opacity:calc(1 - var(--field-progress,0));background:repeating-linear-gradient(78deg,transparent 0 8px,rgba(83,91,48,.28) 9px 11px,transparent 12px 18px),linear-gradient(180deg,#53623b 0%,#303824 36%,#181a13 100%);transform:translateX(calc(var(--world-scroll,0px)*-.38))}
:root[data-theme="hub"] .plane-page-v140 .plane-field-v144{opacity:var(--field-progress,0);background:repeating-linear-gradient(100deg,rgba(255,211,121,.05) 0 16px,rgba(92,52,31,.2) 17px 34px),repeating-linear-gradient(0deg,rgba(255,221,149,.08) 0 2px,transparent 2px 13px),linear-gradient(180deg,#8d6240 0%,#5b3b29 42%,#2b2019 100%);transform:translateX(calc(var(--world-scroll,0px)*-.52))}
:root[data-theme="hub"] .plane-page-v140 .plane-milestones-v144{position:absolute;inset:0;z-index:10;pointer-events:none}
:root[data-theme="hub"] .plane-page-v140 .plane-milestones-v144>span{position:absolute;display:grid;place-items:center;min-width:62px;height:34px;transform:translate(-50%,-50%);border:1px solid rgba(255,177,122,.26);border-radius:11px;background:rgba(24,15,16,.78);box-shadow:0 8px 25px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04);backdrop-filter:blur(5px);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}
:root[data-theme="hub"] .plane-page-v140 .plane-milestones-v144>span b{color:#ffd6bb;font:950 14px/1 Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
:root[data-theme="hub"] .plane-page-v140 .plane-milestones-v144>span i{position:absolute;left:50%;top:100%;width:1px;height:22px;background:linear-gradient(#ff9b61,transparent);opacity:.42}
:root[data-theme="hub"] .plane-page-v140 .plane-milestones-v144>span.is-next{border-color:rgba(255,132,75,.62);background:linear-gradient(145deg,rgba(255,116,60,.18),rgba(23,14,17,.88));box-shadow:0 0 0 3px rgba(255,113,55,.04),0 9px 28px rgba(0,0,0,.3),0 0 22px rgba(255,117,56,.12)}
:root[data-theme="hub"] .plane-page-v140 .plane-milestones-v144>span.is-next b{color:#fff2e9;text-shadow:0 0 14px rgba(255,130,74,.35)}
:root[data-theme="hub"] .plane-page-v140 .plane-history-strip-v140{height:54px!important;padding:6px 12px!important}
:root[data-theme="hub"] .plane-page-v140 .plane-history-track{height:42px!important;gap:7px!important}
:root[data-theme="hub"] .plane-page-v140 .plane-history-chip{min-width:132px!important;height:42px!important;display:grid!important;grid-template-columns:24px minmax(46px,1fr) auto!important;grid-template-rows:1fr!important;align-items:center!important;justify-content:initial!important;column-gap:8px!important;padding:0 11px!important;border-radius:11px!important}
:root[data-theme="hub"] .plane-page-v140 .plane-history-chip i{width:23px!important;height:23px!important;font-size:12px!important}
:root[data-theme="hub"] .plane-page-v140 .plane-history-chip b{font-size:12px!important;line-height:1!important;align-self:center!important}
:root[data-theme="hub"] .plane-page-v140 .plane-history-chip strong{display:block!important;font-size:11px!important;line-height:1!important;color:#bffbd7!important;white-space:nowrap!important;font-weight:950!important}
:root[data-theme="hub"] .plane-page-v140 .plane-history-chip.loss{min-width:100px!important;grid-template-columns:24px 1fr!important}
#supportPortal{box-sizing:border-box!important;overflow:hidden!important}
#supportPortal *,#supportPortal *:before,#supportPortal *:after{box-sizing:border-box}
#supportPortal .support-widget-panel{position:absolute!important;left:auto!important;right:16px!important;bottom:16px!important;width:360px!important;max-width:calc(100vw - 32px)!important;height:min(640px,calc(100dvh - 32px))!important;max-height:calc(100dvh - 32px)!important;overflow:hidden!important;transform:none!important;margin:0!important}
#supportPortal .support-widget-panel>*{min-width:0!important;max-width:100%!important}
#supportPortal .support-head-center{min-width:0!important;width:min(250px,100%)!important;padding-left:10px!important;padding-right:10px!important}
#supportPortal .support-head-center b{font-size:11px!important;letter-spacing:.09em!important;white-space:nowrap!important}
#supportPortal .support-widget-head{padding-left:52px!important;padding-right:52px!important}
@media(max-width:650px){:root[data-theme="hub"] .plane-page-v140 .plane-vehicle-v140{width:205px!important;height:68px!important}:root[data-theme="hub"] .plane-page-v140 .plane-history-chip{min-width:120px!important;padding:0 9px!important}:root[data-theme="hub"] .plane-page-v140 .plane-history-chip strong{display:block!important;font-size:10px!important}:root[data-theme="hub"] .plane-page-v140 .plane-milestones-v144>span{min-width:52px;height:30px}:root[data-theme="hub"] .plane-page-v140 .plane-milestones-v144>span b{font-size:12px!important}#supportPortal .support-widget-panel{right:8px!important;bottom:8px!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:calc(100dvh - 16px)!important}}

/* =========================================================
   v145 — tactile upgrade arena + balance stake mode
   ========================================================= */
:root[data-theme="hub"] .hub-u3-page{max-width:1440px!important}
:root[data-theme="hub"] .hub-u3-shell{
  overflow:visible!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,rgba(17,17,26,.97),rgba(9,10,16,.99))!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 28px 80px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
:root[data-theme="hub"] .hub-u3-stage{
  position:relative!important;
  grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr)!important;
  gap:0!important;
  align-items:center!important;
  min-height:390px!important;
  padding:18px 20px 8px!important;
}
:root[data-theme="hub"] .hub-u3-selected{
  min-height:315px!important;
  padding:22px 28px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:
    radial-gradient(circle at 50% 10%,rgba(194,112,75,.08),transparent 38%),
    linear-gradient(155deg,rgba(26,25,34,.98),rgba(13,14,21,.985))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 40px rgba(0,0,0,.28)!important;
}
:root[data-theme="hub"] .hub-u3-source{
  border-radius:24px 42px 42px 24px!important;
  clip-path:polygon(0 0,100% 0,100% 28%,92% 36%,88% 50%,92% 64%,100% 72%,100% 100%,0 100%)!important;
  padding-right:58px!important;
}
:root[data-theme="hub"] .hub-u3-target{
  border-radius:42px 24px 24px 42px!important;
  clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 72%,8% 64%,12% 50%,8% 36%,0 28%)!important;
  padding-left:58px!important;
}
:root[data-theme="hub"] .hub-u3-selected-title{font-size:12px!important;min-height:28px!important}
:root[data-theme="hub"] .hub-u3-selected-title strong{font-size:11px!important;letter-spacing:.11em!important}
:root[data-theme="hub"] .hub-u3-selected-title b{font-size:12px!important}
:root[data-theme="hub"] .hub-u3-selected-window,
:root[data-theme="hub"] .hub-u3-target .hub-u3-selected-window{
  height:245px!important;
  border-radius:20px!important;
  background:linear-gradient(160deg,rgba(8,9,14,.78),rgba(17,16,24,.9))!important;
  border:1px solid rgba(255,255,255,.055)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),inset 0 -16px 44px rgba(0,0,0,.18)!important;
}
:root[data-theme="hub"] .hub-u3-core{z-index:8!important;transform:translateY(2px)!important}
:root[data-theme="hub"] .hub-u3-wheel-wrap{width:286px!important;height:286px!important;filter:drop-shadow(0 22px 35px rgba(0,0,0,.45))!important}
:root[data-theme="hub"] .hub-u3-wheel{
  width:268px!important;height:268px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:
    conic-gradient(from -90deg,rgba(104,227,151,.92) 0 calc(var(--chance)*1%),rgba(53,55,72,.88) calc(var(--chance)*1%) 100%)!important;
  box-shadow:inset 0 0 0 16px #151621,inset 0 0 0 18px rgba(255,255,255,.045),0 0 0 8px #0d0e15,0 20px 45px rgba(0,0,0,.48)!important;
}
:root[data-theme="hub"] .hub-u3-wheel:before{inset:30px!important;background:#12131c!important;box-shadow:inset 0 0 44px rgba(0,0,0,.42)!important}
:root[data-theme="hub"] .hub-u3-wheel-inner>strong{font-size:43px!important;text-shadow:0 0 24px rgba(105,240,157,.18)!important}
:root[data-theme="hub"] .hub-u3-wheel-inner>span{font-size:10px!important}
:root[data-theme="hub"] .hub-u3-scanner{filter:drop-shadow(0 0 9px rgba(247,212,70,.75)) drop-shadow(0 0 18px rgba(247,157,68,.26))!important}
:root[data-theme="hub"] .hub-u3-scanner>i{
  width:0!important;height:0!important;border-left:10px solid transparent!important;border-right:10px solid transparent!important;border-bottom:18px solid #f5db42!important;
  background:transparent!important;border-radius:5px!important;box-shadow:none!important;
}
:root[data-theme="hub"] .hub-u3-scanner>i:after{display:none!important}

/* balance source */
:root[data-theme="hub"] .hub-u3-balance-hero{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px}
:root[data-theme="hub"] .hub-u3-balance-hero:before{content:"K";width:78px;height:78px;border-radius:24px;display:grid;place-items:center;font-size:38px;font-weight:1000;color:#20130d;background:linear-gradient(145deg,#f2c29a,#c97852);box-shadow:inset 0 2px 0 rgba(255,255,255,.42),inset 0 -7px 14px rgba(92,38,20,.28),0 15px 32px rgba(0,0,0,.34),0 0 28px rgba(213,121,78,.16)}
:root[data-theme="hub"] .hub-u3-balance-hero span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#8d8f9a}
:root[data-theme="hub"] .hub-u3-balance-hero strong{font-size:27px;color:#f7f1e9}
:root[data-theme="hub"] .hub-u3-balance-hero small{font-size:10px;color:#777b86}
:root[data-theme="hub"] .upgrade-balance-source{grid-column:1/-1!important;min-height:188px!important;display:grid!important;grid-template-columns:minmax(190px,.8fr) minmax(280px,1.4fr)!important;grid-template-rows:auto auto!important;align-items:center!important;gap:16px 28px!important;padding:22px 26px!important;border-radius:20px!important;border:1px solid rgba(207,128,87,.18)!important;background:radial-gradient(circle at 0 50%,rgba(207,128,87,.12),transparent 32%),linear-gradient(145deg,#111219,#0b0c12)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}
:root[data-theme="hub"] .upgrade-balance-readout{grid-row:1/3;display:flex;flex-direction:column;gap:7px}
:root[data-theme="hub"] .upgrade-balance-readout span{font-size:9px;font-weight:950;letter-spacing:.15em;color:#c88b69}
:root[data-theme="hub"] .upgrade-balance-readout strong{font-size:30px;line-height:1;color:#f4eee8}
:root[data-theme="hub"] .upgrade-balance-readout small{font-size:10px;color:#737782}
:root[data-theme="hub"] #upgradeBalanceSlider{width:100%;height:7px;appearance:none;border-radius:999px;background:linear-gradient(90deg,#c67d59,#e8b98d);box-shadow:inset 0 2px 4px rgba(0,0,0,.35)}
:root[data-theme="hub"] #upgradeBalanceSlider::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:8px;background:linear-gradient(145deg,#f3d0ae,#c97952);border:1px solid rgba(255,255,255,.32);box-shadow:0 5px 12px rgba(0,0,0,.4),inset 0 2px 0 rgba(255,255,255,.42);cursor:pointer}
:root[data-theme="hub"] .upgrade-balance-presets{display:flex;gap:8px;flex-wrap:wrap}
:root[data-theme="hub"] .upgrade-balance-presets button{height:38px;min-width:58px;padding:0 14px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(#1d1f29,#11131a);color:#e4e0da;font-weight:900;font-size:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -3px 0 rgba(0,0,0,.22),0 6px 13px rgba(0,0,0,.25)}
:root[data-theme="hub"] .upgrade-balance-note{grid-column:2;font-size:10px;line-height:1.45;color:#777b85}

/* tactile controls */
:root[data-theme="hub"] .hub-u3-run,
:root[data-theme="hub"] .hub-u3-fast,
:root[data-theme="hub"] .hub-u3-browser-presets button,
:root[data-theme="hub"] .hub-u3-browser .upgrade-source-tabs button,
:root[data-theme="hub"] .upgrade-result-actions button,
:root[data-theme="hub"] .upgrade-settings-btn,
:root[data-theme="hub"] .upgrade-balance-presets button{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -3px 0 rgba(0,0,0,.28),0 7px 16px rgba(0,0,0,.30)!important;
  transform:translateY(0)!important;
  transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,filter .12s ease!important;
}
:root[data-theme="hub"] .hub-u3-run:hover,
:root[data-theme="hub"] .hub-u3-fast:hover,
:root[data-theme="hub"] .hub-u3-browser-presets button:hover,
:root[data-theme="hub"] .hub-u3-browser .upgrade-source-tabs button:hover,
:root[data-theme="hub"] .upgrade-result-actions button:hover,
:root[data-theme="hub"] .upgrade-settings-btn:hover,
:root[data-theme="hub"] .upgrade-balance-presets button:hover{transform:translateY(-2px)!important;filter:brightness(1.08)!important}
:root[data-theme="hub"] .hub-u3-run:active,
:root[data-theme="hub"] .hub-u3-fast:active,
:root[data-theme="hub"] .hub-u3-browser-presets button:active,
:root[data-theme="hub"] .hub-u3-browser .upgrade-source-tabs button:active,
:root[data-theme="hub"] .upgrade-result-actions button:active,
:root[data-theme="hub"] .upgrade-settings-btn:active,
:root[data-theme="hub"] .upgrade-balance-presets button:active{transform:translateY(2px)!important;box-shadow:inset 0 2px 7px rgba(0,0,0,.38),0 2px 5px rgba(0,0,0,.22)!important}
:root[data-theme="hub"] .hub-u3-run{height:54px!important;border-radius:15px!important;background:linear-gradient(180deg,#d8916d,#ad6045)!important;color:#160d09!important;font-weight:1000!important;letter-spacing:.07em!important;border:1px solid rgba(255,219,192,.32)!important}
:root[data-theme="hub"] .hub-u3-fast{height:54px!important;width:54px!important;border-radius:15px!important}
:root[data-theme="hub"] .hub-u3-browser .upgrade-source-tabs button.active,
:root[data-theme="hub"] .hub-u3-browser-presets button.active{box-shadow:inset 0 2px 0 rgba(255,255,255,.13),inset 0 -3px 0 rgba(87,41,25,.36),0 7px 18px rgba(162,83,50,.22)!important}

@media(max-width:1050px){
  :root[data-theme="hub"] .hub-u3-stage{grid-template-columns:1fr 1fr!important;gap:14px!important}
  :root[data-theme="hub"] .hub-u3-core{grid-column:1/-1!important;grid-row:1!important;margin-bottom:-30px!important}
  :root[data-theme="hub"] .hub-u3-source,:root[data-theme="hub"] .hub-u3-target{clip-path:none!important;border-radius:22px!important;padding:20px!important}
  :root[data-theme="hub"] .upgrade-balance-source{grid-template-columns:1fr!important}.upgrade-balance-readout{grid-row:auto!important}.upgrade-balance-note{grid-column:1!important}
}
@media(max-width:640px){
  :root[data-theme="hub"] .hub-u3-stage{grid-template-columns:1fr!important;padding:12px!important}
  :root[data-theme="hub"] .hub-u3-core{grid-column:1!important;margin-bottom:0!important}
  :root[data-theme="hub"] .hub-u3-wheel-wrap{width:240px!important;height:240px!important}
  :root[data-theme="hub"] .hub-u3-wheel{width:225px!important;height:225px!important}
  :root[data-theme="hub"] .upgrade-balance-source{padding:18px!important}
}

/* =========================================================
   v151 DESIGNER UPGRADE — clean wheel + wheel-supported side cards
   ========================================================= */
:root[data-theme="hub"] .hub-u151-page{
  width:min(1510px,calc(100vw - 34px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:46px 0 92px!important;
}
:root[data-theme="hub"] .hub-u151-hero{padding:0 4px 18px!important}
:root[data-theme="hub"] .hub-u151-hero h1{font-size:clamp(34px,3vw,46px)!important;line-height:1!important;letter-spacing:-.035em!important}
:root[data-theme="hub"] .hub-u151-shell{
  padding:18px 18px 20px!important;
  overflow:visible!important;
  border-radius:30px!important;
  background:linear-gradient(180deg,#11121a 0%,#0a0b11 100%)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 30px 95px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035)!important;
}

/* Two large surfaces. The centre wheel lives above them and the masks create
   one precise circular seat rather than polygon-shaped holes. */
:root[data-theme="hub"] .hub-u151-stage{
  min-height:382px!important;
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:58px!important;
  align-items:center!important;
  padding:28px 36px 24px!important;
}
:root[data-theme="hub"] .hub-u151-side{
  height:324px!important;
  min-height:324px!important;
  padding:18px 28px!important;
  position:relative!important;
  z-index:2!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:
    radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--selected-rarity,#c98162) 9%,transparent),transparent 43%),
    linear-gradient(155deg,#171821 0%,#0d0e14 74%,#0a0b10 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -28px 54px rgba(0,0,0,.18),0 18px 38px rgba(0,0,0,.24)!important;
  clip-path:none!important;
}
:root[data-theme="hub"] .hub-u151-source{
  border-radius:26px 44px 44px 26px!important;
  padding-right:116px!important;
  -webkit-mask-image:radial-gradient(circle 171px at calc(100% + 42px) 50%,transparent 0 170px,#000 171.5px)!important;
  mask-image:radial-gradient(circle 171px at calc(100% + 42px) 50%,transparent 0 170px,#000 171.5px)!important;
}
:root[data-theme="hub"] .hub-u151-target{
  border-radius:44px 26px 26px 44px!important;
  padding-left:116px!important;
  -webkit-mask-image:radial-gradient(circle 171px at -42px 50%,transparent 0 170px,#000 171.5px)!important;
  mask-image:radial-gradient(circle 171px at -42px 50%,transparent 0 170px,#000 171.5px)!important;
}
:root[data-theme="hub"] .hub-u151-side-content{
  width:100%!important;height:100%!important;min-width:0!important;
  display:flex!important;align-items:flex-start!important;justify-content:center!important;
  padding-top:8px!important;
}
:root[data-theme="hub"] .hub-u151-side .compact-skin{
  width:100%!important;height:100%!important;min-width:0!important;
  display:grid!important;grid-template-rows:184px auto!important;
  align-content:start!important;justify-items:center!important;
  padding:0!important;background:transparent!important;border:0!important;
}
:root[data-theme="hub"] .hub-u151-side .skin-art{
  width:100%!important;height:184px!important;min-height:184px!important;max-height:184px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  filter:drop-shadow(0 16px 24px rgba(0,0,0,.30))!important;
}
:root[data-theme="hub"] .hub-u151-side .skin-art img{max-height:170px!important;max-width:92%!important;object-fit:contain!important}
:root[data-theme="hub"] .hub-u151-side .compact-skin-caption{
  width:min(100%,330px)!important;min-width:0!important;text-align:center!important;
  overflow:hidden!important;padding:0 8px!important;
}
:root[data-theme="hub"] .hub-u151-side .compact-skin-caption small{
  display:block!important;font-size:10px!important;line-height:1.2!important;color:#7f818d!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
:root[data-theme="hub"] .hub-u151-side .compact-skin-caption strong{
  display:block!important;margin-top:4px!important;font-size:18px!important;line-height:1.08!important;color:#f2efe9!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
:root[data-theme="hub"] .hub-u151-side .compact-skin-caption b{
  display:block!important;margin-top:9px!important;font-size:18px!important;line-height:1!important;
}
:root[data-theme="hub"] .hub-u151-empty{
  width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;
  color:#777985;text-align:center;min-width:0;
}
:root[data-theme="hub"] .hub-u151-empty svg{width:180px;height:100px;fill:#3b3d48;opacity:.48;filter:drop-shadow(0 10px 18px rgba(0,0,0,.28))}
:root[data-theme="hub"] .hub-u151-empty strong{font-size:12px;line-height:1.35;letter-spacing:.03em;color:#d8d6d2;max-width:220px}

/* Wheel: two thin structural layers, the probability fill lives only in the
   annulus between them. Angle 0 is TOP and grows clockwise — exactly the same
   coordinate system used by the server landingAngle. */
:root[data-theme="hub"] .hub-u151-core{
  position:absolute!important;z-index:8!important;left:50%!important;top:48%!important;
  transform:translate(-50%,-50%)!important;width:332px!important;height:350px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  pointer-events:none!important;
}
:root[data-theme="hub"] .hub-u151-wheel-wrap{
  width:316px!important;height:316px!important;position:relative!important;display:grid!important;place-items:center!important;
  filter:drop-shadow(0 24px 36px rgba(0,0,0,.48))!important;pointer-events:auto!important;
}
:root[data-theme="hub"] .hub-u151-wheel-wrap:before{
  content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;
  background:
    repeating-conic-gradient(from 0deg,rgba(255,255,255,.22) 0 .55deg,transparent .55deg 5deg)!important;
  -webkit-mask:radial-gradient(circle,transparent 0 145px,#000 146px 151px,transparent 152px)!important;
  mask:radial-gradient(circle,transparent 0 145px,#000 146px 151px,transparent 152px)!important;
  opacity:.52!important;pointer-events:none!important;
}
:root[data-theme="hub"] .hub-u151-wheel-wrap:after{
  content:""!important;position:absolute!important;inset:12px!important;border-radius:50%!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 0 0 7px rgba(9,10,15,.92)!important;
  pointer-events:none!important;
}
:root[data-theme="hub"] .hub-u151-wheel{
  width:272px!important;height:272px!important;border-radius:50%!important;position:relative!important;isolation:isolate!important;
  display:grid!important;place-items:center!important;border:0!important;
  background:conic-gradient(from 0deg,#d67b62 0 calc(var(--chance)*1%),#353742 calc(var(--chance)*1%) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 0 0 1px #090a0e,0 16px 44px rgba(0,0,0,.38)!important;
  transition:background .24s ease,box-shadow .24s ease,filter .24s ease!important;
}
:root[data-theme="hub"] .hub-u151-wheel:before{
  content:""!important;position:absolute!important;inset:24px!important;border-radius:50%!important;
  background:radial-gradient(circle at 42% 34%,#1a1c25 0%,#101119 58%,#0b0c12 100%)!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 0 40px rgba(0,0,0,.30)!important;
  z-index:2!important;
}
:root[data-theme="hub"] .hub-u151-wheel:after{
  content:""!important;position:absolute!important;inset:11px!important;border-radius:50%!important;
  border:1px solid rgba(255,255,255,.10)!important;z-index:1!important;pointer-events:none!important;
}
:root[data-theme="hub"] .hub-u151-wheel-inner{
  width:178px!important;height:178px!important;border-radius:50%!important;position:relative!important;z-index:4!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;
}
:root[data-theme="hub"] .hub-u151-wheel-inner>span{order:1!important;font-size:10px!important;color:#8b8d98!important;letter-spacing:.13em!important;font-weight:900!important;margin:0 0 7px!important}
:root[data-theme="hub"] .hub-u151-wheel-inner>strong{order:2!important;font-size:44px!important;line-height:1!important;letter-spacing:-.045em!important;color:#f6f2ec!important;text-shadow:0 0 24px rgba(219,128,92,.10)!important;max-width:160px!important}

/* thin illuminated arrow rides the first/outer layer */
:root[data-theme="hub"] .hub-u151-pointer{
  position:absolute!important;inset:6px!important;width:304px!important;height:304px!important;border-radius:50%!important;
  transform-origin:50% 50%!important;pointer-events:none!important;z-index:11!important;
  filter:drop-shadow(0 0 6px rgba(255,225,102,.70)) drop-shadow(0 0 14px rgba(255,159,74,.32))!important;
}
:root[data-theme="hub"] .hub-u151-pointer>i{
  position:absolute!important;left:50%!important;top:4px!important;transform:translateX(-50%)!important;
  width:5px!important;height:39px!important;border:0!important;border-radius:5px 5px 1px 1px!important;
  background:linear-gradient(180deg,#fff3a3 0%,#ffd84f 55%,rgba(255,186,55,.06) 100%)!important;
  clip-path:polygon(50% 0,100% 18%,68% 100%,32% 100%,0 18%)!important;
  box-shadow:none!important;
}
:root[data-theme="hub"] .hub-u151-pointer>i:after{display:none!important}

/* Result colours: highlighted/probability sector is always the FIRST sector.
   WIN = green; LOSS = red. The rest of the ring stays neutral. */
:root[data-theme="hub"] .hub-u151-wheel.result-win{
  background:conic-gradient(from 0deg,#55d68a 0 calc(var(--chance)*1%),#343741 calc(var(--chance)*1%) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(103,238,157,.18),0 0 0 1px #090a0e,0 0 34px rgba(71,217,132,.15),0 16px 44px rgba(0,0,0,.38)!important;
}
:root[data-theme="hub"] .hub-u151-wheel.result-lose{
  background:conic-gradient(from 0deg,#df5e61 0 calc(var(--chance)*1%),#343741 calc(var(--chance)*1%) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(235,105,107,.16),0 0 0 1px #090a0e,0 0 30px rgba(223,94,97,.12),0 16px 44px rgba(0,0,0,.38)!important;
}
:root[data-theme="hub"] .hub-u151-wheel.result-win .hub-u3-result-label{color:#75e7a4!important;text-shadow:0 0 22px rgba(90,226,149,.24)!important}
:root[data-theme="hub"] .hub-u151-wheel.result-lose .hub-u3-result-label{color:#ff7f82!important;text-shadow:0 0 22px rgba(230,83,88,.20)!important}
:root[data-theme="hub"] .hub-u151-wheel .hub-u3-result-label{font-size:27px!important;line-height:1!important;white-space:normal!important;max-width:150px!important}

:root[data-theme="hub"] .hub-u151-actions{
  width:286px!important;min-height:52px!important;margin-top:-9px!important;position:relative!important;z-index:12!important;pointer-events:auto!important;
}
:root[data-theme="hub"] .hub-u151-run-row{width:100%!important;display:grid!important;grid-template-columns:1fr 52px!important;gap:8px!important}
:root[data-theme="hub"] .hub-u151-run{height:50px!important;border-radius:13px!important}
:root[data-theme="hub"] .hub-u151-fast{width:52px!important;height:50px!important;border-radius:13px!important}

/* Browsers below the stage: stronger hierarchy and more room. */
:root[data-theme="hub"] .hub-u151-browsers{gap:16px!important;margin-top:4px!important}
:root[data-theme="hub"] .hub-u151-browser{min-height:405px!important;padding:16px!important;border-radius:22px!important}
:root[data-theme="hub"] .hub-u151-browser .hub-u3-browser-head h3{font-size:13px!important;letter-spacing:.02em!important}
:root[data-theme="hub"] .hub-u151-browser .upgrade-source-tabs button,
:root[data-theme="hub"] .hub-u151-browser .hub-u3-browser-presets button{min-height:36px!important;font-size:9px!important}

/* Balance source: one horizontal system, readable amount, no "из ..." line. */
:root[data-theme="hub"] .hub-u151-balance-source{
  min-height:205px!important;grid-template-columns:200px minmax(0,1fr)!important;grid-template-rows:auto auto auto!important;
  gap:13px 24px!important;padding:24px 28px!important;
}
:root[data-theme="hub"] .hub-u151-balance-source .upgrade-balance-readout{grid-row:1/4!important;gap:9px!important;align-self:center!important}
:root[data-theme="hub"] .hub-u151-balance-source .upgrade-balance-readout span{font-size:12px!important;letter-spacing:.14em!important;color:#d08c68!important}
:root[data-theme="hub"] .hub-u151-balance-source .upgrade-balance-readout strong{font-size:34px!important;line-height:1.05!important;color:#f6f0e9!important}
:root[data-theme="hub"] .hub-u151-balance-slider{width:100%!important;display:flex!important;align-items:center!important}
:root[data-theme="hub"] .hub-u151-balance-source #upgradeBalanceSlider{width:100%!important}
:root[data-theme="hub"] .hub-u151-balance-source .upgrade-balance-presets{
  display:grid!important;grid-template-columns:repeat(4,64px) minmax(110px,150px)!important;gap:9px!important;align-items:center!important;justify-content:start!important;
}
:root[data-theme="hub"] .hub-u151-balance-source .upgrade-balance-presets button{width:64px!important;height:41px!important;padding:0!important;font-size:10px!important}
:root[data-theme="hub"] .upgrade-balance-manual{
  width:100%!important;height:41px!important;min-width:0!important;border-radius:11px!important;border:1px solid rgba(211,136,94,.28)!important;
  background:#0b0d13!important;color:#f3eee8!important;padding:0 12px!important;font-size:14px!important;font-weight:900!important;outline:0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 0 0 1px rgba(0,0,0,.18)!important;
}
:root[data-theme="hub"] .upgrade-balance-manual:focus{border-color:rgba(235,158,113,.58)!important;box-shadow:0 0 0 3px rgba(213,123,79,.10)!important}
:root[data-theme="hub"] .hub-u151-balance-source .upgrade-balance-note{grid-column:2!important;font-size:10px!important;line-height:1.45!important;color:#7e818c!important}

/* Balance hero in the top side card: real KORZH cookie logo, no letter K. */
:root[data-theme="hub"] .hub-u3-balance-hero:before{display:none!important;content:none!important}
:root[data-theme="hub"] .hub-u151-balance-hero{width:100%!important;height:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding-top:30px!important;gap:8px!important}
:root[data-theme="hub"] .hub-u151-balance-hero>img{width:82px!important;height:82px!important;object-fit:contain!important;filter:drop-shadow(0 12px 20px rgba(0,0,0,.30))!important}
:root[data-theme="hub"] .hub-u151-balance-hero>span{margin-top:8px!important;font-size:11px!important;letter-spacing:.15em!important;color:#9a8c83!important;font-weight:900!important}
:root[data-theme="hub"] .hub-u151-balance-hero>strong{font-size:25px!important;line-height:1!important}

/* Keep all text inside cards. */
:root[data-theme="hub"] .hub-u151-page *{min-width:0}
:root[data-theme="hub"] .hub-u151-page .skin-card strong,
:root[data-theme="hub"] .hub-u151-page .skin-card small{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important}

@media(max-width:1120px){
  :root[data-theme="hub"] .hub-u151-stage{grid-template-columns:1fr 1fr!important;gap:18px!important;padding-top:220px!important}
  :root[data-theme="hub"] .hub-u151-core{top:12px!important;transform:translateX(-50%)!important;height:300px!important}
  :root[data-theme="hub"] .hub-u151-source,:root[data-theme="hub"] .hub-u151-target{mask-image:none!important;-webkit-mask-image:none!important;padding:20px!important;border-radius:22px!important;height:290px!important;min-height:290px!important}
  :root[data-theme="hub"] .hub-u151-browsers{grid-template-columns:1fr!important}
}
@media(max-width:690px){
  :root[data-theme="hub"] .hub-u151-page{width:calc(100vw - 18px)!important;padding-top:28px!important}
  :root[data-theme="hub"] .hub-u151-shell{padding:10px!important}
  :root[data-theme="hub"] .hub-u151-stage{grid-template-columns:1fr!important;padding:245px 4px 8px!important;gap:10px!important}
  :root[data-theme="hub"] .hub-u151-core{top:8px!important;width:286px!important}
  :root[data-theme="hub"] .hub-u151-wheel-wrap{width:276px!important;height:276px!important}
  :root[data-theme="hub"] .hub-u151-wheel-wrap:before{inset:4px!important;-webkit-mask:radial-gradient(circle,transparent 0 125px,#000 126px 131px,transparent 132px)!important;mask:radial-gradient(circle,transparent 0 125px,#000 126px 131px,transparent 132px)!important}
  :root[data-theme="hub"] .hub-u151-wheel{width:238px!important;height:238px!important}
  :root[data-theme="hub"] .hub-u151-pointer{inset:5px!important;width:266px!important;height:266px!important}
  :root[data-theme="hub"] .hub-u151-wheel-inner{width:150px!important;height:150px!important}
  :root[data-theme="hub"] .hub-u151-wheel-inner>strong{font-size:36px!important}
  :root[data-theme="hub"] .hub-u151-side{height:270px!important;min-height:270px!important}
  :root[data-theme="hub"] .hub-u151-side .compact-skin{grid-template-rows:150px auto!important}
  :root[data-theme="hub"] .hub-u151-side .skin-art{height:150px!important;min-height:150px!important;max-height:150px!important}
  :root[data-theme="hub"] .hub-u151-balance-source{grid-template-columns:1fr!important;padding:20px!important}
  :root[data-theme="hub"] .hub-u151-balance-source .upgrade-balance-readout{grid-row:auto!important}
  :root[data-theme="hub"] .hub-u151-balance-source .upgrade-balance-presets{grid-template-columns:repeat(4,1fr)!important}
  :root[data-theme="hub"] .upgrade-balance-manual{grid-column:1/-1!important}
  :root[data-theme="hub"] .hub-u151-balance-source .upgrade-balance-note{grid-column:1!important}
}
/* v151 QA alignment patch */
:root[data-theme="hub"] .hub-u151-wheel-wrap:before{
  left:0!important;top:0!important;right:0!important;bottom:0!important;
  transform:none!important;width:auto!important;height:auto!important;
}
:root[data-theme="hub"] .hub-u151-wheel-wrap:after{transform:none!important}
:root[data-theme="hub"] .hub-u151-source{width:calc(100% + 94px)!important;margin-right:-94px!important}
:root[data-theme="hub"] .hub-u151-target{width:calc(100% + 94px)!important;margin-left:-94px!important}
@media(max-width:1120px){
  :root[data-theme="hub"] .hub-u151-source,:root[data-theme="hub"] .hub-u151-target{width:100%!important;margin:0!important}
}
/* clean circular cradle where the wheel overlaps the two cards */
:root[data-theme="hub"] .hub-u151-stage:after{
  content:""!important;position:absolute!important;left:50%!important;top:48%!important;
  width:324px!important;height:324px!important;border-radius:50%!important;transform:translate(-50%,-50%)!important;
  background:#0d0e14!important;border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 0 0 10px rgba(8,9,13,.72),0 20px 44px rgba(0,0,0,.34)!important;
  z-index:5!important;pointer-events:none!important;
}
@media(max-width:1120px){:root[data-theme="hub"] .hub-u151-stage:after{top:12px!important;transform:translateX(-50%)!important}}
@media(max-width:690px){:root[data-theme="hub"] .hub-u151-stage:after{top:8px!important;width:282px!important;height:282px!important}}
:root[data-theme="hub"] .hub-u151-side .compact-skin-caption{min-height:72px!important;overflow:hidden!important}
/* responsive QA: stack the wheel instead of absolute-offsetting it */
@media(max-width:1120px){
  :root[data-theme="hub"] .hub-u151-stage{display:grid!important;grid-template-columns:1fr 1fr!important;padding:18px!important;gap:14px!important;min-height:0!important}
  :root[data-theme="hub"] .hub-u151-stage:after{display:none!important}
  :root[data-theme="hub"] .hub-u151-core{position:relative!important;left:auto!important;top:auto!important;transform:none!important;grid-column:1/-1!important;grid-row:1!important;justify-self:center!important;width:316px!important;height:326px!important;margin:0 auto -18px!important}
  :root[data-theme="hub"] .hub-u151-source{grid-column:1!important;grid-row:2!important}
  :root[data-theme="hub"] .hub-u151-target{grid-column:2!important;grid-row:2!important}
}
@media(max-width:690px){
  :root[data-theme="hub"] .hub-u151-stage{grid-template-columns:1fr!important;padding:10px 4px!important}
  :root[data-theme="hub"] .hub-u151-core{grid-column:1!important;grid-row:1!important;width:276px!important;height:286px!important;margin:0 auto!important}
  :root[data-theme="hub"] .hub-u151-source{grid-column:1!important;grid-row:2!important}
  :root[data-theme="hub"] .hub-u151-target{grid-column:1!important;grid-row:3!important}
}

/* =========================================================
   v152 — centered designer upgrade + labeled top navigation
   ========================================================= */
:root[data-theme="hub"] header .korzh-icon-nav{
  gap:8px!important;
  padding:6px!important;
  border-radius:18px!important;
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button{
  width:88px!important;
  min-width:88px!important;
  height:62px!important;
  padding:5px 6px 4px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border-radius:13px!important;
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-frame{
  width:34px!important;
  height:31px!important;
  flex:0 0 31px!important;
  border-radius:9px!important;
}
:root[data-theme="hub"] header .korzh-icon-nav svg{
  width:21px!important;
  height:21px!important;
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-button-label{
  display:block!important;
  width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-align:center!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.065em!important;
  color:#8e9099!important;
  transition:color .18s ease!important;
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button.nav-active .nav-button-label{
  color:#f0eae3!important;
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button:after{display:none!important}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button.nav-active{
  outline:1px solid rgba(222,128,88,.36)!important;
  outline-offset:-1px!important;
  background:linear-gradient(180deg,rgba(209,111,77,.08),rgba(209,111,77,.025))!important;
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button.nav-active .nav-icon-frame{
  border-color:rgba(255,139,99,.36)!important;
  background:linear-gradient(150deg,rgba(255,120,88,.17),rgba(104,82,158,.11))!important;
}
:root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button[data-page="upgrade"] svg .nav-pulse{
  stroke:#f4c082!important;
  stroke-width:1.45!important;
  opacity:.9!important;
}

/* lift the whole upgrade surface; the standalone APГРЕЙД heading is removed */
:root[data-theme="hub"] .hub-u151-page{
  width:min(1540px,calc(100vw - 34px))!important;
  padding:16px 0 76px!important;
}
:root[data-theme="hub"] .hub-u151-hero{display:none!important}
:root[data-theme="hub"] .hub-u151-shell{
  padding:14px 16px 18px!important;
  border-radius:28px!important;
}

/* central stage: both side blocks sit UNDER one perfectly circular cradle */
:root[data-theme="hub"] .hub-u151-stage{
  min-height:416px!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:0!important;
  align-items:start!important;
  padding:42px 32px 22px!important;
  isolation:isolate!important;
}
:root[data-theme="hub"] .hub-u151-side{
  height:306px!important;
  min-height:306px!important;
  padding:18px 34px!important;
  border-radius:26px!important;
  z-index:2!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  overflow:hidden!important;
}
:root[data-theme="hub"] .hub-u151-source{
  width:calc(100% + 92px)!important;
  margin-right:-92px!important;
  padding-right:124px!important;
  border-radius:26px 34px 34px 26px!important;
}
:root[data-theme="hub"] .hub-u151-target{
  width:calc(100% + 92px)!important;
  margin-left:-92px!important;
  padding-left:124px!important;
  border-radius:34px 26px 26px 34px!important;
}
:root[data-theme="hub"] .hub-u151-stage:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:23px!important;
  width:342px!important;
  height:342px!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  background:#07080d!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 0 0 10px rgba(7,8,12,.93),0 22px 54px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.025)!important;
  z-index:5!important;
  pointer-events:none!important;
}

/* skin content is moved slightly upward inside the two support blocks */
:root[data-theme="hub"] .hub-u151-side-content{
  padding-top:0!important;
  align-items:flex-start!important;
}
:root[data-theme="hub"] .hub-u151-side .compact-skin{
  grid-template-rows:168px auto!important;
  transform:translateY(-8px)!important;
}
:root[data-theme="hub"] .hub-u151-side .skin-art{
  height:168px!important;
  min-height:168px!important;
  max-height:168px!important;
}
:root[data-theme="hub"] .hub-u151-side .skin-art img{
  max-height:158px!important;
  max-width:94%!important;
}
:root[data-theme="hub"] .hub-u151-side .compact-skin-caption strong{font-size:17px!important}
:root[data-theme="hub"] .hub-u151-side .compact-skin-caption b{font-size:17px!important;margin-top:7px!important}

/* clean round drum centered exactly in the black circular seat */
:root[data-theme="hub"] .hub-u151-core{
  left:50%!important;
  top:24px!important;
  transform:translateX(-50%)!important;
  width:342px!important;
  height:390px!important;
  justify-content:flex-start!important;
  z-index:9!important;
}
:root[data-theme="hub"] .hub-u151-wheel-wrap{
  width:322px!important;
  height:322px!important;
  margin:0 auto!important;
  border-radius:50%!important;
  filter:drop-shadow(0 24px 42px rgba(0,0,0,.52))!important;
}
/* coloured designer ticks around the drum */
:root[data-theme="hub"] .hub-u151-wheel-wrap:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  background:
    repeating-conic-gradient(from 0deg,#e98262 0 .55deg,transparent .55deg 4deg),
    repeating-conic-gradient(from 2deg,#68cfa0 0 .55deg,transparent .55deg 4deg)!important;
  -webkit-mask:radial-gradient(circle,transparent 0 149px,#000 150px 155px,transparent 156px)!important;
  mask:radial-gradient(circle,transparent 0 149px,#000 150px 155px,transparent 156px)!important;
  opacity:.84!important;
  pointer-events:none!important;
}
:root[data-theme="hub"] .hub-u151-wheel-wrap:after{
  inset:10px!important;
  border:1px solid rgba(255,255,255,.095)!important;
  box-shadow:0 0 0 6px #07080d,inset 0 0 0 1px rgba(255,255,255,.015)!important;
}
:root[data-theme="hub"] .hub-u151-wheel{
  width:286px!important;
  height:286px!important;
  background:conic-gradient(from 0deg,#d7775f 0 calc(var(--chance)*1%),#30323b calc(var(--chance)*1%) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.075),0 0 0 1px #050609,0 14px 38px rgba(0,0,0,.38)!important;
}
:root[data-theme="hub"] .hub-u151-wheel:before{
  inset:28px!important;
  background:radial-gradient(circle at 44% 35%,#171920 0%,#0c0d13 62%,#08090e 100%)!important;
  border:1px solid rgba(255,255,255,.055)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),inset 0 0 34px rgba(0,0,0,.34)!important;
}
:root[data-theme="hub"] .hub-u151-wheel:after{
  inset:13px!important;
  border-color:rgba(255,255,255,.09)!important;
}
:root[data-theme="hub"] .hub-u151-wheel-inner{
  width:174px!important;
  height:174px!important;
}
/* elegant thin arrow rotates on the first ring */
:root[data-theme="hub"] .hub-u151-pointer{
  inset:8px!important;
  width:306px!important;
  height:306px!important;
  filter:drop-shadow(0 0 6px rgba(255,215,111,.72)) drop-shadow(0 0 13px rgba(230,133,75,.25))!important;
}
:root[data-theme="hub"] .hub-u151-pointer>i{
  top:7px!important;
  width:4px!important;
  height:34px!important;
  border-radius:4px!important;
  background:linear-gradient(180deg,#fff4bc 0%,#f7cf66 45%,#cf7f50 100%)!important;
  clip-path:polygon(50% 0,100% 17%,70% 100%,30% 100%,0 17%)!important;
}

/* result/action buttons live below the circular drum, never over it */
:root[data-theme="hub"] .hub-u151-actions{
  width:292px!important;
  min-height:58px!important;
  margin-top:18px!important;
  z-index:12!important;
}
:root[data-theme="hub"] .hub-u151-run-row{grid-template-columns:1fr 54px!important;gap:9px!important}
:root[data-theme="hub"] .hub-u151-run{height:52px!important}
:root[data-theme="hub"] .hub-u151-fast{width:54px!important;height:52px!important}
:root[data-theme="hub"] .hub-u151-result-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:9px!important;
  width:100%!important;
}
:root[data-theme="hub"] .hub-u151-result-actions button,
:root[data-theme="hub"] .hub-u151-retry{
  min-height:52px!important;
  border-radius:12px!important;
}

/* browser panels come right after the redesigned stage */
:root[data-theme="hub"] .hub-u151-browsers{margin-top:0!important}

@media(max-width:1120px){
  :root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button{width:72px!important;min-width:72px!important;height:58px!important}
  :root[data-theme="hub"] header .korzh-icon-nav .nav-button-label{font-size:7px!important}
  :root[data-theme="hub"] .hub-u151-stage{grid-template-columns:1fr 1fr!important;padding:20px 18px 24px!important;gap:14px!important;min-height:0!important}
  :root[data-theme="hub"] .hub-u151-stage:after{display:none!important}
  :root[data-theme="hub"] .hub-u151-core{position:relative!important;left:auto!important;top:auto!important;transform:none!important;grid-column:1/-1!important;grid-row:1!important;justify-self:center!important;width:322px!important;height:390px!important;margin:0 auto -28px!important}
  :root[data-theme="hub"] .hub-u151-source,:root[data-theme="hub"] .hub-u151-target{width:100%!important;margin:0!important;padding:20px!important;border-radius:22px!important;height:286px!important;min-height:286px!important}
  :root[data-theme="hub"] .hub-u151-source{grid-column:1!important;grid-row:2!important}
  :root[data-theme="hub"] .hub-u151-target{grid-column:2!important;grid-row:2!important}
}
@media(max-width:950px){
  :root[data-theme="hub"] header.korzh-shared-header{height:128px!important;min-height:128px!important;grid-template-rows:58px 54px!important;padding-bottom:10px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{max-width:calc(100vw - 20px)!important;width:auto!important}
  :root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button{width:68px!important;min-width:68px!important;height:52px!important;padding-top:3px!important}
  :root[data-theme="hub"] header .korzh-icon-nav .nav-icon-frame{width:29px!important;height:26px!important;flex-basis:26px!important}
  :root[data-theme="hub"] header .korzh-icon-nav svg{width:18px!important;height:18px!important}
  :root[data-theme="hub"] header .korzh-icon-nav .nav-button-label{font-size:6.7px!important}
}
@media(max-width:690px){
  :root[data-theme="hub"] .hub-u151-page{width:calc(100vw - 18px)!important;padding-top:12px!important}
  :root[data-theme="hub"] .hub-u151-stage{grid-template-columns:1fr!important;padding:10px 4px 16px!important}
  :root[data-theme="hub"] .hub-u151-core{grid-column:1!important;grid-row:1!important;width:276px!important;height:340px!important;margin:0 auto!important}
  :root[data-theme="hub"] .hub-u151-wheel-wrap{width:270px!important;height:270px!important}
  :root[data-theme="hub"] .hub-u151-wheel{width:238px!important;height:238px!important}
  :root[data-theme="hub"] .hub-u151-pointer{inset:8px!important;width:254px!important;height:254px!important}
  :root[data-theme="hub"] .hub-u151-wheel-wrap:before{-webkit-mask:radial-gradient(circle,transparent 0 124px,#000 125px 130px,transparent 131px)!important;mask:radial-gradient(circle,transparent 0 124px,#000 125px 130px,transparent 131px)!important}
  :root[data-theme="hub"] .hub-u151-source{grid-column:1!important;grid-row:2!important}
  :root[data-theme="hub"] .hub-u151-target{grid-column:1!important;grid-row:3!important}
}
@media(max-width:430px){
  :root[data-theme="hub"] header .korzh-icon-nav{gap:3px!important;padding:3px!important}
  :root[data-theme="hub"] header .korzh-icon-nav .nav-icon-button{width:58px!important;min-width:58px!important;height:49px!important}
  :root[data-theme="hub"] header .korzh-icon-nav .nav-button-label{font-size:6px!important;letter-spacing:.035em!important}
}

/* v152 header specificity fix: override legacy square-only dock */
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{
  display:grid!important;
  grid-template-columns:repeat(4,88px)!important;
  gap:8px!important;
  padding:6px!important;
  width:max-content!important;
}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button{
  width:88px!important;
  min-width:88px!important;
  max-width:88px!important;
  height:62px!important;
  min-height:62px!important;
  padding:5px 6px 4px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border-radius:13px!important;
}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-frame{
  width:34px!important;
  min-width:34px!important;
  max-width:34px!important;
  height:31px!important;
  min-height:31px!important;
  flex:0 0 31px!important;
  border-radius:9px!important;
}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav svg{width:21px!important;height:21px!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-button-label{
  display:block!important;font-size:8px!important;line-height:1!important;font-weight:950!important;letter-spacing:.065em!important;color:#8e9099!important;text-align:center!important;white-space:nowrap!important;
}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active .nav-button-label{color:#f0eae3!important}
@media(max-width:1100px){
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{grid-template-columns:repeat(4,72px)!important;gap:6px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button{width:72px!important;min-width:72px!important;max-width:72px!important;height:58px!important;min-height:58px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-frame{width:31px!important;min-width:31px!important;max-width:31px!important;height:28px!important;min-height:28px!important;flex-basis:28px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-button-label{font-size:7px!important}
}
@media(max-width:950px){
  :root[data-theme="hub"] header.korzh-shared-header{grid-template-rows:64px 64px!important;height:138px!important;min-height:138px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{grid-template-columns:repeat(4,68px)!important;max-width:calc(100vw - 20px)!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button{width:68px!important;min-width:68px!important;max-width:68px!important;height:54px!important;min-height:54px!important}
}
@media(max-width:650px){
  :root[data-theme="hub"] header.korzh-shared-header{grid-template-rows:60px 58px!important;height:128px!important;min-height:128px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{grid-template-columns:repeat(4,58px)!important;gap:4px!important;padding:4px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button{width:58px!important;min-width:58px!important;max-width:58px!important;height:50px!important;min-height:50px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-frame{width:27px!important;min-width:27px!important;max-width:27px!important;height:25px!important;min-height:25px!important;flex-basis:25px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav svg{width:17px!important;height:17px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-button-label{font-size:6.2px!important;letter-spacing:.03em!important}
}

/* =========================================================
   v153 — CASE GALLERY REFRESH
   Integrated collection shelves + cleaner artwork stages.
   Visual only: case mechanics/prices/content unchanged.
   ========================================================= */
:root[data-theme="hub"] .page-cases .hub-showcase-collection{
  --collection-a:#ff725e;
  --collection-b:#7b6cff;
  margin-bottom:42px!important;
}
:root[data-theme="hub"] .page-cases .hub-showcase-oscar{
  --collection-a:#ff765d;
  --collection-b:#d89a54;
}
:root[data-theme="hub"] .page-cases .hub-showcase-starter{
  --collection-a:#9a66ff;
  --collection-b:#ff6398;
}
:root[data-theme="hub"] .page-cases .hub-showcase-prism{
  --collection-a:#7d79ff;
  --collection-b:#6dd4c5;
}
:root[data-theme="hub"] .page-cases .hub-showcase-flex{
  --collection-a:#ff765e;
  --collection-b:#936cff;
}
:root[data-theme="hub"] .page-cases .hub-showcase-arsenal{
  --collection-a:#6b91ff;
  --collection-b:#ff6a65;
}
:root[data-theme="hub"] .page-cases .hub-showcase-stack{
  --collection-a:#a9adb9;
  --collection-b:#ff765e;
}

:root[data-theme="hub"] .page-cases .hub-showcase-frame{
  padding:14px!important;
  border-radius:25px!important;
  border:1px solid rgba(255,255,255,.065)!important;
  background:
    radial-gradient(900px 280px at 8% -18%,color-mix(in srgb,var(--collection-a) 10%,transparent),transparent 61%),
    radial-gradient(760px 260px at 94% -14%,color-mix(in srgb,var(--collection-b) 8%,transparent),transparent 62%),
    linear-gradient(180deg,rgba(17,19,29,.88),rgba(8,10,16,.80))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.034),
    inset 0 -1px 0 rgba(0,0,0,.36),
    0 24px 68px rgba(0,0,0,.18)!important;
}
:root[data-theme="hub"] .page-cases .hub-showcase-frame:before{
  left:4%!important;
  right:4%!important;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--collection-a) 48%,transparent),color-mix(in srgb,var(--collection-b) 38%,transparent),transparent)!important;
  opacity:.68!important;
}
:root[data-theme="hub"] .page-cases .hub-showcase-frame:after{
  content:"";
  position:absolute;
  left:18px;right:18px;bottom:10px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.075),transparent);
  pointer-events:none;
}

:root[data-theme="hub"] .page-cases .hub-static-grid{
  gap:10px!important;
}
:root[data-theme="hub"] .page-cases .oscar-case-grid.hub-static-grid{gap:10px!important}
:root[data-theme="hub"] .page-cases .arsenal-case-grid.hub-static-grid{column-gap:10px!important;row-gap:10px!important}
:root[data-theme="hub"] .page-cases .stack-case-grid.hub-static-grid{gap:10px!important}

:root[data-theme="hub"] .page-cases .hub-static-grid .case-card{
  height:300px!important;
  min-height:300px!important;
  padding:10px 10px 12px!important;
  grid-template-rows:214px 31px 33px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.052)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.030),rgba(255,255,255,.006) 72%),
    rgba(7,9,15,.52)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.024),
    inset 0 -1px 0 rgba(0,0,0,.32)!important;
  transform:none!important;
}
:root[data-theme="hub"] .page-cases .hub-static-grid .case-card:hover{
  transform:translateY(-5px)!important;
  border-color:color-mix(in srgb,var(--accent) 30%,rgba(255,255,255,.085))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 18px 40px rgba(0,0,0,.28),
    0 0 28px color-mix(in srgb,var(--accent) 8%,transparent)!important;
}
:root[data-theme="hub"] .page-cases .hub-static-grid .case-card:before{
  left:14%!important;right:14%!important;bottom:-30px!important;height:72px!important;
  opacity:.095!important;
  filter:blur(38px)!important;
}

/* Artwork now sits on one clean integrated stage instead of a faint circular target. */
:root[data-theme="hub"] .page-cases .hub-static-grid .case-art{
  height:214px!important;
  min-height:214px!important;
  max-height:214px!important;
  border-radius:15px!important;
  background:
    radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--accent) 11%,transparent),transparent 52%),
    linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0) 66%)!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.022)!important;
}
:root[data-theme="hub"] .page-cases .hub-static-grid .case-art:after{
  content:"";
  position:absolute;
  left:14%;right:14%;bottom:14px;height:18px;
  border-radius:50%;
  background:rgba(0,0,0,.36);
  filter:blur(12px);
  z-index:0;
  pointer-events:none;
}
:root[data-theme="hub"] .page-cases .hub-static-grid .case-art>img{position:relative;z-index:1}

:root[data-theme="hub"] .page-cases .hub-static-grid .case-card-title{
  font-size:14px!important;
  letter-spacing:.055em!important;
  height:31px!important;
  text-shadow:0 1px 10px rgba(0,0,0,.36);
}
:root[data-theme="hub"] .page-cases .hub-static-grid .case-price-tag.case-price-centered{
  height:27px!important;
  min-width:76px!important;
  padding:0 11px!important;
  background:rgba(8,10,16,.88)!important;
  border-color:rgba(255,255,255,.085)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}

/* LOWKEY master alignment: QUICK used to carry an obsolete -10px compensation. */
:root[data-theme="hub"] .page-cases .starter-case-card .lowkey-product-art .lowkey-case-product-image{
  transform:translate(0,2px)!important;
}
:root[data-theme="hub"] .page-cases .starter-case-card.case-starter-quick .lowkey-product-art .lowkey-case-product-image{
  transform:translate(0,2px)!important;
}

/* Slight collection label polish, keeps the current site language and spacing. */
:root[data-theme="hub"] .page-cases .collection-heading{
  margin:38px 0 13px!important;
}
:root[data-theme="hub"] .page-cases .collection-heading:before{
  background:var(--collection-a)!important;
  box-shadow:0 0 16px color-mix(in srgb,var(--collection-a) 38%,transparent)!important;
}
:root[data-theme="hub"] .page-cases .collection-heading:after{
  background:linear-gradient(90deg,color-mix(in srgb,var(--collection-a) 23%,rgba(255,255,255,.10)),color-mix(in srgb,var(--collection-b) 13%,transparent),transparent)!important;
}

@media(max-width:1180px){
  :root[data-theme="hub"] .page-cases .hub-static-grid .case-card{height:292px!important;min-height:292px!important;grid-template-rows:206px 31px 33px!important}
  :root[data-theme="hub"] .page-cases .hub-static-grid .case-art{height:206px!important;min-height:206px!important;max-height:206px!important}
}
@media(max-width:760px){
  :root[data-theme="hub"] .page-cases .hub-showcase-frame{padding:9px!important;border-radius:20px!important}
  :root[data-theme="hub"] .page-cases .hub-static-grid{gap:9px!important}
  :root[data-theme="hub"] .page-cases .starter-case-card .lowkey-product-art .lowkey-case-product-image,
  :root[data-theme="hub"] .page-cases .starter-case-card.case-starter-quick .lowkey-product-art .lowkey-case-product-image{transform:translate(0,2px)!important}
}

/* =========================================================
   v154 — UPGRADE WHEEL POLISH
   Visual-only refinement of the v152/v153 upgrade stage.
   ========================================================= */

/* Move the wheel and its black circular cradle slightly lower so the drum
   sits visually in the centre of the dark seat between the two side blocks. */
:root[data-theme="hub"] .hub-u151-stage:after{
  top:43px!important;
}
:root[data-theme="hub"] .hub-u151-core{
  top:44px!important;
}

/* Clean wheel: remove decorative black/coloured tick rings. Keep only the
   probability annulus, inner dark disc and the elegant illuminated pointer. */
:root[data-theme="hub"] .hub-u151-wheel-wrap:before{
  display:none!important;
  content:none!important;
}
:root[data-theme="hub"] .hub-u151-wheel-wrap:after{
  inset:11px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:0 0 0 6px #07080d!important;
}
:root[data-theme="hub"] .hub-u151-wheel:after{
  display:none!important;
  content:none!important;
}
:root[data-theme="hub"] .hub-u151-wheel{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.065),
    0 0 0 1px rgba(0,0,0,.82),
    0 16px 38px rgba(0,0,0,.42)!important;
}
:root[data-theme="hub"] .hub-u151-wheel:before{
  border-color:rgba(255,255,255,.05)!important;
}

/* Keep the thin pointer, but make it the only decorative element around the
   sector ring. */
:root[data-theme="hub"] .hub-u151-pointer{
  filter:drop-shadow(0 0 5px rgba(255,224,118,.74)) drop-shadow(0 0 11px rgba(224,126,73,.20))!important;
}
:root[data-theme="hub"] .hub-u151-pointer>i{
  width:4px!important;
  height:32px!important;
  top:9px!important;
}

/* Centre only the selected skin artwork/caption inside the visible left/right
   panels. The blocks themselves and wheel geometry remain untouched. */
:root[data-theme="hub"] .hub-u151-source .compact-skin{
  transform:translate(-34px,-8px)!important;
}
:root[data-theme="hub"] .hub-u151-target .compact-skin{
  transform:translate(34px,-8px)!important;
}
:root[data-theme="hub"] .hub-u151-source .hub-u151-empty{
  transform:translateX(-34px)!important;
}
:root[data-theme="hub"] .hub-u151-target .hub-u151-empty{
  transform:translateX(34px)!important;
}

/* Weapon type + condition gets stronger hierarchy while skin name and price
   stay aligned underneath. */
:root[data-theme="hub"] .hub-u151-side .compact-skin-caption{
  width:min(100%,360px)!important;
  padding:0 10px!important;
}
:root[data-theme="hub"] .hub-u151-side .compact-skin-caption small{
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:.025em!important;
  color:#b8b7b8!important;
}
:root[data-theme="hub"] .hub-u151-side .compact-skin-caption strong{
  font-size:18px!important;
  line-height:1.08!important;
  font-weight:950!important;
}
:root[data-theme="hub"] .hub-u151-side .compact-skin-caption b{
  font-size:18px!important;
  font-weight:950!important;
}

/* Result buttons stay below the wheel after the vertical shift. */
:root[data-theme="hub"] .hub-u151-actions{
  margin-top:22px!important;
}

@media(max-width:1120px){
  :root[data-theme="hub"] .hub-u151-stage:after{top:12px!important}
  :root[data-theme="hub"] .hub-u151-core{top:auto!important}
  :root[data-theme="hub"] .hub-u151-source .compact-skin,
  :root[data-theme="hub"] .hub-u151-target .compact-skin{transform:translateY(-8px)!important}
  :root[data-theme="hub"] .hub-u151-source .hub-u151-empty,
  :root[data-theme="hub"] .hub-u151-target .hub-u151-empty{transform:none!important}
}
@media(max-width:690px){
  :root[data-theme="hub"] .hub-u151-side .compact-skin-caption small{font-size:11px!important}
  :root[data-theme="hub"] .hub-u151-side .compact-skin-caption strong,
  :root[data-theme="hub"] .hub-u151-side .compact-skin-caption b{font-size:16px!important}
}
/* Keep enough vertical breathing room after lowering the drum so action buttons
   and the browser panels never collide. */
:root[data-theme="hub"] .hub-u151-stage{min-height:438px!important}
@media(max-width:1120px){:root[data-theme="hub"] .hub-u151-stage{min-height:0!important}}

/* =========================================================
   v156 — tactile controls + fluid shared navigation
   ========================================================= */
:root[data-theme="hub"] button,
:root[data-theme="hub"] .admin-inline,
:root[data-theme="hub"] .steam-profile-mini,
:root[data-theme="hub"] .wallet-box{
  transition:transform .16s cubic-bezier(.2,.8,.2,1),filter .16s ease,box-shadow .16s ease,border-color .16s ease,background .22s ease!important;
}
:root[data-theme="hub"] button:not(:disabled):not(.nav-icon-button):hover,
:root[data-theme="hub"] .admin-inline:hover,
:root[data-theme="hub"] .steam-profile-mini:hover{
  filter:brightness(1.07)!important;
}
:root[data-theme="hub"] button:not(:disabled):not(.nav-icon-button):active,
:root[data-theme="hub"] .admin-inline:active,
:root[data-theme="hub"] .steam-profile-mini:active{
  transform:translateY(2px) scale(.985)!important;
  filter:brightness(.96)!important;
}
:root[data-theme="hub"] .wallet-box,
:root[data-theme="hub"] .steam-profile-mini,
:root[data-theme="hub"] .deposit-header-btn{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 4px 10px rgba(0,0,0,.28),0 1px 0 rgba(0,0,0,.9)!important;
}

/* One continuous nav surface. Individual little boxes are intentionally gone. */
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{
  display:grid!important;
  grid-template-columns:repeat(4,80px)!important;
  gap:2px!important;
  width:auto!important;
  padding:4px!important;
  border-radius:15px!important;
  background:linear-gradient(180deg,rgba(20,21,29,.96),rgba(9,10,15,.98))!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 28px rgba(0,0,0,.26)!important;
  overflow:hidden!important;
}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button{
  position:relative!important;
  isolation:isolate!important;
  width:80px!important;min-width:80px!important;max-width:80px!important;
  height:48px!important;min-height:48px!important;
  padding:3px 5px 4px!important;
  gap:2px!important;
  border:0!important;outline:0!important;
  border-radius:11px!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button:before{
  content:""!important;
  position:absolute!important;inset:2px!important;z-index:-1!important;
  border-radius:9px!important;
  opacity:0!important;
  background:linear-gradient(110deg,rgba(255,116,83,.05),rgba(255,139,93,.25),rgba(116,92,193,.15),rgba(255,116,83,.05))!important;
  background-size:240% 100%!important;
  transform:scale(.88)!important;
  transition:opacity .24s ease,transform .3s cubic-bezier(.2,.8,.2,1)!important;
}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button:hover:before{opacity:.42!important;transform:scale(1)!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active:before{
  opacity:1!important;transform:scale(1)!important;
  animation:korzhNavFlow 1.7s ease-in-out infinite alternate!important;
}
@keyframes korzhNavFlow{from{background-position:0% 50%;filter:saturate(.9)}to{background-position:100% 50%;filter:saturate(1.18)}}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-frame{
  width:27px!important;min-width:27px!important;max-width:27px!important;
  height:25px!important;min-height:25px!important;flex:0 0 25px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;
}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-frame:before,
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-frame:after,
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button:after{display:none!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav svg{width:20px!important;height:20px!important;stroke:#d7d7dc!important;filter:drop-shadow(0 2px 3px rgba(0,0,0,.45))!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-button-label{font-size:6.8px!important;line-height:1!important;letter-spacing:.035em!important;color:#7d808b!important;font-weight:950!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active .nav-button-label{color:#f4eee7!important;text-shadow:0 0 12px rgba(255,133,94,.18)!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active svg{stroke:#fff5eb!important;filter:drop-shadow(0 0 7px rgba(255,130,88,.35))!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button[data-page="upgrade"] svg .nav-pulse{stroke:#ffc08a!important;stroke-width:1.55!important}

@media(max-width:1100px){
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{grid-template-columns:repeat(4,72px)!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button{width:72px!important;min-width:72px!important;max-width:72px!important;height:46px!important;min-height:46px!important}
}
@media(max-width:650px){
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{grid-template-columns:repeat(4,56px)!important;gap:1px!important;padding:3px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button{width:56px!important;min-width:56px!important;max-width:56px!important;height:44px!important;min-height:44px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-frame{width:24px!important;min-width:24px!important;max-width:24px!important;height:22px!important;min-height:22px!important;flex-basis:22px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav svg{width:17px!important;height:17px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-button-label{font-size:5.7px!important}
}
/* v156 QA — active nav is a soft flowing glow, not another nested box */
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active:before{
  inset:-7px 0!important;
  border-radius:18px!important;
  background:linear-gradient(105deg,transparent 0%,rgba(255,104,73,.10) 18%,rgba(255,137,88,.34) 48%,rgba(123,96,205,.17) 72%,transparent 100%)!important;
  filter:blur(5px) saturate(1.12)!important;
  opacity:.9!important;
}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active{
  outline:0!important;background:transparent!important;box-shadow:none!important;
}

/* =========================================================
   v156 — clean wheel / header gear / flat active glow
   ========================================================= */

/* Upgrade: remove the black circular spacer entirely. The wheel itself is the
   centre object and overlaps both support panels. */
:root[data-theme="hub"] .hub-u151-stage:after{display:none!important;content:none!important}
:root[data-theme="hub"] .hub-u151-stage{min-height:414px!important}
:root[data-theme="hub"] .hub-u151-core{
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-41.5%)!important;
  width:344px!important;
  height:390px!important;
  justify-content:flex-start!important;
  z-index:12!important;
}
:root[data-theme="hub"] .hub-u151-wheel-wrap{
  width:324px!important;
  height:324px!important;
  margin:0 auto!important;
  border-radius:50%!important;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.46)) drop-shadow(0 24px 42px rgba(0,0,0,.28))!important;
}
/* absolutely no tick rings / decorative black rings */
:root[data-theme="hub"] .hub-u151-wheel-wrap:before,
:root[data-theme="hub"] .hub-u151-wheel-wrap:after,
:root[data-theme="hub"] .hub-u151-wheel:after{display:none!important;content:none!important}
:root[data-theme="hub"] .hub-u151-wheel{
  width:324px!important;
  height:324px!important;
  background:conic-gradient(from 0deg,#63d991 0 calc(var(--chance)*1%),#30343e calc(var(--chance)*1%) 100%)!important;
  border:1px solid rgba(255,255,255,.065)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 0 0 1px rgba(0,0,0,.82),
    0 12px 28px rgba(0,0,0,.46),
    0 0 30px rgba(0,0,0,.26)!important;
}
:root[data-theme="hub"] .hub-u151-wheel:before{
  inset:32px!important;
  border:0!important;
  background:radial-gradient(circle at 46% 36%,#161820 0%,#0d0f15 64%,#090a0f 100%)!important;
  box-shadow:inset 0 0 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
:root[data-theme="hub"] .hub-u151-wheel-inner{width:210px!important;height:210px!important}
:root[data-theme="hub"] .hub-u151-wheel-inner>strong{font-size:46px!important}
/* pre-spin / normal state is success-green; only an actual loss changes it red */
:root[data-theme="hub"] .hub-u151-wheel.result-win{
  background:conic-gradient(from 0deg,#63d991 0 calc(var(--chance)*1%),#30343e calc(var(--chance)*1%) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(101,232,154,.14),0 0 0 1px rgba(0,0,0,.82),0 0 30px rgba(80,214,137,.10),0 12px 28px rgba(0,0,0,.46)!important;
}
:root[data-theme="hub"] .hub-u151-wheel.result-lose{
  background:conic-gradient(from 0deg,#e05f62 0 calc(var(--chance)*1%),#30343e calc(var(--chance)*1%) 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(238,106,110,.14),0 0 0 1px rgba(0,0,0,.82),0 0 28px rgba(224,95,98,.09),0 12px 28px rgba(0,0,0,.46)!important;
}
/* pointer stays entirely inside the annulus: its tip never crosses into the
   inner black disc */
:root[data-theme="hub"] .hub-u151-pointer{
  inset:0!important;
  width:324px!important;
  height:324px!important;
  filter:drop-shadow(0 0 5px rgba(255,227,126,.78)) drop-shadow(0 0 9px rgba(230,141,79,.22))!important;
}
:root[data-theme="hub"] .hub-u151-pointer>i{
  top:5px!important;
  width:4px!important;
  height:22px!important;
  border-radius:3px!important;
  background:linear-gradient(180deg,#fff7c7,#f1d162 62%,#c98250)!important;
  clip-path:polygon(50% 0,100% 18%,72% 100%,28% 100%,0 18%)!important;
}
:root[data-theme="hub"] .hub-u151-actions{margin-top:18px!important}

/* Global settings now lives after the profile chip in the site's top deck. */
:root[data-theme="hub"] .site-settings-btn{
  width:42px!important;height:42px!important;min-width:42px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.075)!important;border-radius:12px!important;
  background:linear-gradient(180deg,#171923,#0d0f16)!important;
  color:#ddd9d3!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.085),0 4px 10px rgba(0,0,0,.28),0 1px 0 rgba(0,0,0,.9)!important;
}
:root[data-theme="hub"] .site-settings-btn svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.45!important;stroke-linecap:round!important;stroke-linejoin:round!important}
:root[data-theme="hub"] .site-settings-btn:hover{border-color:rgba(255,133,91,.22)!important;color:#fff2e8!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 5px 13px rgba(0,0,0,.30),0 0 18px rgba(255,116,76,.06)!important}

/* Active navigation glow has no nested square/outline — just a soft light pool. */
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active:before{
  inset:-15px -12px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(255,137,91,.30) 0%,rgba(255,102,73,.13) 34%,rgba(121,96,199,.09) 52%,transparent 74%)!important;
  filter:blur(7px) saturate(1.12)!important;
  opacity:1!important;
  transform:none!important;
  animation:korzhNavGlow156 1.9s ease-in-out infinite alternate!important;
}
@keyframes korzhNavGlow156{from{opacity:.72;filter:blur(7px) saturate(1)}to{opacity:1;filter:blur(9px) saturate(1.18)}}

/* Shared settings popover */
.site-settings-overlay{position:fixed;inset:0;z-index:950;display:grid;place-items:center;padding:18px;background:rgba(3,4,8,.70);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.site-settings-modal{width:min(440px,calc(100vw - 30px));overflow:hidden;border-radius:22px;background:linear-gradient(165deg,#171922,#0d0f16 68%,#0a0c12);border:1px solid rgba(255,255,255,.085);box-shadow:0 32px 90px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.05)}
.site-settings-modal>header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 18px;border-bottom:1px solid rgba(255,255,255,.055);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}
.site-settings-title{display:flex;align-items:center;gap:11px}.site-settings-title>span{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,rgba(255,123,83,.15),rgba(116,91,191,.09));border:1px solid rgba(255,138,99,.14)}.site-settings-title svg{width:19px;height:19px;fill:none;stroke:#f2eee9;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.site-settings-title small{display:block;font-size:6px;color:#6e717c;font-weight:950;letter-spacing:.14em}.site-settings-title h2{margin:4px 0 0;font-size:15px;letter-spacing:.02em}.site-settings-close{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#0c0e14;color:#858894;font-size:20px;display:grid;place-items:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 4px 10px rgba(0,0,0,.22)}
.site-settings-body{padding:14px;display:grid;gap:8px}.site-setting-line,.site-setting-group{min-height:68px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.007));padding:12px 14px;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 4px 12px rgba(0,0,0,.15)}.site-setting-line{display:flex;align-items:center;justify-content:space-between;text-align:left}.site-setting-line strong,.site-setting-group strong{display:block;font-size:10px;letter-spacing:.04em;color:#e9e5df}.site-setting-line span,.site-setting-group span{display:block;margin-top:5px;font-size:7.5px;line-height:1.35;color:#70737f}
.site-designer-switch{width:48px;height:27px;min-width:48px;border-radius:99px;background:#232632;border:1px solid rgba(255,255,255,.09);padding:3px;box-shadow:inset 0 3px 7px rgba(0,0,0,.4);transition:.22s ease}.site-designer-switch b{display:block;width:19px;height:19px;border-radius:50%;background:linear-gradient(180deg,#d9dbe0,#8f929d);box-shadow:0 3px 7px rgba(0,0,0,.35),inset 0 1px 0 #fff8;transform:translateX(0);transition:.24s cubic-bezier(.2,.8,.2,1)}.site-designer-switch.on{background:linear-gradient(90deg,#b95c3e,#d77f54);border-color:rgba(255,154,112,.35)}.site-designer-switch.on b{transform:translateX(21px);background:linear-gradient(180deg,#fff3e6,#e5cbb8)}
.site-setting-group{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.site-setting-segment{display:flex;gap:2px;padding:3px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#090b11}.site-setting-segment button{height:31px;min-width:44px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#696c77;font-size:8px;font-weight:950;box-shadow:none}.site-setting-segment button.active{background:linear-gradient(145deg,#d7875d,#a85b40);color:#1a0f0b;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 3px 7px rgba(0,0,0,.26)}
@media(max-width:1120px){:root[data-theme="hub"] .hub-u151-core{top:auto!important;transform:none!important}.site-settings-btn{width:38px!important;height:38px!important;min-width:38px!important}}
@media(max-width:620px){.site-setting-group{grid-template-columns:1fr}.site-setting-segment{width:100%}.site-setting-segment button{flex:1}}

/* v156 QA alignment */
:root[data-theme="hub"] .site-settings-btn{order:4!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active:before{display:none!important;content:none!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active{filter:drop-shadow(0 0 8px rgba(255,133,89,.22))!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active .nav-icon-frame{filter:drop-shadow(0 0 7px rgba(255,133,89,.34))!important}

/* Visible wheel diameter now matches the side-panel height. */
:root[data-theme="hub"] .hub-u151-wheel-wrap,:root[data-theme="hub"] .hub-u151-wheel{width:304px!important;height:304px!important}
:root[data-theme="hub"] .hub-u151-pointer{width:304px!important;height:304px!important;inset:0!important}
:root[data-theme="hub"] .hub-u151-wheel:before{inset:30px!important}
:root[data-theme="hub"] .hub-u151-wheel-inner{width:196px!important;height:196px!important}
:root[data-theme="hub"] .hub-u151-core{width:328px!important}

/* =========================================================
   v157 — upgrade stage alignment + cleaner wheel + denser nav
   ========================================================= */
:root[data-theme="hub"] .hub-u151-stage{
  min-height:438px!important;
  padding:30px 26px 20px!important;
  gap:0!important;
  align-items:start!important;
  overflow:visible!important;
}
:root[data-theme="hub"] .hub-u151-side{
  height:330px!important;
  min-height:330px!important;
  z-index:2!important;
  overflow:hidden!important;
  background:
    radial-gradient(ellipse 78% 112% at 50% 42%,color-mix(in srgb,var(--selected-rarity,#c97d62) 32%,transparent) 0%,color-mix(in srgb,var(--selected-rarity,#c97d62) 16%,transparent) 34%,transparent 68%),
    radial-gradient(ellipse 58% 44% at 50% 82%,color-mix(in srgb,var(--selected-rarity,#c97d62) 10%,transparent),transparent 74%),
    linear-gradient(155deg,#151720 0%,#0c0e14 76%,#090a0f 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -28px 52px rgba(0,0,0,.20),0 18px 40px rgba(0,0,0,.22)!important;
}
:root[data-theme="hub"] .hub-u151-source{
  width:calc(100% + 136px)!important;
  margin-right:-136px!important;
  padding-right:154px!important;
  border-radius:24px 36px 36px 24px!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
:root[data-theme="hub"] .hub-u151-target{
  width:calc(100% + 136px)!important;
  margin-left:-136px!important;
  padding-left:154px!important;
  border-radius:36px 24px 24px 36px!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
/* The wheel physically sits above the inward panel ends, so the two surfaces
   disappear cleanly under the drum instead of exposing square edges. */
:root[data-theme="hub"] .hub-u151-core{
  left:50%!important;
  top:30px!important;
  transform:translateX(-50%)!important;
  width:356px!important;
  height:auto!important;
  justify-content:flex-start!important;
  z-index:30!important;
}
:root[data-theme="hub"] .hub-u151-wheel-wrap,
:root[data-theme="hub"] .hub-u151-wheel{
  width:330px!important;
  height:330px!important;
}
:root[data-theme="hub"] .hub-u151-wheel-wrap{
  margin:0 auto!important;
  border-radius:50%!important;
  z-index:31!important;
  filter:drop-shadow(0 10px 12px rgba(0,0,0,.48)) drop-shadow(0 22px 34px rgba(0,0,0,.30))!important;
}
:root[data-theme="hub"] .hub-u151-wheel-wrap:before,
:root[data-theme="hub"] .hub-u151-wheel-wrap:after,
:root[data-theme="hub"] .hub-u151-wheel:after{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
}
/* Muted success green; no extra coloured slivers/ticks. */
:root[data-theme="hub"] .hub-u151-wheel{
  --sector-green:#67c892;
  --sector-red:#d86164;
  background:conic-gradient(from 0deg,var(--sector-green) 0deg calc(var(--chance)*3.6deg),#353943 calc(var(--chance)*3.6deg) 360deg)!important;
  border:1px solid rgba(255,255,255,.065)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 0 0 1px rgba(0,0,0,.76),0 14px 28px rgba(0,0,0,.44)!important;
  overflow:visible!important;
}
:root[data-theme="hub"] .hub-u151-wheel:before{
  inset:34px!important;
  background:radial-gradient(circle at 47% 36%,#171922 0%,#0e1016 62%,#090a0f 100%)!important;
  border:1px solid rgba(255,255,255,.045)!important;
  box-shadow:inset 0 0 32px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
:root[data-theme="hub"] .hub-u151-wheel-inner{width:214px!important;height:214px!important}
:root[data-theme="hub"] .hub-u151-wheel-inner>strong{font-size:47px!important}
:root[data-theme="hub"] .hub-u151-wheel.result-win{
  background:conic-gradient(from 0deg,#67c892 0deg calc(var(--chance)*3.6deg),#353943 calc(var(--chance)*3.6deg) 360deg)!important;
  box-shadow:inset 0 0 0 1px rgba(103,200,146,.12),0 0 0 1px rgba(0,0,0,.76),0 14px 28px rgba(0,0,0,.44),0 0 24px rgba(103,200,146,.07)!important;
}
:root[data-theme="hub"] .hub-u151-wheel.result-lose{
  background:conic-gradient(from 0deg,#d86164 0deg calc(var(--chance)*3.6deg),#353943 calc(var(--chance)*3.6deg) 360deg)!important;
  box-shadow:inset 0 0 0 1px rgba(216,97,100,.12),0 0 0 1px rgba(0,0,0,.76),0 14px 28px rgba(0,0,0,.44),0 0 22px rgba(216,97,100,.06)!important;
}
/* Pointer is always the topmost object and stays completely inside the annulus.
   Bright ivory + dark edge keeps it readable over both green and neutral fill. */
:root[data-theme="hub"] .hub-u151-pointer{
  inset:0!important;
  width:330px!important;
  height:330px!important;
  z-index:60!important;
  filter:drop-shadow(0 0 1px #22160c) drop-shadow(0 0 5px rgba(255,239,178,.92)) drop-shadow(0 0 10px rgba(226,145,74,.32))!important;
}
:root[data-theme="hub"] .hub-u151-pointer>i{
  left:50%!important;
  top:7px!important;
  width:5px!important;
  height:20px!important;
  transform:translateX(-50%)!important;
  border-radius:5px 5px 2px 2px!important;
  background:linear-gradient(180deg,#fffef4 0%,#ffe8a5 48%,#e2a45f 100%)!important;
  clip-path:polygon(50% 0,100% 22%,72% 100%,28% 100%,0 22%)!important;
}
/* Make the item colour read as atmosphere across the whole selected panel. */
:root[data-theme="hub"] .hub-u151-side.has-item:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  z-index:0!important;
  background:radial-gradient(ellipse 68% 90% at 50% 45%,color-mix(in srgb,var(--selected-rarity,#c97d62) 18%,transparent),transparent 72%)!important;
  mix-blend-mode:screen!important;
  opacity:.9!important;
}
:root[data-theme="hub"] .hub-u151-side-content{position:relative!important;z-index:1!important}

/* Action row has its own clear band between upper stage and browser panels. */
:root[data-theme="hub"] .hub-u151-actions{
  width:294px!important;
  min-height:54px!important;
  margin-top:14px!important;
  position:relative!important;
  z-index:70!important;
}
:root[data-theme="hub"] .hub-u151-run-row{grid-template-columns:1fr 54px!important;gap:9px!important}
:root[data-theme="hub"] .hub-u151-run{height:52px!important}
:root[data-theme="hub"] .hub-u151-fast{width:54px!important;height:52px!important}
:root[data-theme="hub"] .hub-u151-browsers{margin-top:14px!important}

/* Denser interaction switcher — same continuous surface, less dead air. */
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{
  grid-template-columns:repeat(4,70px)!important;
  gap:0!important;
  padding:3px!important;
}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button{
  width:70px!important;min-width:70px!important;max-width:70px!important;
  height:46px!important;min-height:46px!important;
  padding:3px 3px 4px!important;
}

/* Header right cluster: settings has the same visual height as wallet/profile. */
:root[data-theme="hub"] .site-settings-btn{
  width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;flex:0 0 36px!important;
  border-radius:11px!important;
}
:root[data-theme="hub"] .site-settings-btn svg{width:17px!important;height:17px!important}
:root[data-theme="hub"] .korzh-shared-header .steam-profile-mini{height:36px!important}
:root[data-theme="hub"] .korzh-shared-header .wallet-box{height:36px!important}

@media(max-width:1120px){
  :root[data-theme="hub"] .hub-u151-stage{min-height:0!important;padding:18px!important;gap:14px!important}
  :root[data-theme="hub"] .hub-u151-side{height:300px!important;min-height:300px!important}
  :root[data-theme="hub"] .hub-u151-source,
  :root[data-theme="hub"] .hub-u151-target{width:100%!important;margin:0!important;padding:18px 28px!important}
  :root[data-theme="hub"] .hub-u151-core{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:336px!important;margin:0 auto!important}
  :root[data-theme="hub"] .hub-u151-wheel-wrap,
  :root[data-theme="hub"] .hub-u151-wheel,
  :root[data-theme="hub"] .hub-u151-pointer{width:310px!important;height:310px!important}
  :root[data-theme="hub"] .hub-u151-wheel:before{inset:32px!important}
  :root[data-theme="hub"] .hub-u151-wheel-inner{width:200px!important;height:200px!important}
  :root[data-theme="hub"] .hub-u151-actions{margin-top:12px!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{grid-template-columns:repeat(4,66px)!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button{width:66px!important;min-width:66px!important;max-width:66px!important}
}
@media(max-width:650px){
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{grid-template-columns:repeat(4,54px)!important}
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button{width:54px!important;min-width:54px!important;max-width:54px!important}
  :root[data-theme="hub"] .site-settings-btn{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important;flex-basis:34px!important}
}

/* =========================================================
   v158 — wheel layering / clean annulus / panel integration
   ========================================================= */
:root[data-theme="hub"] .hub-u151-stage{
  min-height:452px!important;
  padding:30px 26px 22px!important;
  align-items:start!important;
  isolation:isolate!important;
}

/* Side surfaces intentionally run beneath the centre drum.  Their inward
   edges do not draw a border, so there is no visible square seam behind it. */
:root[data-theme="hub"] .hub-u151-side{
  height:330px!important;
  min-height:330px!important;
  border:0!important;
  z-index:2!important;
  overflow:hidden!important;
  background:
    radial-gradient(ellipse 94% 118% at 50% 46%,color-mix(in srgb,var(--selected-rarity,#c97d62) 32%,transparent) 0%,color-mix(in srgb,var(--selected-rarity,#c97d62) 19%,transparent) 36%,color-mix(in srgb,var(--selected-rarity,#c97d62) 7%,transparent) 58%,transparent 76%),
    radial-gradient(ellipse 72% 52% at 50% 86%,color-mix(in srgb,var(--selected-rarity,#c97d62) 10%,transparent),transparent 75%),
    linear-gradient(155deg,#151720 0%,#0c0e14 76%,#090a0f 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.028),inset 0 -30px 54px rgba(0,0,0,.20),0 18px 38px rgba(0,0,0,.20)!important;
}
:root[data-theme="hub"] .hub-u151-source{
  width:calc(100% + 142px)!important;
  margin-right:-142px!important;
  padding-right:166px!important;
  border-radius:24px 38px 38px 24px!important;
}
:root[data-theme="hub"] .hub-u151-target{
  width:calc(100% + 142px)!important;
  margin-left:-142px!important;
  padding-left:166px!important;
  border-radius:38px 24px 24px 38px!important;
}

/* Keep artwork/caption centred in the actually visible half of each panel. */
:root[data-theme="hub"] .hub-u151-source .compact-skin{transform:translate(-42px,-7px)!important}
:root[data-theme="hub"] .hub-u151-target .compact-skin{transform:translate(42px,-7px)!important}
:root[data-theme="hub"] .hub-u151-source .hub-u151-empty{transform:translateX(-42px)!important}
:root[data-theme="hub"] .hub-u151-target .hub-u151-empty{transform:translateX(42px)!important}
:root[data-theme="hub"] .hub-u151-side .compact-skin{grid-template-rows:178px auto!important}
:root[data-theme="hub"] .hub-u151-side .skin-art{height:178px!important;min-height:178px!important;max-height:178px!important}
:root[data-theme="hub"] .hub-u151-side .skin-art img{max-height:168px!important;max-width:95%!important}

/* Centre wheel top/bottom exactly with the side blocks. */
:root[data-theme="hub"] .hub-u151-core{
  left:50%!important;
  top:30px!important;
  transform:translateX(-50%)!important;
  width:366px!important;
  height:auto!important;
  justify-content:flex-start!important;
  z-index:30!important;
  pointer-events:none!important;
}
:root[data-theme="hub"] .hub-u151-wheel-wrap{
  width:350px!important;
  height:350px!important;
  margin:0 auto!important;
  border-radius:50%!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  isolation:isolate!important;
  z-index:31!important;
  filter:none!important;
  pointer-events:auto!important;
}
/* A true circular backplate hides the inward ends of the two panels. */
:root[data-theme="hub"] .hub-u151-wheel-wrap:before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 48% 40%,#12141b 0%,#090a0f 70%,#06070b 100%)!important;
  border:1px solid rgba(255,255,255,.045)!important;
  box-shadow:0 0 0 1px rgba(0,0,0,.82),0 15px 26px rgba(0,0,0,.48),0 28px 46px rgba(0,0,0,.27)!important;
  opacity:1!important;
  -webkit-mask:none!important;
  mask:none!important;
  z-index:0!important;
  pointer-events:none!important;
}
:root[data-theme="hub"] .hub-u151-wheel-wrap:after{display:none!important;content:none!important}

/* The ring is split into a neutral base + a clipped probability layer.
   This removes the green seam/sliver that could appear at six o'clock. */
:root[data-theme="hub"] .hub-u151-wheel{
  --sector-color:#63c58d;
  width:330px!important;
  height:330px!important;
  border-radius:50%!important;
  position:relative!important;
  z-index:1!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:linear-gradient(145deg,#3a3e49,#2e313a 68%,#292c34)!important;
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -8px 20px rgba(0,0,0,.11)!important;
}
:root[data-theme="hub"] .hub-u151-wheel.result-win{--sector-color:#63c58d!important;background:linear-gradient(145deg,#3a3e49,#2e313a 68%,#292c34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -8px 20px rgba(0,0,0,.11)!important}
:root[data-theme="hub"] .hub-u151-wheel.result-lose{--sector-color:#d85f63!important;background:linear-gradient(145deg,#3a3e49,#2e313a 68%,#292c34)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -8px 20px rgba(0,0,0,.11)!important}
:root[data-theme="hub"] .hub-u151-wheel:after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  background:conic-gradient(from 0deg,var(--sector-color) 0 calc(var(--chance)*1%),transparent calc(var(--chance)*1%) 100%)!important;
  -webkit-mask:radial-gradient(circle at center,transparent 0 78.7%,#000 79.25% 99.1%,transparent 99.55%)!important;
  mask:radial-gradient(circle at center,transparent 0 78.7%,#000 79.25% 99.1%,transparent 99.55%)!important;
  z-index:1!important;
  pointer-events:none!important;
}
:root[data-theme="hub"] .hub-u151-wheel:before{
  inset:34px!important;
  z-index:2!important;
  background:radial-gradient(circle at 46% 34%,#171922 0%,#0e1016 62%,#090a0f 100%)!important;
  border:1px solid rgba(255,255,255,.042)!important;
  box-shadow:inset 0 0 34px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.024)!important;
}
:root[data-theme="hub"] .hub-u151-wheel-inner{width:214px!important;height:214px!important;z-index:4!important}

/* Pointer is always above the drum.  Its inward-facing tip ends at the inner
   edge of the annulus and never enters the centre disc. */
:root[data-theme="hub"] .hub-u151-pointer{
  inset:10px!important;
  width:330px!important;
  height:330px!important;
  z-index:80!important;
  pointer-events:none!important;
  filter:drop-shadow(0 0 1px rgba(31,18,8,.95)) drop-shadow(0 0 5px rgba(255,235,173,.92)) drop-shadow(0 0 10px rgba(227,145,76,.34))!important;
}
:root[data-theme="hub"] .hub-u151-pointer>i{
  left:50%!important;
  top:8px!important;
  width:10px!important;
  height:24px!important;
  transform:translateX(-50%)!important;
  border:0!important;
  border-radius:3px!important;
  background:linear-gradient(180deg,#fff6cf 0%,#f6d17a 50%,#dc914b 100%)!important;
  clip-path:polygon(27% 0,73% 0,100% 58%,50% 100%,0 58%)!important;
  box-shadow:none!important;
}
:root[data-theme="hub"] .hub-u151-pointer>i:before,
:root[data-theme="hub"] .hub-u151-pointer>i:after{display:none!important;content:none!important}

/* Centre the action cluster in a dedicated gap below the drum. */
:root[data-theme="hub"] .hub-u151-actions{
  width:294px!important;
  min-height:54px!important;
  margin-top:14px!important;
  position:relative!important;
  z-index:85!important;
  pointer-events:auto!important;
}
:root[data-theme="hub"] .hub-u151-browsers{margin-top:0!important}

@media(max-width:1120px){
  :root[data-theme="hub"] .hub-u151-stage{min-height:0!important;padding:18px!important;gap:14px!important}
  :root[data-theme="hub"] .hub-u151-side{height:300px!important;min-height:300px!important;border:0!important}
  :root[data-theme="hub"] .hub-u151-source,
  :root[data-theme="hub"] .hub-u151-target{width:100%!important;margin:0!important;padding:18px 28px!important}
  :root[data-theme="hub"] .hub-u151-core{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:336px!important;margin:0 auto!important}
  :root[data-theme="hub"] .hub-u151-wheel-wrap{width:326px!important;height:326px!important}
  :root[data-theme="hub"] .hub-u151-wheel,:root[data-theme="hub"] .hub-u151-pointer{width:308px!important;height:308px!important}
  :root[data-theme="hub"] .hub-u151-pointer{inset:9px!important}
  :root[data-theme="hub"] .hub-u151-wheel:before{inset:32px!important}
  :root[data-theme="hub"] .hub-u151-wheel-inner{width:198px!important;height:198px!important}
  :root[data-theme="hub"] .hub-u151-source .compact-skin,
  :root[data-theme="hub"] .hub-u151-target .compact-skin{transform:translateY(-7px)!important}
  :root[data-theme="hub"] .hub-u151-source .hub-u151-empty,
  :root[data-theme="hub"] .hub-u151-target .hub-u151-empty{transform:none!important}
}
/* v158 alignment correction: the visible 330px drum, not its shadow plate,
   matches the 330px side panels exactly. */
:root[data-theme="hub"] .hub-u151-wheel-wrap{width:330px!important;height:330px!important}
:root[data-theme="hub"] .hub-u151-wheel-wrap:before{inset:-10px!important}
:root[data-theme="hub"] .hub-u151-pointer{inset:0!important}
@media(max-width:1120px){
  :root[data-theme="hub"] .hub-u151-wheel-wrap{width:308px!important;height:308px!important}
  :root[data-theme="hub"] .hub-u151-wheel-wrap:before{inset:-8px!important}
  :root[data-theme="hub"] .hub-u151-pointer{inset:0!important}
}

/* =========================================================
   v159 — wheel geometry / deterministic fresh-start needle
   ========================================================= */
:root[data-theme="hub"] .hub-u151-stage{
  isolation:isolate!important;
}

/* Side panels run beneath the drum; no rounded inner edge is allowed to peek
   out above or below the wheel. */
:root[data-theme="hub"] .hub-u151-side{
  z-index:1!important;
  border-radius:24px!important;
}
:root[data-theme="hub"] .hub-u151-source{
  width:calc(100% + 154px)!important;
  margin-right:-154px!important;
  padding-right:178px!important;
}
:root[data-theme="hub"] .hub-u151-target{
  width:calc(100% + 154px)!important;
  margin-left:-154px!important;
  padding-left:178px!important;
}

/* The wrapper is geometry only. Removing its old circular backplate removes
   the dark crescents that were visible at the upper/lower left of the drum. */
:root[data-theme="hub"] .hub-u151-wheel-wrap{
  width:330px!important;
  height:330px!important;
  z-index:40!important;
  overflow:visible!important;
  filter:drop-shadow(0 11px 18px rgba(0,0,0,.32))!important;
}
:root[data-theme="hub"] .hub-u151-wheel-wrap:before,
:root[data-theme="hub"] .hub-u151-wheel-wrap:after{
  display:none!important;
  content:none!important;
}

/* One-layer annulus: the green chance is part of the wheel background itself.
   This cannot disappear behind a pseudo-element and cannot leave a green seam. */
:root[data-theme="hub"] .hub-u151-wheel{
  --sector-color:#64ca8f;
  width:330px!important;
  height:330px!important;
  z-index:45!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.055)!important;
  background:conic-gradient(
    from 0deg,
    var(--sector-color) 0 var(--chance-pct,0%),
    #353943 var(--chance-pct,0%) 100%
  )!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 -9px 18px rgba(0,0,0,.10),
    0 0 0 1px rgba(0,0,0,.55)!important;
}
:root[data-theme="hub"] .hub-u151-wheel:after{
  display:none!important;
  content:none!important;
}
:root[data-theme="hub"] .hub-u151-wheel.result-win{--sector-color:#64ca8f!important}
:root[data-theme="hub"] .hub-u151-wheel.result-lose{--sector-color:#d85f63!important}
:root[data-theme="hub"] .hub-u151-wheel:before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:34px!important;
  border-radius:50%!important;
  z-index:2!important;
  background:radial-gradient(circle at 46% 34%,#151821 0%,#0d0f15 64%,#080a0f 100%)!important;
  border:1px solid rgba(255,255,255,.04)!important;
  box-shadow:inset 0 0 34px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.02)!important;
}
:root[data-theme="hub"] .hub-u151-wheel-inner{
  width:214px!important;
  height:214px!important;
  z-index:5!important;
}

/* Needle sits over every colour and exactly spans the annulus. Its point stops
   at the inner edge instead of entering the centre disc. */
:root[data-theme="hub"] .hub-u151-pointer{
  inset:0!important;
  width:330px!important;
  height:330px!important;
  z-index:100!important;
  pointer-events:none!important;
  filter:drop-shadow(0 0 1px #160d08) drop-shadow(0 0 5px rgba(255,227,148,.82))!important;
}
:root[data-theme="hub"] .hub-u151-pointer>i{
  left:50%!important;
  top:1px!important;
  width:12px!important;
  height:33px!important;
  transform:translateX(-50%)!important;
  border:0!important;
  border-radius:2px!important;
  background:linear-gradient(180deg,#fff7d7 0%,#f4cb69 48%,#d78743 100%)!important;
  clip-path:polygon(22% 0,78% 0,100% 45%,50% 100%,0 45%)!important;
  box-shadow:none!important;
}
:root[data-theme="hub"] .hub-u151-pointer>i:before,
:root[data-theme="hub"] .hub-u151-pointer>i:after{display:none!important;content:none!important}

@media(max-width:1120px){
  :root[data-theme="hub"] .hub-u151-source,
  :root[data-theme="hub"] .hub-u151-target{width:100%!important;margin:0!important;padding:18px 28px!important}
  :root[data-theme="hub"] .hub-u151-wheel-wrap,
  :root[data-theme="hub"] .hub-u151-wheel,
  :root[data-theme="hub"] .hub-u151-pointer{width:308px!important;height:308px!important}
  :root[data-theme="hub"] .hub-u151-wheel:before{inset:32px!important}
  :root[data-theme="hub"] .hub-u151-pointer>i{height:31px!important}
}


/* =========================================================
   v160 — clean wheel/result state + readability scale
   ========================================================= */
:root[data-theme="hub"] .hub-u151-side{
  width:100%!important;
  margin:0!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
:root[data-theme="hub"] .hub-u151-source{
  width:100%!important;
  margin-right:0!important;
  padding:24px 190px 24px 34px!important;
  border-radius:24px 0 0 24px!important;
}
:root[data-theme="hub"] .hub-u151-target{
  width:100%!important;
  margin-left:0!important;
  padding:24px 34px 24px 190px!important;
  border-radius:0 24px 24px 0!important;
}
/* no hidden rounded inner corners may leak around the wheel */
:root[data-theme="hub"] .hub-u151-source:before,
:root[data-theme="hub"] .hub-u151-target:before{border-radius:0!important}
:root[data-theme="hub"] .hub-u151-wheel{
  --sector-color:#568f72!important;
  background:conic-gradient(
    from 0deg,
    var(--sector-color) 0 var(--chance-pct,0%),
    #353943 var(--chance-pct,0%) 100%
  )!important;
}
:root[data-theme="hub"] .hub-u151-wheel.result-win,
:root[data-theme="hub"] .hub-u151-wheel.result-lose{
  /* sector is intentionally hidden after the round; JS sets chance to zero */
  background:#353943!important;
}
:root[data-theme="hub"] .hub-u151-pointer{
  z-index:120!important;
  filter:drop-shadow(0 0 1px #100b08) drop-shadow(0 0 4px rgba(255,228,154,.92)) drop-shadow(0 0 9px rgba(211,137,73,.30))!important;
}
:root[data-theme="hub"] .hub-u151-pointer>i{
  top:0!important;
  width:12px!important;
  height:34px!important;
  background:linear-gradient(180deg,#fff9dd 0%,#f5d47d 47%,#c98242 100%)!important;
  clip-path:polygon(18% 0,82% 0,100% 40%,50% 100%,0 40%)!important;
}
@media(max-width:1120px){
  :root[data-theme="hub"] .hub-u151-source,
  :root[data-theme="hub"] .hub-u151-target{width:100%!important;margin:0!important;padding:18px 28px!important;border-radius:22px!important}
}
/* slightly more readable desktop controls throughout the product without zoom hacks */
@media(min-width:1200px){
  :root[data-theme="hub"] .skin-card .skin-caption strong,
  :root[data-theme="hub"] .hub-u151-browser .skin-caption strong{font-size:12px!important}
  :root[data-theme="hub"] .skin-card .skin-caption small,
  :root[data-theme="hub"] .hub-u151-browser .skin-caption small{font-size:8px!important;font-weight:800!important}
  :root[data-theme="hub"] .skin-price,
  :root[data-theme="hub"] .skin-card .korzh-money-number{font-size:11px!important}
  :root[data-theme="hub"] button:not(.nav-icon-button):not(.profile-v81-rail-arrow){min-height:34px}
}

/* v160 desktop readability scale */
@media(min-width:1200px){
  :root[data-theme="hub"] header.korzh-shared-header,
  :root[data-theme="hub"] main,
  :root[data-theme="hub"] .feature-main{
    width:min(1540px,calc(100vw - 34px))!important;
    max-width:none!important;
  }
  :root[data-theme="hub"] header.korzh-shared-header .brand-word{font-size:29px!important}
  :root[data-theme="hub"] header.korzh-shared-header .brand-emblem.brand-token,
  :root[data-theme="hub"] header.korzh-shared-header .brand-emblem.brand-token img{width:48px!important;height:48px!important;min-width:48px!important;max-width:48px!important}
  :root[data-theme="hub"] header.korzh-shared-header .wallet-box .korzh-money-number{font-size:15px!important}
  :root[data-theme="hub"] header.korzh-shared-header .steam-profile-mini b{font-size:10px!important}
}

/* =========================================================
   v160 final QA — clean panel/wheel stack + readable scale
   ========================================================= */
:root[data-theme="hub"] .hub-u151-source::before,
:root[data-theme="hub"] .hub-u151-source::after,
:root[data-theme="hub"] .hub-u151-target::before,
:root[data-theme="hub"] .hub-u151-target::after{
  display:none!important;
  content:none!important;
}
/* The two support surfaces end on the exact centre line. The drum is the
   only rounded object at the join, so no panel corner can leak around it. */
:root[data-theme="hub"] .hub-u151-stage{column-gap:0!important}
:root[data-theme="hub"] .hub-u151-source{
  border-top-right-radius:0!important;
  border-bottom-right-radius:0!important;
}
:root[data-theme="hub"] .hub-u151-target{
  border-top-left-radius:0!important;
  border-bottom-left-radius:0!important;
}
:root[data-theme="hub"] .hub-u151-wheel-wrap{isolation:isolate!important}
:root[data-theme="hub"] .hub-u151-wheel{
  --sector-color:#527f68!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -8px 18px rgba(0,0,0,.12),0 10px 22px rgba(0,0,0,.28)!important;
}
:root[data-theme="hub"] .hub-u151-wheel.result-win,
:root[data-theme="hub"] .hub-u151-wheel.result-lose{
  background:linear-gradient(145deg,#383c46,#2f333c 70%,#2a2d35)!important;
}
:root[data-theme="hub"] .hub-u151-pointer>i{
  top:0!important;
  height:33px!important;
  z-index:150!important;
}

@media(min-width:1200px){
  :root[data-theme="hub"] header.korzh-shared-header,
  :root[data-theme="hub"] main,
  :root[data-theme="hub"] .feature-main{width:min(1600px,calc(100vw - 42px))!important}
  :root[data-theme="hub"] .hub-u151-browser h3{font-size:13px!important}
  :root[data-theme="hub"] .hub-u151-browser .skin-caption strong{font-size:13px!important;line-height:1.1!important}
  :root[data-theme="hub"] .hub-u151-browser .skin-caption small{font-size:9px!important}
  :root[data-theme="hub"] .hub-u151-browser .skin-caption b,
  :root[data-theme="hub"] .hub-u151-browser .korzh-money-number{font-size:12px!important}
}

/* =========================================================
   v161 — viewport-safe support + true settings portal
   ========================================================= */
#siteSettingsPortal{
  position:fixed!important;inset:0!important;z-index:2147483200!important;
  pointer-events:none!important;transform:none!important;filter:none!important;
  width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;
  overflow:visible!important;contain:none!important;isolation:isolate!important;
}
#siteSettingsPortal>.site-settings-overlay{
  position:fixed!important;inset:0!important;z-index:2147483200!important;
  display:grid!important;place-items:center!important;padding:18px!important;
  width:100dvw!important;height:100dvh!important;min-width:0!important;min-height:0!important;
  pointer-events:auto!important;transform:none!important;margin:0!important;
}
#siteSettingsPortal .site-settings-modal{
  position:relative!important;inset:auto!important;transform:none!important;margin:0!important;
  width:min(420px,calc(100dvw - 28px))!important;max-width:calc(100dvw - 28px)!important;
  max-height:calc(100dvh - 28px)!important;overflow:auto!important;
  box-sizing:border-box!important;
}
body.site-settings-open{overflow:hidden!important}

/* Support is a compact viewport widget, not a page-positioned drawer. */
#supportPortal{
  position:fixed!important;inset:0!important;z-index:2147483000!important;
  width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;
  pointer-events:none!important;overflow:visible!important;contain:none!important;
  transform:none!important;filter:none!important;isolation:isolate!important;
}
#supportPortal .support-widget-overlay{
  position:fixed!important;inset:0!important;z-index:2147483000!important;
  width:100dvw!important;height:100dvh!important;pointer-events:auto!important;
}
#supportPortal .support-fab{
  position:fixed!important;right:16px!important;bottom:16px!important;left:auto!important;top:auto!important;
  width:62px!important;height:62px!important;min-width:62px!important;max-width:62px!important;
  pointer-events:auto!important;transform:none!important;margin:0!important;
}
#supportPortal .support-widget-panel{
  position:fixed!important;left:auto!important;top:auto!important;right:14px!important;bottom:14px!important;
  width:min(354px,calc(100dvw - 28px))!important;max-width:calc(100dvw - 28px)!important;
  height:min(520px,calc(100dvh - 28px))!important;max-height:calc(100dvh - 28px)!important;
  min-width:0!important;min-height:0!important;margin:0!important;transform:none!important;
  display:grid!important;grid-template-rows:72px minmax(0,1fr)!important;
  border-radius:20px!important;overflow:hidden!important;pointer-events:auto!important;
  box-sizing:border-box!important;
}
#supportPortal .support-widget-panel:before{width:180px!important;height:160px!important;left:-58px!important;top:-62px!important;filter:blur(72px)!important}
#supportPortal .support-widget-head{
  min-height:72px!important;height:72px!important;padding:9px 48px 9px 10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
#supportPortal .support-head-center{
  min-width:0!important;width:auto!important;max-width:245px!important;height:52px!important;
  padding:5px 10px!important;gap:8px!important;border-radius:14px!important;
}
#supportPortal .support-head-center .support-cookie-headset{width:40px!important;height:40px!important}
#supportPortal .support-head-center .support-cookie-headset img{width:34px!important;height:34px!important}
#supportPortal .support-head-center b{font-size:10px!important;letter-spacing:.09em!important}
#supportPortal .support-head-center small{font-size:7px!important;letter-spacing:.10em!important}
#supportPortal .support-widget-head>button{
  right:10px!important;width:34px!important;height:34px!important;border-radius:10px!important;font-size:20px!important;
}
#supportPortal .support-widget-body{
  min-width:0!important;max-width:100%!important;padding:12px!important;overflow:auto!important;overscroll-behavior:contain!important;
}
#supportPortal .support-new-form,#supportPortal .support-ticket-view{min-height:0!important;height:auto!important}
#supportPortal .support-form-title{margin:0 0 9px!important}
#supportPortal .support-form-title>span{font-size:6.5px!important}
#supportPortal .support-form-title h3{margin-top:4px!important;font-size:18px!important}
#supportPortal .support-topic-grid{gap:6px!important}
#supportPortal .support-topic-grid button{
  min-height:44px!important;height:44px!important;grid-template-columns:30px 1fr!important;gap:8px!important;
  padding:5px 9px!important;border-radius:12px!important;
}
#supportPortal .support-topic-grid button>span{width:30px!important;height:30px!important;border-radius:9px!important;font-size:12px!important}
#supportPortal .support-topic-grid button b{font-size:9px!important}
#supportPortal .support-description{margin-top:9px!important}
#supportPortal .support-description>span{min-height:0!important;margin-bottom:5px!important;font-size:7px!important;line-height:1.3!important}
#supportPortal .support-description textarea{min-height:78px!important;height:78px!important;padding:9px!important;border-radius:12px!important;font-size:10px!important;resize:none!important}
#supportPortal .support-submit{height:42px!important;min-height:42px!important;margin-top:8px!important;border-radius:12px!important;font-size:8.5px!important}
#supportPortal .support-continue{margin-top:7px!important;min-height:46px!important}
#supportPortal .support-ticket-heading{padding:8px 10px!important}
#supportPortal .support-conversation{min-height:0!important;max-height:none!important}
#supportPortal .support-reply-form{gap:7px!important;padding-top:8px!important}
#supportPortal .support-reply-form textarea{min-height:54px!important;max-height:90px!important;padding:8px!important;font-size:10px!important}
@media(max-width:600px){
  #supportPortal .support-widget-panel{
    left:8px!important;right:8px!important;bottom:8px!important;
    width:auto!important;max-width:none!important;height:min(520px,calc(100dvh - 16px))!important;max-height:calc(100dvh - 16px)!important;
  }
  #supportPortal .support-fab{right:10px!important;bottom:10px!important;width:58px!important;height:58px!important;min-width:58px!important;max-width:58px!important}
  #siteSettingsPortal>.site-settings-overlay{padding:10px!important}
  #siteSettingsPortal .site-settings-modal{width:calc(100dvw - 20px)!important;max-width:calc(100dvw - 20px)!important;max-height:calc(100dvh - 20px)!important}
}

/* =========================================================
   v162 — result sector persistence / compact overlays /
   premium nav / deposit quote / larger readable interface
   ========================================================= */

/* Upgrade: keep the probability sector visible until the player explicitly
   takes/retries/upgrades again.  One muted success colour, one muted loss colour. */
:root[data-theme="hub"] .hub-u151-wheel,
:root[data-theme="hub"] .hub-u151-wheel.result-win,
:root[data-theme="hub"] .hub-u151-wheel.result-lose{
  background:conic-gradient(
    from 0deg,
    var(--sector-color,#4f765f) 0 var(--chance-pct,0%),
    #353943 var(--chance-pct,0%) 100%
  )!important;
}
:root[data-theme="hub"] .hub-u151-wheel{--sector-color:#4f765f!important}
:root[data-theme="hub"] .hub-u151-wheel.result-win{--sector-color:#4f765f!important}
:root[data-theme="hub"] .hub-u151-wheel.result-lose{--sector-color:#985158!important}
:root[data-theme="hub"] .hub-u151-actions{
  margin-top:26px!important;
  transform:translateY(7px)!important;
}
:root[data-theme="hub"] .hub-u151-stage{
  min-height:458px!important;
  padding-bottom:32px!important;
}

/* Support: small, usable and impossible to leave the viewport. */
#supportPortal{position:fixed!important;inset:0!important;overflow:hidden!important;pointer-events:none!important}
#supportPortal .support-widget-panel{
  position:fixed!important;
  top:50%!important;right:16px!important;bottom:auto!important;left:auto!important;
  transform:translateY(-50%)!important;
  width:min(328px,calc(100vw - 24px))!important;
  height:auto!important;max-height:calc(100dvh - 24px)!important;
  grid-template-rows:64px minmax(0,1fr)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 26px 80px rgba(0,0,0,.64),inset 0 1px 0 rgba(255,255,255,.045)!important;
}
#supportPortal .support-widget-head{height:64px!important;min-height:64px!important;padding:7px 44px 7px 8px!important}
#supportPortal .support-head-center{height:48px!important;max-width:232px!important;padding:4px 9px!important;border-radius:13px!important}
#supportPortal .support-head-center .support-cookie-headset{width:36px!important;height:36px!important}
#supportPortal .support-head-center .support-cookie-headset img{width:31px!important;height:31px!important}
#supportPortal .support-widget-body{padding:11px!important;max-height:calc(100dvh - 88px)!important;overflow-y:auto!important;overflow-x:hidden!important}
#supportPortal .support-form-title h3{font-size:17px!important}
#supportPortal .support-topic-grid button{height:42px!important;min-height:42px!important}
#supportPortal .support-description textarea{height:72px!important;min-height:72px!important}
#supportPortal .support-submit{height:40px!important;min-height:40px!important}
@media(max-width:600px){
  #supportPortal .support-widget-panel{top:50%!important;right:8px!important;left:8px!important;bottom:auto!important;width:auto!important;max-width:none!important;transform:translateY(-50%)!important}
}

/* Settings: genuinely compact popover; never a scrollable mini-page. */
#siteSettingsPortal .site-settings-modal{
  width:min(350px,calc(100dvw - 24px))!important;
  max-width:calc(100dvw - 24px)!important;
  max-height:none!important;
  overflow:hidden!important;
  border-radius:18px!important;
}
#siteSettingsPortal .site-settings-modal>header{height:56px!important;padding:0 11px 0 13px!important}
#siteSettingsPortal .site-settings-title>span{width:31px!important;height:31px!important;border-radius:9px!important}
#siteSettingsPortal .site-settings-title svg{width:16px!important;height:16px!important}
#siteSettingsPortal .site-settings-title small{display:none!important}
#siteSettingsPortal .site-settings-title h2{margin:0!important;font-size:13px!important}
#siteSettingsPortal .site-settings-close{width:30px!important;height:30px!important;font-size:18px!important}
#siteSettingsPortal .site-settings-body{padding:10px!important;gap:6px!important}
#siteSettingsPortal .site-setting-line,#siteSettingsPortal .site-setting-group{min-height:55px!important;padding:9px 11px!important;border-radius:12px!important}
#siteSettingsPortal .site-setting-line strong,#siteSettingsPortal .site-setting-group strong{font-size:9px!important}
#siteSettingsPortal .site-setting-line span,#siteSettingsPortal .site-setting-group span{font-size:6.7px!important;margin-top:3px!important}
#siteSettingsPortal .site-designer-switch{width:43px!important;height:25px!important;min-width:43px!important}
#siteSettingsPortal .site-designer-switch b{width:17px!important;height:17px!important}
#siteSettingsPortal .site-designer-switch.on b{transform:translateX(18px)!important}
#siteSettingsPortal .site-setting-segment button{height:28px!important;min-width:38px!important;padding:0 7px!important;font-size:7px!important}
@media(max-width:420px){#siteSettingsPortal .site-setting-group{grid-template-columns:minmax(0,1fr) auto!important}.site-setting-segment button{min-width:34px!important}}

/* Case detail: the case itself is a hero object, not a tiny thumbnail. */
@media(min-width:900px){
  :root[data-theme="hub"] .case-page-case{width:520px!important;height:360px!important;max-width:52vw!important}
  :root[data-theme="hub"] .case-page-case .case-art{height:332px!important;transform:scale(1.32)!important;transform-origin:center center!important}
  :root[data-theme="hub"] .case-page-case img{max-width:100%!important;max-height:100%!important}
}

/* Header: balance -> profile -> deposit -> settings. Equal tactile controls. */
:root[data-theme="hub"] .korzh-shared-header .wallet-cluster{gap:7px!important}
:root[data-theme="hub"] .korzh-shared-header .wallet-box,
:root[data-theme="hub"] .korzh-shared-header .steam-profile-mini,
:root[data-theme="hub"] .korzh-shared-header .deposit-header-standalone,
:root[data-theme="hub"] .korzh-shared-header .site-settings-btn{height:40px!important;min-height:40px!important;border-radius:11px!important}
:root[data-theme="hub"] .korzh-shared-header .deposit-header-standalone{
  position:static!important;order:3!important;width:40px!important;min-width:40px!important;max-width:40px!important;
  display:grid!important;place-items:center!important;margin:0!important;padding:0!important;
  font-size:19px!important;font-weight:900!important;
  background:linear-gradient(180deg,#ff9a6d,#e66f4f)!important;color:#21100a!important;
  border:1px solid rgba(255,186,145,.42)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 5px 12px rgba(0,0,0,.28)!important;
}
:root[data-theme="hub"] .korzh-shared-header .site-settings-btn{order:4!important;width:40px!important;min-width:40px!important;max-width:40px!important}

/* One-piece navigation with an animated energy transition instead of four boxy buttons. */
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{
  position:relative!important;gap:2px!important;padding:4px!important;border-radius:15px!important;
  background:linear-gradient(180deg,rgba(18,20,29,.96),rgba(9,11,17,.96))!important;
  border:1px solid rgba(255,255,255,.065)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.24)!important;
}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button{
  border:0!important;background:transparent!important;box-shadow:none!important;border-radius:11px!important;
  transition:transform .28s cubic-bezier(.2,.75,.2,1),color .25s ease,filter .25s ease!important;
}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button:before{
  display:block!important;content:""!important;position:absolute!important;inset:3px!important;border-radius:10px!important;
  background:radial-gradient(circle at 50% 38%,rgba(255,147,101,.20),rgba(132,91,198,.07) 46%,transparent 72%)!important;
  opacity:0!important;transform:scale(.72)!important;filter:blur(5px)!important;transition:.28s ease!important;
}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button:after{
  display:block!important;content:""!important;position:absolute!important;left:24%!important;right:24%!important;bottom:2px!important;height:2px!important;
  border-radius:99px!important;background:linear-gradient(90deg,transparent,#ff9b6d,#b987ff,transparent)!important;
  box-shadow:0 0 10px rgba(255,130,90,.48)!important;opacity:0!important;transform:scaleX(.25)!important;transition:.3s ease!important;
}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button:hover{transform:translateY(-1px)!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active{transform:translateY(-1px)!important;filter:none!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active:before{opacity:1!important;transform:scale(1)!important;animation:korzhNavFlux162 1.7s ease-in-out infinite alternate!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active:after{opacity:1!important;transform:scaleX(1)!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active .nav-icon-frame{transform:translateY(-1px) scale(1.06)!important;filter:drop-shadow(0 0 7px rgba(255,138,92,.34))!important;transition:.3s ease!important}
@keyframes korzhNavFlux162{from{filter:blur(5px);opacity:.62}to{filter:blur(8px);opacity:1}}

/* Deposit: remove redundant label, show applied promo + inline payment quote. */
#depositPortal .deposit-v106-promo:before{display:none!important;content:none!important}
#depositPortal .deposit-v106-promo{margin-top:0!important}
#depositPortal .deposit-v162-promo-ok{margin:7px 3px 0!important;color:#70d99c!important;font-size:10px!important;font-weight:900!important;letter-spacing:.025em!important}
#depositPortal .deposit-v162-amount-line{
  display:grid!important;grid-template-columns:minmax(120px,1fr) 18px minmax(105px,.85fr) auto!important;
  align-items:center!important;gap:8px!important;height:54px!important;padding:0 10px!important;
  border:1px solid rgba(255,255,255,.07)!important;border-radius:13px!important;background:#080a10!important;
}
#depositPortal .deposit-v162-left{display:flex!important;align-items:center!important;min-width:0!important}
#depositPortal .deposit-v162-left input{width:100%!important;min-width:0!important;height:50px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#depositPortal .deposit-v162-left img{width:18px!important;height:18px!important;margin-left:7px!important;flex:0 0 auto!important}
#depositPortal .deposit-v162-amount-line>i{font-style:normal!important;color:#4f535d!important;text-align:center!important;font-size:16px!important}
#depositPortal #depositQuoteValue{font-size:13px!important;color:#e4dfd8!important;font-weight:900!important;white-space:nowrap!important;text-align:right!important}
#depositPortal #depositBonusLive{font-style:normal!important;color:transparent!important;font-size:11px!important;font-weight:950!important;white-space:nowrap!important}
#depositPortal #depositBonusLive.active{color:#6fd89a!important}
@media(max-width:560px){#depositPortal .deposit-v162-amount-line{grid-template-columns:minmax(90px,1fr) 12px minmax(80px,.9fr)!important}#depositPortal #depositBonusLive{grid-column:1/-1;text-align:right;margin-top:-9px}.deposit-v162-amount-line{height:66px!important}}

/* General desktop readability bump without using transform/zoom. */
@media(min-width:1200px){
  :root[data-theme="hub"] header.korzh-shared-header,
  :root[data-theme="hub"] main,
  :root[data-theme="hub"] .feature-main{width:min(1660px,calc(100vw - 24px))!important}
  :root[data-theme="hub"] header.korzh-shared-header{min-height:82px!important}
  :root[data-theme="hub"] .skin-caption strong{font-size:13px!important;line-height:1.12!important}
  :root[data-theme="hub"] .skin-caption small{font-size:8.5px!important;font-weight:800!important}
  :root[data-theme="hub"] .skin-caption b,:root[data-theme="hub"] .skin-price{font-size:12px!important}
  :root[data-theme="hub"] button:not(.nav-icon-button){font-size:max(8px,1em)}
}

/* =========================================================
   v162 FINAL — compact overlays / upgrade result / case hero
   ========================================================= */
/* Keep result sector until the player explicitly takes/retries. */
:root[data-theme="hub"] .hub-u151-wheel.result-win{
  --sector-color:#4f765f!important;
  background:conic-gradient(from 0deg,var(--sector-color) 0 var(--chance-pct,0%),#353943 var(--chance-pct,0%) 100%)!important;
}
:root[data-theme="hub"] .hub-u151-wheel.result-lose{
  --sector-color:#985158!important;
  background:conic-gradient(from 0deg,var(--sector-color) 0 var(--chance-pct,0%),#353943 var(--chance-pct,0%) 100%)!important;
}
:root[data-theme="hub"] .hub-u151-actions{margin-top:38px!important;transform:translateY(10px)!important;z-index:15!important}
:root[data-theme="hub"] .hub-u151-stage{min-height:474px!important;padding-bottom:44px!important}

/* Support — genuinely small utility window. */
#supportPortal{overflow:hidden!important}
#supportPortal .support-widget-panel{
  top:50%!important;right:14px!important;bottom:auto!important;left:auto!important;
  transform:translateY(-50%)!important;
  width:min(306px,calc(100dvw - 22px))!important;
  height:auto!important;max-height:min(456px,calc(100dvh - 22px))!important;
  grid-template-rows:58px minmax(0,1fr)!important;
  border-radius:17px!important;
}
#supportPortal .support-widget-head{height:58px!important;min-height:58px!important;padding:6px 40px 6px 7px!important}
#supportPortal .support-head-center{height:44px!important;max-width:212px!important;padding:4px 8px!important;border-radius:12px!important}
#supportPortal .support-head-center .support-cookie-headset{width:34px!important;height:34px!important}
#supportPortal .support-head-center .support-cookie-headset img{width:29px!important;height:29px!important}
#supportPortal .support-head-center b{font-size:9px!important}
#supportPortal .support-head-center small{font-size:6.4px!important}
#supportPortal .support-widget-head>button{right:8px!important;width:30px!important;height:30px!important;font-size:17px!important}
#supportPortal .support-widget-body{padding:9px!important;overflow-x:hidden!important;overflow-y:auto!important;max-height:398px!important}
#supportPortal .support-form-title{margin-bottom:7px!important}
#supportPortal .support-form-title h3{font-size:16px!important;margin-top:2px!important}
#supportPortal .support-topic-grid{gap:5px!important}
#supportPortal .support-topic-grid button{height:39px!important;min-height:39px!important;padding:4px 7px!important;grid-template-columns:27px 1fr!important;gap:7px!important}
#supportPortal .support-topic-grid button>span{width:27px!important;height:27px!important;font-size:11px!important}
#supportPortal .support-topic-grid button b{font-size:8px!important}
#supportPortal .support-description{margin-top:7px!important}
#supportPortal .support-description>span{font-size:6.5px!important;margin-bottom:4px!important}
#supportPortal .support-description textarea{height:64px!important;min-height:64px!important;padding:7px 8px!important;font-size:9px!important}
#supportPortal .support-submit{height:38px!important;min-height:38px!important;margin-top:6px!important;font-size:8px!important}
@media(max-width:560px){
  #supportPortal .support-widget-panel{left:8px!important;right:8px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 16px)!important}
}

/* Settings — tiny iOS-like card, no internal scrollbar. */
#siteSettingsPortal>.site-settings-overlay{padding:10px!important}
#siteSettingsPortal .site-settings-modal{
  width:min(316px,calc(100dvw - 20px))!important;max-width:calc(100dvw - 20px)!important;
  height:auto!important;max-height:none!important;overflow:hidden!important;border-radius:16px!important;
}
#siteSettingsPortal .site-settings-modal>header{height:49px!important;padding:0 9px 0 10px!important}
#siteSettingsPortal .site-settings-title>span{width:27px!important;height:27px!important;border-radius:8px!important}
#siteSettingsPortal .site-settings-title svg{width:14px!important;height:14px!important}
#siteSettingsPortal .site-settings-title h2{font-size:11px!important}
#siteSettingsPortal .site-settings-close{width:27px!important;height:27px!important;font-size:16px!important}
#siteSettingsPortal .site-settings-body{padding:8px!important;gap:5px!important;overflow:visible!important;max-height:none!important}
#siteSettingsPortal .site-setting-line,#siteSettingsPortal .site-setting-group{min-height:48px!important;padding:7px 9px!important;border-radius:11px!important}
#siteSettingsPortal .site-setting-line strong,#siteSettingsPortal .site-setting-group strong{font-size:8px!important}
#siteSettingsPortal .site-setting-line span,#siteSettingsPortal .site-setting-group span{font-size:6px!important;margin-top:2px!important}
#siteSettingsPortal .site-designer-switch{width:39px!important;height:23px!important;min-width:39px!important}
#siteSettingsPortal .site-designer-switch b{width:15px!important;height:15px!important}
#siteSettingsPortal .site-designer-switch.on b{transform:translateX(16px)!important}
#siteSettingsPortal .site-setting-segment{gap:3px!important}
#siteSettingsPortal .site-setting-segment button{height:25px!important;min-width:34px!important;padding:0 5px!important;font-size:6.5px!important}

/* Case page: visual hero should actually read as the main object. */
@media(min-width:900px){
  :root[data-theme="hub"] .case-page-case{width:610px!important;height:410px!important;max-width:58vw!important;margin-inline:auto!important}
  :root[data-theme="hub"] .case-page-case .case-art{height:378px!important;transform:scale(1.48)!important;transform-origin:center center!important}
  :root[data-theme="hub"] .case-detail-main,:root[data-theme="hub"] .case-page-main{padding-top:10px!important}
}

/* Deposit quote + applied promo. */
#depositPortal .deposit-v162-promo-ok{display:block!important;margin:7px 4px 0!important;color:#64d994!important;font-size:11px!important;font-weight:950!important}
#depositPortal .deposit-v162-amount-line{box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important}
#depositPortal #depositQuoteValue{font-size:14px!important}
#depositPortal #depositBonusLive.active{display:inline-flex!important;align-items:center!important;padding:4px 7px!important;border-radius:8px!important;background:rgba(78,190,120,.09)!important;color:#68dc99!important}

/* Nav: one soft energy rail. No four little boxes; active state flows. */
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{gap:0!important;padding:3px 5px!important;overflow:visible!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button{min-width:67px!important;padding-inline:7px!important;isolation:isolate!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button:before{inset:1px 5px!important;background:radial-gradient(ellipse at 50% 55%,rgba(255,142,94,.25),rgba(153,101,203,.07) 55%,transparent 76%)!important;filter:blur(8px)!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active .nav-button-label{color:#f3e8df!important;text-shadow:0 0 12px rgba(255,135,88,.32)!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active .nav-icon-frame{animation:korzhNavIconFloat162 1.8s ease-in-out infinite alternate!important}
@keyframes korzhNavIconFloat162{from{transform:translateY(-1px) scale(1.04)}to{transform:translateY(-3px) scale(1.09)}}

/* Header tactile trio: profile / plus / settings. */
:root[data-theme="hub"] .korzh-shared-header .steam-profile-mini{order:2!important}
:root[data-theme="hub"] .korzh-shared-header .deposit-header-standalone{order:3!important}
:root[data-theme="hub"] .korzh-shared-header .site-settings-btn{order:4!important}

/* =========================================================
   v163 — unified header / upgrade controls / filters / deposit
   ========================================================= */

/* Header account controls keep the same order and physical height everywhere. */
:root[data-theme="hub"] .korzh-shared-header .wallet-cluster{display:flex!important;align-items:center!important;gap:7px!important}
:root[data-theme="hub"] .korzh-shared-header .wallet-box{order:1!important;height:42px!important;min-height:42px!important;border-radius:12px!important}
:root[data-theme="hub"] .korzh-shared-header .steam-profile-mini{order:2!important;height:42px!important;min-height:42px!important;border-radius:12px!important}
:root[data-theme="hub"] .korzh-shared-header .deposit-header-standalone,
:root[data-theme="hub"] .korzh-shared-header .site-settings-btn{
  width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;
  flex:0 0 42px!important;border-radius:12px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;
}
:root[data-theme="hub"] .korzh-shared-header .deposit-header-standalone{order:3!important;font-size:22px!important;line-height:1!important;text-align:center!important;text-indent:0!important}
:root[data-theme="hub"] .korzh-shared-header .site-settings-btn{order:4!important}
:root[data-theme="hub"] .korzh-shared-header .site-settings-btn svg{width:22px!important;height:22px!important;display:block!important}

/* One larger navigation rail with quiet separators between its sections. */
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{gap:0!important;padding:4px 6px!important;border-radius:16px!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button{
  width:82px!important;min-width:82px!important;max-width:82px!important;height:52px!important;min-height:52px!important;padding:3px 11px!important;border-radius:11px!important;
}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button:not(:last-child){border-right:1px solid rgba(255,255,255,.065)!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-frame{width:30px!important;min-width:30px!important;height:27px!important;min-height:27px!important;flex-basis:27px!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav svg{width:21px!important;height:21px!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-button-label{font-size:7.3px!important;letter-spacing:.045em!important}

/* Main case filters: search, price order and token-labelled range. */
:root[data-theme="hub"] .case-filters-v163{
  display:grid!important;grid-template-columns:minmax(250px,1fr) 190px 128px 128px auto 42px!important;align-items:center!important;gap:8px!important;
  height:auto!important;min-height:52px!important;padding:5px!important;border-radius:15px!important;
}
:root[data-theme="hub"] .case-filters-v163 .case-filter,
:root[data-theme="hub"] .case-filters-v163 .case-sort-filter,
:root[data-theme="hub"] .case-filters-v163 .available-filter,
:root[data-theme="hub"] .case-filters-v163 .case-reset-filters{height:42px!important;min-height:42px!important;border-radius:10px!important}
:root[data-theme="hub"] .case-filters-v163 .search-filter{min-width:0!important;border:1px solid rgba(255,255,255,.055)!important;background:#0d0f15!important}
:root[data-theme="hub"] .case-filters-v163 .search-filter input{font-size:10px!important;color:#e3ded7!important}
:root[data-theme="hub"] .case-sort-filter{position:relative;display:flex;align-items:center;gap:9px;padding:0 34px 0 12px;border:1px solid rgba(255,255,255,.06);background:#101218;color:#d8d4cd;overflow:hidden}
:root[data-theme="hub"] .case-sort-filter .case-sort-icon{font-size:15px;color:#8b8e99}
:root[data-theme="hub"] .case-sort-filter select{width:100%;height:100%;border:0;outline:0;background:transparent;color:#d8d4cd;font:800 9px Manrope,system-ui,sans-serif;appearance:none;cursor:pointer}
:root[data-theme="hub"] .case-sort-filter select option{background:#11131a;color:#eee9e2}
:root[data-theme="hub"] .case-sort-filter>i{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-style:normal;color:#717580;font-size:12px;pointer-events:none}
:root[data-theme="hub"] .price-filter-v163{display:flex!important;align-items:center!important;gap:8px!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.06)!important;background:#101218!important}
:root[data-theme="hub"] .price-filter-v163 img{display:block;width:18px!important;height:18px!important;flex:0 0 18px;object-fit:contain;opacity:.82}
:root[data-theme="hub"] .price-filter-v163 input{width:100%!important;min-width:0!important;padding:0!important;font-size:10px!important;text-transform:lowercase;color:#e2ddd6!important}
:root[data-theme="hub"] .price-filter-v163 input::placeholder{color:#71747e!important;opacity:1}

/* Balance stake lives directly below the left upgrade card. */
:root[data-theme="hub"] .hub-u151-stage{position:relative!important}
:root[data-theme="hub"] .hub-u163-balance-dock{
  position:absolute;left:34px;right:calc(50% + 184px);bottom:20px;z-index:90;height:64px;display:grid;grid-template-columns:145px minmax(100px,1fr) 52px;align-items:center;gap:12px;
  padding:8px 9px 8px 12px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:linear-gradient(180deg,rgba(22,24,32,.98),rgba(11,13,19,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 12px 24px rgba(0,0,0,.24);
}
:root[data-theme="hub"] .hub-u163-balance-dock.active{border-color:rgba(237,139,95,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 0 0 2px rgba(222,112,72,.055),0 12px 24px rgba(0,0,0,.28)}
:root[data-theme="hub"] .hub-u163-balance-label{height:46px!important;min-height:46px!important;padding:0 10px!important;border:0!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important;text-align:left!important;color:#fff!important}
:root[data-theme="hub"] .hub-u163-balance-label span{display:block;font-size:7px;color:#888b96;font-weight:950;letter-spacing:.10em}
:root[data-theme="hub"] .hub-u163-balance-label strong{display:block;margin-top:5px;font-size:13px;color:#eee9e2;font-weight:950;white-space:nowrap}
:root[data-theme="hub"] .hub-u163-balance-control{min-width:0}
:root[data-theme="hub"] .hub-u163-balance-control input{display:block;width:100%;height:15px;margin:0;accent-color:#e9815d;cursor:pointer}
:root[data-theme="hub"] .hub-u163-balance-ends{display:flex;justify-content:space-between;gap:8px;margin-top:3px;color:#666a75;font-size:6px;font-weight:800}
:root[data-theme="hub"] .hub-u163-balance-max{width:46px!important;min-width:46px!important;height:42px!important;min-height:42px!important;padding:0!important;border-radius:10px!important;border:1px solid rgba(240,143,99,.16)!important;background:#211814!important;color:#e6a17f!important;font-size:8px!important;font-weight:950!important}

/* Upgrade settings: tactile coefficient keys and a single sound switch. */
:root[data-theme="hub"] .upgrade-settings-overlay{z-index:2147483300!important;background:rgba(3,4,8,.76)!important;backdrop-filter:blur(13px)!important}
:root[data-theme="hub"] .upgrade-settings-v163{width:min(500px,calc(100vw - 28px))!important;padding:20px!important;border-radius:24px!important;background:linear-gradient(165deg,#171920,#0b0d12 74%)!important;border:1px solid rgba(255,255,255,.085)!important;box-shadow:0 34px 100px rgba(0,0,0,.66),inset 0 1px 0 rgba(255,255,255,.055)!important}
:root[data-theme="hub"] .upgrade-settings-v163>header{display:flex;align-items:center;justify-content:space-between;padding:0 2px 16px;border-bottom:1px solid rgba(255,255,255,.055)}
:root[data-theme="hub"] .upgrade-settings-v163>header h2{margin:0!important;font-size:21px!important;letter-spacing:-.02em;color:#f0ece6}
:root[data-theme="hub"] .upgrade-settings-v163 .upgrade-settings-close{position:static!important;width:36px!important;height:36px!important;min-height:36px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.07)!important;background:#11131a!important;color:#858996!important;font-size:22px!important;display:grid!important;place-items:center!important}
:root[data-theme="hub"] .upgrade-settings-section{padding:18px 2px 4px}
:root[data-theme="hub"] .upgrade-settings-section>div:first-child strong,
:root[data-theme="hub"] .upgrade-settings-sound strong{display:block;font-size:12px;color:#eeeae4;font-weight:900}
:root[data-theme="hub"] .upgrade-settings-section>div:first-child small,
:root[data-theme="hub"] .upgrade-settings-sound small{display:block;margin-top:5px;font-size:8px;color:#747883;font-weight:700}
:root[data-theme="hub"] .upgrade-settings-multipliers{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:14px}
:root[data-theme="hub"] .upgrade-settings-multipliers button{height:48px!important;min-height:48px!important;padding:0!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.075)!important;background:linear-gradient(180deg,#1b1d25,#12141b)!important;color:#a8abb4!important;font-size:10px!important;font-weight:900!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}
:root[data-theme="hub"] .upgrade-settings-multipliers button:hover{border-color:rgba(232,139,99,.22)!important;color:#eee7df!important;transform:translateY(-1px)}
:root[data-theme="hub"] .upgrade-settings-multipliers button.active{background:linear-gradient(180deg,#4a2e25,#2b1d19)!important;border-color:rgba(245,154,110,.40)!important;color:#fff1e8!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 18px rgba(225,112,72,.09)!important}
:root[data-theme="hub"] .upgrade-settings-multipliers button.reset{font-size:18px!important;color:#8c909b!important}
:root[data-theme="hub"] .upgrade-settings-sound{width:100%;min-height:68px!important;margin-top:14px;padding:12px 14px!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.065)!important;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008))!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:left!important}
:root[data-theme="hub"] .upgrade-settings-v163 .save-upgrade-settings{height:52px!important;min-height:52px!important;margin-top:20px!important;border-radius:14px!important;background:linear-gradient(180deg,#ef9970,#d86e4d)!important;color:#1c0f0a!important;font-size:10px!important;letter-spacing:.06em!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 9px 20px rgba(0,0,0,.26)!important}

/* Compact deposit sheet inspired by the reference, retaining KORZH colours. */
#depositPortal .deposit-v163-overlay{position:fixed!important;inset:0!important;z-index:2147483250!important;display:grid!important;place-items:center!important;padding:14px!important;background:rgba(3,4,8,.76)!important;backdrop-filter:blur(14px)!important}
#depositPortal .deposit-v163-modal{position:relative!important;width:min(540px,calc(100dvw - 24px))!important;max-height:calc(100dvh - 24px)!important;overflow:auto!important;padding:20px!important;border-radius:25px!important;background:linear-gradient(165deg,#171920 0%,#0c0e14 72%,#090b10 100%)!important;border:1px solid rgba(255,255,255,.085)!important;box-shadow:0 36px 110px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.055)!important;scrollbar-width:none!important}
#depositPortal .deposit-v163-modal::-webkit-scrollbar{display:none!important}
#depositPortal .deposit-v163-head{display:flex;align-items:center;justify-content:space-between;padding:0 1px 16px!important;border-bottom:1px solid rgba(255,255,255,.055)!important;text-align:left!important}
#depositPortal .deposit-v163-head small{display:block;font-size:7px;color:#d17f5e;font-weight:950;letter-spacing:.15em}
#depositPortal .deposit-v163-head h2{margin:5px 0 0!important;font-size:23px!important;line-height:1!important;color:#f3eee8!important;letter-spacing:-.025em!important}
#depositPortal .deposit-v163-head>button{width:36px!important;height:36px!important;min-height:36px!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.07)!important;background:#101219!important;color:#858995!important;font-size:22px!important;display:grid!important;place-items:center!important}
#depositPortal .deposit-v163-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px;padding:4px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:#0b0d13}
#depositPortal .deposit-v163-tabs>button{height:52px!important;min-height:52px!important;border:0!important;border-radius:11px!important;background:transparent!important;color:#747782!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;font-size:10px!important}
#depositPortal .deposit-v163-tabs>button span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.025)}
#depositPortal .deposit-v163-tabs>button svg{width:20px!important;height:20px!important}
#depositPortal .deposit-v163-tabs>button.active{background:linear-gradient(180deg,#342620,#201916)!important;color:#f3eae3!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 5px 12px rgba(0,0,0,.23)!important}
#depositPortal .deposit-v163-method,#depositPortal .deposit-v163-promo,#depositPortal .deposit-v163-amount{margin-top:12px;padding:13px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
#depositPortal .deposit-v163-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:10px}
#depositPortal .deposit-v163-section-head.compact{margin-bottom:9px}
#depositPortal .deposit-v163-section-head strong{font-size:8px;color:#e0dcd6;font-weight:950;letter-spacing:.075em}
#depositPortal .deposit-v163-section-head span{font-size:7px;color:#70747f;font-weight:750;text-align:right}
#depositPortal .deposit-v163-country{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
#depositPortal .deposit-v163-country button{position:relative;height:54px!important;min-height:54px!important;padding:0 10px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.065)!important;background:#11131a!important;color:#9699a3!important;display:flex!important;align-items:center!important;gap:9px!important;font-size:8px!important;font-weight:900!important}
#depositPortal .deposit-v163-country button img{width:26px!important;height:18px!important;border-radius:4px!important;object-fit:cover!important;box-shadow:0 2px 6px rgba(0,0,0,.30)!important}
#depositPortal .deposit-v163-country button.active{border-color:rgba(238,145,103,.40)!important;background:linear-gradient(180deg,#31241f,#1e1816)!important;color:#f1e8e0!important}
#depositPortal .deposit-v163-country button i{position:absolute;right:7px;top:7px;width:5px;height:5px;border-radius:50%;background:#3d4049}
#depositPortal .deposit-v163-country button.active i{background:#ef946c;box-shadow:0 0 8px rgba(239,148,108,.50)}
#depositPortal .deposit-v163-section-head.compact:not(:first-child){margin-top:13px}
#depositPortal .deposit-v163-bank-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:7px!important}
#depositPortal .deposit-v163-bank-grid button,#depositPortal .deposit-v163-crypto-grid button{position:relative;width:100%!important;height:48px!important;min-height:48px!important;padding:0 11px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.06)!important;background:#11131a!important;color:#a0a3ad!important;display:flex!important;align-items:center!important;gap:9px!important;font-size:8px!important;font-weight:900!important;text-align:left!important}
#depositPortal .deposit-v163-bank-grid button>i,#depositPortal .deposit-v163-crypto-grid button>i{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#0a0c11;color:#d6d1ca;font-style:normal;font-size:13px}
#depositPortal .deposit-v163-bank-grid button>b,#depositPortal .deposit-v163-crypto-grid button>b{margin-left:auto;color:transparent}
#depositPortal .deposit-v163-bank-grid button.active,#depositPortal .deposit-v163-crypto-grid button.active{border-color:rgba(237,145,102,.38)!important;background:linear-gradient(180deg,#30231e,#1c1715)!important;color:#f0e8e0!important}
#depositPortal .deposit-v163-bank-grid button.active>b,#depositPortal .deposit-v163-crypto-grid button.active>b{color:#ed926a}
#depositPortal .deposit-v163-crypto-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:7px!important}
#depositPortal .deposit-v163-network-grid{display:flex!important;flex-wrap:wrap!important;gap:7px!important}
#depositPortal .deposit-v163-network-grid button{height:36px!important;min-height:36px!important;padding:0 14px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.06)!important;background:#11131a!important;color:#868995!important;font-size:8px!important;font-weight:900!important}
#depositPortal .deposit-v163-network-grid button.active{border-color:rgba(237,145,102,.38)!important;background:#2a1e1a!important;color:#f0e5dc!important}
#depositPortal .deposit-v163-promo-row{display:grid;grid-template-columns:1fr auto;gap:7px}
#depositPortal .deposit-v163-promo-row input{min-width:0;height:46px;padding:0 12px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:#0a0c11;color:#eee9e3;font-size:10px;font-weight:850;letter-spacing:.03em;outline:none}
#depositPortal .deposit-v163-promo-row input:focus{border-color:rgba(237,145,102,.35);box-shadow:0 0 0 3px rgba(226,116,76,.055)}
#depositPortal .deposit-v163-promo-row button{height:46px!important;min-height:46px!important;padding:0 14px!important;border-radius:11px!important;border:1px solid rgba(237,145,102,.22)!important;background:#261b17!important;color:#e9a080!important;font-size:8px!important;font-weight:950!important}
#depositPortal .deposit-v163-promo>p{display:flex;align-items:center;gap:7px;margin:9px 2px 0;color:#737782;font-size:8px;font-weight:750}
#depositPortal .deposit-v163-promo>p i{width:6px;height:6px;border-radius:50%;background:#595d68}
#depositPortal .deposit-v163-promo.valid>p{color:#70d99c}#depositPortal .deposit-v163-promo.valid>p i{background:#70d99c;box-shadow:0 0 8px rgba(112,217,156,.42)}
#depositPortal .deposit-v163-promo.invalid>p{color:#db7777}#depositPortal .deposit-v163-promo.invalid>p i{background:#db7777;box-shadow:0 0 8px rgba(219,119,119,.38)}
#depositPortal .deposit-v163-promo.checking>p{color:#d6a177}#depositPortal .deposit-v163-promo.checking>p i{background:#d6a177;animation:depositStatusPulse163 .8s ease-in-out infinite alternate}
@keyframes depositStatusPulse163{to{opacity:.35;transform:scale(.7)}}
#depositPortal .deposit-v163-amount .deposit-v162-amount-line{height:52px!important;grid-template-columns:minmax(110px,1fr) 14px minmax(92px,.8fr) auto!important}
#depositPortal .deposit-v163-amount .deposit-v162-left input{font-size:20px!important;font-weight:950!important}
#depositPortal .deposit-v163-presets{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px}
#depositPortal .deposit-v163-presets button{height:34px!important;min-height:34px!important;padding:0 4px!important;border-radius:9px!important;border:1px solid rgba(255,255,255,.055)!important;background:#11131a!important;color:#8d909a!important;font-size:7px!important;font-weight:900!important}
#depositPortal .deposit-v163-presets button:hover{border-color:rgba(237,145,102,.24)!important;color:#efe6de!important}
#depositPortal .deposit-v163-submit{width:100%!important;height:52px!important;min-height:52px!important;margin-top:13px!important;border:0!important;border-radius:14px!important;background:linear-gradient(180deg,#ef9870,#d66c4c)!important;color:#1d0f0a!important;font-size:10px!important;font-weight:950!important;letter-spacing:.065em!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 9px 20px rgba(0,0,0,.24)!important}
#depositPortal .deposit-v163-submit:disabled{filter:saturate(.25)!important;opacity:.35!important;box-shadow:none!important}
#depositPortal .deposit-v163-note{display:block;margin-top:10px;text-align:center;color:#636772;font-size:7px!important}

/* Site settings use the same compact sheet language as deposit. */
#siteSettingsPortal .site-settings-modal{width:min(400px,calc(100dvw - 24px))!important;border-radius:22px!important;background:linear-gradient(165deg,#171920,#0b0d13 74%)!important;border-color:rgba(255,255,255,.085)!important;box-shadow:0 34px 100px rgba(0,0,0,.66),inset 0 1px 0 rgba(255,255,255,.05)!important}
#siteSettingsPortal .site-settings-modal>header{height:62px!important;padding:0 13px 0 15px!important}
#siteSettingsPortal .site-settings-title>span{width:34px!important;height:34px!important;border-radius:10px!important}
#siteSettingsPortal .site-settings-title svg{width:18px!important;height:18px!important}
#siteSettingsPortal .site-settings-title h2{font-size:14px!important}
#siteSettingsPortal .site-settings-close{width:34px!important;height:34px!important;font-size:20px!important}
#siteSettingsPortal .site-settings-body{padding:12px!important;gap:8px!important}
#siteSettingsPortal .site-setting-line,#siteSettingsPortal .site-setting-group{min-height:62px!important;padding:10px 12px!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.007))!important}
#siteSettingsPortal .site-setting-line strong,#siteSettingsPortal .site-setting-group strong{font-size:9px!important}
#siteSettingsPortal .site-setting-line span,#siteSettingsPortal .site-setting-group span{font-size:7px!important;margin-top:4px!important}
#siteSettingsPortal .site-setting-segment button{height:30px!important;min-width:42px!important;font-size:7px!important}

@media(max-width:1120px){
  :root[data-theme="hub"] .case-filters-v163{grid-template-columns:minmax(210px,1fr) 170px 110px 110px auto 42px!important}
  :root[data-theme="hub"] .hub-u163-balance-dock{position:relative;inset:auto;grid-column:1/-1;grid-row:3;width:100%;margin-top:0}
}
@media(max-width:760px){
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button{width:60px!important;min-width:60px!important;max-width:60px!important;height:48px!important;min-height:48px!important;padding:3px 6px!important}
  :root[data-theme="hub"] .case-filters-v163{grid-template-columns:1fr 1fr!important}
  :root[data-theme="hub"] .case-filters-v163 .search-filter{grid-column:1/-1!important}
  :root[data-theme="hub"] .case-filters-v163 .available-filter{grid-column:1/-1!important}
  :root[data-theme="hub"] .hub-u163-balance-dock{grid-row:4;grid-template-columns:110px minmax(90px,1fr) 48px;padding-left:8px}
  :root[data-theme="hub"] .upgrade-settings-multipliers{grid-template-columns:repeat(3,1fr)}
  #depositPortal .deposit-v163-country{grid-template-columns:1fr!important}
  #depositPortal .deposit-v163-bank-grid,#depositPortal .deposit-v163-crypto-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:480px){
  :root[data-theme="hub"] .korzh-shared-header .wallet-box{max-width:100px!important}
  :root[data-theme="hub"] .korzh-shared-header .deposit-header-standalone,
  :root[data-theme="hub"] .korzh-shared-header .site-settings-btn{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;flex-basis:36px!important}
  :root[data-theme="hub"] .korzh-shared-header .site-settings-btn svg{width:19px!important;height:19px!important}
  :root[data-theme="hub"] .hub-u163-balance-dock{height:auto;grid-template-columns:1fr 48px;gap:8px}
  :root[data-theme="hub"] .hub-u163-balance-control{grid-column:1/-1;grid-row:2}
  #depositPortal .deposit-v163-modal{padding:14px!important;border-radius:20px!important}
  #depositPortal .deposit-v163-bank-grid,#depositPortal .deposit-v163-crypto-grid{grid-template-columns:1fr!important}
  #depositPortal .deposit-v163-presets{grid-template-columns:repeat(3,1fr)}
  #depositPortal .deposit-v163-amount .deposit-v162-amount-line{grid-template-columns:minmax(80px,1fr) 10px minmax(72px,.8fr)!important;height:66px!important}
  #depositPortal .deposit-v163-amount #depositBonusLive{grid-column:1/-1;text-align:right;margin-top:-8px}
}

/* v163 upgrade catalog filters mirror the reference: search / price / token range. */
:root[data-theme="hub"] .hub-u163-filter-row{display:grid!important;grid-template-columns:minmax(150px,1fr) 150px 230px!important;gap:7px!important;align-items:center!important}
:root[data-theme="hub"] .hub-u163-filter-row .upgrade-search,
:root[data-theme="hub"] .hub-u163-filter-row .upgrade-sort-filter,
:root[data-theme="hub"] .hub-u163-filter-row .upgrade-price-range-v163{height:42px!important;min-height:42px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.06)!important;background:#0d0f15!important}
:root[data-theme="hub"] .upgrade-sort-filter{position:relative;display:flex;align-items:center;gap:8px;padding:0 30px 0 11px;color:#8c8f99;overflow:hidden}
:root[data-theme="hub"] .upgrade-sort-filter>span{font-size:14px;color:#737782}
:root[data-theme="hub"] .upgrade-sort-filter select{width:100%;height:100%;border:0;outline:0;appearance:none;background:transparent;color:#bfc0c5;font:850 8px Manrope,system-ui,sans-serif;cursor:pointer}
:root[data-theme="hub"] .upgrade-sort-filter select option{background:#11131a;color:#eee9e3}
:root[data-theme="hub"] .upgrade-sort-filter>i{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-style:normal;color:#666a74;font-size:11px;pointer-events:none}
:root[data-theme="hub"] .upgrade-price-range-v163{display:grid!important;grid-template-columns:1fr 1fr!important;overflow:hidden!important}
:root[data-theme="hub"] .upgrade-price-range-v163 label{display:flex!important;align-items:center!important;gap:7px!important;height:100%!important;padding:0 9px!important}
:root[data-theme="hub"] .upgrade-price-range-v163 label+label{border-left:1px solid rgba(255,255,255,.055)!important}
:root[data-theme="hub"] .upgrade-price-range-v163 img{display:block;width:16px!important;height:16px!important;min-width:16px!important;object-fit:contain!important;opacity:.78!important}
:root[data-theme="hub"] .upgrade-price-range-v163 input{width:100%!important;min-width:0!important;height:100%!important;padding:0!important;border:0!important;background:transparent!important;color:#ddd8d1!important;font-size:9px!important}
:root[data-theme="hub"] .upgrade-price-range-v163 input::placeholder{color:#6d717b!important;opacity:1!important}
@media(max-width:1320px){
  :root[data-theme="hub"] .hub-u163-filter-row{grid-template-columns:minmax(150px,1fr) 150px!important}
  :root[data-theme="hub"] .hub-u163-filter-row .upgrade-price-range-v163{grid-column:1/-1!important}
}
@media(max-width:760px){
  :root[data-theme="hub"] .hub-u163-filter-row{grid-template-columns:1fr!important}
  :root[data-theme="hub"] .hub-u163-filter-row .upgrade-price-range-v163{grid-column:1!important}
}

/* =========================================================
   v164 — aligned upgrade console / editable presets / scale
   ========================================================= */

/* Four interactions are one substantial segmented console. */
:root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav{
  display:grid!important;grid-template-columns:repeat(4,104px)!important;gap:0!important;
  padding:5px!important;border-radius:19px!important;overflow:hidden!important;
  background:linear-gradient(180deg,rgba(22,24,34,.98),rgba(8,10,16,.98))!important;
  border:1px solid rgba(255,255,255,.085)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -16px 34px rgba(0,0,0,.20),0 14px 32px rgba(0,0,0,.28)!important;
}
:root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav .nav-icon-button{
  position:relative!important;width:104px!important;min-width:104px!important;max-width:104px!important;
  height:62px!important;min-height:62px!important;padding:6px 10px 7px!important;
  border:0!important;border-radius:13px!important;background:transparent!important;box-shadow:none!important;
  isolation:isolate!important;transform:none!important;overflow:hidden!important;
}
:root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav .nav-icon-button:not(:last-child){
  border-right:1px solid rgba(255,255,255,.08)!important;border-radius:13px 0 0 13px!important;
}
:root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav .nav-icon-button:before{
  display:block!important;content:""!important;position:absolute!important;inset:4px 6px!important;z-index:-1!important;
  border-radius:11px!important;background:linear-gradient(145deg,rgba(255,151,105,.20),rgba(124,83,170,.08) 58%,rgba(255,255,255,.018))!important;
  border:1px solid rgba(245,154,113,.20)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 6px 18px rgba(0,0,0,.20)!important;
  opacity:0!important;filter:none!important;transform:scale(.94)!important;transition:.22s ease!important;
}
:root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav .nav-icon-button:after{
  display:block!important;content:""!important;position:absolute!important;left:22px!important;right:22px!important;bottom:3px!important;height:2px!important;
  border-radius:20px!important;background:linear-gradient(90deg,transparent,#ff9a6b 32%,#b98cff 70%,transparent)!important;
  box-shadow:0 0 12px rgba(255,137,92,.55)!important;opacity:0!important;transform:scaleX(.35)!important;transition:.22s ease!important;
}
:root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav .nav-icon-button:hover:before{opacity:.52!important;transform:scale(.98)!important}
:root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active:before{opacity:1!important;transform:scale(1)!important;animation:none!important}
:root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active:after{opacity:1!important;transform:scaleX(1)!important}
:root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav .nav-icon-frame{
  width:34px!important;min-width:34px!important;max-width:34px!important;height:32px!important;min-height:32px!important;flex-basis:32px!important;
  margin:0 auto 2px!important;border-radius:10px!important;background:rgba(255,255,255,.025)!important;border:1px solid rgba(255,255,255,.035)!important;
  display:grid!important;place-items:center!important;transform:none!important;animation:none!important;
}
:root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav .nav-icon-button.nav-active .nav-icon-frame{
  background:linear-gradient(180deg,rgba(255,153,105,.16),rgba(255,255,255,.025))!important;border-color:rgba(255,164,119,.18)!important;
  transform:translateY(-1px)!important;animation:none!important;filter:drop-shadow(0 0 8px rgba(255,137,92,.28))!important;
}
:root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav svg{width:23px!important;height:23px!important}
:root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav .nav-button-label{font-size:9px!important;line-height:1!important;letter-spacing:.055em!important}

/* Balance, nickname, plus and gear share one exact physical height. */
:root[data-theme="hub"] body header.korzh-shared-header .wallet-box,
:root[data-theme="hub"] body header.korzh-shared-header .steam-profile-mini,
:root[data-theme="hub"] body header.korzh-shared-header .deposit-header-standalone,
:root[data-theme="hub"] body header.korzh-shared-header .site-settings-btn{
  box-sizing:border-box!important;height:46px!important;min-height:46px!important;max-height:46px!important;border-radius:13px!important;
}
:root[data-theme="hub"] body header.korzh-shared-header .deposit-header-standalone,
:root[data-theme="hub"] body header.korzh-shared-header .site-settings-btn{
  width:46px!important;min-width:46px!important;max-width:46px!important;flex:0 0 46px!important;padding:0!important;margin:0!important;
  display:grid!important;place-items:center!important;align-self:center!important;
}
:root[data-theme="hub"] body header.korzh-shared-header .deposit-header-standalone{font-size:27px!important;line-height:46px!important;font-weight:950!important;text-align:center!important}
:root[data-theme="hub"] body header.korzh-shared-header .site-settings-btn svg{width:25px!important;height:25px!important;margin:0!important}

/* The wheel and both surfaces end together; controls occupy the very next row. */
:root[data-theme="hub"] .hub-u151-stage{min-height:350px!important;padding:14px 26px 6px!important;gap:0!important}
:root[data-theme="hub"] .hub-u151-core{top:14px!important;height:330px!important}
:root[data-theme="hub"] .hub-u164-control-row{
  display:grid!important;grid-template-columns:minmax(0,1fr) 330px minmax(0,1fr)!important;gap:16px!important;
  align-items:stretch!important;padding:0 26px!important;margin-top:4px!important;
}
:root[data-theme="hub"] .hub-u164-control-spacer{display:block!important}
:root[data-theme="hub"] .hub-u164-control-row .hub-u151-actions{
  position:static!important;width:100%!important;min-width:0!important;height:68px!important;min-height:68px!important;
  margin:0!important;transform:none!important;z-index:20!important;display:flex!important;align-items:stretch!important;
}
:root[data-theme="hub"] .hub-u164-control-row .hub-u151-run-row{width:100%!important;height:68px!important;grid-template-columns:1fr 64px!important;gap:9px!important}
:root[data-theme="hub"] .hub-u164-control-row .hub-u151-run,
:root[data-theme="hub"] .hub-u164-control-row .hub-u151-fast,
:root[data-theme="hub"] .hub-u164-control-row .hub-u151-retry{height:68px!important;min-height:68px!important;border-radius:15px!important}
:root[data-theme="hub"] .hub-u164-control-row .hub-u151-fast{width:64px!important;min-width:64px!important;font-size:18px!important}
:root[data-theme="hub"] .hub-u164-control-row .hub-u151-run{font-size:12px!important;letter-spacing:.08em!important}
:root[data-theme="hub"] .hub-u164-control-row .hub-u151-result-actions{width:100%!important;height:68px!important;gap:9px!important}
:root[data-theme="hub"] .hub-u164-control-row .hub-u151-result-actions button{height:68px!important;min-height:68px!important;font-size:10px!important}
:root[data-theme="hub"] .hub-u151-browsers{margin-top:12px!important}

/* A purpose-built balance console instead of a browser-default range input. */
:root[data-theme="hub"] .hub-u164-balance-dock{
  position:static!important;inset:auto!important;width:100%!important;height:68px!important;min-height:68px!important;margin:0!important;
  display:grid!important;grid-template-columns:170px minmax(120px,1fr) 62px!important;align-items:center!important;gap:14px!important;
  padding:7px 8px 7px 12px!important;border-radius:16px!important;overflow:hidden!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:radial-gradient(circle at 8% 0,rgba(237,137,93,.08),transparent 38%),linear-gradient(180deg,#181a22 0%,#0b0d13 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -14px 28px rgba(0,0,0,.18),0 10px 25px rgba(0,0,0,.24)!important;
}
:root[data-theme="hub"] .hub-u164-balance-dock.active{border-color:rgba(242,149,106,.38)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 0 0 2px rgba(226,116,75,.065),0 12px 30px rgba(0,0,0,.28)!important}
:root[data-theme="hub"] .hub-u164-balance-label{
  height:52px!important;min-height:52px!important;padding:0 12px!important;border:0!important;border-radius:12px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;text-align:left!important;
}
:root[data-theme="hub"] .hub-u164-balance-label span{display:flex!important;align-items:center!important;gap:7px!important;font-size:8px!important;letter-spacing:.11em!important;color:#9296a1!important}
:root[data-theme="hub"] .hub-u164-balance-label span img{width:15px!important;height:15px!important;object-fit:contain!important}
:root[data-theme="hub"] .hub-u164-balance-label strong{display:block!important;margin-top:4px!important;font-size:16px!important;line-height:1!important;color:#f1ece6!important}
:root[data-theme="hub"] .hub-u164-balance-control{min-width:0!important;padding-top:3px!important}
:root[data-theme="hub"] .hub-u164-balance-control input{
  appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:8px!important;margin:0!important;border:0!important;border-radius:999px!important;outline:0!important;
  background:linear-gradient(90deg,#f3aa81 0 var(--balance-pct,0%),#343742 var(--balance-pct,0%) 100%)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.035)!important;cursor:pointer!important;
}
:root[data-theme="hub"] .hub-u164-balance-control input::-webkit-slider-thumb{
  appearance:none!important;-webkit-appearance:none!important;width:22px!important;height:22px!important;border-radius:50%!important;border:3px solid #f5c2a5!important;
  background:radial-gradient(circle at 36% 30%,#fff5eb 0 16%,#ed9a70 42%,#b7583e 100%)!important;
  box-shadow:0 0 0 4px rgba(237,143,100,.10),0 4px 10px rgba(0,0,0,.55),0 0 15px rgba(239,144,100,.25)!important;
}
:root[data-theme="hub"] .hub-u164-balance-control input::-moz-range-thumb{width:16px!important;height:16px!important;border-radius:50%!important;border:3px solid #f5c2a5!important;background:#e88d64!important;box-shadow:0 0 0 4px rgba(237,143,100,.10),0 4px 10px rgba(0,0,0,.55)!important}
:root[data-theme="hub"] .hub-u164-balance-control .hub-u163-balance-ends{margin-top:7px!important;font-size:7px!important;line-height:1!important;letter-spacing:.04em!important;color:#70747f!important}
:root[data-theme="hub"] .hub-u164-balance-max{
  width:54px!important;min-width:54px!important;height:52px!important;min-height:52px!important;padding:0!important;border-radius:12px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;
  border:1px solid rgba(244,153,110,.25)!important;background:linear-gradient(180deg,#35241e,#1d1715)!important;color:#f0a783!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 13px rgba(0,0,0,.24)!important;
}
:root[data-theme="hub"] .hub-u164-balance-max span{font-size:6px!important;letter-spacing:.12em!important;color:#916e61!important}
:root[data-theme="hub"] .hub-u164-balance-max b{font-size:10px!important;line-height:1!important}

/* Compact preset editor: no inherited width, no horizontal scrollbar. */
:root[data-theme="hub"] .upgrade-settings-overlay{padding:16px!important;overflow:hidden!important}
:root[data-theme="hub"] .upgrade-settings-v164{
  box-sizing:border-box!important;width:min(560px,calc(100dvw - 28px))!important;max-width:calc(100dvw - 28px)!important;
  min-width:0!important;height:auto!important;max-height:calc(100dvh - 28px)!important;overflow:hidden!important;
  padding:0!important;border-radius:22px!important;border:1px solid rgba(255,255,255,.09)!important;
  background:radial-gradient(circle at 12% 0,rgba(234,137,95,.09),transparent 34%),linear-gradient(155deg,#191b23,#0a0c12 78%)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
:root[data-theme="hub"] .upgrade-settings-v164>header{
  box-sizing:border-box!important;width:100%!important;min-width:0!important;height:82px!important;padding:0 18px 0 22px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid rgba(255,255,255,.065)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.025),transparent)!important;
}
:root[data-theme="hub"] .upgrade-settings-v164>header small{display:block!important;margin-bottom:5px!important;color:#df8964!important;font-size:8px!important;font-weight:950!important;letter-spacing:.14em!important}
:root[data-theme="hub"] .upgrade-settings-v164>header h2{margin:0!important;color:#f2eee8!important;font-size:22px!important;line-height:1!important;letter-spacing:-.025em!important}
:root[data-theme="hub"] .upgrade-settings-v164 .upgrade-settings-close{position:static!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border-radius:11px!important;border:1px solid rgba(255,255,255,.08)!important;background:#11131a!important;color:#9b9ea8!important;font-size:23px!important;display:grid!important;place-items:center!important}
:root[data-theme="hub"] .upgrade-preset-editor{padding:20px 22px 18px!important}
:root[data-theme="hub"] .upgrade-preset-copy strong{display:block!important;color:#d9d6d0!important;font-size:10px!important;letter-spacing:.09em!important}
:root[data-theme="hub"] .upgrade-preset-copy small{display:block!important;margin-top:5px!important;color:#777b86!important;font-size:9px!important;font-weight:700!important}
:root[data-theme="hub"] .upgrade-settings-v164 .upgrade-settings-multipliers{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;width:100%!important;margin-top:15px!important}
:root[data-theme="hub"] .upgrade-settings-v164 .upgrade-settings-multipliers button{
  min-width:0!important;height:58px!important;min-height:58px!important;padding:7px 5px!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,#1b1e27,#10121a)!important;color:#aaaeb8!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;
}
:root[data-theme="hub"] .upgrade-settings-v164 .upgrade-settings-multipliers button span{font-size:7px!important;line-height:1!important;color:#636772!important}
:root[data-theme="hub"] .upgrade-settings-v164 .upgrade-settings-multipliers button b{font-size:12px!important;line-height:1!important}
:root[data-theme="hub"] .upgrade-settings-v164 .upgrade-settings-multipliers button.active{border-color:rgba(243,151,108,.42)!important;background:linear-gradient(180deg,#4a2d24,#281c18)!important;color:#fff0e7!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 18px rgba(231,126,82,.10)!important}
:root[data-theme="hub"] .upgrade-preset-update-row{display:grid!important;grid-template-columns:minmax(0,1fr) 178px!important;gap:9px!important;margin-top:12px!important}
:root[data-theme="hub"] .upgrade-preset-update-row label{height:66px!important;min-width:0!important;padding:8px 12px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:14px!important;background:#090b11!important}
:root[data-theme="hub"] .upgrade-preset-update-row label>span{display:block!important;font-size:7px!important;color:#6f737e!important;font-weight:900!important;letter-spacing:.09em!important}
:root[data-theme="hub"] .upgrade-preset-update-row label>div{display:flex!important;align-items:center!important;height:37px!important;gap:7px!important}
:root[data-theme="hub"] .upgrade-preset-update-row label b{font-size:17px!important;color:#e28b67!important}
:root[data-theme="hub"] .upgrade-preset-update-row input{width:100%!important;min-width:0!important;height:34px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;color:#f2eee8!important;font-size:20px!important;font-weight:950!important}
:root[data-theme="hub"] .upgrade-preset-update-row>button{height:66px!important;min-height:66px!important;padding:0 14px!important;border:0!important;border-radius:14px!important;background:linear-gradient(180deg,#ef9970,#d66b4b)!important;color:#1c0e09!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 8px 18px rgba(0,0,0,.24)!important}
:root[data-theme="hub"] .upgrade-preset-update-row>button span{font-size:7px!important;line-height:1!important;opacity:.62!important;letter-spacing:.09em!important}
:root[data-theme="hub"] .upgrade-preset-update-row>button b{margin-top:5px!important;font-size:10px!important;line-height:1!important;letter-spacing:.07em!important}
:root[data-theme="hub"] .upgrade-settings-footer{display:grid!important;grid-template-columns:130px 1fr!important;gap:8px!important;padding:0 22px 20px!important}
:root[data-theme="hub"] .upgrade-settings-footer button{height:48px!important;min-height:48px!important;border-radius:13px!important;font-size:9px!important;font-weight:950!important;letter-spacing:.07em!important}
:root[data-theme="hub"] .upgrade-settings-reset{border:1px solid rgba(255,255,255,.075)!important;background:#11131a!important;color:#858995!important}
:root[data-theme="hub"] .upgrade-settings-v164 .save-upgrade-settings{margin:0!important;border:1px solid rgba(238,149,107,.18)!important;background:#261b17!important;color:#eda281!important;box-shadow:none!important}

/* Site-wide readability: larger labels and controls without page zoom. */
@media(min-width:900px){
  :root[data-theme="hub"] .hub-static-grid .case-card .case-card-title{font-size:21px!important;line-height:1.08!important;min-height:42px!important}
  :root[data-theme="hub"] .hub-static-grid .case-card .case-price-tag.case-price-centered{height:30px!important;min-width:88px!important}
  :root[data-theme="hub"] .hub-static-grid .case-card .case-price-tag.case-price-centered span,
  :root[data-theme="hub"] .hub-static-grid .case-card .case-price-tag.case-price-centered .korzh-money-number{font-size:14px!important}
  :root[data-theme="hub"] .hub-static-grid .case-card .case-price-tag.case-price-centered .korzh-currency-icon{width:13px!important;height:13px!important;flex-basis:13px!important}
  :root[data-theme="hub"] .collection-heading span{font-size:14px!important;letter-spacing:.07em!important}
  :root[data-theme="hub"] .collection-subline{font-size:9px!important}
  :root[data-theme="hub"] .case-filters-v163 input,:root[data-theme="hub"] .case-filters-v163 select{font-size:11px!important}
  :root[data-theme="hub"] .case-filters-v163 button{font-size:10px!important}
  :root[data-theme="hub"] .hub-u151-browser .hub-u3-browser-head h3{font-size:15px!important}
  :root[data-theme="hub"] .hub-u3-browser-presets button{height:38px!important;min-height:38px!important;font-size:10px!important}
  :root[data-theme="hub"] .hub-u3-filter-row input,:root[data-theme="hub"] .hub-u3-filter-row select{font-size:11px!important}
  :root[data-theme="hub"] .skin-caption small{font-size:9.5px!important}
  :root[data-theme="hub"] .skin-caption strong{font-size:14px!important}
  :root[data-theme="hub"] .skin-caption b,:root[data-theme="hub"] .skin-price{font-size:13px!important}
  :root[data-theme="hub"] .live-strip button,:root[data-theme="hub"] .live-drop-card{font-size:10px!important}
  :root[data-theme="hub"] .feature-main button:not(.nav-icon-button){font-size:max(9px,1em)}
  #siteSettingsPortal .site-settings-title h2{font-size:16px!important}
  #siteSettingsPortal .site-setting-line strong,#siteSettingsPortal .site-setting-group strong{font-size:11px!important}
  #siteSettingsPortal .site-setting-line span,#siteSettingsPortal .site-setting-group span{font-size:9px!important}
  #siteSettingsPortal .site-setting-segment button{font-size:9px!important;height:34px!important}
}

@media(max-width:1120px){
  :root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav{grid-template-columns:repeat(4,78px)!important}
  :root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav .nav-icon-button{width:78px!important;min-width:78px!important;max-width:78px!important;height:56px!important;min-height:56px!important}
  :root[data-theme="hub"] .hub-u164-control-row{grid-template-columns:1fr!important;padding:10px 18px 0!important;gap:10px!important}
  :root[data-theme="hub"] .hub-u164-control-row .hub-u151-actions{width:min(420px,100%)!important;justify-self:center!important}
  :root[data-theme="hub"] .hub-u164-control-spacer{display:none!important}
}
@media(max-width:650px){
  :root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav{grid-template-columns:repeat(4,62px)!important;padding:3px!important}
  :root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav .nav-icon-button{width:62px!important;min-width:62px!important;max-width:62px!important;height:51px!important;min-height:51px!important;padding:3px!important}
  :root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav .nav-icon-frame{width:27px!important;min-width:27px!important;height:26px!important;min-height:26px!important;flex-basis:26px!important}
  :root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav svg{width:19px!important;height:19px!important}
  :root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav .nav-button-label{font-size:7px!important}
  :root[data-theme="hub"] .hub-u164-balance-dock{height:auto!important;min-height:94px!important;grid-template-columns:minmax(0,1fr) 56px!important;gap:8px!important;padding:8px!important}
  :root[data-theme="hub"] .hub-u164-balance-control{grid-column:1/-1!important;grid-row:2!important;padding:4px 5px 0!important}
  :root[data-theme="hub"] .upgrade-settings-v164>header{height:72px!important;padding:0 13px 0 15px!important}
  :root[data-theme="hub"] .upgrade-settings-v164>header h2{font-size:18px!important}
  :root[data-theme="hub"] .upgrade-preset-editor{padding:15px!important}
  :root[data-theme="hub"] .upgrade-settings-v164 .upgrade-settings-multipliers{grid-template-columns:repeat(5,1fr)!important;gap:4px!important}
  :root[data-theme="hub"] .upgrade-settings-v164 .upgrade-settings-multipliers button{height:52px!important;min-height:52px!important;padding:4px 2px!important}
  :root[data-theme="hub"] .upgrade-preset-update-row{grid-template-columns:1fr!important}
  :root[data-theme="hub"] .upgrade-settings-footer{padding:0 15px 15px!important;grid-template-columns:100px 1fr!important}
  :root[data-theme="hub"] body header.korzh-shared-header .deposit-header-standalone,
  :root[data-theme="hub"] body header.korzh-shared-header .site-settings-btn{width:40px!important;min-width:40px!important;max-width:40px!important;height:40px!important;min-height:40px!important;max-height:40px!important;flex-basis:40px!important}
}

/* =========================================================
   v165 — skin + balance wager / bare slider / inline settings
   ========================================================= */

/* The drum ends at 344px; the controls now begin almost immediately. */
:root[data-theme="hub"] .hub-u151-stage{min-height:348px!important;padding:14px 26px 4px!important}
:root[data-theme="hub"] .hub-u164-control-row{margin-top:0!important;align-items:end!important}
:root[data-theme="hub"] .hub-u164-control-row .hub-u151-actions{height:54px!important;min-height:54px!important}
:root[data-theme="hub"] .hub-u164-control-row .hub-u151-run-row{height:54px!important;grid-template-columns:1fr 54px!important;gap:8px!important}
:root[data-theme="hub"] .hub-u164-control-row .hub-u151-run,
:root[data-theme="hub"] .hub-u164-control-row .hub-u151-fast,
:root[data-theme="hub"] .hub-u164-control-row .hub-u151-retry{height:54px!important;min-height:54px!important;border-radius:13px!important}
:root[data-theme="hub"] .hub-u164-control-row .hub-u151-fast{width:54px!important;min-width:54px!important}
:root[data-theme="hub"] .hub-u164-control-row .hub-u151-result-actions,
:root[data-theme="hub"] .hub-u164-control-row .hub-u151-result-actions button{height:54px!important;min-height:54px!important}
:root[data-theme="hub"] .hub-u151-browsers{margin-top:8px!important}

/* Only the value and the slider remain — no captions, limits or MAX button. */
:root[data-theme="hub"] .hub-u165-balance-dock{
  width:100%!important;height:54px!important;min-height:54px!important;padding:0 8px 3px!important;
  display:grid!important;grid-template-rows:29px 18px!important;align-content:end!important;gap:2px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
:root[data-theme="hub"] .hub-u165-balance-amount{
  min-width:0!important;display:flex!important;align-items:center!important;justify-content:center!important;
  color:#f4eee8!important;font-size:18px!important;font-weight:950!important;line-height:1!important;text-align:center!important;
  text-shadow:0 2px 10px rgba(0,0,0,.42)!important;
}
:root[data-theme="hub"] .hub-u165-balance-amount .korzh-money{display:inline-flex!important;align-items:center!important;gap:7px!important}
:root[data-theme="hub"] .hub-u165-balance-amount .korzh-money-number{font-size:18px!important;line-height:1!important}
:root[data-theme="hub"] .hub-u165-balance-amount .korzh-currency-icon{width:17px!important;height:17px!important;flex:0 0 17px!important}
:root[data-theme="hub"] .hub-u165-balance-dock>input{
  appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:8px!important;margin:5px 0!important;
  border:0!important;border-radius:99px!important;outline:0!important;cursor:pointer!important;
  background:linear-gradient(90deg,#f3a57d 0 var(--balance-pct,0%),#343742 var(--balance-pct,0%) 100%)!important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.72),0 0 0 1px rgba(255,255,255,.045)!important;
}
:root[data-theme="hub"] .hub-u165-balance-dock>input::-webkit-slider-thumb{
  appearance:none!important;-webkit-appearance:none!important;width:21px!important;height:21px!important;border-radius:50%!important;
  border:3px solid #f8c7aa!important;background:radial-gradient(circle at 36% 30%,#fff8ef 0 17%,#ed986e 44%,#b9573e 100%)!important;
  box-shadow:0 0 0 4px rgba(237,143,100,.11),0 4px 11px rgba(0,0,0,.55),0 0 14px rgba(239,144,100,.22)!important;
}
:root[data-theme="hub"] .hub-u165-balance-dock>input::-moz-range-thumb{width:15px!important;height:15px!important;border:3px solid #f8c7aa!important;border-radius:50%!important;background:#ed986e!important;box-shadow:0 0 0 4px rgba(237,143,100,.11),0 4px 11px rgba(0,0,0,.55)!important}
:root[data-theme="hub"] .hub-u165-balance-dock>input:disabled{opacity:.36!important;cursor:not-allowed!important}

/* Five values are edited directly inside the five small multiplier blocks. */
:root[data-theme="hub"] .upgrade-settings-v165{
  box-sizing:border-box!important;position:relative!important;width:min(500px,calc(100dvw - 28px))!important;max-width:calc(100dvw - 28px)!important;
  height:auto!important;max-height:calc(100dvh - 28px)!important;overflow:hidden!important;padding:24px 22px 22px!important;
  border-radius:20px!important;border:1px solid rgba(255,255,255,.09)!important;
  background:radial-gradient(circle at 50% 0,rgba(232,132,91,.07),transparent 38%),linear-gradient(160deg,#171920,#0a0c12 78%)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.68),inset 0 1px 0 rgba(255,255,255,.055)!important;
}
:root[data-theme="hub"] .upgrade-settings-v165>h2{
  margin:1px 42px 22px!important;color:#f2eee8!important;font-size:19px!important;line-height:1!important;font-weight:950!important;
  letter-spacing:.08em!important;text-align:center!important;
}
:root[data-theme="hub"] .upgrade-settings-v165 .upgrade-settings-close{
  position:absolute!important;top:13px!important;right:13px!important;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;
  display:grid!important;place-items:center!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.07)!important;background:#101219!important;color:#858995!important;font-size:20px!important;
}
:root[data-theme="hub"] .upgrade-settings-inline-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
:root[data-theme="hub"] .upgrade-settings-inline-grid label{
  box-sizing:border-box!important;height:60px!important;min-width:0!important;padding:0 7px!important;border-radius:13px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  border:1px solid rgba(255,255,255,.075)!important;background:linear-gradient(180deg,#1a1d25,#101219)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;cursor:text!important;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
:root[data-theme="hub"] .upgrade-settings-inline-grid label:hover{border-color:rgba(239,148,105,.25)!important}
:root[data-theme="hub"] .upgrade-settings-inline-grid label:focus-within{border-color:rgba(243,151,108,.48)!important;background:linear-gradient(180deg,#442a22,#271b18)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 0 0 3px rgba(226,116,75,.055)!important}
:root[data-theme="hub"] .upgrade-settings-inline-grid label>span{color:#dc8562!important;font-size:13px!important;font-weight:950!important;line-height:1!important}
:root[data-theme="hub"] .upgrade-settings-inline-grid input{
  width:100%!important;min-width:0!important;height:40px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;
  color:#eeeae5!important;font-size:15px!important;font-weight:950!important;line-height:40px!important;text-align:center!important;
}
:root[data-theme="hub"] .upgrade-settings-v165 .save-upgrade-settings{
  width:100%!important;height:48px!important;min-height:48px!important;margin:18px 0 0!important;border-radius:13px!important;
  border:1px solid rgba(239,149,107,.23)!important;background:linear-gradient(180deg,#34241f,#211815)!important;color:#f0a07d!important;
  font-size:10px!important;font-weight:950!important;letter-spacing:.08em!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.075)!important;
}
:root[data-theme="hub"] .upgrade-settings-v165 .save-upgrade-settings:hover{border-color:rgba(239,149,107,.40)!important;background:linear-gradient(180deg,#432a22,#281b17)!important;color:#ffd7c5!important}

@media(max-width:650px){
  :root[data-theme="hub"] .hub-u165-balance-dock{max-width:100%!important}
  :root[data-theme="hub"] .upgrade-settings-v165{padding:21px 14px 15px!important}
  :root[data-theme="hub"] .upgrade-settings-v165>h2{font-size:17px!important;margin-bottom:18px!important}
  :root[data-theme="hub"] .upgrade-settings-inline-grid{gap:5px!important}
  :root[data-theme="hub"] .upgrade-settings-inline-grid label{height:54px!important;padding:0 4px!important;gap:2px!important}
  :root[data-theme="hub"] .upgrade-settings-inline-grid input{font-size:13px!important}
}

/* v166 final cascade locks */
:root[data-theme="hub"] body header.korzh-shared-header .korzh-icon-nav{padding:0!important;gap:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
:root[data-theme="hub"] body header.korzh-shared-header .deposit-header-standalone{order:1!important;transform:translateY(-3px)!important}
:root[data-theme="hub"] body header.korzh-shared-header .wallet-box{order:2!important}
:root[data-theme="hub"] body header.korzh-shared-header .steam-profile-mini{order:3!important}
:root[data-theme="hub"] body header.korzh-shared-header .site-settings-btn{order:4!important}
:root[data-theme="hub"] body header.korzh-shared-header .player-promo-badge{display:none!important}
:root[data-theme="hub"] body header.korzh-shared-header .steam-login-mini{order:3!important}
:root[data-theme="hub"] .case-filters-v163{grid-template-columns:minmax(260px,1fr) 132px 132px auto 44px!important;gap:9px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
#supportPortal .support-widget-panel{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;width:min(440px,calc(100dvw - 28px))!important;max-width:calc(100dvw - 28px)!important;height:auto!important;max-height:calc(100dvh - 28px)!important;grid-template-rows:74px minmax(0,1fr)!important;border-radius:23px!important;overflow:hidden!important}
#supportPortal .support-widget-head{height:74px!important;min-height:74px!important;padding:9px 56px 9px 12px!important}
#supportPortal .support-widget-body{padding:16px!important;max-height:calc(100dvh - 102px)!important;overflow-x:hidden!important;overflow-y:auto!important}
@media(max-width:900px){:root[data-theme="hub"] .case-filters-v163{grid-template-columns:1fr 1fr!important}:root[data-theme="hub"] .case-filters-v163 .search-filter{grid-column:1/-1!important}:root[data-theme="hub"] .case-filters-v163 .available-filter{grid-column:1/-1!important}}
@media(max-width:560px){#supportPortal .support-widget-panel{left:50%!important;right:auto!important;width:calc(100dvw - 16px)!important;max-width:calc(100dvw - 16px)!important;transform:translate(-50%,-50%)!important}}

/* =========================================================
   v167 — full-size reels / downward multi-spin / clear drops
   ========================================================= */
:root[data-theme="hub"] .case-roulette-v166{padding:12px!important}
:root[data-theme="hub"] .case-roulette-top-v166{display:none!important}
:root[data-theme="hub"] .case-roulette-board-v166:after,
:root[data-theme="hub"] .case-roulette-board-v166:before{display:none!important;content:none!important}
:root[data-theme="hub"] .case-roulette-v166.is-single .case-roulette-arrow-v166.top{
  display:block!important;top:8px!important;left:50%!important;right:auto!important;width:22px!important;height:14px!important;
  transform:translateX(-50%)!important;border:0!important;background:linear-gradient(180deg,#ffc2a6,#f37f51)!important;
  clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 0 9px rgba(248,151,103,.78))!important;pointer-events:none;
}

/* One case: normal horizontal reel, no arrows and no extra heading. */
:root[data-theme="hub"] .case-roulette-v166.is-single .case-roulette-board-v166{height:274px!important}
:root[data-theme="hub"] .case-roulette-v166.is-single .case-roulette-track-v166{gap:12px!important;padding:16px 0!important}
:root[data-theme="hub"] .case-roulette-v166.is-single .case-roulette-card-v166{
  flex:0 0 210px!important;width:210px!important;height:238px!important;padding:11px!important;
}
:root[data-theme="hub"] .case-roulette-v166.is-single .case-roulette-card-v166 .skin-art,
:root[data-theme="hub"] .case-roulette-v166.is-single .case-roulette-card-v166 .real-skin{height:154px!important;min-height:154px!important;width:100%!important}

/* Two to five cases: every lane contains full-size cards and rolls downward. */
:root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-board-v166{
  height:520px!important;grid-template-columns:repeat(var(--lane-count,2),minmax(190px,1fr))!important;gap:10px!important;padding:10px!important;
}
:root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-lane-v166{height:498px!important;border-radius:17px!important}
:root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-track-v166{
  width:100%!important;min-width:0!important;gap:12px!important;padding:7px!important;align-items:center!important;
}
:root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-card-v166,
:root[data-theme="hub"] .case-roulette-v166.is-multi.count-4 .case-roulette-card-v166,
:root[data-theme="hub"] .case-roulette-v166.is-multi.count-5 .case-roulette-card-v166{
  flex:0 0 220px!important;width:min(100%,290px)!important;height:220px!important;padding:10px!important;
  display:block!important;text-align:left!important;grid-template-columns:none!important;
  transform:scale(.94);opacity:.68;filter:saturate(.82) brightness(.82);
  transition:transform .17s ease,opacity .17s ease,filter .17s ease,border-color .17s ease,box-shadow .17s ease!important;
}
:root[data-theme="hub"] .case-roulette-v166.is-multi.count-2 .case-roulette-card-v166{width:min(100%,320px)!important}
:root[data-theme="hub"] .case-roulette-v166.is-multi.count-3 .case-roulette-card-v166{width:min(100%,305px)!important}
:root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-card-v166 .skin-art,
:root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-card-v166 .real-skin,
:root[data-theme="hub"] .case-roulette-v166.count-4 .case-roulette-card-v166 .skin-art,
:root[data-theme="hub"] .case-roulette-v166.count-4 .case-roulette-card-v166 .real-skin,
:root[data-theme="hub"] .case-roulette-v166.count-5 .case-roulette-card-v166 .skin-art,
:root[data-theme="hub"] .case-roulette-v166.count-5 .case-roulette-card-v166 .real-skin{
  display:block!important;width:100%!important;height:145px!important;min-height:145px!important;grid-column:auto!important;
}
:root[data-theme="hub"] .case-roulette-card-v166 .real-skin img,
:root[data-theme="hub"] .case-roulette-card-v166 .skin-art img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}
:root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-card-v166>div:last-child,
:root[data-theme="hub"] .case-roulette-v166.count-4 .case-roulette-card-v166>div:last-child,
:root[data-theme="hub"] .case-roulette-v166.count-5 .case-roulette-card-v166>div:last-child{
  position:absolute!important;left:13px!important;right:13px!important;bottom:12px!important;display:grid!important;gap:2px!important;grid-column:auto!important;text-align:left!important;
}
:root[data-theme="hub"] .case-roulette-v166.count-4 .case-roulette-card-v166 small,
:root[data-theme="hub"] .case-roulette-v166.count-5 .case-roulette-card-v166 small{display:block!important}
:root[data-theme="hub"] .case-roulette-card-v166{transform:scale(.94);opacity:.7;filter:saturate(.84) brightness(.84);transition:transform .17s ease,opacity .17s ease,filter .17s ease,border-color .17s ease,box-shadow .17s ease!important}
:root[data-theme="hub"] .case-roulette-card-v166.is-focused{
  z-index:10!important;transform:scale(1.035)!important;opacity:1!important;filter:saturate(1) brightness(1.06)!important;
  border-color:color-mix(in srgb,var(--rarity) 68%,rgba(255,255,255,.16))!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--rarity) 14%,transparent),0 12px 30px rgba(0,0,0,.38),0 0 26px color-mix(in srgb,var(--rarity) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.11)!important;
}
:root[data-theme="hub"] .case-roulette-arrow-v166{z-index:30!important}
:root[data-theme="hub"] .case-roulette-arrow-v166.left{left:10px!important;border-top-width:14px!important;border-bottom-width:14px!important;border-left-width:20px!important}
:root[data-theme="hub"] .case-roulette-arrow-v166.right{right:10px!important;border-top-width:14px!important;border-bottom-width:14px!important;border-right-width:20px!important}

/* The price button owns the true centre; count selection lives entirely to its left. */
:root[data-theme="hub"] .case-page-actions-v166{
  width:100%!important;max-width:1510px!important;min-height:58px!important;margin:17px auto 4px!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 290px minmax(0,1fr)!important;align-items:center!important;gap:10px!important;
}
:root[data-theme="hub"] .case-action-left-v167,
:root[data-theme="hub"] .case-action-spacer-v167{grid-column:1!important;justify-self:end!important}
:root[data-theme="hub"] .case-page-actions-v166>.open-btn{grid-column:2!important;justify-self:center!important;order:initial!important}
:root[data-theme="hub"] .case-action-right-v167{grid-column:3!important;justify-self:start!important;display:flex!important;align-items:center!important}
:root[data-theme="hub"] .case-action-right-v167 .fast-spin-toggle{margin:0!important}
:root[data-theme="hub"] .case-count-row-v166{width:max-content!important}

/* Results are the actual server drops, shown once at full size. */
:root[data-theme="hub"] .case-results-v167{padding:15px!important}
:root[data-theme="hub"] .case-result-board-v167{
  min-height:330px;display:grid;grid-template-columns:repeat(var(--result-count,1),minmax(0,255px));align-items:center;justify-content:center;gap:14px;padding:18px;
  border:1px solid rgba(255,255,255,.055);border-radius:19px;background:radial-gradient(circle at 50% 35%,rgba(231,128,87,.055),transparent 42%),#080910;
  box-shadow:inset 0 0 80px rgba(0,0,0,.62);
}
:root[data-theme="hub"] .case-result-board-v167.count-1{--result-count:1}
:root[data-theme="hub"] .case-result-board-v167.count-2{--result-count:2}
:root[data-theme="hub"] .case-result-board-v167.count-3{--result-count:3}
:root[data-theme="hub"] .case-result-board-v167.count-4{--result-count:4}
:root[data-theme="hub"] .case-result-board-v167.count-5{--result-count:5}
:root[data-theme="hub"] .case-result-card-v167{
  position:relative;width:100%;height:286px;padding:12px;overflow:hidden;border:1px solid color-mix(in srgb,var(--rarity) 48%,rgba(255,255,255,.08));border-radius:18px;
  background:radial-gradient(circle at 50% 37%,color-mix(in srgb,var(--rarity) 29%,transparent),transparent 59%),linear-gradient(180deg,#1a1c24,#0b0d13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 16px 38px rgba(0,0,0,.28);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
:root[data-theme="hub"] .case-result-card-v167:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:99px;background:var(--rarity);box-shadow:0 0 15px var(--rarity)}
:root[data-theme="hub"] .case-result-card-v167>.skin-art,
:root[data-theme="hub"] .case-result-card-v167>.real-skin{width:100%!important;height:190px!important;min-height:190px!important;transition:transform .22s ease,filter .22s ease!important}
:root[data-theme="hub"] .case-result-card-v167 .real-skin img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
:root[data-theme="hub"] .case-result-card-copy-v167{position:absolute;left:15px;right:15px;bottom:15px;display:grid;gap:3px;transition:opacity .18s ease,transform .18s ease}
:root[data-theme="hub"] .case-result-card-copy-v167 small{color:#838792;font-size:8px;font-weight:900;text-transform:uppercase}
:root[data-theme="hub"] .case-result-card-copy-v167 strong{overflow:hidden;color:#f1ede7;font-size:14px;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}
:root[data-theme="hub"] .case-result-card-copy-v167 b{color:#efa681;font-size:12px}
:root[data-theme="hub"] .case-result-card-hover-v167{position:absolute;z-index:5;left:10px;right:10px;bottom:10px;opacity:0;transform:translateY(12px);transition:opacity .18s ease,transform .18s ease}
:root[data-theme="hub"] .case-result-card-hover-v167 button{
  width:100%;height:49px;padding:0 12px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(240,150,108,.32);border-radius:13px;
  background:linear-gradient(180deg,#4a2d24,#281c18);color:#f4b293;font-size:9px;font-weight:950;letter-spacing:.045em;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 8px 20px rgba(0,0,0,.28);
}
:root[data-theme="hub"] .case-result-card-hover-v167 button img{width:22px;height:22px;object-fit:contain}
:root[data-theme="hub"] .case-result-card-hover-v167 button b{color:#ffe0d1;font-size:11px}
:root[data-theme="hub"] .case-result-card-v167:hover{z-index:4;transform:translateY(-5px);border-color:color-mix(in srgb,var(--rarity) 74%,rgba(255,255,255,.14));box-shadow:0 23px 48px rgba(0,0,0,.42),0 0 28px color-mix(in srgb,var(--rarity) 17%,transparent),inset 0 1px 0 rgba(255,255,255,.09)}
:root[data-theme="hub"] .case-result-card-v167:hover>.skin-art,
:root[data-theme="hub"] .case-result-card-v167:hover>.real-skin{transform:translateY(-12px) scale(1.05);filter:brightness(1.08)}
:root[data-theme="hub"] .case-result-card-v167:hover .case-result-card-copy-v167{opacity:.18;transform:translateY(8px)}
:root[data-theme="hub"] .case-result-card-v167:hover .case-result-card-hover-v167{opacity:1;transform:translateY(0)}

@media(max-width:1100px){
  :root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-board-v166{grid-template-columns:repeat(var(--lane-count,2),minmax(170px,1fr))!important;overflow-x:auto!important}
  :root[data-theme="hub"] .case-result-board-v167{grid-template-columns:repeat(var(--result-count,1),minmax(180px,235px));overflow-x:auto;justify-content:start}
}
@media(max-width:760px){
  :root[data-theme="hub"] .case-page-actions-v166{grid-template-columns:1fr 1fr!important}
  :root[data-theme="hub"] .case-action-left-v167,:root[data-theme="hub"] .case-action-spacer-v167{grid-column:1/-1!important;grid-row:1!important;justify-self:center!important}
  :root[data-theme="hub"] .case-page-actions-v166>.open-btn{grid-column:1!important;grid-row:2!important;justify-self:end!important;width:min(290px,calc(100vw - 86px))!important}
  :root[data-theme="hub"] .case-action-right-v167{grid-column:2!important;grid-row:2!important;justify-self:start!important}
  :root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-board-v166{height:470px!important}
  :root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-lane-v166{height:448px!important}
  :root[data-theme="hub"] .case-result-board-v167{min-height:310px;padding:12px}
}

/* =========================================================
   v169 — casino reel timing / lightweight focus / clean controls
   ========================================================= */
:root[data-theme="hub"] .case-roulette-track-v166{
  will-change:transform!important;
  transform-style:preserve-3d!important;
  backface-visibility:hidden!important;
}
:root[data-theme="hub"] .case-roulette-card-v166{
  contain:layout style!important;
  backface-visibility:hidden!important;
  transition:transform .12s cubic-bezier(.2,.78,.24,1),opacity .12s ease,filter .12s ease,border-color .14s ease,box-shadow .14s ease!important;
}
:root[data-theme="hub"] .case-roulette-v166.mode-opening .case-roulette-card-v166:not(.is-focused){
  transform:scale(.925)!important;
  opacity:.57!important;
  filter:saturate(.72) brightness(.73)!important;
}
:root[data-theme="hub"] .case-roulette-v166.mode-opening .case-roulette-card-v166.is-focused{
  transform:scale(1.055)!important;
  opacity:1!important;
  filter:saturate(1.08) brightness(1.10)!important;
}
:root[data-theme="hub"] .case-roulette-v166.mode-opening .case-roulette-track-v166.is-stopped-v172 .case-roulette-card-v166.is-focused{
  border-color:color-mix(in srgb,var(--rarity) 82%,#fff 18%)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--rarity) 32%,transparent),0 0 27px color-mix(in srgb,var(--rarity) 22%,transparent),inset 0 1px 0 rgba(255,255,255,.13)!important;
}
:root[data-theme="hub"] .case-roulette-lane-v166{
  position:relative!important;
  isolation:isolate!important;
  box-shadow:inset 0 44px 42px -34px rgba(0,0,0,.94),inset 0 -44px 42px -34px rgba(0,0,0,.94),inset 0 0 52px rgba(0,0,0,.30)!important;
}
:root[data-theme="hub"] .case-roulette-lane-v166:after{
  content:"";position:absolute;z-index:8;inset:0;pointer-events:none;border-radius:inherit;
  background:radial-gradient(ellipse at 50% 50%,rgba(236,139,96,.085),transparent 36%);
  opacity:0;transition:opacity .22s ease;
}
:root[data-theme="hub"] .case-roulette-v166.mode-opening .case-roulette-lane-v166:after{
  opacity:1;animation:casinoLaneBreathV169 1.15s ease-in-out infinite alternate;
}
:root[data-theme="hub"] .case-roulette-v166.is-multi .case-roulette-viewport-v166{
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 92%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0,#000 8%,#000 92%,transparent 100%);
}
:root[data-theme="hub"] .case-roulette-v166.is-single .case-roulette-viewport-v166{
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 7%,#000 93%,transparent 100%);
}
@keyframes casinoLaneBreathV169{from{filter:brightness(.92)}to{filter:brightness(1.12)}}

/* Open price remains mathematically centred; both side controls sit close to it. */
:root[data-theme="hub"] .case-page-actions-v166{
  grid-template-columns:minmax(0,1fr) 290px minmax(0,1fr)!important;
  column-gap:2px!important;
}
:root[data-theme="hub"] .case-count-row-v166{
  width:max-content!important;height:52px!important;padding:0!important;gap:1px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
:root[data-theme="hub"] .case-count-row-v166 button{
  position:relative!important;width:43px!important;min-width:43px!important;height:52px!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:#707480!important;font-size:12px!important;letter-spacing:.015em!important;
  transition:color .16s ease,transform .16s ease!important;
}
:root[data-theme="hub"] .case-count-row-v166 button:hover{
  color:#d7d2cc!important;background:transparent!important;transform:translateY(-1px)!important;
}
:root[data-theme="hub"] .case-count-row-v166 button.active{
  color:#f0ab89!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
:root[data-theme="hub"] .case-count-row-v166 button.active:after{
  content:"";position:absolute;left:50%;bottom:5px;width:17px;height:2px;border-radius:99px;
  transform:translateX(-50%);background:#ee9369;box-shadow:0 0 10px rgba(238,147,105,.58);
}
:root[data-theme="hub"] .case-action-left-v167{margin-right:0!important}
:root[data-theme="hub"] .case-action-right-v167{margin-left:0!important}

/* v174 — case lightning is an icon, not a square control. */
:root[data-theme="hub"] .case-page-actions-v166 .case-action-right-v167 .fast-spin-toggle{
  width:34px!important;min-width:34px!important;height:52px!important;min-height:52px!important;padding:0!important;margin:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  color:#71747d!important;font-size:21px!important;line-height:1!important;filter:none!important;transform:none!important;
  text-shadow:none!important;transition:color .16s ease,text-shadow .16s ease,transform .16s ease!important;
}
:root[data-theme="hub"] .case-page-actions-v166 .case-action-right-v167 .fast-spin-toggle:hover:not(:disabled){
  color:#b8bac1!important;background:transparent!important;transform:scale(1.08)!important;
}
:root[data-theme="hub"] .case-page-actions-v166 .case-action-right-v167 .fast-spin-toggle.active{
  color:#ffd43f!important;background:transparent!important;border:0!important;box-shadow:none!important;
  text-shadow:0 0 7px rgba(255,212,63,.88),0 0 18px rgba(255,184,35,.48)!important;
}
:root[data-theme="hub"] .case-page-actions-v166 .case-action-right-v167 .fast-spin-toggle.active:disabled{opacity:1!important}
:root[data-theme="hub"] .case-page-actions-v166 .case-action-right-v167 .fast-spin-toggle:not(.active):disabled{opacity:.42!important}

@media(max-width:760px){
  :root[data-theme="hub"] .case-page-actions-v166{column-gap:2px!important;row-gap:5px!important}
  :root[data-theme="hub"] .case-count-row-v166 button{width:40px!important;min-width:40px!important}
}

/* v175 — compact, single-token sell controls with stable alignment. */
:root[data-theme="hub"] .case-result-card-hover-v167{
  left:50%!important;right:auto!important;width:max-content!important;max-width:calc(100% - 20px)!important;
  transform:translate(-50%,12px)!important;
}
:root[data-theme="hub"] .case-result-card-hover-v167 button{
  width:auto!important;min-width:96px!important;height:40px!important;padding:0 15px!important;gap:0!important;
  white-space:nowrap!important;
}
:root[data-theme="hub"] .case-result-card-hover-v167 .case-sell-price-v175{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  margin:0!important;color:#ffe0d1!important;font-size:16px!important;line-height:1!important;font-weight:950!important;
}
:root[data-theme="hub"] .case-result-card-hover-v167 .case-sell-price-v175 img{
  width:16px!important;height:16px!important;flex:0 0 16px!important;object-fit:contain!important;
}
:root[data-theme="hub"] .case-result-card-hover-v167 .case-sell-price-v175 b{
  margin:0!important;color:inherit!important;font-size:16px!important;line-height:1!important;font-weight:950!important;
}
:root[data-theme="hub"] .case-result-card-v167:hover .case-result-card-hover-v167{
  transform:translate(-50%,0)!important;
}

:root[data-theme="hub"] .case-result-actions-v166 .sell-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  white-space:nowrap!important;line-height:1!important;
}
:root[data-theme="hub"] .case-result-actions-v166 .case-sell-label-v175{
  display:inline-flex!important;align-items:center!important;margin:0!important;color:#f3b092!important;
  font-size:11px!important;line-height:1!important;font-weight:950!important;letter-spacing:.05em!important;
}
:root[data-theme="hub"] .case-result-actions-v166 .case-sell-price-v175{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  margin:0!important;color:#ffe0d1!important;font-size:13px!important;line-height:1!important;font-weight:950!important;
}
:root[data-theme="hub"] .case-result-actions-v166 .case-sell-price-v175 img{
  width:13px!important;height:13px!important;flex:0 0 13px!important;object-fit:contain!important;
}
:root[data-theme="hub"] .case-result-actions-v166 .case-sell-price-v175 b{
  margin:0!important;color:inherit!important;font-size:13px!important;line-height:1!important;font-weight:950!important;
}

/* v177 — final product art for all four THE PRISM VAULT cases. */
:root[data-theme="hub"] .prism-product-art{
  width:100%!important;height:218px!important;min-height:218px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  overflow:visible!important;
}
:root[data-theme="hub"] .prism-product-art .prism-case-product-image{
  display:block!important;width:94%!important;max-width:94%!important;height:196px!important;max-height:196px!important;
  object-fit:contain!important;object-position:center center!important;
  transform:translateY(-10px) scale(1.03)!important;transform-origin:center center!important;
  filter:none!important;transition:transform .2s ease,filter .2s ease!important;
}
:root[data-theme="hub"] .prism-case-card:hover .prism-product-art .prism-case-product-image{
  transform:translateY(-12px) scale(1.045)!important;filter:brightness(1.035)!important;
}

@media(max-width:760px){
  :root[data-theme="hub"] .prism-product-art .prism-case-product-image{
    width:92%!important;max-width:92%!important;height:190px!important;max-height:190px!important;
  }
}

/* =========================================================
   v185 — ARSENAL + PRISM catalogue scale refresh
   Fill the product-art zone like FLEX / LOWKEY while keeping
   the existing card, title, price and podium geometry intact.
   ========================================================= */
:root[data-theme="hub"] .arsenal-case-grid.hub-static-grid
  .arsenal-case-card .arsenal-case.custom-arsenal-art > .arsenal-custom-image{
  transform:translateY(-10px) scale(1.38)!important;
  transform-origin:center center!important;
  transition:transform .2s ease,filter .2s ease!important;
}
:root[data-theme="hub"] .arsenal-case-grid.hub-static-grid
  .arsenal-case-card:hover .arsenal-case.custom-arsenal-art > .arsenal-custom-image{
  transform:translateY(-12px) scale(1.415)!important;
  filter:brightness(1.035)!important;
}

:root[data-theme="hub"] .prism-case-grid.hub-static-grid
  .prism-case-card .prism-product-art .prism-case-product-image{
  transform:translateY(-7px) scale(1.22)!important;
  transform-origin:center center!important;
}
:root[data-theme="hub"] .prism-case-grid.hub-static-grid
  .prism-case-card:hover .prism-product-art .prism-case-product-image{
  transform:translateY(-9px) scale(1.255)!important;
  filter:brightness(1.035)!important;
}

@media(max-width:760px){
  :root[data-theme="hub"] .arsenal-case-grid.hub-static-grid
    .arsenal-case-card .arsenal-case.custom-arsenal-art > .arsenal-custom-image{
    transform:translateY(-1px) scale(1.27)!important;
  }
  :root[data-theme="hub"] .prism-case-grid.hub-static-grid
    .prism-case-card .prism-product-art .prism-case-product-image{
    transform:translateY(-5px) scale(1.12)!important;
  }
}

/* =========================================================
   v186 — animated upgrade glow + thumb-following balance value
   ========================================================= */
:root[data-theme="hub"] .hub-u151-core{
  isolation:isolate!important;
}
:root[data-theme="hub"] .hub-u151-wheel-wrap{
  position:relative!important;
  z-index:2!important;
}
:root[data-theme="hub"] .hub-u151-core::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:304px;
  height:304px;
  border-radius:50%;
  transform:translate(-50%,-50%) scale(.97);
  transform-origin:center;
  pointer-events:none;
  z-index:1;
  opacity:.88;
  background:radial-gradient(circle,rgba(224,142,100,.30) 0 45%,rgba(211,111,78,.20) 58%,transparent 74%);
  box-shadow:0 0 34px rgba(231,145,99,.43),0 0 76px rgba(211,107,76,.27),0 0 118px rgba(181,76,61,.16);
  filter:blur(9px);
  animation:hub-u186-wheel-idle-glow 2.5s ease-in-out infinite;
}
:root[data-theme="hub"] .hub-u151-core:has(.hub-u151-wheel.result-win)::before{
  opacity:1;
  background:radial-gradient(circle,rgba(75,224,139,.44) 0 44%,rgba(41,196,112,.29) 58%,transparent 75%);
  box-shadow:0 0 36px rgba(76,235,148,.67),0 0 82px rgba(40,205,118,.44),0 0 128px rgba(26,164,92,.27);
  animation:hub-u186-wheel-win-glow 1.45s ease-in-out infinite;
}
:root[data-theme="hub"] .hub-u151-core:has(.hub-u151-wheel.result-lose)::before{
  opacity:1;
  background:radial-gradient(circle,rgba(244,80,88,.45) 0 44%,rgba(218,48,60,.30) 58%,transparent 75%);
  box-shadow:0 0 36px rgba(255,92,100,.69),0 0 84px rgba(226,48,62,.45),0 0 130px rgba(177,27,44,.28);
  animation:hub-u186-wheel-lose-glow 1.25s ease-in-out infinite;
}
:root[data-theme="hub"] .hub-u151-wheel.result-win{
  box-shadow:inset 0 0 0 1px rgba(120,255,177,.27),0 0 0 1px #090a0e,0 0 31px rgba(72,230,139,.58),0 0 62px rgba(44,197,112,.31),0 16px 44px rgba(0,0,0,.38)!important;
}
:root[data-theme="hub"] .hub-u151-wheel.result-lose{
  box-shadow:inset 0 0 0 1px rgba(255,126,131,.27),0 0 0 1px #090a0e,0 0 31px rgba(245,74,83,.59),0 0 64px rgba(213,43,56,.32),0 16px 44px rgba(0,0,0,.38)!important;
}
@keyframes hub-u186-wheel-idle-glow{
  0%,100%{transform:translate(-50%,-50%) scale(.96);opacity:.73;filter:blur(10px)}
  50%{transform:translate(-50%,-50%) scale(1.035);opacity:.98;filter:blur(7px)}
}
@keyframes hub-u186-wheel-win-glow{
  0%,100%{transform:translate(-50%,-50%) scale(.97);filter:blur(10px);opacity:.78}
  50%{transform:translate(-50%,-50%) scale(1.07);filter:blur(6px);opacity:1}
}
@keyframes hub-u186-wheel-lose-glow{
  0%,100%{transform:translate(-50%,-50%) scale(.965);filter:blur(11px);opacity:.80}
  42%{transform:translate(-50%,-50%) scale(1.075);filter:blur(6px);opacity:1}
  58%{transform:translate(-50%,-50%) scale(1.035);filter:blur(8px);opacity:.90}
}

/* Balance now lives to the right of the MY INVENTORY heading. */
:root[data-theme="hub"] .hub-u151-browser .hub-u3-browser-head{
  height:48px!important;
  min-height:48px!important;
  max-height:48px!important;
}
:root[data-theme="hub"] .hub-u186-inventory-head{
  gap:22px!important;
  overflow:visible!important;
}
:root[data-theme="hub"] .hub-u186-inventory-head>h3{
  flex:0 0 auto!important;
}
:root[data-theme="hub"] .hub-u186-balance-dock{
  --balance-pct:0%;
  position:relative!important;
  inset:auto!important;
  flex:1 1 320px!important;
  width:auto!important;
  min-width:150px!important;
  max-width:520px!important;
  height:44px!important;
  min-height:44px!important;
  margin:0 2px 0 auto!important;
  padding:0!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}
:root[data-theme="hub"] .hub-u186-balance-dock>input{
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:5px!important;
  width:100%!important;
  height:8px!important;
  margin:0!important;
}
:root[data-theme="hub"] .hub-u186-balance-tooltip{
  position:absolute!important;
  left:clamp(30px,var(--balance-pct),calc(100% - 30px))!important;
  top:0!important;
  z-index:8!important;
  width:max-content!important;
  min-width:54px!important;
  height:25px!important;
  padding:0 9px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  border:1px solid rgba(255,186,145,.36)!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,rgba(71,42,33,.98),rgba(33,23,22,.98))!important;
  color:#ffe2d2!important;
  box-shadow:0 0 18px rgba(238,136,91,.22),0 7px 18px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.10)!important;
  text-shadow:0 0 10px rgba(255,176,133,.24)!important;
  white-space:nowrap!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateX(-50%) translateY(4px) scale(.92)!important;
  transition:opacity .16s ease,transform .16s ease,box-shadow .16s ease!important;
  pointer-events:none!important;
}
:root[data-theme="hub"] .hub-u186-balance-tooltip::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-5px;
  width:8px;
  height:8px;
  transform:translateX(-50%) rotate(45deg);
  border-right:1px solid rgba(255,186,145,.36);
  border-bottom:1px solid rgba(255,186,145,.36);
  background:#211716;
}
:root[data-theme="hub"] .hub-u186-balance-dock.active .hub-u186-balance-tooltip{
  opacity:1!important;
  visibility:visible!important;
  transform:translateX(-50%) translateY(0) scale(1)!important;
}
:root[data-theme="hub"] .hub-u186-balance-dock.dragging .hub-u186-balance-tooltip{
  transform:translateX(-50%) translateY(-2px) scale(1.08)!important;
  box-shadow:0 0 25px rgba(245,146,100,.42),0 9px 22px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.15)!important;
}
:root[data-theme="hub"] .hub-u186-balance-plus{
  color:#f39b72!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
}
:root[data-theme="hub"] .hub-u186-balance-tooltip .korzh-money{
  gap:4px!important;
}
:root[data-theme="hub"] .hub-u186-balance-tooltip .korzh-money-number{
  font-size:11px!important;
  line-height:1!important;
}
:root[data-theme="hub"] .hub-u186-balance-tooltip .korzh-currency-icon{
  width:12px!important;
  height:12px!important;
  flex:0 0 12px!important;
}
:root[data-theme="hub"] .hub-u186-balance-dock.active>input::-webkit-slider-thumb{
  box-shadow:0 0 0 4px rgba(237,143,100,.15),0 4px 11px rgba(0,0,0,.55),0 0 19px rgba(245,143,97,.43)!important;
}

@media(max-width:650px){
  :root[data-theme="hub"] .hub-u186-inventory-head{gap:11px!important}
  :root[data-theme="hub"] .hub-u186-inventory-head>h3{font-size:11px!important}
  :root[data-theme="hub"] .hub-u186-balance-dock{min-width:130px!important;max-width:none!important}
  :root[data-theme="hub"] .hub-u186-balance-tooltip{left:clamp(26px,var(--balance-pct),calc(100% - 26px))!important;min-width:48px!important;padding:0 7px!important}
}

/* =========================================================
   v188 — aligned balance controls + clean vivid 3D wheel
   ========================================================= */

/* The inventory title and slider share one centre line. */
:root[data-theme="hub"] .hub-u186-inventory-head{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:13px!important;
  overflow:visible!important;
}
:root[data-theme="hub"] .hub-u186-inventory-head>h3{
  flex:0 0 auto!important;
  margin:0!important;
}
:root[data-theme="hub"] .hub-u188-balance-dock{
  --balance-pct:0%;
  position:relative!important;
  inset:auto!important;
  flex:1 1 390px!important;
  width:auto!important;
  min-width:230px!important;
  max-width:520px!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(140px,1fr) 86px!important;
  align-items:center!important;
  gap:9px!important;
  overflow:visible!important;
}
:root[data-theme="hub"] .hub-u188-balance-slider-shell{
  position:relative!important;
  width:100%!important;
  height:40px!important;
  min-width:0!important;
  overflow:visible!important;
}
:root[data-theme="hub"] .hub-u188-balance-slider-shell>#upgradeBalanceSlider{
  position:absolute!important;
  left:0!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:100%!important;
  height:8px!important;
  margin:0!important;
  transform:translateY(-50%)!important;
}
:root[data-theme="hub"] .hub-u188-balance-slider-shell>.hub-u186-balance-tooltip{
  left:clamp(29px,var(--balance-pct),calc(100% - 29px))!important;
  top:-7px!important;
  transition:opacity .12s ease,transform .12s ease,box-shadow .12s ease!important;
  will-change:left,transform,opacity!important;
}
:root[data-theme="hub"] .hub-u188-balance-dock.active #upgradeBalanceSlider::-webkit-slider-thumb{
  box-shadow:0 0 0 4px rgba(237,143,100,.15),0 4px 11px rgba(0,0,0,.55),0 0 19px rgba(245,143,97,.43)!important;
}

/* No radial scratches or tick patterns: only a clean, solid probability sector. */
:root[data-theme="hub"] .hub-u151-wheel,
:root[data-theme="hub"] .hub-u151-wheel.result-win,
:root[data-theme="hub"] .hub-u151-wheel.result-lose{
  background:conic-gradient(
    from 0deg,
    var(--sector-color) 0 var(--chance-pct,0%),
    #353943 var(--chance-pct,0%) 100%
  )!important;
}
:root[data-theme="hub"] .hub-u151-wheel{--sector-color:#31d982!important}
:root[data-theme="hub"] .hub-u151-wheel.result-win{--sector-color:#27eb82!important}
:root[data-theme="hub"] .hub-u151-wheel.result-lose{--sector-color:#ff4f60!important}
:root[data-theme="hub"] .hub-u151-wheel::after{
  display:none!important;
  content:none!important;
  background:none!important;
}
:root[data-theme="hub"] .hub-u151-wheel::before{
  background:radial-gradient(circle at 44% 31%,#1a1d27 0%,#0e1118 59%,#07090e 100%)!important;
}

/* A dense lower contact shadow and rim shading give the drum real depth. */
:root[data-theme="hub"] .hub-u151-wheel-wrap::after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:30px!important;
  right:30px!important;
  bottom:-30px!important;
  height:76px!important;
  border-radius:50%!important;
  z-index:0!important;
  pointer-events:none!important;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.94) 0 30%,rgba(0,0,0,.72) 48%,rgba(0,0,0,.24) 68%,transparent 78%)!important;
  filter:blur(8px)!important;
  transform:scaleY(.48)!important;
  opacity:1!important;
}
:root[data-theme="hub"] .hub-u151-wheel-wrap{
  filter:drop-shadow(0 18px 15px rgba(0,0,0,.62)) drop-shadow(0 31px 26px rgba(0,0,0,.40))!important;
}
:root[data-theme="hub"] .hub-u151-wheel,
:root[data-theme="hub"] .hub-u151-wheel.result-win,
:root[data-theme="hub"] .hub-u151-wheel.result-lose{
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.065),
    inset 0 -15px 24px rgba(0,0,0,.34),
    0 8px 0 -4px #161922,
    0 15px 0 -8px #080a0f,
    0 27px 34px rgba(0,0,0,.68)!important;
}

/* Brighter result ambience without muddy grey-green/red tones. */
:root[data-theme="hub"] .hub-u151-core:has(.hub-u151-wheel.result-win)::before{
  background:radial-gradient(circle,rgba(42,244,139,.50) 0 43%,rgba(19,207,109,.31) 58%,transparent 75%)!important;
  box-shadow:0 0 40px rgba(45,255,148,.72),0 0 88px rgba(23,220,119,.48),0 0 136px rgba(8,166,83,.28)!important;
}
:root[data-theme="hub"] .hub-u151-core:has(.hub-u151-wheel.result-lose)::before{
  background:radial-gradient(circle,rgba(255,71,87,.52) 0 43%,rgba(235,28,51,.33) 58%,transparent 75%)!important;
  box-shadow:0 0 40px rgba(255,77,93,.75),0 0 90px rgba(235,34,54,.49),0 0 138px rgba(183,11,37,.29)!important;
}

@media(max-width:650px){
  :root[data-theme="hub"] .hub-u186-inventory-head{gap:8px!important}
  :root[data-theme="hub"] .hub-u188-balance-dock{min-width:185px!important;gap:6px!important}
  :root[data-theme="hub"] .hub-u188-balance-slider-shell>.hub-u186-balance-tooltip{left:clamp(25px,var(--balance-pct),calc(100% - 25px))!important}
}

/* =========================================================
   v189 — final slider baseline + calmer wheel colours
   ========================================================= */
:root[data-theme="hub"] .hub-u186-inventory-head{
  display:grid!important;
  grid-template-columns:max-content minmax(180px,1fr)!important;
  align-items:center!important;
  justify-content:stretch!important;
  column-gap:12px!important;
}
:root[data-theme="hub"] .hub-u188-balance-dock{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:520px!important;
  height:48px!important;
  min-height:48px!important;
  margin:0!important;
}
:root[data-theme="hub"] .hub-u188-balance-slider-shell{
  width:100%!important;
  height:48px!important;
}
:root[data-theme="hub"] .hub-u188-balance-slider-shell>#upgradeBalanceSlider{
  top:calc(50% + 16px)!important;
  height:7px!important;
  border:0!important;
  background:linear-gradient(
    90deg,
    #d38b68 0 var(--balance-pct,0%),
    #171922 var(--balance-pct,0%) 100%
  )!important;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.72),0 1px 0 rgba(255,255,255,.025)!important;
}
:root[data-theme="hub"] .hub-u188-balance-slider-shell>.hub-u186-balance-tooltip{
  top:9px!important;
}

/* Balanced result palette: coloured, but no neon. */
:root[data-theme="hub"] .hub-u151-wheel{--sector-color:#528f6b!important}
:root[data-theme="hub"] .hub-u151-wheel.result-win{--sector-color:#55a877!important}
:root[data-theme="hub"] .hub-u151-wheel.result-lose{--sector-color:#bd626a!important}
:root[data-theme="hub"] .hub-u151-core:has(.hub-u151-wheel.result-win)::before{
  background:radial-gradient(circle,rgba(82,174,122,.37) 0 43%,rgba(54,142,92,.22) 58%,transparent 75%)!important;
  box-shadow:0 0 34px rgba(79,174,120,.45),0 0 78px rgba(51,139,90,.29),0 0 122px rgba(35,105,67,.17)!important;
}
:root[data-theme="hub"] .hub-u151-core:has(.hub-u151-wheel.result-lose)::before{
  background:radial-gradient(circle,rgba(197,92,102,.38) 0 43%,rgba(159,65,76,.23) 58%,transparent 75%)!important;
  box-shadow:0 0 34px rgba(197,91,101,.46),0 0 79px rgba(155,61,72,.30),0 0 124px rgba(111,40,51,.18)!important;
}

@media(max-width:650px){
  :root[data-theme="hub"] .hub-u186-inventory-head{grid-template-columns:max-content minmax(120px,1fr)!important;column-gap:8px!important}
  :root[data-theme="hub"] .hub-u188-balance-dock{min-width:0!important;max-width:none!important}
}

/* =========================================================
   v190 — one smooth, diffused wheel shadow
   ========================================================= */

/* Replace the hard lower platform with a soft circular ambient shadow. */
:root[data-theme="hub"] .hub-u151-wheel-wrap::after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:-18px!important;
  width:auto!important;
  height:auto!important;
  border-radius:50%!important;
  z-index:0!important;
  pointer-events:none!important;
  background:radial-gradient(
    circle at 50% 52%,
    rgba(0,0,0,.31) 0 45%,
    rgba(0,0,0,.21) 55%,
    rgba(0,0,0,.10) 66%,
    transparent 78%
  )!important;
  box-shadow:0 22px 34px rgba(0,0,0,.24)!important;
  filter:blur(17px)!important;
  transform:none!important;
  opacity:.92!important;
}

/* Only soft diffusion remains on the wrapper — no stacked black bands. */
:root[data-theme="hub"] .hub-u151-wheel-wrap{
  filter:drop-shadow(0 13px 20px rgba(0,0,0,.34)) drop-shadow(0 0 17px rgba(0,0,0,.17))!important;
}

/* Preserve subtle rim depth without drawing a hard pedestal under the drum. */
:root[data-theme="hub"] .hub-u151-wheel,
:root[data-theme="hub"] .hub-u151-wheel.result-win,
:root[data-theme="hub"] .hub-u151-wheel.result-lose{
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.055),
    inset 0 -12px 21px rgba(0,0,0,.24),
    0 13px 29px rgba(0,0,0,.37),
    0 0 22px rgba(0,0,0,.14)!important;
}

/* =========================================================
   v191 — slider mirrors preset row + animated empty loupe
   ========================================================= */

/* The left slider occupies the exact same 28px header row as x1.75/x2/x3/x5/x10. */
:root[data-theme="hub"] .hub-u186-inventory-head{
  display:grid!important;
  grid-template-columns:max-content minmax(180px,1fr)!important;
  align-items:center!important;
  column-gap:12px!important;
}
:root[data-theme="hub"] .hub-u188-balance-dock{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  max-width:520px!important;
  height:28px!important;
  min-height:28px!important;
  margin:0!important;
}
:root[data-theme="hub"] .hub-u188-balance-slider-shell{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  height:28px!important;
}
:root[data-theme="hub"] .hub-u188-balance-slider-shell>#upgradeBalanceSlider{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  width:100%!important;
  height:7px!important;
  margin:0!important;
  transform:none!important;
}
:root[data-theme="hub"] .hub-u188-balance-slider-shell>.hub-u186-balance-tooltip{
  top:-22px!important;
}

/* Empty selected-item panels: the magnifier patrols its own field and flips. */
:root[data-theme="hub"] .hub-u151-source .hub-u151-empty.hub-u191-empty-search,
:root[data-theme="hub"] .hub-u151-target .hub-u151-empty.hub-u191-empty-search{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:220px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  overflow:visible!important;
}
:root[data-theme="hub"] .hub-u191-search-field{
  position:relative!important;
  width:260px!important;
  height:170px!important;
  max-width:82%!important;
  max-height:76%!important;
  perspective:700px!important;
  filter:drop-shadow(0 15px 22px rgba(0,0,0,.23))!important;
}
:root[data-theme="hub"] .hub-u191-search-traveller{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:58px!important;
  height:58px!important;
  offset-path:path("M 28 28 C 84 0 207 4 228 54 C 250 106 174 151 94 139 C 20 128 -5 70 28 28 Z")!important;
  offset-rotate:0deg!important;
  animation:hub-u191-loupe-flight 7.4s cubic-bezier(.42,0,.58,1) infinite!important;
  will-change:offset-distance!important;
}
:root[data-theme="hub"] .hub-u191-empty-target .hub-u191-search-traveller{
  animation-delay:-3.7s!important;
  animation-direction:reverse!important;
}
:root[data-theme="hub"] .hub-u191-search-traveller::after{
  content:"";
  position:absolute;
  left:4px;
  top:42px;
  width:49px;
  height:13px;
  border-radius:50%;
  background:rgba(0,0,0,.34);
  filter:blur(7px);
  transform:scaleX(.82);
  opacity:.56;
}
:root[data-theme="hub"] .hub-u191-search-glass{
  position:relative!important;
  z-index:2!important;
  display:block!important;
  width:58px!important;
  height:58px!important;
  transform-style:preserve-3d!important;
  animation:hub-u191-loupe-flip 7.4s ease-in-out infinite!important;
  will-change:transform!important;
}
:root[data-theme="hub"] .hub-u191-empty-target .hub-u191-search-glass{
  animation-delay:-3.7s!important;
  animation-direction:reverse!important;
}
:root[data-theme="hub"] .hub-u191-search-glass::before{
  content:"";
  position:absolute;
  left:4px;
  top:3px;
  width:34px;
  height:34px;
  border:5px solid #aeb3bf;
  border-radius:50%;
  background:radial-gradient(circle at 38% 32%,rgba(255,255,255,.15),rgba(69,77,93,.10) 44%,rgba(8,10,15,.28) 76%);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.28),0 0 0 1px rgba(0,0,0,.52),0 0 18px rgba(209,143,108,.11);
}
:root[data-theme="hub"] .hub-u191-search-glass::after{
  content:"";
  position:absolute;
  left:36px;
  top:36px;
  width:24px;
  height:8px;
  border-radius:5px;
  transform:rotate(43deg);
  transform-origin:left center;
  background:linear-gradient(180deg,#d59a78,#9a5d45);
  border:1px solid rgba(255,212,188,.22);
  box-shadow:0 4px 9px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.24);
}
@keyframes hub-u191-loupe-flight{
  0%{offset-distance:0%}
  19%{offset-distance:18%}
  43%{offset-distance:44%}
  61%{offset-distance:63%}
  82%{offset-distance:84%}
  100%{offset-distance:100%}
}
@keyframes hub-u191-loupe-flip{
  0%,38%{transform:rotateZ(-10deg) rotateY(0deg) scale(.96)}
  48%,56%{transform:rotateZ(12deg) rotateY(180deg) scale(1.06)}
  66%,92%{transform:rotateZ(-4deg) rotateY(180deg) scale(.98)}
  100%{transform:rotateZ(-10deg) rotateY(360deg) scale(.96)}
}

@media(max-width:650px){
  :root[data-theme="hub"] .hub-u186-inventory-head{grid-template-columns:max-content minmax(120px,1fr)!important;column-gap:8px!important}
  :root[data-theme="hub"] .hub-u191-search-field{transform:scale(.84)!important}
}

@media(prefers-reduced-motion:reduce){
  :root[data-theme="hub"] .hub-u191-search-traveller,
  :root[data-theme="hub"] .hub-u191-search-glass{animation:none!important}
  :root[data-theme="hub"] .hub-u191-search-traveller{offset-distance:36%!important}
}

/* v200 — keep the KORZH token exclusive to 2040 so Standard keeps the original clean loupe. */
:root[data-theme="hub"] .hub-u191-loupe-token{
  display:none!important;
}


/* v201 markup compatibility: new contract reactor is 2040-only; Standard keeps the classic six-slot grid. */
.k2040-contract-wing{display:contents}
.k2040-contract-reactor{display:none}


/* v207 shared upgrade-wheel geometry bug guard.
   Functional/geometry fix intentionally applies to Standard and 2040. */
:root[data-theme="hub"] .hub-u151-wheel-wrap,
:root[data-theme="hub"] .hub-u151-wheel,
:root[data-theme="hub"] .hub-u151-pointer{
  aspect-ratio:1/1!important;border-radius:50%!important;transform-origin:50% 50%!important;backface-visibility:hidden!important;
}
:root[data-theme="hub"] .hub-u151-wheel{overflow:hidden!important;background-clip:padding-box!important}
:root[data-theme="hub"] .hub-u151-wheel::after{display:none!important;content:none!important}
:root[data-theme="hub"] .hub-u151-pointer>i:before,
:root[data-theme="hub"] .hub-u151-pointer>i:after{display:none!important;content:none!important}

/* v224 — ST/SV prefixes are always before the weapon and gold. */
.edition-prefix{color:#e6b84f!important;font:inherit!important;font-weight:950!important;text-shadow:0 0 9px rgba(230,184,79,.15)!important}

/* v229 — unified hard modal shell + collapsible collections */
.kx229-layer,.kx229-profile-layer{position:fixed!important;inset:0!important;z-index:2147483600!important;display:grid!important;place-items:center!important;padding:22px!important;background:rgba(7,5,4,.72)!important;backdrop-filter:blur(18px) saturate(.82)!important;-webkit-backdrop-filter:blur(18px) saturate(.82)!important;overflow:auto!important;box-sizing:border-box!important}
.kx229-card{position:relative!important;width:min(468px,calc(100vw - 36px))!important;max-width:468px!important;height:auto!important;max-height:calc(100dvh - 44px)!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:25px!important;border:1px solid rgba(255,255,255,.12)!important;background:#111116!important;box-shadow:0 38px 110px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.06)!important;transform:none!important;box-sizing:border-box!important}
.kx229-card.kx229-support{width:min(510px,calc(100vw - 36px))!important;max-width:510px!important}
.kx229-head{height:72px!important;min-height:72px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 15px 0 17px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent)!important;box-sizing:border-box!important}
.kx229-brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}.kx229-brand>div{display:grid!important;gap:2px!important}.kx229-brand small{font-size:7px!important;line-height:1!important;font-weight:900!important;letter-spacing:.15em!important;color:#777782!important}.kx229-brand h2{margin:0!important;font-size:18px!important;line-height:1.1!important;font-weight:950!important;letter-spacing:-.015em!important;color:#f1f0ef!important}.kx229-icon{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.09)!important;background:rgba(255,255,255,.04)!important;color:#dadbe0!important}.kx229-icon svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round!important;stroke-linejoin:round!important}.kx229-logo img{width:27px!important;height:27px!important;object-fit:contain!important}.kx229-close{position:static!important;width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:13px!important;border:1px solid rgba(255,255,255,.09)!important;background:rgba(255,255,255,.035)!important;color:#b7b8bd!important;font:400 23px/1 Arial,sans-serif!important;cursor:pointer!important;transform:none!important}.kx229-close:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.kx229-settings-body,.kx229-support-body{min-height:0!important;padding:13px!important;overflow:auto!important;box-sizing:border-box!important}.kx229-settings-body{display:grid!important;gap:9px!important}.kx229-setting-row{width:100%!important;min-height:64px!important;margin:0!important;padding:11px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:16px!important;background:rgba(255,255,255,.027)!important;color:#ececef!important;text-align:left!important;box-sizing:border-box!important}.kx229-setting-row>div:first-child{display:grid!important;gap:4px!important}.kx229-setting-row strong{font-size:11px!important;font-weight:950!important;letter-spacing:.02em!important;color:#e9e9ec!important}.kx229-setting-row span{font-size:8px!important;color:#72747d!important}.kx229-switch{position:relative!important;width:40px!important;height:23px!important;min-width:40px!important;border-radius:99px!important;background:#292a31!important;border:1px solid rgba(255,255,255,.08)!important}.kx229-switch b{position:absolute!important;left:3px!important;top:3px!important;width:15px!important;height:15px!important;border-radius:50%!important;background:#9b9da5!important;transition:transform .25s ease,background .25s ease!important}.kx229-switch.on b{transform:translateX(17px)!important;background:#fff!important}.kx229-setting-static{cursor:default!important}.kx229-segment{display:flex!important;align-items:center!important;gap:4px!important;padding:4px!important;border-radius:12px!important;background:#090a0f!important;border:1px solid rgba(255,255,255,.06)!important}.kx229-segment button{height:31px!important;min-width:43px!important;padding:0 10px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#71737c!important;font-size:8px!important;font-weight:950!important}.kx229-segment button.active{background:#f2f0ed!important;color:#171415!important;box-shadow:0 4px 14px rgba(0,0,0,.22)!important}
.kx229-support-body :is(.support-new-form,.support-ticket-view,.support-login-state,.profile-support-form,.profile-support-ticket){width:100%!important;max-width:none!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.kx229-support-body :is(.support-topic-grid,.profile-support-topics){display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.kx229-support-body :is(.support-topic-grid button,.profile-support-topics button){width:100%!important;min-height:48px!important;margin:0!important;border-radius:13px!important;box-sizing:border-box!important}.kx229-support-body :is(.support-description,.profile-support-description){display:grid!important;gap:7px!important;margin-top:9px!important}.kx229-support-body :is(.support-description textarea,.profile-support-description textarea){width:100%!important;min-height:112px!important;max-height:210px!important;resize:vertical!important;padding:12px!important;border-radius:14px!important;box-sizing:border-box!important}.kx229-support-body :is(.support-submit,.profile-support-primary){width:100%!important;min-height:44px!important;margin:10px 0 0!important;border-radius:13px!important;box-sizing:border-box!important}.kx229-support-body :is(.support-continue,.profile-support-continue){width:100%!important;margin:9px 0 0!important;box-sizing:border-box!important}.kx229-support-body :is(.support-conversation,.profile-support-thread){max-height:310px!important;overflow:auto!important}.kx229-support-body .support-reply-form,.kx229-support-body .profile-support-reply{width:100%!important;box-sizing:border-box!important}
.kx229-standard{background:linear-gradient(160deg,#171820,#0d0f15 72%,#090a0f)!important;border-color:rgba(255,255,255,.11)!important}.kx229-standard-layer{background:rgba(3,4,8,.76)!important}
.kx229-2040-layer{background:rgba(13,8,5,.72)!important;backdrop-filter:blur(20px) saturate(.92)!important}.kx229-2040{border-color:rgba(255,255,255,.19)!important;background:radial-gradient(circle at 16% 0,rgba(255,255,255,.105),transparent 28%),radial-gradient(circle at 90% 18%,rgba(255,255,255,.045),transparent 25%),linear-gradient(152deg,#271a14,#130e0b 58%,#090807)!important;box-shadow:0 42px 120px rgba(0,0,0,.68),0 0 0 1px rgba(255,255,255,.025),inset 0 1px rgba(255,255,255,.16)!important}.kx229-2040 .kx229-head{border-bottom-color:rgba(255,255,255,.14)!important;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.012))!important}.kx229-2040 .kx229-brand small{color:#d6d0cb!important}.kx229-2040 .kx229-brand h2{color:#fff!important}.kx229-2040 .kx229-icon{border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.085)!important;color:#fff!important;box-shadow:0 0 22px rgba(255,255,255,.07)!important}.kx229-2040 .kx229-close{border-color:rgba(255,255,255,.17)!important;background:rgba(255,255,255,.07)!important;color:#fff!important}.kx229-2040 .kx229-setting-row{border-color:rgba(255,255,255,.115)!important;background:linear-gradient(140deg,rgba(255,255,255,.07),rgba(255,255,255,.018))!important}.kx229-2040 .kx229-setting-row strong{color:#fff!important}.kx229-2040 .kx229-setting-row span{color:#b8afa8!important}.kx229-2040 .kx229-switch{border-color:rgba(255,255,255,.18)!important;background:#241913!important}.kx229-2040 .kx229-switch.on{background:#fff!important}.kx229-2040 .kx229-switch.on b{background:#221711!important}.kx229-2040 .kx229-segment{background:rgba(0,0,0,.24)!important;border-color:rgba(255,255,255,.11)!important}.kx229-2040 .kx229-segment button{color:#b7ada5!important}.kx229-2040 .kx229-segment button.active{background:#fff!important;color:#1b120e!important;box-shadow:0 0 22px rgba(255,255,255,.10)!important}.kx229-2040 .kx229-support-body :is(.support-submit,.profile-support-primary){background:#fff!important;color:#1c130f!important;border-color:#fff!important}.kx229-2040 .kx229-support-body :is(.support-topic-grid button,.profile-support-topics button).active{border-color:rgba(255,255,255,.42)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 0 22px rgba(255,255,255,.045)!important}
@media(max-width:560px){.kx229-layer,.kx229-profile-layer{padding:10px!important}.kx229-card,.kx229-card.kx229-support{width:calc(100dvw - 20px)!important;max-width:calc(100dvw - 20px)!important;max-height:calc(100dvh - 20px)!important}.kx229-head{height:64px!important;min-height:64px!important}.kx229-setting-row{min-height:60px!important}.kx229-segment button{min-width:38px!important;padding:0 7px!important}}

.collection-heading-with-toggle,.k221-oscar-heading.collection-heading-with-toggle{position:relative!important;display:flex!important;align-items:center!important;min-height:30px!important;padding-right:52px!important}.collection-collapse-toggle{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;width:37px!important;height:27px!important;display:grid!important;grid-template-columns:12px 13px!important;place-content:center!important;gap:2px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.025)!important;color:#9b9795!important;cursor:pointer!important;transition:background .25s ease,border-color .25s ease,color .25s ease!important}.collection-collapse-toggle span{font-size:11px!important;font-weight:800!important;line-height:1!important}.collection-collapse-toggle svg{width:13px!important;height:13px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;transition:transform .36s cubic-bezier(.2,.8,.2,1)!important}.collapsible-collection.is-collapsed .collection-collapse-toggle svg{transform:rotate(-90deg)!important}.collection-collapse-toggle:hover{color:#fff!important;border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.055)!important}.collection-fold{max-height:1800px!important;opacity:1!important;overflow:visible!important;transition:max-height .52s cubic-bezier(.2,.8,.2,1),opacity .34s ease,margin .45s ease!important}.collection-fold-inner{min-height:0!important;overflow:visible!important}.collapsible-collection.is-collapsed .collection-fold{max-height:0!important;opacity:0!important;overflow:hidden!important;margin-bottom:0!important}.collapsible-collection.is-collapsed{padding-bottom:0!important;margin-bottom:22px!important}


/* v229 final — arrow-only collection controls */
.collection-collapse-toggle{grid-template-columns:13px!important;width:32px!important;height:28px!important;border-radius:999px!important}.collection-collapse-toggle span{display:none!important}.collection-collapse-toggle svg{width:14px!important;height:14px!important}


/* =========================================================
   v230 — scaled unified utility modals (Standard + 2040)
   ========================================================= */
.kx229-card{width:min(610px,calc(100vw - 44px))!important;max-width:610px!important;border-radius:28px!important}
.kx229-card.kx229-support{width:min(690px,calc(100vw - 44px))!important;max-width:690px!important}
.kx229-head{height:88px!important;min-height:88px!important;padding:0 21px 0 23px!important}
.kx229-brand{gap:15px!important}.kx229-icon{width:46px!important;height:46px!important;border-radius:15px!important}.kx229-icon svg{width:23px!important;height:23px!important}.kx229-logo img{width:34px!important;height:34px!important}.kx229-brand small{font-size:8px!important}.kx229-brand h2{font-size:23px!important}.kx229-close{width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;font-size:27px!important}
.kx229-settings-body,.kx229-support-body{padding:18px!important}.kx229-settings-body{gap:12px!important}.kx229-setting-row{min-height:78px!important;padding:15px 16px!important;border-radius:18px!important}.kx229-setting-row strong{font-size:14px!important}.kx229-setting-row span{font-size:10px!important;line-height:1.25!important}.kx229-switch{width:48px!important;height:27px!important;min-width:48px!important}.kx229-switch b{width:19px!important;height:19px!important;left:3px!important;top:3px!important}.kx229-switch.on b{transform:translateX(21px)!important}.kx229-segment{padding:5px!important;border-radius:14px!important}.kx229-segment button{height:38px!important;min-width:52px!important;padding:0 13px!important;border-radius:10px!important;font-size:10px!important}
.kx229-support-body :is(.support-topic-grid,.profile-support-topics){gap:9px!important}.kx229-support-body :is(.support-topic-grid button,.profile-support-topics button){min-height:58px!important;border-radius:15px!important;font-size:11px!important}.kx229-support-body :is(.support-form-title h3,.profile-support-form h3){font-size:21px!important}.kx229-support-body :is(.support-form-title span,.support-description>span,.profile-support-description>span){font-size:9px!important}.kx229-support-body :is(.support-description textarea,.profile-support-description textarea){min-height:145px!important;padding:15px!important;border-radius:16px!important;font-size:12px!important;line-height:1.45!important}.kx229-support-body :is(.support-submit,.profile-support-primary){min-height:52px!important;border-radius:15px!important;font-size:11px!important}.kx229-support-body :is(.support-continue,.profile-support-continue){min-height:54px!important;font-size:10px!important}.kx229-support-body :is(.support-conversation,.profile-support-thread){max-height:390px!important}
@media(max-width:700px){.kx229-card,.kx229-card.kx229-support{width:calc(100dvw - 24px)!important;max-width:calc(100dvw - 24px)!important}.kx229-head{height:72px!important;min-height:72px!important}.kx229-setting-row{min-height:68px!important}}


/* =========================================================
   v231 — static collection toggle + seamless loupe loop
   ========================================================= */
.collection-heading-with-toggle,.k221-oscar-heading.collection-heading-with-toggle{min-height:28px!important;padding-right:38px!important}
.collection-collapse-toggle{
  top:1px!important;right:0!important;transform:none!important;width:26px!important;height:26px!important;min-width:26px!important;min-height:26px!important;
  padding:0!important;margin:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;grid-template-columns:1fr!important;
  transition:background .22s ease,border-color .22s ease,color .22s ease!important;outline:none!important;box-shadow:none!important;
}
.collection-collapse-toggle:hover,.collection-collapse-toggle:focus-visible,.collection-collapse-toggle:active{transform:none!important}
.collection-collapse-toggle svg{width:12px!important;height:12px!important;transform-origin:50% 50%!important;transition:transform .32s cubic-bezier(.2,.8,.2,1)!important}
.collapsible-collection.is-collapsed .collection-collapse-toggle svg{transform:rotate(-90deg)!important}

/* Continuous closed-path movement: no visible reset at 100% -> 0%, no startup freeze/flip. */
:root[data-theme="hub"] .hub-u191-search-traveller{
  offset-path:path("M 28 28 C 84 0 207 4 228 54 C 250 106 174 151 94 139 C 20 128 -5 70 28 28 Z")!important;
  offset-rotate:0deg!important;
  animation:k231-loupe-orbit 11.5s linear infinite!important;
  animation-delay:-2.15s!important;
  will-change:offset-distance!important;
}
:root[data-theme="hub"] .hub-u191-empty-target .hub-u191-search-traveller{animation-delay:-7.85s!important;animation-direction:normal!important}
:root[data-theme="hub"] .hub-u191-search-glass{
  animation:k231-loupe-breathe 2.8s ease-in-out infinite alternate!important;
  animation-delay:-1.1s!important;
  will-change:transform!important;
}
:root[data-theme="hub"] .hub-u191-empty-target .hub-u191-search-glass{animation-delay:-2.05s!important;animation-direction:alternate!important}
@keyframes k231-loupe-orbit{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes k231-loupe-breathe{0%{transform:rotateZ(-6deg) translateY(0) scale(.98)}100%{transform:rotateZ(7deg) translateY(-4px) scale(1.025)}}
@media(prefers-reduced-motion:reduce){:root[data-theme="hub"] .hub-u191-search-traveller,:root[data-theme="hub"] .hub-u191-search-glass{animation:none!important}}

/* =========================================================
   v232 — hard utility-modal reset / clean case controls / balance-only upgrade
   ========================================================= */
/* The unified modal owns the whole viewport and its own geometry. These rules are
   intentionally last so legacy compact support/settings passes cannot shrink it. */
.kx229-layer,.kx229-profile-layer{
  position:fixed!important;inset:0!important;z-index:2147483600!important;
  display:grid!important;place-items:center!important;padding:28px!important;
  overflow:auto!important;background:rgba(7,5,4,.76)!important;
  backdrop-filter:blur(22px) saturate(.88)!important;-webkit-backdrop-filter:blur(22px) saturate(.88)!important;
}
.kx229-card,.kx229-card.kx229-settings{
  width:min(720px,calc(100dvw - 56px))!important;max-width:720px!important;
  height:auto!important;max-height:calc(100dvh - 56px)!important;margin:0!important;padding:0!important;
  overflow:hidden!important;border-radius:30px!important;transform:none!important;
}
.kx229-card.kx229-support{width:min(790px,calc(100dvw - 56px))!important;max-width:790px!important}
.kx229-head{height:98px!important;min-height:98px!important;padding:0 25px 0 27px!important}
.kx229-brand{gap:17px!important}.kx229-icon{width:52px!important;height:52px!important;border-radius:17px!important}
.kx229-icon svg{width:26px!important;height:26px!important}.kx229-logo img{width:39px!important;height:39px!important}
.kx229-brand small{font-size:9px!important;line-height:1!important}.kx229-brand h2{font-size:27px!important;line-height:1.05!important}
.kx229-close{width:46px!important;height:46px!important;min-width:46px!important;border-radius:15px!important;font-size:28px!important}
.kx229-settings-body,.kx229-support-body{padding:22px!important;overflow:auto!important}
.kx229-settings-body{gap:14px!important}.kx229-setting-row{min-height:88px!important;padding:17px 19px!important;border-radius:20px!important}
.kx229-setting-row strong{font-size:16px!important}.kx229-setting-row span{font-size:12px!important;line-height:1.3!important}
.kx229-switch{width:54px!important;height:30px!important;min-width:54px!important}.kx229-switch b{width:22px!important;height:22px!important;left:3px!important;top:3px!important}.kx229-switch.on b{transform:translateX(24px)!important}
.kx229-segment{padding:5px!important;border-radius:15px!important}.kx229-segment button{height:42px!important;min-width:58px!important;padding:0 14px!important;border-radius:11px!important;font-size:11px!important}

/* Support typography is deliberately large and readable. Overrides old #supportPortal compact passes. */
#supportPortal .kx229-support-body .support-form-title,
.kx229-support-body .support-form-title{margin:0 0 17px!important}
#supportPortal .kx229-support-body .support-form-title>span,
.kx229-support-body .support-form-title>span{font-size:10px!important;line-height:1.1!important;letter-spacing:.15em!important}
#supportPortal .kx229-support-body .support-form-title h3,
.kx229-support-body .support-form-title h3{margin-top:7px!important;font-size:29px!important;line-height:1.08!important}
#supportPortal .kx229-support-body .support-topic-grid,
.kx229-support-body .support-topic-grid{gap:10px!important}
#supportPortal .kx229-support-body .support-topic-grid button,
.kx229-support-body .support-topic-grid button{height:66px!important;min-height:66px!important;padding:10px 14px!important;grid-template-columns:42px 1fr!important;gap:13px!important;border-radius:17px!important}
#supportPortal .kx229-support-body .support-topic-grid button>span,
.kx229-support-body .support-topic-grid button>span{width:42px!important;height:42px!important;border-radius:13px!important;font-size:16px!important}
#supportPortal .kx229-support-body .support-topic-grid button b,
.kx229-support-body .support-topic-grid button b{font-size:13px!important;line-height:1.25!important}
#supportPortal .kx229-support-body .support-description,
.kx229-support-body .support-description{margin-top:14px!important;gap:8px!important}
#supportPortal .kx229-support-body .support-description>span,
.kx229-support-body .support-description>span{min-height:0!important;margin:0 2px 6px!important;font-size:11px!important;line-height:1.45!important}
#supportPortal .kx229-support-body .support-description textarea,
.kx229-support-body .support-description textarea{height:150px!important;min-height:150px!important;max-height:260px!important;padding:15px 16px!important;border-radius:17px!important;font-size:14px!important;line-height:1.5!important;resize:vertical!important}
#supportPortal .kx229-support-body .support-submit,
.kx229-support-body .support-submit{height:56px!important;min-height:56px!important;margin-top:12px!important;border-radius:16px!important;font-size:12px!important}
#supportPortal .kx229-support-body .support-continue,
.kx229-support-body .support-continue{min-height:62px!important;margin-top:10px!important;padding:11px 15px!important;border-radius:16px!important}
.kx229-support-body .support-continue b{font-size:12px!important}.kx229-support-body .support-continue small{font-size:10px!important}
.kx229-support-body .support-back{font-size:11px!important}.kx229-support-body .support-status{font-size:9px!important;min-height:30px!important}
.kx229-support-body .support-ticket-heading>span{font-size:14px!important}.kx229-support-body .support-ticket-heading>small{font-size:10px!important}
.kx229-support-body .support-message header b{font-size:10px!important}.kx229-support-body .support-message header time{font-size:9px!important}.kx229-support-body .support-message p{font-size:13px!important;line-height:1.55!important}
.kx229-support-body .support-reply-form textarea{font-size:13px!important;min-height:80px!important}
@media(max-width:760px){.kx229-layer,.kx229-profile-layer{padding:12px!important}.kx229-card,.kx229-card.kx229-settings,.kx229-card.kx229-support{width:calc(100dvw - 24px)!important;max-width:calc(100dvw - 24px)!important;max-height:calc(100dvh - 24px)!important}.kx229-head{height:78px!important;min-height:78px!important}.kx229-setting-row{min-height:72px!important}}

/* 2040 case open: true white price button, no nested beige pill, exact non-overlapping side gutters. */
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166{
  grid-template-columns:184px 142px 184px!important;justify-content:center!important;column-gap:9px!important;gap:9px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn:not(.skip-in-place){
  width:142px!important;min-width:142px!important;max-width:142px!important;height:48px!important;min-height:48px!important;
  padding:0 9px!important;border:1px solid rgba(255,255,255,.94)!important;border-radius:13px!important;
  background:#fff!important;background-image:none!important;color:#18110e!important;
  box-shadow:0 9px 24px rgba(0,0,0,.27),inset 0 0 0 1px rgba(255,255,255,.9)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn:not(.skip-in-place) .korzh-money,
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn:not(.skip-in-place) .korzh-money-number,
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn:not(.skip-in-place) span{
  background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:0!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn:not(.skip-in-place) .korzh-money-number{font-size:18px!important;color:#18110e!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn:not(.skip-in-place) .korzh-currency-icon{width:20px!important;height:20px!important;flex-basis:20px!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-action-left-v167{grid-column:1!important;justify-self:end!important;margin:0!important;overflow:visible!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-action-right-v167{grid-column:3!important;justify-self:start!important;margin:0!important;overflow:visible!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-count-row-v166{height:48px!important;gap:1px!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-count-row-v166 button{width:34px!important;min-width:34px!important;height:48px!important;font-size:11px!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 .case-action-right-v167 .fast-spin-toggle{width:36px!important;min-width:36px!important;height:48px!important;min-height:48px!important;font-size:22px!important}
/* Opening/skip uses the same safe geometry; skip itself remains compact and white. */
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.skip-in-place{grid-column:2!important;justify-self:center!important;width:142px!important;min-width:142px!important;max-width:142px!important;height:48px!important;min-height:48px!important;margin:0!important;border-radius:13px!important;background:#fff!important;background-image:none!important;color:#18110e!important;border:1px solid #fff!important;box-shadow:0 9px 24px rgba(0,0,0,.24)!important}
@media(max-width:760px){:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166{grid-template-columns:1fr 142px 1fr!important;column-gap:6px!important}:root[data-visual-style="2040"][data-theme="hub"] .case-action-left-v167{grid-column:1!important;grid-row:1!important;justify-self:end!important}:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn,:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.skip-in-place{grid-column:2!important;grid-row:1!important}:root[data-visual-style="2040"][data-theme="hub"] .case-action-right-v167{grid-column:3!important;grid-row:1!important;justify-self:start!important}}

/* Weapon + quality line is an actual information line, not microcopy. */
:root[data-visual-style="2040"][data-theme="hub"] .case-page-contents .skin-card .skin-info small,
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-card-v166 small,
:root[data-visual-style="2040"][data-theme="hub"] .upgrade-inv-card .skin-caption small,
:root[data-visual-style="2040"][data-theme="hub"] .upgrade-target-card .skin-caption small,
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-side .skin-caption small{font-size:11px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:.015em!important}

/* Balance-only upgrade source. The slider can become the complete stake without selecting an inventory item. */
:root[data-theme="hub"] .hub-u232-balance-source{width:100%;height:100%;min-height:190px;display:grid;place-content:center;justify-items:center;gap:8px;border-radius:20px;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.075),transparent 48%);text-align:center}
:root[data-theme="hub"] .hub-u232-balance-source>span{font-size:9px;font-weight:950;letter-spacing:.18em;color:#9f948b}
:root[data-theme="hub"] .hub-u232-balance-source>strong{font-size:28px;line-height:1;font-weight:950;color:#fff}
:root[data-theme="hub"] .hub-u232-balance-source>strong .korzh-money{display:inline-flex;align-items:center;gap:8px}.hub-u232-balance-source>strong .korzh-currency-icon{width:23px!important;height:23px!important}
:root[data-theme="hub"] .hub-u232-balance-source>small{font-size:8px;font-weight:850;letter-spacing:.13em;color:#766d67}

/* Upgrade wheel: mathematically centred 12 o'clock pointer and anti-aliased sector edge. */
:root[data-theme="hub"] .hub-u151-pointer{left:0!important;top:0!important;right:0!important;bottom:0!important;inset:0!important;width:100%!important;height:100%!important;transform-origin:50% 50%!important}
:root[data-theme="hub"] .hub-u151-pointer>i{left:50%!important;top:0!important;right:auto!important;margin:0!important;transform:translateX(-50%)!important}
:root[data-theme="hub"] .hub-u151-wheel,
:root[data-theme="hub"] .hub-u151-wheel.result-win,
:root[data-theme="hub"] .hub-u151-wheel.result-lose{
  background:conic-gradient(from 0deg,
    var(--sector-color) 0 calc(var(--chance-pct,0%) - .18%),
    color-mix(in srgb,var(--sector-color) 76%,#353943 24%) calc(var(--chance-pct,0%) - .06%) var(--chance-pct,0%),
    #353943 calc(var(--chance-pct,0%) + .08%) 100%)!important;
}


/* =========================================================
   v233 — zero-jump loupes + cross-page continuity
   ========================================================= */
@keyframes k233LoupeOrbit{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes k233LoupeBob{0%,100%{transform:rotateZ(-7deg) translate3d(0,0,0) scale(.98)}50%{transform:rotateZ(7deg) translate3d(0,-3px,0) scale(1.02)}}
:root[data-theme="hub"] .hub-u191-search-traveller{
  offset-path:path("M 28 28 C 84 0 207 4 228 54 C 250 106 174 151 94 139 C 20 128 -5 70 28 28 Z")!important;
  offset-rotate:0deg!important;offset-distance:0%;animation-name:k233LoupeOrbit!important;animation-duration:12s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;animation-direction:normal!important;animation-delay:var(--k233-orbit-delay,-4.25s)!important;animation-fill-mode:both!important;will-change:offset-distance!important;
}
:root[data-theme="hub"] .hub-u191-empty-target .hub-u191-search-traveller{animation-direction:normal!important;animation-delay:var(--k233-orbit-delay,-9.1s)!important}
:root[data-theme="hub"] .hub-u191-search-glass{animation-name:k233LoupeBob!important;animation-duration:4.8s!important;animation-timing-function:ease-in-out!important;animation-iteration-count:infinite!important;animation-direction:normal!important;animation-delay:var(--k233-bob-delay,-2.2s)!important;animation-fill-mode:both!important;will-change:transform!important}
:root[data-theme="hub"] .hub-u191-empty-target .hub-u191-search-glass{animation-direction:normal!important;animation-delay:var(--k233-bob-delay,-3.7s)!important}

/* =========================================================
   v234 — hard modal/header reset + case control geometry
   Shared fixes: Standard + 2040 where applicable.
   ========================================================= */
/* One plain modal title row. No branded/header slab. */
.kx234-simple-head{
  position:relative!important;
  flex:0 0 auto!important;
  min-height:76px!important;
  height:76px!important;
  display:grid!important;
  place-items:center!important;
  padding:0 72px!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.kx234-simple-head h2{
  margin:0!important;
  padding:0!important;
  color:#f6f3ef!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.02em!important;
  text-align:center!important;
}
.kx234-close{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:absolute!important;
  top:16px!important;
  right:18px!important;
  z-index:20!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.055)!important;
  color:#f7f3ef!important;
  font:400 27px/1 Arial,sans-serif!important;
  box-shadow:none!important;
  transform:none!important;
  cursor:pointer!important;
}
.kx234-close:hover{background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.27)!important;color:#fff!important;transform:none!important}
.kx229-card.kx229-settings{width:min(660px,calc(100dvw - 52px))!important;max-width:660px!important}
.kx229-card.kx229-support{width:min(790px,calc(100dvw - 52px))!important;max-width:790px!important}
.kx229-settings-body,.kx229-support-body{padding:17px 20px 20px!important}
.kx229-setting-row{min-height:78px!important;padding:14px 17px!important}
.kx229-setting-row strong{font-size:14px!important}.kx229-setting-row span{font-size:10px!important;line-height:1.35!important}
.kx229-segment button{height:38px!important;min-width:51px!important;font-size:9px!important}
.kx229-switch{width:48px!important;height:28px!important;min-width:48px!important}.kx229-switch b{width:20px!important;height:20px!important}.kx229-switch.on b{transform:translateX(19px)!important}
.kx229-support-body :is(.support-form-title h3,.profile-support-title h3){font-size:25px!important;line-height:1.05!important}
.kx229-support-body :is(.support-form-title span,.profile-support-title small){font-size:9px!important}
.kx229-support-body :is(.support-topic-grid button,.profile-support-topics button){min-height:58px!important;font-size:13px!important}
.kx229-support-body :is(.support-description>span,.profile-support-description>span){font-size:12px!important;line-height:1.45!important}
.kx229-support-body :is(.support-description textarea,.profile-support-description textarea){min-height:158px!important;font-size:14px!important;line-height:1.5!important}
.kx229-support-body :is(.support-submit,.profile-support-primary){min-height:56px!important;font-size:12px!important}
@media(max-width:760px){.kx234-simple-head{height:68px!important;min-height:68px!important}.kx234-simple-head h2{font-size:20px!important}.kx234-close{top:13px!important;right:13px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}.kx229-card.kx229-settings,.kx229-card.kx229-support{width:calc(100dvw - 24px)!important;max-width:calc(100dvw - 24px)!important}.kx229-settings-body,.kx229-support-body{padding:12px!important}}

/* Chance help must always stay a true circle, never squeezed by card layout. */
:root[data-theme="hub"] .drop-chance-help{
  width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;
  aspect-ratio:1/1!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;line-height:1!important;transform:none!important;flex:0 0 30px!important;
}
:root[data-theme="hub"] .drop-chance-help>span{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;transform:none!important;font-size:14px!important;line-height:1!important}

/* Balance bubble is a touch higher and never collides with the inventory label. */
:root[data-theme="hub"] .hub-u188-balance-slider-shell>.hub-u186-balance-tooltip{top:-29px!important}

/* Fresh upgrade pointer: exact sector-start marker. */
:root[data-theme="hub"] .hub-u151-pointer{
  position:absolute!important;left:0!important;top:0!important;right:auto!important;bottom:auto!important;inset:0!important;width:330px!important;height:330px!important;margin:0!important;transform-origin:165px 165px!important;pointer-events:none!important;
}
:root[data-theme="hub"] .hub-u151-pointer>i{
  position:absolute!important;left:165px!important;top:-1px!important;right:auto!important;bottom:auto!important;width:14px!important;height:34px!important;margin:0!important;transform:translateX(-50%)!important;transform-origin:50% 165px!important;
}
@media(max-width:1120px){:root[data-theme="hub"] .hub-u151-pointer{width:308px!important;height:308px!important;transform-origin:154px 154px!important}:root[data-theme="hub"] .hub-u151-pointer>i{left:154px!important;transform-origin:50% 154px!important}}

/* =========================================================
   v235 — modal containment / pointer alignment / item art polish
   ========================================================= */
/* Utility modals: compact enough to stay inside the viewport; close control is
   physically inside the card, always visible and always clickable. */
.kx229-layer,.kx229-profile-layer{padding:18px!important;overflow:hidden!important;overscroll-behavior:contain!important}
.kx229-card,.kx229-card.kx229-settings,.kx229-card.kx229-support{
  position:relative!important;height:auto!important;margin:0!important;padding:0!important;
  max-height:calc(100dvh - 36px)!important;overflow:hidden!important;border-radius:24px!important;
}
.kx229-card.kx229-settings{width:min(560px,calc(100dvw - 36px))!important;max-width:560px!important}
.kx229-card.kx229-support{width:min(660px,calc(100dvw - 36px))!important;max-width:660px!important}
.kx235-title{margin:0!important;padding:23px 68px 12px!important;text-align:center!important;color:#f7f4f0!important;font-size:24px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.02em!important}
.kx235-close{
  appearance:none!important;-webkit-appearance:none!important;position:absolute!important;top:12px!important;right:12px!important;z-index:2147483646!important;
  width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;margin:0!important;
  display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
  border-radius:50%!important;border:1px solid rgba(255,255,255,.20)!important;background:rgba(255,255,255,.075)!important;color:#fff!important;
  font:400 26px/1 Arial,sans-serif!important;box-shadow:0 7px 20px rgba(0,0,0,.28)!important;cursor:pointer!important;transform:none!important;
}
.kx235-close:hover{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.36)!important;transform:none!important}
.kx229-settings-body{padding:10px 16px 16px!important;gap:10px!important;overflow:auto!important}
.kx229-setting-row{min-height:70px!important;padding:13px 15px!important;border-radius:17px!important}
.kx229-setting-row strong{font-size:14px!important}.kx229-setting-row span{font-size:10px!important;line-height:1.3!important}
.kx229-support-body{padding:8px 18px 18px!important;overflow:auto!important;max-height:calc(100dvh - 105px)!important}
.kx229-support-body :is(.support-topic-grid button,.profile-support-topics button){min-height:56px!important}
.kx229-support-body :is(.support-description textarea,.profile-support-description textarea){min-height:132px!important}
.kx229-layer>* ,.kx229-profile-layer>*{pointer-events:auto!important}
@media(max-width:620px){.kx229-layer,.kx229-profile-layer{padding:10px!important}.kx229-card.kx229-settings,.kx229-card.kx229-support{width:calc(100dvw - 20px)!important;max-width:calc(100dvw - 20px)!important;max-height:calc(100dvh - 20px)!important}.kx235-title{padding-top:20px!important;font-size:21px!important}.kx235-close{top:9px!important;right:9px!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important}}

/* Idle pointer is placed on the visible leading edge of the sector. */
:root[data-theme="hub"] .hub-u151-pointer>i{left:50%!important;top:-1px!important;transform:translateX(-50%)!important}

/* Requested weapon-art optical alignment across contents, reel, inventory and upgrade cards. */
:root[data-theme="hub"] .skin-art.skin-pos-awp>img{transform:translateY(-8px)!important}
:root[data-theme="hub"] .skin-art.skin-pos-gloves>img{transform:translateY(-4px) scale(1.16)!important}
:root[data-theme="hub"] .skin-art.skin-pos-agent>img{transform:translateY(-5px) scale(1.035)!important}
:root[data-theme="hub"] .skin-art.skin-pos-glock>img{transform:translateY(-6px)!important}
:root[data-theme="hub"] .skin-art.skin-pos-usps>img{transform:translateY(-6px)!important}

/* =========================================================
   v245 — REAL SUPPORT CHAT
   A deliberately final scoped override for the 2040 player chat.
   ========================================================= */
:root[data-visual-style="2040"] #supportPortal .kx229-card.kx229-support{
  width:min(430px,calc(100dvw - 28px))!important;
  max-width:430px!important;
  height:min(548px,calc(100dvh - 28px))!important;
  max-height:min(548px,calc(100dvh - 28px))!important;
  display:flex!important;flex-direction:column!important;
  border-radius:22px!important;overflow:hidden!important;
  background:linear-gradient(180deg,#17100c 0%,#0c0806 100%)!important;
  border:1px solid rgba(241,213,194,.12)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.025)!important;
}
:root[data-visual-style="2040"] #supportPortal .kx235-title{
  flex:0 0 58px!important;height:58px!important;padding:20px 58px 0!important;
  font-size:20px!important;line-height:1!important;text-align:center!important;
}
:root[data-visual-style="2040"] #supportPortal .kx235-close{
  top:10px!important;right:10px!important;width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important;font-size:22px!important;
}
:root[data-visual-style="2040"] #supportPortal .kx229-support-body{
  flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;
  padding:0 14px 14px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;
}
:root[data-visual-style="2040"] #supportPortal .v245-player-chat{
  flex:1 1 auto!important;min-height:0!important;height:100%!important;display:flex!important;flex-direction:column!important;
}
:root[data-visual-style="2040"] #supportPortal .v245-player-chatbar{
  flex:0 0 34px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  border-bottom:1px solid rgba(241,213,194,.07)!important;
}
:root[data-visual-style="2040"] #supportPortal .v245-player-chatbar .support-back{font-size:9px!important;padding:0!important;color:#9a877b!important}
:root[data-visual-style="2040"] #supportPortal .v245-player-chatbar .support-status{min-height:24px!important;padding:0 9px!important;font-size:7px!important}
:root[data-visual-style="2040"] #supportPortal .v245-player-chat-title{
  flex:0 0 auto!important;padding:10px 11px!important;margin:8px 0 0!important;border:1px solid rgba(241,213,194,.07)!important;border-radius:12px!important;background:rgba(255,247,240,.018)!important;
}
:root[data-visual-style="2040"] #supportPortal .v245-player-chat-title b{display:block!important;color:#f4eee9!important;font-size:11px!important;line-height:1.2!important}
:root[data-visual-style="2040"] #supportPortal .v245-player-chat-title small{display:block!important;margin-top:4px!important;color:#7d6d64!important;font-size:7px!important}
:root[data-visual-style="2040"] #supportPortal .v245-player-thread{
  flex:1 1 auto!important;min-height:0!important;max-height:none!important;margin:8px 0 0!important;padding:10px 3px!important;
  overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:7px!important;
  border:0!important;background:transparent!important;
}
:root[data-visual-style="2040"] #supportPortal .v245-player-thread .support-message{
  flex:0 0 auto!important;width:fit-content!important;min-width:0!important;max-width:78%!important;min-height:0!important;height:auto!important;
  margin:0!important;padding:8px 10px!important;border-radius:13px!important;box-sizing:border-box!important;
  border:1px solid rgba(241,213,194,.075)!important;background:#17100d!important;box-shadow:none!important;
}
:root[data-visual-style="2040"] #supportPortal .v245-player-thread .support-message.player{align-self:flex-end!important;border-bottom-right-radius:4px!important;background:linear-gradient(145deg,#6a452f,#4b3022)!important;border-color:rgba(245,177,127,.18)!important}
:root[data-visual-style="2040"] #supportPortal .v245-player-thread .support-message.operator{align-self:flex-start!important;border-bottom-left-radius:4px!important;background:#181412!important}
:root[data-visual-style="2040"] #supportPortal .v245-player-thread .support-message header{display:flex!important;align-items:center!important;gap:9px!important;justify-content:flex-start!important;margin:0!important;height:auto!important;min-height:0!important}
:root[data-visual-style="2040"] #supportPortal .v245-player-thread .support-message header b{font-size:7.5px!important;line-height:1!important;color:#f2e7df!important}
:root[data-visual-style="2040"] #supportPortal .v245-player-thread .support-message header time{font-size:6.5px!important;line-height:1!important;color:#8a766a!important}
:root[data-visual-style="2040"] #supportPortal .v245-player-thread .support-message p{margin:5px 0 0!important;padding:0!important;font-size:10px!important;line-height:1.42!important;color:#f1eae6!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
:root[data-visual-style="2040"] #supportPortal .v245-player-composer{
  flex:0 0 auto!important;width:100%!important;margin:0!important;padding:9px 0 0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:7px!important;border-top:1px solid rgba(241,213,194,.07)!important;box-sizing:border-box!important;
}
:root[data-visual-style="2040"] #supportPortal .v245-player-composer textarea{
  width:100%!important;height:44px!important;min-height:44px!important;max-height:84px!important;padding:10px 11px!important;resize:none!important;box-sizing:border-box!important;
  border-radius:12px!important;background:#0a0706!important;border:1px solid rgba(241,213,194,.09)!important;color:#f5efeb!important;font-size:10px!important;
}
:root[data-visual-style="2040"] #supportPortal .v245-player-composer button{width:44px!important;height:44px!important;min-height:44px!important;border-radius:12px!important;background:linear-gradient(145deg,#f0aa78,#d97554)!important;color:#21130d!important;font-size:17px!important}
@media(max-width:520px){:root[data-visual-style="2040"] #supportPortal .kx229-card.kx229-support{width:calc(100dvw - 16px)!important;max-width:calc(100dvw - 16px)!important;height:min(548px,calc(100dvh - 16px))!important;max-height:calc(100dvh - 16px)!important}}

/* ================================================================
   v254 — emergency maintenance UX (standard + 2040 + mobile)
   ================================================================ */
.k254-maintenance-overlay{position:fixed;inset:0;z-index:30000;display:grid;place-items:center;padding:24px;background:rgba(7,5,4,.66);backdrop-filter:blur(18px) saturate(.72);-webkit-backdrop-filter:blur(18px) saturate(.72)}
.k254-maintenance-card{position:relative;width:min(470px,calc(100vw - 32px));display:grid;justify-items:center;text-align:center;padding:34px 34px 27px;border:1px solid rgba(238,180,137,.17);border-radius:25px;background:radial-gradient(circle at 50% 0%,rgba(161,91,55,.12),transparent 36%),linear-gradient(155deg,rgba(30,20,16,.98),rgba(12,9,8,.99));box-shadow:0 34px 100px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.025);overflow:hidden}.k254-maintenance-card:before{content:"";position:absolute;inset:-40% -30%;pointer-events:none;background:conic-gradient(from 20deg,transparent,rgba(237,162,108,.045),transparent 17%,transparent 50%,rgba(237,162,108,.035),transparent 67%);animation:k254statusspin 16s linear infinite}@keyframes k254statusspin{to{transform:rotate(360deg)}}
.k254-maintenance-card>*{position:relative;z-index:1}.k254-maintenance-orb{width:76px;height:76px;display:grid;place-items:center;margin-bottom:17px;border:1px solid rgba(242,181,133,.18);border-radius:24px;background:linear-gradient(145deg,#2d1c15,#100c0a);box-shadow:0 0 60px rgba(211,117,65,.11)}.k254-maintenance-orb span{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;background:linear-gradient(145deg,#f1c2a0,#c8794e);color:#28160e;font-size:24px;font-weight:1000}.k254-maintenance-orb i{position:absolute;width:9px;height:9px;margin:53px 0 0 52px;border:2px solid #24140d;border-radius:50%;background:#ff8a62;box-shadow:0 0 20px rgba(255,138,98,.55);animation:k254pulse 1.3s ease-in-out infinite}@keyframes k254pulse{50%{transform:scale(.75);opacity:.55}}
.k254-maintenance-kicker{margin-bottom:7px;color:#d6976f;font-size:9px;font-weight:950;letter-spacing:.18em}.k254-maintenance-card h2{margin:0!important;color:#f6eee9!important;font-size:28px!important;line-height:1.05!important;letter-spacing:-.035em!important}.k254-maintenance-card p{max-width:390px;margin:13px 0 17px!important;color:#a2948b!important;font-size:12px!important;line-height:1.65!important}.k254-maintenance-state{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.06);border-radius:999px;background:rgba(255,255,255,.025);color:#b6a89e;font-size:9px;font-weight:800}.k254-maintenance-state i{width:7px;height:7px;border-radius:50%;background:#ff9469;box-shadow:0 0 14px rgba(255,148,105,.52)}.k254-maintenance-card button{width:100%;height:48px;margin-top:18px;border:1px solid rgba(243,184,139,.24);border-radius:14px;background:linear-gradient(135deg,#f1b98e,#d8895b);color:#2b180f;font-size:10px;font-weight:1000;letter-spacing:.07em;box-shadow:0 10px 30px rgba(171,84,38,.12)}.k254-maintenance-card button:hover{transform:translateY(-1px);filter:brightness(1.04)}.k254-maintenance-card small{margin-top:12px;color:#695d56;font-size:8px}.k254-maintenance-overlay.locked .k254-maintenance-card{border-color:rgba(255,127,89,.22)}
@media(max-width:760px){.k254-maintenance-overlay{padding:12px}.k254-maintenance-card{width:100%;max-width:430px;padding:28px 20px 22px;border-radius:22px}.k254-maintenance-orb{width:66px;height:66px;border-radius:21px}.k254-maintenance-orb span{width:42px;height:42px;font-size:21px}.k254-maintenance-card h2{font-size:24px!important}.k254-maintenance-card p{font-size:11px!important;line-height:1.55!important}.k254-maintenance-card button{height:50px}}


/* v261 pending withdrawal inventory card */
.profile-grid-item.withdrawal-pending{position:relative;overflow:hidden;isolation:isolate}
.profile-grid-item.withdrawal-pending .withdrawal-card-body{filter:blur(4px) saturate(.7);opacity:.48;pointer-events:none;user-select:none}
.profile-grid-item .withdrawal-pending-badge{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:16px;background:linear-gradient(180deg,rgba(12,8,6,.28),rgba(12,8,6,.60));backdrop-filter:blur(1px)}
.profile-grid-item .withdrawal-pending-badge strong{max-width:88%;font-size:12px;line-height:1.15;letter-spacing:.08em;color:#fff5ec;text-shadow:0 2px 14px rgba(0,0,0,.65)}
.profile-grid-item .withdrawal-pending-coin{width:34px;height:34px;display:grid;place-items:center;animation:k261CoinBob 1.25s ease-in-out infinite}
.profile-grid-item .withdrawal-pending-coin img{width:100%;height:100%;object-fit:contain;animation:k261CoinSpin 1.55s linear infinite;filter:drop-shadow(0 5px 14px rgba(242,159,98,.35))}
@keyframes k261CoinSpin{to{transform:rotateY(360deg)}}
@keyframes k261CoinBob{0%,100%{transform:translateY(2px)}50%{transform:translateY(-5px)}}

/* ================================================================
   v262 — SIMPLE SPACE FLIGHT
   Replaces the old paper/wind/Route-66 flight scene with a clean
   side-profile aircraft, star field and planets. Game economy stays
   server-authoritative; only the flight presentation is simplified.
   ================================================================ */
.plane-page-v262 .plane-hero-v262{margin-bottom:14px!important}
.plane-page-v262 .plane-hero-v262>div:first-child>span{color:#d39bff!important}
.plane-page-v262 .plane-hero-v262 p{max-width:560px!important}

.plane-flight-shell-v262{
  overflow:hidden!important;
  background:linear-gradient(180deg,rgba(18,13,19,.98),rgba(8,7,12,.98))!important;
  border:1px solid rgba(187,142,221,.13)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.plane-shell-topbar-v262{
  background:rgba(8,8,13,.68)!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  backdrop-filter:blur(14px)!important;
}
.plane-shell-topbar-v262>div:first-child i{background:#d59aff!important;box-shadow:0 0 15px rgba(213,154,255,.72)!important}

.plane-page-v262 .plane-sky-v262{
  position:relative!important;
  height:500px!important;
  min-height:500px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:
    radial-gradient(circle at 76% 24%,rgba(88,56,126,.18),transparent 28%),
    radial-gradient(circle at 20% 70%,rgba(31,66,116,.17),transparent 34%),
    linear-gradient(180deg,#080812 0%,#0b0a17 48%,#080711 100%)!important;
}
.plane-page-v262 .plane-sky-v262:before,
.plane-page-v262 .plane-sky-v262:after{content:none!important}

.space-nebula-v262{
  position:absolute;inset:-18%;z-index:0;pointer-events:none;
  background:
    radial-gradient(ellipse at 72% 38%,rgba(132,73,174,.18),transparent 24%),
    radial-gradient(ellipse at 35% 58%,rgba(43,91,150,.15),transparent 29%),
    radial-gradient(ellipse at 51% 81%,rgba(153,83,120,.07),transparent 25%);
  filter:blur(34px);opacity:.8;
  animation:k262Nebula 16s ease-in-out infinite alternate;
}
.space-stars-v262{position:absolute;inset:-8%;z-index:1;pointer-events:none;opacity:.85}
.space-stars-v262.stars-a{
  background-image:
    radial-gradient(circle,#fff 0 1px,transparent 1.35px),
    radial-gradient(circle,#a9d7ff 0 1px,transparent 1.4px),
    radial-gradient(circle,#ffe0ae 0 .8px,transparent 1.25px);
  background-size:73px 67px,119px 103px,157px 131px;
  background-position:12px 18px,41px 8px,73px 51px;
  transform:translateX(calc(var(--world-scroll,0px) * -.018));
}
.space-stars-v262.stars-b{
  opacity:.5;
  background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1.4px,transparent 1.8px);
  background-size:191px 167px;background-position:34px 77px;
  transform:translateX(calc(var(--world-scroll,0px) * -.01));
}
.space-stars-v262.stars-c{
  opacity:.25;filter:blur(.2px);
  background-image:radial-gradient(circle,rgba(205,174,255,.9) 0 2px,transparent 2.7px);
  background-size:283px 239px;background-position:116px 33px;
  transform:translateX(calc(var(--world-scroll,0px) * -.006));
}

.space-planet-v262{position:absolute;z-index:2;border-radius:50%;pointer-events:none;box-shadow:inset -18px -16px 34px rgba(0,0,0,.42),0 0 44px rgba(120,90,190,.09)}
.space-planet-v262 i{position:absolute;inset:0;border-radius:inherit;overflow:hidden}
.space-planet-v262.planet-a{width:94px;height:94px;right:8.5%;top:12%;background:radial-gradient(circle at 33% 30%,#d3a9e9 0 8%,#7b559a 35%,#352544 73%,#17121e 100%);opacity:.76}
.space-planet-v262.planet-a:after{content:"";position:absolute;left:-38%;right:-38%;top:46%;height:14px;border:4px solid rgba(220,196,239,.45);border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-12deg);box-shadow:0 0 15px rgba(190,158,225,.12)}
.space-planet-v262.planet-b{width:54px;height:54px;left:11%;top:16%;background:radial-gradient(circle at 32% 29%,#a9d5ff 0 9%,#4778a5 40%,#1b3049 75%,#0b1321 100%);opacity:.55}
.space-planet-v262.planet-c{width:132px;height:132px;right:27%;bottom:-76px;background:radial-gradient(circle at 35% 25%,#e79c72 0 7%,#82462e 39%,#2b1715 78%,#0c090d 100%);opacity:.52}
.space-planet-v262.planet-c:before{content:"";position:absolute;inset:27% -24%;border:5px solid rgba(201,127,93,.25);border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(9deg)}
.space-horizon-v262{position:absolute;z-index:2;left:0;right:0;bottom:-50px;height:120px;background:radial-gradient(ellipse at 50% 100%,rgba(92,58,126,.16),transparent 70%);filter:blur(14px);pointer-events:none}

.plane-page-v262 .plane-multiplier-core-v262{
  z-index:7!important;top:39%!important;left:50%!important;min-width:300px!important;
  background:rgba(5,5,11,.26)!important;border:1px solid rgba(255,255,255,.045)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)!important;
  backdrop-filter:blur(7px)!important;
}
.plane-page-v262 .plane-multiplier-core-v262:before{background:radial-gradient(circle,rgba(176,117,224,.1),transparent 68%)!important}
.plane-page-v262 .plane-multiplier-core-v262 strong{color:#fff!important;text-shadow:0 0 34px rgba(181,121,231,.16)!important}
.plane-page-v262 .plane-multiplier-core-v262 small{color:#8d8298!important}
.plane-page-v262 .plane-multiplier-core-v262 div{color:#bdabbf!important}

.plane-page-v262 .plane-vehicle-v262{
  position:absolute!important;z-index:9!important;
  left:11%;top:76%;width:clamp(250px,27vw,430px)!important;height:auto!important;
  transform:translate(-50%,-50%) rotate(-7deg);
  transform-origin:56% 55%!important;
  transition:none!important;
  filter:drop-shadow(0 20px 22px rgba(0,0,0,.48)) drop-shadow(0 0 18px rgba(105,158,234,.08))!important;
  will-change:left,top,transform;
}
.plane-page-v262 .plane-vehicle-v262 .plane-side-img-v262{display:block;width:100%;height:auto;pointer-events:none;user-select:none}
.plane-page-v262 .plane-flight-shell.is-idle .plane-vehicle-v262{animation:k262IdlePlane 4.8s ease-in-out infinite}
.plane-page-v262 .plane-flight-shell.is-flying .plane-vehicle-v262 .plane-side-img-v262{animation:k262EngineVibe .13s ease-in-out infinite alternate}
.plane-page-v262 .plane-flight-shell.is-crashing .plane-vehicle-v262,
.plane-page-v262 .plane-vehicle-v262.plane-freefall{
  animation:k262CrashPlane .95s cubic-bezier(.52,0,.9,.5) forwards!important;
}
.plane-page-v262 .plane-flight-hint-v262{z-index:8!important;bottom:15px!important;color:#736b82!important}
.plane-page-v262 .plane-flight-hint-v262 i{background:#ba83df!important;box-shadow:0 0 10px rgba(186,131,223,.4)!important}

/* Remove every piece of the previous paper/wind/ground scene. */
.plane-page-v262 .plane-sky-grade,
.plane-page-v262 .plane-sun-v140,
.plane-page-v262 .paper-wind-field,
.plane-page-v262 .paper-wind-hud,
.plane-page-v262 .plane-cloud-belt,
.plane-page-v262 .plane-flight-metrics,
.plane-page-v262 .plane-route,
.plane-page-v262 .plane-trail-svg,
.plane-page-v262 .plane-milestones-v144,
.plane-page-v262 .plane-ground-v144,
.plane-page-v262 .plane-grid-horizon,
.plane-page-v262 .plane-altitude-lines,
.plane-page-v262 .plane-runway,
.plane-page-v262 .k211-flight-cinema{display:none!important}

.plane-page-v262 .plane-loss-visual .plane-side-img-v262{width:270px;max-width:90%;height:auto;display:block;transform:rotate(19deg)}

@keyframes k262Nebula{from{transform:translate3d(-1.5%,0,0) scale(1)}to{transform:translate3d(2%,1%,0) scale(1.04)}}
@keyframes k262IdlePlane{0%,100%{transform:translate(-50%,-50%) rotate(-5deg) translateY(0)}50%{transform:translate(-50%,-50%) rotate(-7deg) translateY(-7px)}}
@keyframes k262EngineVibe{from{transform:translateY(-.45px)}to{transform:translateY(.45px)}}
@keyframes k262CrashPlane{0%{opacity:1}22%{transform:translate(-50%,-50%) rotate(14deg) scale(1)}100%{left:74%!important;top:116%!important;transform:translate(-50%,-50%) rotate(72deg) scale(.78);opacity:.16}}

@media(max-width:900px){
  .plane-page-v262 .plane-sky-v262{height:430px!important;min-height:430px!important}
  .plane-page-v262 .plane-vehicle-v262{width:clamp(205px,48vw,330px)!important}
  .plane-page-v262 .plane-multiplier-core-v262{min-width:245px!important;top:37%!important}
  .space-planet-v262.planet-a{width:72px;height:72px;right:5%}
  .space-planet-v262.planet-b{width:42px;height:42px;left:7%}
  .space-planet-v262.planet-c{width:100px;height:100px;right:17%;bottom:-58px}
}
@media(max-width:560px){
  .plane-page-v262 .plane-sky-v262{height:360px!important;min-height:360px!important}
  .plane-page-v262 .plane-vehicle-v262{width:215px!important}
  .plane-page-v262 .plane-multiplier-core-v262{min-width:205px!important;padding:14px 16px!important;top:34%!important}
  .plane-page-v262 .plane-multiplier-core-v262 strong{font-size:52px!important}
  .plane-page-v262 .plane-flight-hint-v262{display:none!important}
}
\n\n/* ================================================================
   v263 — SMOOTH SPACE FLIGHT + COMPACT READABLE HISTORY
   ================================================================ */
.plane-page-v262 .plane-history-strip-v140{
  height:40px!important;min-height:40px!important;padding:5px 8px!important;
}
.plane-page-v262 .plane-history-track{
  height:30px!important;gap:5px!important;align-items:center!important;
}
.plane-page-v262 .plane-history-chip{
  min-width:118px!important;height:30px!important;
  display:grid!important;grid-template-columns:18px 37px minmax(48px,1fr)!important;
  align-items:center!important;justify-items:center!important;column-gap:6px!important;
  padding:0 8px!important;border-radius:9px!important;
}
.plane-page-v262 .plane-history-chip i{
  width:18px!important;height:18px!important;margin:0!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  line-height:18px!important;font-size:10px!important;text-align:center!important;
  transform:none!important;
}
.plane-page-v262 .plane-history-chip b{
  width:100%!important;text-align:center!important;font-size:10px!important;line-height:1!important;
  align-self:center!important;justify-self:center!important;
}
.plane-page-v262 .plane-history-chip strong.plane-history-amount{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;
  width:100%!important;min-width:0!important;font-size:9px!important;line-height:1!important;
  font-weight:950!important;white-space:nowrap!important;text-align:center!important;
}
.plane-page-v262 .plane-history-chip strong.plane-history-amount em{font-style:normal!important;font-size:10px!important;font-weight:1000!important}
.plane-page-v262 .plane-history-chip strong.plane-history-amount .korzh-money{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;white-space:nowrap!important}
.plane-page-v262 .plane-history-chip strong.plane-history-amount .korzh-money-number{font-size:9px!important;line-height:1!important}
.plane-page-v262 .plane-history-chip strong.plane-history-amount .korzh-currency-icon{width:10px!important;height:10px!important;flex:0 0 10px!important}
.plane-page-v262 .plane-history-chip strong.plane-history-amount.is-win{color:#bffbd7!important}
.plane-page-v262 .plane-history-chip strong.plane-history-amount.is-loss{color:#ffaaa5!important}
.plane-page-v262 .plane-history-chip.loss{min-width:118px!important;grid-template-columns:18px 37px minmax(48px,1fr)!important}

/* Keep the aircraft movement visual buttery; JS owns the trajectory, CSS only avoids any paint snap. */
.plane-page-v262 .plane-vehicle-v262{will-change:left,top,transform!important;backface-visibility:hidden!important;transform-style:preserve-3d!important}

@media(max-width:650px){
  .plane-page-v262 .plane-history-chip{min-width:108px!important;grid-template-columns:17px 34px minmax(43px,1fr)!important;padding:0 6px!important;column-gap:4px!important}
  .plane-page-v262 .plane-history-chip.loss{min-width:108px!important;grid-template-columns:17px 34px minmax(43px,1fr)!important}
  .plane-page-v262 .plane-history-chip strong.plane-history-amount .korzh-money-number{font-size:8px!important}
  .plane-page-v262 .plane-history-chip strong.plane-history-amount .korzh-currency-icon{width:9px!important;height:9px!important;flex-basis:9px!important}
}


/* ================================================================
   v264 — FLIGHT CLEAN UI / CLICKABLE HISTORY / FULLSCREEN
   ================================================================ */
.plane-page-v264 .plane-hero-v136,.plane-page-v264 .plane-hero-v262{display:none!important}
.plane-page-v264 .plane-flight-shell-v262{margin-top:0!important}
.plane-shell-actions-v264{display:flex!important;align-items:center!important;gap:10px!important}
.plane-fullscreen-btn-v264{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.035);color:#cfc5d8;cursor:pointer;transition:.18s ease}
.plane-fullscreen-btn-v264:hover{background:rgba(255,255,255,.075);color:#fff;transform:translateY(-1px)}
.plane-fullscreen-btn-v264 svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* History is only multiplier + centered state icon. The chip hugs its content. */
.plane-page-v264 .plane-history-strip-v140{height:34px!important;min-height:34px!important;padding:4px 7px!important}
.plane-page-v264 .plane-history-track{height:26px!important;gap:5px!important;padding:0!important;align-items:center!important}
.plane-page-v264 .plane-history-chip{appearance:none!important;min-width:0!important;width:auto!important;height:26px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:0 8px!important;border-radius:8px!important;cursor:pointer!important;font:inherit!important}
.plane-page-v264 .plane-history-chip i{flex:0 0 15px!important;width:15px!important;height:15px!important;margin:0!important;display:grid!important;place-items:center!important;border-radius:5px!important;line-height:15px!important;font-size:9px!important;text-align:center!important}
.plane-page-v264 .plane-history-chip b{width:auto!important;font-size:10px!important;line-height:1!important;text-align:center!important;color:#fff!important}
.plane-page-v264 .plane-history-chip.win b{color:#aef5cf!important}.plane-page-v264 .plane-history-chip.loss b{color:#ffaaa5!important}

/* Readable hierarchy: secondary and tertiary text can actually be read. */
.plane-page-v264 .plane-shell-topbar span,.plane-page-v264 .plane-signal b{font-size:8px!important}
.plane-page-v264 .plane-stake-label span,.plane-page-v264 .plane-auto-head span,.plane-page-v264 .plane-auto-input>span{font-size:9px!important;letter-spacing:.12em!important}
.plane-page-v264 .plane-stake-label b{font-size:17px!important;line-height:1!important}
.plane-page-v264 .plane-stake-label b .korzh-money-number{font-size:17px!important}.plane-page-v264 .plane-stake-label b .korzh-currency-icon{width:16px!important;height:16px!important;flex-basis:16px!important}
.plane-page-v264 .plane-stake-content .skin-caption small{font-size:10px!important}.plane-page-v264 .plane-stake-content .skin-caption strong{font-size:15px!important}
.plane-page-v264 .plane-auto-head b{font-size:10px!important}.plane-page-v264 .plane-auto-input div b{font-size:12px!important}.plane-page-v264 .plane-auto-input input{font-size:20px!important}
.plane-page-v264 .plane-auto-presets button{font-size:11px!important}
.plane-page-v264 .plane-action-zone{justify-content:center!important;padding:16px!important}
.plane-page-v264 .plane-action-zone .plane-action-readout,.plane-page-v264 .plane-action-zone>small{display:none!important}
.plane-page-v264 .plane-main-action{margin-top:0!important;font-size:13px!important}
.plane-page-v264 .plane-inventory-head span{font-size:9px!important}.plane-page-v264 .plane-inventory-head>strong{font-size:9px!important}

/* Click result details. */
.plane-history-detail-overlay{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:20px;background:rgba(5,3,5,.7);backdrop-filter:blur(14px)}
.plane-history-detail-card{position:relative;width:min(760px,calc(100vw - 30px));padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(155deg,#1c1314,#0c090b 75%);box-shadow:0 35px 100px rgba(0,0,0,.55)}
.plane-history-detail-card.is-win{box-shadow:0 35px 100px rgba(0,0,0,.55),0 0 70px rgba(70,220,145,.07)}.plane-history-detail-card.is-loss{box-shadow:0 35px 100px rgba(0,0,0,.55),0 0 70px rgba(255,85,95,.07)}
.plane-history-detail-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.04);color:#fff;font-size:18px;cursor:pointer}
.plane-history-detail-kicker{color:#be8e74;font-size:9px;font-weight:950;letter-spacing:.16em}.plane-history-detail-card h3{margin:6px 0 18px;color:#fff;font-size:28px}
.plane-history-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);align-items:center;gap:10px}.plane-history-detail-arrow{display:grid;place-items:center;color:#caa68f;font-size:23px;font-weight:1000}
.plane-history-detail-skin,.plane-history-detail-loss{min-height:230px;display:grid;grid-template-rows:auto 135px auto;align-items:center;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:rgba(255,255,255,.025);overflow:hidden}
.plane-history-detail-skin>span,.plane-history-detail-loss>span{color:#81736e;font-size:9px;font-weight:950;letter-spacing:.13em}.plane-history-detail-skin .skin-art{height:135px!important}.plane-history-detail-skin .skin-caption small{font-size:10px}.plane-history-detail-skin .skin-caption strong{display:block;margin-top:4px;font-size:15px;color:#fff}.plane-history-detail-skin .skin-caption b{display:block;margin-top:6px;font-size:15px;color:#f1c6a9}
.plane-history-detail-loss{display:flex;flex-direction:column;justify-content:center;gap:12px;text-align:center}.plane-history-detail-loss strong{color:#ff8a92;font-size:21px}.plane-history-detail-loss b{color:#fff;font-size:18px}
.plane-history-detail-summary{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.035)}.plane-history-detail-summary span{font-size:9px;font-weight:950;letter-spacing:.14em;color:#887b77}.plane-history-detail-summary strong{font-size:19px;color:#fff}

/* Result is a clean status notification: red only on crash, green on cashout. */
.plane-status-pop{position:fixed;z-index:1450;left:50%;top:96px;transform:translateX(-50%);min-width:320px;display:grid;grid-template-columns:48px minmax(0,1fr) 30px;gap:12px;align-items:center;padding:13px 14px;border-radius:17px;border:1px solid rgba(255,255,255,.11);background:rgba(14,10,11,.94);box-shadow:0 24px 70px rgba(0,0,0,.48);backdrop-filter:blur(18px)}
.plane-status-pop.is-win{border-color:rgba(91,235,161,.25);box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 45px rgba(63,214,143,.09)}.plane-status-pop.is-loss{border-color:rgba(255,91,103,.24);box-shadow:0 24px 70px rgba(0,0,0,.48),0 0 45px rgba(255,71,82,.08)}
.plane-status-pop-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;font-size:23px;font-weight:1000}.plane-status-pop.is-win .plane-status-pop-icon{color:#baffd7;background:rgba(61,211,137,.15)}.plane-status-pop.is-loss .plane-status-pop-icon{color:#ffb0b5;background:rgba(232,66,79,.14)}
.plane-status-pop>div:nth-child(2){display:grid;grid-template-columns:auto auto;align-items:center;column-gap:10px}.plane-status-pop span{grid-column:1/-1;color:#fff;font-size:11px;font-weight:1000;letter-spacing:.06em}.plane-status-pop strong{font-size:15px;color:#fff}.plane-status-pop b{font-size:11px}.plane-status-pop.is-win b{color:#aef5cf}.plane-status-pop.is-loss b{color:#ffaaa5}
.plane-status-pop>button:not(.plane-status-again){width:28px;height:28px;border:0;border-radius:8px;background:rgba(255,255,255,.05);color:#b7aaa5;cursor:pointer}.plane-status-again{grid-column:1/-1;height:32px;border:0;border-radius:9px;background:rgba(255,255,255,.06);color:#e8ded8;font-size:9px;font-weight:950;letter-spacing:.08em;cursor:pointer}

/* Fullscreen flight arena: sky fills the screen and the three control cards sit cleanly at the bottom. */
#planeFlightShell:fullscreen{width:100vw!important;height:100vh!important;max-width:none!important;border-radius:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto auto!important;background:#07060d!important}
#planeFlightShell:fullscreen .plane-sky-v262{height:auto!important;min-height:0!important}
#planeFlightShell:fullscreen .plane-history-strip-v140{display:none!important}
#planeFlightShell:fullscreen .plane-control-deck{grid-template-columns:minmax(260px,.95fr) minmax(300px,1.1fr) minmax(250px,.9fr)!important;padding:12px clamp(14px,3vw,44px)!important;gap:12px!important}
#planeFlightShell:fullscreen .plane-stake-card,#planeFlightShell:fullscreen .plane-auto-card,#planeFlightShell:fullscreen .plane-action-zone{min-height:150px!important}
#planeFlightShell:fullscreen .plane-shell-topbar{padding-left:clamp(14px,3vw,44px)!important;padding-right:clamp(14px,3vw,44px)!important}

@media(max-width:760px){
 .plane-history-detail-grid{grid-template-columns:1fr}.plane-history-detail-arrow{transform:rotate(90deg)}.plane-history-detail-skin,.plane-history-detail-loss{min-height:190px}.plane-status-pop{top:72px;min-width:0;width:calc(100vw - 24px)}
 #planeFlightShell:fullscreen .plane-control-deck{grid-template-columns:1fr!important;overflow:auto!important;max-height:48vh!important}
 #planeFlightShell:fullscreen .plane-stake-card,#planeFlightShell:fullscreen .plane-auto-card,#planeFlightShell:fullscreen .plane-action-zone{min-height:128px!important}
}

.plane-page-v264 .plane-multiplier-core-v262 small{font-size:9px!important;letter-spacing:.12em!important}
.plane-page-v264 .plane-multiplier-core-v262 div{font-size:13px!important;font-weight:850!important}
.plane-page-v264 .plane-multiplier-core-v262 div .korzh-money-number{font-size:13px!important}.plane-page-v264 .plane-multiplier-core-v262 div .korzh-currency-icon{width:13px!important;height:13px!important;flex-basis:13px!important}

/* v269 — safe interaction smoothing. Game result geometry is intentionally untouched. */
@media (prefers-reduced-motion:no-preference){
  .case-card,.k221-oscar-tile,.upgrade-item,.contract-skin,.plane-inventory-card,.future-rail button,.right-rail button,.collection-toggle,.case-filter,.available-filter{
    transition-timing-function:cubic-bezier(.2,.8,.2,1)!important;
  }
  .drawer-backdrop,.user-drawer,.kx229-overlay,.deposit-overlay,.k254-maintenance-overlay{animation-timing-function:cubic-bezier(.2,.8,.2,1)!important}
}

/* v314 compliance-ready profile settings */
.kx229-compliance-form{display:grid!important;gap:9px!important;margin:0!important;padding:0!important}.kx229-compliance-form .kx229-setting-row input{width:min(180px,42vw)!important;height:38px!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:10px!important;background:#090a0f!important;color:#ececef!important;font:800 10px/1 inherit!important;outline:none!important}.kx229-compliance-form .kx229-setting-row input:focus{border-color:rgba(255,255,255,.28)!important}.kx229-compliance-save{min-width:118px!important;height:38px!important;padding:0 14px!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:10px!important;background:#f2f0ed!important;color:#171415!important;font-size:9px!important;font-weight:950!important;letter-spacing:.04em!important}:root[data-visual-style="2040"] .kx229-compliance-form .kx229-setting-row input{background:rgba(0,0,0,.24)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important}:root[data-visual-style="2040"] .kx229-compliance-save{background:#fff!important;color:#1b120e!important}@media(max-width:560px){.kx229-compliance-form .kx229-setting-row{align-items:flex-start!important;flex-direction:column!important}.kx229-compliance-form .kx229-setting-row input,.kx229-compliance-save{width:100%!important;max-width:none!important}}

/* ===== profile.css ===== */
.profile-page{min-height:100vh;background:#0b0b0f;color:#f4f4f6}.profile-page header{height:72px;border-bottom:1px solid #202028;display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.profile-page .brand{font-size:16px;font-weight:950;color:#fff;text-decoration:none}.profile-back{color:#777982;text-decoration:none;font-size:9px;font-weight:900}.profile-page main{max-width:1400px;margin:auto;padding:48px 32px 90px}.profile-page-hero{min-height:280px;border:1px solid #292932;border-radius:24px;background:radial-gradient(circle at 50% 0,#25252e,#15151b 55%,#101015);display:grid;grid-template-columns:170px 1fr auto;grid-template-rows:1fr auto;align-items:center;gap:20px 34px;padding:36px 42px}.profile-page-hero .profile-avatar-xl{grid-row:1/3}.profile-page-hero .profile-nick h1{font-size:42px;margin:7px 0}.profile-page-content{margin-top:30px}.profile-page-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:18px}.profile-page-item{min-height:205px;border:1px solid color-mix(in srgb,var(--rarity) 30%,#292932);background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rarity) 10%,transparent),#16161c 68%);border-radius:15px;padding:11px;position:relative}.profile-page-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--rarity)}.profile-page-item .skin-art{height:125px}.profile-page-item small{display:block;color:#777982;font-size:8px}.profile-page-item strong{display:block;font-size:11px}.profile-page-item b{display:block;margin-top:8px;font-size:15px}.profile-page-empty{height:250px;border:1px dashed #303039;border-radius:16px;display:grid;place-items:center;color:#666670;margin-top:18px}@media(max-width:900px){.profile-page-hero{grid-template-columns:110px 1fr}.profile-page-hero .profile-stats,.profile-page-hero .profile-actions{grid-column:1/-1}.profile-page-grid{grid-template-columns:repeat(3,1fr)}}

/* v7 warm profile */
:root{--warm-bg:#130f0d;--warm-panel:#211915;--warm-line:#49372e;--warm-cream:#f3e6d3;--warm-muted:#9d8779;--warm-copper:#c87949}
body{background:radial-gradient(circle at 50% -10%,#4b2b20 0,transparent 35%),linear-gradient(180deg,#17110f,#100d0c);color:var(--warm-cream)}
.profile-page,.profile-shell{background-color:transparent}.profile-card,.profile-panel,.inventory-card,.best-card,.settings-card{background:linear-gradient(150deg,#261d18,#181310);border-color:#49372e;box-shadow:0 22px 55px #07040348,inset 0 1px 0 #ffffff07}.profile-avatar{background:#32241e;border-color:#62483a;color:#f4e4d0}.profile-muted,.profile-label{color:#9d8779}.profile-accent{color:#c87949}
.real-skin{position:relative;display:grid;place-items:center;overflow:visible!important;background:transparent!important}.real-skin img{display:block;width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 18px 18px #0503028c) drop-shadow(0 0 22px color-mix(in srgb,var(--rarity) 28%,transparent));user-select:none}.real-skin .skin-glow{position:absolute;inset:24% 10% 5%;z-index:-1;background:var(--rarity);filter:blur(40px);opacity:.14;border-radius:50%}.profile-page-item .real-skin{height:145px}

/* v13 full-screen profile + inventory actions */
.profile-page{min-height:100vh;background:radial-gradient(900px 500px at 50% -10%,#4c2d2250,transparent 70%),linear-gradient(180deg,#15110f,#0e0c0b);color:#f2e8dc}
.profile-page header{background:#15110fe8;border-color:#49382f}.profile-page .brand{font-size:25px;letter-spacing:.1em}.profile-page-hero{background:radial-gradient(circle at 50% 0,#3c2b23,#211a17 52%,#171310);border-color:#4c3a31;box-shadow:0 28px 80px #0704034f,inset 0 1px 0 #ffffff09}
.profile-page-item{overflow:hidden;background:radial-gradient(circle at 50% 32%,color-mix(in srgb,var(--rarity) 10%,transparent),#1d1714 70%);border-color:color-mix(in srgb,var(--rarity) 26%,#4b3a31);transition:.2s ease}.profile-page-item:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--rarity) 55%,#4b3a31);box-shadow:0 18px 38px #07040365}
.profile-page-item .skin-art{height:135px;overflow:visible!important}.profile-page-item .real-skin img{width:100%!important;height:100%!important;max-width:86%!important;max-height:76%!important;object-fit:contain!important;margin:auto!important}
.inventory-hover-actions{position:absolute;inset:auto 9px 9px 9px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;opacity:0;transform:translateY(10px);transition:.18s ease;z-index:5}.profile-page-item:hover .inventory-hover-actions{opacity:1;transform:translateY(0)}.profile-page-item:hover>b{opacity:.25}
.inventory-hover-actions button{height:34px;border:1px solid #604a3d;background:#241b17e8;border-radius:9px;color:#eadccc;display:grid;place-items:center;font-size:16px;backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 #ffffff0b}.inventory-hover-actions button:hover{background:#3a2b24;border-color:#9a7059}.coins-icon{font-size:10px;position:relative;line-height:1}.coins-icon i,.coins-icon em{display:block;font-style:normal;margin-top:-3px}.steam-icon{font-size:19px}.exchange-icon{font-size:21px;font-weight:700}
.exchange-overlay{position:fixed;inset:0;background:#080504d9;z-index:100;display:grid;place-items:center;padding:28px;backdrop-filter:blur(16px)}.exchange-modal{width:min(1180px,96vw);max-height:90vh;overflow:auto;background:#1c1714;border:1px solid #513f35;border-radius:24px;padding:28px;box-shadow:0 35px 100px #000a;position:relative}.exchange-modal>small{color:#d08a65;font-size:9px;letter-spacing:.16em}.exchange-modal h2{margin:6px 0;font-size:26px}.exchange-modal p{color:#9b8a7f;font-size:11px}.exchange-close{position:absolute;right:18px;top:18px;width:36px;height:36px;border-radius:50%;border:1px solid #59443a;background:#251c18;color:#fff;font-size:22px}.exchange-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:22px}.exchange-card{min-height:205px;border:1px solid color-mix(in srgb,var(--rarity) 30%,#4a382f);border-radius:14px;background:#211915;color:#f1e5d8;text-align:left;padding:10px;position:relative;overflow:hidden}.exchange-card .skin-art{height:112px}.exchange-card .real-skin img{max-width:86%!important;max-height:76%!important;object-fit:contain!important}.exchange-card span,.exchange-card strong,.exchange-card b,.exchange-card em{display:block}.exchange-card span{font-size:8px;color:#8f7f76}.exchange-card strong{font-size:10px}.exchange-card b{margin-top:6px;font-size:13px}.exchange-card em{font-style:normal;color:#b9a28f;font-size:8px;margin-top:4px}.profile-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#2c211c;border:1px solid #6d5143;color:#f4e8da;padding:12px 18px;border-radius:12px;z-index:120;box-shadow:0 16px 50px #0008;font-size:10px;font-weight:800}
@media(max-width:1000px){.exchange-grid{grid-template-columns:repeat(3,1fr)}}

/* v14 profile inventory bulk sale */
.profile-lower-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.sell-all-btn{border:1px solid #795747;background:linear-gradient(180deg,#33251f,#241b17);color:#f2e5d8;border-radius:11px;padding:11px 16px;font-size:9px;font-weight:950;letter-spacing:.06em;box-shadow:inset 0 1px 0 #ffffff0b}
.sell-all-btn:hover{border-color:#b07b61;background:#3b2a23}
.sell-all-modal{width:min(470px,92vw);background:linear-gradient(155deg,#2a201b,#17120f);border:1px solid #5c4438;border-radius:22px;padding:28px;box-shadow:0 35px 100px #000b,inset 0 1px 0 #ffffff0b}
.sell-all-modal>small{color:#d08a65;font-size:9px;letter-spacing:.16em;font-weight:900}.sell-all-modal h2{font-size:25px;margin:8px 0 10px}.sell-all-modal p{color:#a08e83;font-size:11px;line-height:1.6}.sell-all-modal p b{color:#f0ddca}
.sell-all-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.sell-all-actions button{height:44px;border-radius:11px;border:1px solid #654b3e;background:#251c18;color:#d8c6b8;font-size:9px;font-weight:950}.sell-all-actions #sellAllConfirm{background:linear-gradient(180deg,#d89365,#b66b43);border-color:#e3a278;color:#1d120d}

/* v24 theme support shared with the main site */
:root{--theme-bg:#100d0b;--theme-bg-2:#17110f;--theme-panel:#201916;--theme-panel-2:#2b211c;--theme-line:#4b392f;--theme-text:#f2e6d8;--theme-muted:#9d887b;--theme-accent:#c98558;--theme-glow:#8b4e34}
:root[data-theme="blue"]{--theme-bg:#091217;--theme-bg-2:#0e1d25;--theme-panel:#142630;--theme-panel-2:#1a3140;--theme-line:#365466;--theme-text:#edf8fb;--theme-muted:#88a6b4;--theme-accent:#70b8dc;--theme-glow:#2c7193}
:root[data-theme="burgundy"]{--theme-bg:#12090d;--theme-bg-2:#1b0d13;--theme-panel:#2a141c;--theme-panel-2:#371a25;--theme-line:#67384a;--theme-text:#f8e9ee;--theme-muted:#b18b98;--theme-accent:#b94f70;--theme-glow:#7a2744}
:root[data-theme="japan1"]{--theme-bg:#130c09;--theme-bg-2:#21110b;--theme-panel:#261511;--theme-panel-2:#efe3d2;--theme-line:#7a3428;--theme-text:#fff7ec;--theme-muted:#c1a597;--theme-accent:#c83f34;--theme-glow:#9f2e24}
:root[data-theme="japan2"]{--theme-bg:#0c1413;--theme-bg-2:#12201f;--theme-panel:#1a2926;--theme-panel-2:#243630;--theme-line:#4c6358;--theme-text:#edf2e8;--theme-muted:#9dac9f;--theme-accent:#6f9fbd;--theme-glow:#3f6e68}
body{background:radial-gradient(900px 520px at 50% -12%,color-mix(in srgb,var(--theme-glow) 35%,transparent),transparent 70%),linear-gradient(180deg,var(--theme-bg-2),var(--theme-bg))!important;color:var(--theme-text)!important;transition:background .35s ease}
.profile-page{background:transparent!important;color:var(--theme-text)!important}.profile-page header{background:color-mix(in srgb,var(--theme-bg-2) 91%,transparent)!important;border-color:var(--theme-line)!important}.profile-page-hero{background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--theme-panel-2) 76%,transparent),var(--theme-panel) 58%,var(--theme-bg))!important;border-color:var(--theme-line)!important}.profile-page-item,.exchange-card,.sell-all-modal,.exchange-modal{background:color-mix(in srgb,var(--theme-panel) 94%,transparent)!important;border-color:color-mix(in srgb,var(--theme-line) 75%,transparent)!important}.profile-back,.profile-page-item small,.profile-page-hero span{color:var(--theme-muted)!important}.sell-all-btn,.inventory-hover-actions button{background:var(--theme-panel-2)!important;border-color:var(--theme-line)!important;color:var(--theme-text)!important}
.theme-switcher{position:fixed;right:18px;bottom:18px;z-index:125;display:flex;flex-direction:column;align-items:flex-end;gap:8px;font-family:Manrope,system-ui,sans-serif}.theme-switcher-toggle{height:42px;display:flex;align-items:center;gap:8px;padding:0 11px;border-radius:13px;border:1px solid var(--theme-line);background:color-mix(in srgb,var(--theme-panel) 92%,transparent);backdrop-filter:blur(18px);box-shadow:0 16px 40px #0006;color:var(--theme-text)}.theme-switcher-toggle>span{font-size:7px;letter-spacing:.14em;color:var(--theme-muted);font-weight:900}.theme-switcher-toggle>b{font-size:9px}.theme-switcher-toggle>em{font-style:normal;color:var(--theme-muted)}.theme-switcher-menu{position:absolute;right:0;bottom:50px;width:190px;padding:7px;border-radius:15px;border:1px solid var(--theme-line);background:color-mix(in srgb,var(--theme-panel) 96%,transparent);box-shadow:0 22px 60px #0009;display:grid;gap:4px}.theme-switcher-menu button{height:36px;border:0;border-radius:9px;background:transparent;color:var(--theme-muted);display:flex;align-items:center;gap:9px;padding:0 9px;font-size:9px;font-weight:900}.theme-switcher-menu button:hover,.theme-switcher-menu button.active{background:color-mix(in srgb,var(--theme-accent) 15%,var(--theme-panel));color:var(--theme-text)}.theme-swatch{width:15px;height:15px;border-radius:50%;border:1px solid #ffffff38;flex:0 0 15px}.swatch-brown{background:linear-gradient(135deg,#7b4b34,#d0a06d)}.swatch-blue{background:linear-gradient(135deg,#315d72,#8bc7e1)}.swatch-burgundy{background:linear-gradient(135deg,#5a1830,#c65f82)}.swatch-japan1{background:linear-gradient(135deg,#bd332d 0 45%,#f0e4d2 46% 67%,#b95d2a 68%)}.swatch-japan2{background:linear-gradient(135deg,#4c829d 0 42%,#708550 43% 70%,#315a4b 71%)}

/* v25 theme set */
:root[data-theme="redwhite"]{--theme-bg:#160b0b;--theme-bg-2:#2a1010;--theme-panel:#2a1716;--theme-panel-2:#f1e8dd;--theme-line:#8d3a32;--theme-text:#fff8ed;--theme-muted:#d3b8ac;--theme-accent:#d5352f;--theme-glow:#bd211f}
:root[data-theme="bright"]{--theme-bg:#0b0b12;--theme-bg-2:#171425;--theme-panel:#211c31;--theme-panel-2:#312747;--theme-line:#625274;--theme-text:#fff6ec;--theme-muted:#c0afc8;--theme-accent:#e45f72;--theme-glow:#7e4ed0}
.swatch-redwhite{background:linear-gradient(135deg,#c51f24 0 43%,#f4eee5 44% 74%,#7d171b 75%)}
.swatch-bright{background:linear-gradient(135deg,#e45f72 0 28%,#e7b85b 29% 52%,#36a5a2 53% 76%,#7452c7 77%)}
:root[data-theme="redwhite"] body{background:linear-gradient(180deg,rgba(38,9,9,.28),rgba(16,7,7,.82)),url("assets/redwhite-japan.jpg") center top/cover fixed no-repeat!important}
:root[data-theme="redwhite"] .profile-page header{background:rgba(35,10,10,.75)!important;backdrop-filter:blur(18px)}
:root[data-theme="redwhite"] .profile-page-hero{background:linear-gradient(155deg,rgba(93,24,22,.82),rgba(30,10,10,.82))!important;backdrop-filter:blur(18px)}
:root[data-theme="bright"] body{background:radial-gradient(700px 460px at 18% 8%,rgba(221,75,112,.22),transparent 68%),radial-gradient(720px 520px at 82% 10%,rgba(49,151,162,.19),transparent 68%),linear-gradient(145deg,#100c18,#0a1117 55%,#151018)!important}

/* v26 RedWhite profile immersion */
:root[data-theme="redwhite"] body{
  background:
    linear-gradient(180deg,rgba(13,17,24,.08),rgba(10,12,17,.40)),
    url("assets/redwhite-immersion.jpg") center 34%/cover fixed no-repeat!important;
}
:root[data-theme="redwhite"] .profile-page header{
  background:linear-gradient(180deg,rgba(26,31,40,.48),rgba(18,22,29,.31))!important;
  border-color:rgba(255,255,255,.20)!important;
  backdrop-filter:blur(24px) saturate(1.3)!important;
}
:root[data-theme="redwhite"] .profile-page-hero,
:root[data-theme="redwhite"] .profile-block{
  background:linear-gradient(155deg,rgba(48,52,62,.41),rgba(23,25,31,.42))!important;
  border-color:rgba(255,255,255,.19)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 25px 60px rgba(5,8,13,.19)!important;
  backdrop-filter:blur(20px) saturate(1.25)!important;
}
:root[data-theme="redwhite"] .profile-avatar{
  background:linear-gradient(145deg,#ef5b57,#a51625)!important;
  border-color:rgba(255,255,255,.34)!important;
}

/* v32 - BRIGHT profile: lighter jewel-glass palette. */
:root[data-theme="bright"]{--theme-bg:#171625;--theme-bg-2:#282640;--theme-panel:#34314f;--theme-panel-2:#514b73;--theme-line:#8d82b0;--theme-text:#fffdf8;--theme-muted:#ddd5e9;--theme-accent:#ff7096;--theme-glow:#967cff}
.swatch-bright{background:linear-gradient(135deg,#ff7096 0 25%,#ffd66f 26% 50%,#50ddd4 51% 75%,#967cff 76%)!important}
:root[data-theme="bright"] body{background:radial-gradient(880px 580px at 13% 5%,rgba(255,112,150,.40),transparent 66%),radial-gradient(880px 620px at 87% 8%,rgba(80,221,212,.32),transparent 66%),linear-gradient(145deg,#2c2845,#1d2539 52%,#30233d)!important}
:root[data-theme="bright"] .profile-page header,:root[data-theme="bright"] .profile-page-hero,:root[data-theme="bright"] .profile-block{backdrop-filter:blur(18px) saturate(1.25)!important;box-shadow:0 18px 52px rgba(18,12,40,.22),inset 0 1px 0 rgba(255,255,255,.12)!important}

/* v45 — KORZH logo/token currency on profile. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.korzh-money{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;vertical-align:middle}
.korzh-currency-icon{width:15px;height:15px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}
.profile-brand{display:flex!important;align-items:center!important;gap:9px!important}
.profile-brand img{width:34px;height:34px;object-fit:contain;border-radius:50%;filter:drop-shadow(0 4px 10px rgba(0,0,0,.25))}


/* v71 HUB profile */
.admin-inline{
  height:38px;padding:0 16px;border-radius:10px;border:1px solid rgba(255,255,255,.10);
  display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;font-size:10px;font-weight:900;
}
.swatch-hub{background:linear-gradient(135deg,#ff6f61 0 34%,#10131d 35% 66%,#7c5cff 67%)!important}
:root[data-theme="hub"] body{background:radial-gradient(circle at 12% 12%,rgba(255,103,88,.12),transparent 30%),radial-gradient(circle at 86% 20%,rgba(127,103,255,.10),transparent 30%),#080a11!important;color:#f7f4ef!important}
:root[data-theme="hub"] .profile-page header{background:rgba(12,14,22,.76)!important;border-color:rgba(255,255,255,.07)!important;backdrop-filter:blur(22px)!important}
:root[data-theme="hub"] .profile-page-hero,:root[data-theme="hub"] .profile-page-content{background:rgba(16,18,27,.72)!important;border-color:rgba(255,255,255,.07)!important;box-shadow:0 28px 70px rgba(0,0,0,.25)!important}
:root[data-theme="hub"] .profile-actions button,:root[data-theme="hub"] .admin-inline{background:#10131b!important;border-color:rgba(255,255,255,.07)!important;color:#8e909c!important}
:root[data-theme="hub"] .profile-actions button.active{background:linear-gradient(135deg,rgba(255,103,88,.18),rgba(127,103,255,.14))!important;color:#fff!important;border-color:rgba(255,103,88,.2)!important}
:root[data-theme="hub"] .profile-page-item{background:#10131b!important;border-color:rgba(255,255,255,.06)!important}


/* =========================================================
   v74 HUB PROFILE — command center / inventory / history
   ========================================================= */
:root[data-theme="hub"] .profile-v74{
  min-height:100vh!important;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,103,88,.10),transparent 28%),
    radial-gradient(circle at 86% 10%,rgba(127,103,255,.09),transparent 30%),
    #080a11!important;
}
:root[data-theme="hub"] .profile-v74:before{
  content:"";position:fixed;inset:0;pointer-events:none;
  background:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);
  background-size:68px 68px;mask-image:linear-gradient(#0009,transparent 88%)
}
:root[data-theme="hub"] .profile-topbar{
  width:min(1460px,calc(100vw - 60px))!important;
  height:66px!important;
  margin:14px auto 0!important;
  padding:0 18px!important;
  position:sticky!important;top:10px!important;z-index:50!important;
  border:1px solid rgba(255,255,255,.07)!important;border-radius:20px!important;
  background:rgba(12,14,22,.78)!important;backdrop-filter:blur(22px)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.22)!important;
}
:root[data-theme="hub"] .profile-brand{
  display:flex!important;align-items:center!important;gap:10px!important
}
:root[data-theme="hub"] .profile-brand img{width:36px!important;height:36px!important}
:root[data-theme="hub"] .profile-brand span{font-size:22px!important;letter-spacing:.15em!important;color:#fff!important}
:root[data-theme="hub"] .profile-back{
  height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:#10131b;
  display:flex;align-items:center;justify-content:center;color:#8e909c!important;font-size:8px!important;font-weight:900
}
:root[data-theme="hub"] .profile-v74-main{
  width:min(1460px,calc(100vw - 60px))!important;
  max-width:none!important;margin:0 auto!important;padding:38px 0 80px!important
}
:root[data-theme="hub"] .profile-v74-hero{
  min-height:240px;
  padding:24px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:26px;
  background:
    radial-gradient(circle at 14% 15%,rgba(255,103,88,.08),transparent 30%),
    radial-gradient(circle at 85% 20%,rgba(127,103,255,.07),transparent 30%),
    linear-gradient(180deg,rgba(17,19,28,.84),rgba(10,12,18,.90));
  display:grid;
  grid-template-columns:1fr 1.3fr;
  grid-template-rows:1fr auto;
  gap:18px 24px;
  box-shadow:0 30px 90px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.025)
}
:root[data-theme="hub"] .profile-v74-identity{
  display:flex;align-items:center;gap:18px;min-width:0
}
:root[data-theme="hub"] .profile-avatar-xl{
  width:92px!important;height:92px!important;min-width:92px!important;
  border-radius:25px!important;
  background:linear-gradient(145deg,#29191c,#15131b)!important;
  border:1px solid rgba(255,111,94,.18)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  position:relative!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 45px rgba(0,0,0,.24)!important
}
:root[data-theme="hub"] .profile-avatar-xl>span{font-size:30px;font-weight:950;color:#f5efe9}
:root[data-theme="hub"] .profile-avatar-xl>i{
  position:absolute;right:7px;bottom:7px;width:12px;height:12px;border-radius:50%;
  background:#73da9c;border:3px solid #15131b;box-shadow:0 0 14px rgba(115,218,156,.42)
}
:root[data-theme="hub"] .profile-nick small{font-size:7px;color:#ff766b!important;letter-spacing:.17em;font-weight:900}
:root[data-theme="hub"] .profile-nick h1{font-size:39px!important;line-height:1!important;margin:6px 0!important;letter-spacing:-.035em!important}
:root[data-theme="hub"] .profile-nick>span{font-size:9px!important;color:#737684!important}
:root[data-theme="hub"] .profile-v74-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;align-self:center
}
:root[data-theme="hub"] .profile-v74-stats>div{
  min-height:88px;padding:12px;border:1px solid rgba(255,255,255,.055);border-radius:15px;background:#0d1018;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center
}
:root[data-theme="hub"] .profile-v74-stats small{font-size:6px;color:#636673!important;letter-spacing:.12em;font-weight:900}
:root[data-theme="hub"] .profile-v74-stats strong{font-size:17px;margin-top:7px;color:#f2eee8}
:root[data-theme="hub"] .profile-v74-nav{
  grid-column:1/-1;
  min-height:48px;
  display:flex;align-items:center;gap:7px;
  padding-top:14px;border-top:1px solid rgba(255,255,255,.055)
}
:root[data-theme="hub"] .profile-v74-nav button,
:root[data-theme="hub"] .profile-v74-nav a{
  height:38px;padding:0 15px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.065)!important;
  background:#10131b!important;color:#818490!important;font-size:8px!important;font-weight:900!important;
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;text-decoration:none!important
}
:root[data-theme="hub"] .profile-v74-nav button.active{
  background:linear-gradient(135deg,rgba(255,103,88,.17),rgba(127,103,255,.12))!important;
  border-color:rgba(255,111,94,.20)!important;color:#fff!important
}
:root[data-theme="hub"] .profile-v74-nav .admin-inline{margin-left:auto}
:root[data-theme="hub"] .profile-v74-nav .logout-inline{color:#ff8176!important}

:root[data-theme="hub"] .profile-v74-content{
  margin-top:14px!important;
  padding:18px!important;
  border:1px solid rgba(255,255,255,.06)!important;border-radius:24px!important;
  background:rgba(13,15,23,.80)!important;
  box-shadow:0 26px 75px rgba(0,0,0,.20)!important
}
:root[data-theme="hub"] .profile-lower-head{
  min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:15px
}
:root[data-theme="hub"] .profile-lower-head small{font-size:6px;color:#676a78;letter-spacing:.14em;font-weight:900}
:root[data-theme="hub"] .profile-lower-head h3{font-size:15px;margin:4px 0 0}
:root[data-theme="hub"] .sell-all-btn{
  height:37px!important;padding:0 14px!important;border-radius:10px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;font-size:8px!important;font-weight:900!important
}
:root[data-theme="hub"] .profile-page-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:9px!important;margin-top:12px!important
}
:root[data-theme="hub"] .profile-page-item{
  min-height:222px!important;border-radius:15px!important;padding:10px!important;
  background:radial-gradient(circle at 50% 33%,color-mix(in srgb,var(--rarity) 9%,transparent),#10131b 68%)!important;
  border-color:color-mix(in srgb,var(--rarity) 20%,rgba(255,255,255,.06))!important
}
:root[data-theme="hub"] .profile-page-item .skin-art{height:132px!important}
:root[data-theme="hub"] .profile-page-item small{font-size:7px!important}
:root[data-theme="hub"] .profile-page-item strong{font-size:9px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-theme="hub"] .profile-page-item>b{font-size:12px!important;margin-top:6px!important}

/* History is a readable vertical activity stream. */
:root[data-theme="hub"] .profile-history-list{
  margin-top:12px;
  display:flex;flex-direction:column;gap:6px
}
:root[data-theme="hub"] .profile-history-row{
  min-height:78px;
  display:grid;
  grid-template-columns:96px 1.3fr .8fr 100px;
  align-items:center;
  gap:12px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:14px;
  background:linear-gradient(90deg,color-mix(in srgb,var(--rarity) 5%,#10131b),#10131b 38%);
  position:relative;
  overflow:hidden
}
:root[data-theme="hub"] .profile-history-row:before{
  content:"";position:absolute;left:0;top:11px;bottom:11px;width:2px;background:var(--rarity);border-radius:99px
}
:root[data-theme="hub"] .profile-history-row .skin-art{
  width:88px!important;height:61px!important;min-height:61px!important
}
:root[data-theme="hub"] .history-skin,
:root[data-theme="hub"] .history-case{min-width:0}
:root[data-theme="hub"] .history-skin small,
:root[data-theme="hub"] .history-case small{display:block;font-size:6px;color:#666977;letter-spacing:.08em}
:root[data-theme="hub"] .history-skin strong,
:root[data-theme="hub"] .history-case strong{display:block;font-size:9px;color:#e9e6e0;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-theme="hub"] .history-skin>b{display:block;margin-top:5px;font-size:10px}
:root[data-theme="hub"] .profile-history-row time{font-size:8px;color:#686b78;text-align:right}
:root[data-theme="hub"] .profile-history-empty>div{text-align:center}
:root[data-theme="hub"] .profile-history-empty strong,
:root[data-theme="hub"] .profile-history-empty span{display:block}
:root[data-theme="hub"] .profile-history-empty strong{font-size:11px;color:#aaa}
:root[data-theme="hub"] .profile-history-empty span{font-size:8px;color:#666a77;margin-top:6px}

@media(max-width:1100px){
  :root[data-theme="hub"] .profile-v74-hero{grid-template-columns:1fr!important}
  :root[data-theme="hub"] .profile-v74-stats{grid-template-columns:repeat(2,1fr)!important}
  :root[data-theme="hub"] .profile-page-grid{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:700px){
  :root[data-theme="hub"] .profile-topbar,
  :root[data-theme="hub"] .profile-v74-main{width:calc(100vw - 24px)!important}
  :root[data-theme="hub"] .profile-v74-identity{align-items:flex-start}
  :root[data-theme="hub"] .profile-v74-nav{flex-wrap:wrap}
  :root[data-theme="hub"] .profile-v74-nav .admin-inline{margin-left:0}
  :root[data-theme="hub"] .profile-page-grid{grid-template-columns:repeat(2,1fr)!important}
  :root[data-theme="hub"] .profile-history-row{grid-template-columns:74px 1fr!important}
  :root[data-theme="hub"] .profile-history-row .history-case,
  :root[data-theme="hub"] .profile-history-row time{grid-column:2!important;text-align:left!important}
}

/* v74 FINAL profile QA */
:root[data-theme="hub"] .profile-v74-nav button,
:root[data-theme="hub"] .profile-v74-nav a,
:root[data-theme="hub"] .sell-all-btn,
:root[data-theme="hub"] .inventory-hover-actions button,
:root[data-theme="hub"] .exchange-close{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
}
:root[data-theme="hub"] .profile-history-row{
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
:root[data-theme="hub"] .profile-history-row:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--rarity) 28%,rgba(255,255,255,.08))!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--rarity) 5%,#10131b),#10131b 45%)!important;
}
.history-legacy-card>span{display:block;margin-top:8px;color:#777782;font-size:8px;line-height:1.3}


/* v75 HUB profile — remove redundant global topbar */
:root[data-theme="hub"] .profile-v75-back-row{
  position:relative;
  z-index:4;
}

/* v79 — the same cinematic rarity spotlight in HUB profile/history. */
:root[data-theme="hub"] .skin-art{
  isolation:isolate;
  --spot-x:18%;
  --spot-y:32%;
}
:root[data-theme="hub"] .skin-art::before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:150%;height:185%;left:-55%;top:-73%;
  transform:rotate(14deg);
  background:linear-gradient(112deg,transparent 25%,color-mix(in srgb,var(--rarity,#a8afb8) 4%,transparent) 36%,color-mix(in srgb,var(--rarity,#a8afb8) 24%,transparent) 48%,color-mix(in srgb,var(--rarity,#a8afb8) 8%,transparent) 57%,transparent 72%);
  filter:blur(9px);
  opacity:.95;
  mix-blend-mode:screen;
}
:root[data-theme="hub"] .skin-art::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:90%;height:74%;left:-25%;top:-2%;border-radius:50%;
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--rarity,#a8afb8) 34%,transparent),color-mix(in srgb,var(--rarity,#a8afb8) 13%,transparent) 40%,transparent 74%);
  filter:blur(20px);
}
:root[data-theme="hub"] .real-skin .skin-glow{
  z-index:1!important;
  inset:auto!important;
  left:-10%!important;top:18%!important;width:78%!important;height:62%!important;
  background:radial-gradient(ellipse at center,color-mix(in srgb,var(--rarity,#a8afb8) 48%,transparent),color-mix(in srgb,var(--rarity,#a8afb8) 16%,transparent) 45%,transparent 76%)!important;
  filter:blur(27px)!important;
  opacity:.86!important;
}
:root[data-theme="hub"] .real-skin img{
  position:relative;z-index:3!important;
  filter:drop-shadow(0 16px 17px rgba(0,0,0,.58)) drop-shadow(0 0 8px color-mix(in srgb,var(--rarity,#a8afb8) 58%,transparent)) drop-shadow(0 0 20px color-mix(in srgb,var(--rarity,#a8afb8) 20%,transparent))!important;
}
:root[data-theme="hub"] .profile-page-item,
:root[data-theme="hub"] .profile-history-row,
:root[data-theme="hub"] .exchange-card{
  background:radial-gradient(ellipse at 18% 32%,color-mix(in srgb,var(--rarity,#a8afb8) 13%,transparent),transparent 46%),#10131b!important;
}


/* =========================================================
   v80 HUB PROFILE — cozy command deck / compact activity feed
   ========================================================= */
:root[data-theme="hub"] .profile-v80{
  min-height:100vh;
  background:
    radial-gradient(circle at 8% 18%,rgba(255,103,88,.08),transparent 25%),
    radial-gradient(circle at 92% 30%,rgba(116,103,255,.075),transparent 30%),
    linear-gradient(180deg,#090b12,#070910 70%);
}
:root[data-theme="hub"] .profile-site-header{
  width:min(1460px,calc(100vw - 70px))!important;
  margin:18px auto 0!important;
  position:sticky!important;
  top:10px!important;
  z-index:70!important;
}
:root[data-theme="hub"] .profile-site-header nav button{min-width:88px!important}
:root[data-theme="hub"] .profile-site-header .profile-deposit-link{text-decoration:none!important}
:root[data-theme="hub"] .profile-header-avatar{cursor:default!important}

:root[data-theme="hub"] .profile-v80-main{
  width:min(1460px,calc(100vw - 70px));
  margin:0 auto;
  padding:26px 0 100px;
}
:root[data-theme="hub"] .profile-v80-command{
  position:relative;
  display:grid;
  grid-template-columns:310px 1fr;
  gap:14px 18px;
  padding:18px;
  border:1px solid rgba(255,255,255,.065);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(17,19,28,.86),rgba(10,12,19,.86));
  box-shadow:0 28px 80px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025);
  overflow:hidden;
}
:root[data-theme="hub"] .profile-v80-command:before{
  content:"";position:absolute;left:0;top:0;width:38%;height:1px;
  background:linear-gradient(90deg,var(--hub-hot),rgba(255,103,88,.08),transparent);
}
:root[data-theme="hub"] .profile-v80-command:after{
  content:"";position:absolute;right:-100px;top:-100px;width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(119,103,255,.07),transparent 67%);pointer-events:none;
}
:root[data-theme="hub"] .profile-v80-identity{
  display:flex;align-items:center;gap:15px;min-width:0;
  padding:5px 8px;
}
:root[data-theme="hub"] .profile-v80-identity .profile-avatar-xl{
  width:72px!important;height:72px!important;min-width:72px!important;border-radius:22px!important;
  display:grid!important;place-items:center!important;position:relative!important;
  background:linear-gradient(145deg,#2b2020,#151822)!important;
  border:1px solid rgba(255,115,100,.22)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 34px rgba(0,0,0,.25)!important;
}
:root[data-theme="hub"] .profile-v80-identity .profile-avatar-xl span{font-size:27px!important;font-weight:950!important;line-height:1!important}
:root[data-theme="hub"] .profile-v80-identity .profile-avatar-xl i{
  position:absolute;right:5px;bottom:5px;width:8px;height:8px;border-radius:50%;background:#6de199;box-shadow:0 0 12px rgba(109,225,153,.6)
}
:root[data-theme="hub"] .profile-v80-identity .profile-nick small{font-size:6px!important;color:#ff786d!important;letter-spacing:.16em!important;font-weight:900!important}
:root[data-theme="hub"] .profile-v80-identity .profile-nick h1{font-size:28px!important;margin:5px 0 3px!important;letter-spacing:-.035em!important}
:root[data-theme="hub"] .profile-v80-identity .profile-nick>span{font-size:7px!important;color:#696c78!important;display:flex;align-items:center;gap:5px!important}
:root[data-theme="hub"] .profile-v80-identity .profile-nick>span i{width:5px;height:5px;border-radius:50%;background:#6de199}

:root[data-theme="hub"] .profile-v80-stats{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:0;
}
:root[data-theme="hub"] .profile-v80-stats article{
  min-width:0;height:88px;padding:13px 14px;border-radius:15px;
  background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.007));
  border:1px solid rgba(255,255,255,.055);position:relative;overflow:hidden;
}
:root[data-theme="hub"] .profile-v80-stats article:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--hub-hot),transparent)}
:root[data-theme="hub"] .profile-v80-stats article:nth-child(4):before{background:linear-gradient(180deg,#8074ff,transparent)}
:root[data-theme="hub"] .profile-v80-stats small{display:block;font-size:6px;color:#666976;letter-spacing:.12em;font-weight:900}
:root[data-theme="hub"] .profile-v80-stats strong{display:block;margin-top:9px;font-size:17px;line-height:1;color:#f5f1eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-theme="hub"] .profile-v80-stats strong .korzh-currency-icon{width:13px!important;height:13px!important}
:root[data-theme="hub"] .profile-v80-stats article>i{position:absolute;right:10px;bottom:8px;font-size:5px;color:#474a56;font-style:normal;font-weight:900;letter-spacing:.13em}

:root[data-theme="hub"] .profile-v80-nav{
  grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding-top:12px;border-top:1px solid rgba(255,255,255,.05);
}
:root[data-theme="hub"] .profile-v80-tabs{display:flex;gap:5px;padding:4px;border:1px solid rgba(255,255,255,.055);background:#0b0e15;border-radius:11px}
:root[data-theme="hub"] .profile-v80-tabs button,
:root[data-theme="hub"] .profile-v80-tools a,
:root[data-theme="hub"] .profile-v80-tools button{
  height:31px;border-radius:8px;border:0;background:transparent;color:#6f727f;padding:0 12px;font-size:7px;font-weight:900;letter-spacing:.06em;
  display:flex;align-items:center;justify-content:center;text-decoration:none;
}
:root[data-theme="hub"] .profile-v80-tabs button.active{background:linear-gradient(135deg,rgba(255,103,88,.18),rgba(127,103,255,.10));color:#fff;box-shadow:inset 0 0 0 1px rgba(255,115,100,.13)}
:root[data-theme="hub"] .profile-v80-tools{display:flex;align-items:center;gap:6px}
:root[data-theme="hub"] .profile-v80-tools .admin-inline{border:1px solid rgba(255,255,255,.055);background:#0b0e15;color:#717480}
:root[data-theme="hub"] .profile-v80-tools .logout-inline{
  width:34px!important;height:34px!important;padding:0!important;border:1px solid rgba(255,83,83,.20)!important;
  background:rgba(91,22,28,.22)!important;color:#ff6e70!important;border-radius:10px!important;
  box-shadow:inset 0 0 14px rgba(255,64,64,.035)!important;
}
:root[data-theme="hub"] .profile-v80-tools .logout-inline:hover{background:rgba(136,29,37,.30)!important;border-color:rgba(255,85,85,.36)!important;box-shadow:0 0 18px rgba(255,58,58,.08)!important}
:root[data-theme="hub"] .profile-v80-tools .logout-inline svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* recent drops = compact horizontal micro-scroll */
:root[data-theme="hub"] .profile-v80-recent{
  margin-top:12px;padding:12px 12px 10px;border:1px solid rgba(255,255,255,.05);border-radius:19px;background:rgba(12,14,21,.72);overflow:hidden;
}
:root[data-theme="hub"] .profile-v80-recent-head{display:flex;align-items:center;justify-content:space-between;padding:0 3px 8px}
:root[data-theme="hub"] .profile-v80-recent-head small{display:block;font-size:5px;color:#ff756a;letter-spacing:.16em;font-weight:900}
:root[data-theme="hub"] .profile-v80-recent-head strong{display:block;margin-top:3px;font-size:9px;color:#e7e3dd}
:root[data-theme="hub"] .profile-v80-recent-head>span{font-size:5px;color:#4f525d;letter-spacing:.12em;font-weight:900}
:root[data-theme="hub"] .profile-v80-recent-track{display:grid;grid-auto-flow:column;grid-auto-columns:176px;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:3px;scrollbar-width:thin;scrollbar-color:#343846 transparent}
:root[data-theme="hub"] .profile-v80-recent-track::-webkit-scrollbar{height:3px}
:root[data-theme="hub"] .profile-v80-recent-track::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#ff6758,#7d69ff);border-radius:99px}
:root[data-theme="hub"] .profile-v80-recent-card{height:64px;scroll-snap-align:start;border:1px solid rgba(255,255,255,.05);border-radius:12px;background:#0d1017;display:grid;grid-template-columns:70px 1fr;align-items:center;overflow:hidden;padding:5px 8px 5px 4px;position:relative}
:root[data-theme="hub"] .profile-v80-recent-card:after{content:"";position:absolute;left:0;bottom:0;width:42%;height:1px;background:var(--rarity)}
:root[data-theme="hub"] .profile-v80-recent-card .skin-art{height:54px!important;width:66px!important}
:root[data-theme="hub"] .profile-v80-recent-card .real-skin img{max-width:100%!important;max-height:100%!important}
:root[data-theme="hub"] .profile-v80-recent-card small{display:block;font-size:5px;color:#5f626e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-theme="hub"] .profile-v80-recent-card strong{display:block;margin-top:2px;font-size:7px;color:#dcd9d4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-theme="hub"] .profile-v80-recent-card b{display:block;margin-top:4px;font-size:7px}
:root[data-theme="hub"] .profile-v80-recent-card b .korzh-currency-icon{width:9px!important;height:9px!important}

:root[data-theme="hub"] .profile-v80-content{
  margin-top:12px;border:1px solid rgba(255,255,255,.06);border-radius:22px;background:linear-gradient(180deg,rgba(15,17,25,.82),rgba(9,11,17,.88));padding:15px;box-shadow:0 26px 70px rgba(0,0,0,.16);
}
:root[data-theme="hub"] .profile-v80-content-head{height:44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.05);padding:0 3px 10px}
:root[data-theme="hub"] .profile-v80-content-head small{display:block;font-size:5px;color:#5c5f6b;letter-spacing:.14em;font-weight:900}
:root[data-theme="hub"] .profile-v80-content-head h3{font-size:12px;margin:4px 0 0;color:#f1ede7}
:root[data-theme="hub"] .profile-v80-content-actions{display:flex;align-items:center;gap:8px}
:root[data-theme="hub"] .profile-v80-content-actions>span{font-size:6px;color:#565965;font-weight:900;letter-spacing:.1em}
:root[data-theme="hub"] .profile-v80-content-actions .sell-all-btn{height:29px!important;padding:0 11px!important;border-radius:8px!important}
:root[data-theme="hub"] .profile-v80-content-body{padding-top:12px;min-height:170px}

/* inventory becomes a denser cozy shelf */
:root[data-theme="hub"] .profile-v80-content .profile-page-grid{
  display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px!important;max-height:560px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:#343846 transparent;
}
:root[data-theme="hub"] .profile-v80-content .profile-page-grid::-webkit-scrollbar{width:3px}
:root[data-theme="hub"] .profile-v80-content .profile-page-grid::-webkit-scrollbar-thumb{background:linear-gradient(#ff6758,#7d69ff);border-radius:99px}
:root[data-theme="hub"] .profile-v80-content .profile-page-item{min-height:196px!important;padding:8px!important;border-radius:13px!important}
:root[data-theme="hub"] .profile-v80-content .profile-page-item .skin-art{height:118px!important}

/* history: compact event feed, tiny skin + actual case icon. */
:root[data-theme="hub"] .profile-v80-content-body.history-mode{padding-top:8px}
:root[data-theme="hub"] .profile-history-feed{max-height:590px;overflow-y:auto;padding:1px 4px 1px 0;display:flex;flex-direction:column;gap:5px;scrollbar-width:thin;scrollbar-color:#373b49 transparent}
:root[data-theme="hub"] .profile-history-feed::-webkit-scrollbar{width:3px}
:root[data-theme="hub"] .profile-history-feed::-webkit-scrollbar-thumb{background:linear-gradient(#ff6758,#7d69ff);border-radius:99px}
:root[data-theme="hub"] .profile-history-row{
  min-height:66px!important;height:66px!important;display:grid!important;grid-template-columns:68px minmax(180px,1fr) 220px 74px 8px!important;align-items:center!important;gap:10px!important;padding:6px 10px 6px 7px!important;border-radius:12px!important;background:linear-gradient(90deg,color-mix(in srgb,var(--rarity) 5%,#0d1017),#0d1017 34%,#0c0f16)!important;border:1px solid rgba(255,255,255,.045)!important;position:relative!important;
}
:root[data-theme="hub"] .profile-history-row:before{content:""!important;position:absolute!important;left:0!important;top:10px!important;bottom:10px!important;width:2px!important;background:var(--rarity)!important;border-radius:99px!important}
:root[data-theme="hub"] .history-drop-art{width:62px;height:52px;display:grid;place-items:center;overflow:hidden}
:root[data-theme="hub"] .history-drop-art .skin-art{width:62px!important;height:52px!important}
:root[data-theme="hub"] .history-drop-art .real-skin img{max-width:100%!important;max-height:100%!important}
:root[data-theme="hub"] .history-skin small{font-size:5px!important;color:#60636f!important}
:root[data-theme="hub"] .history-skin strong{font-size:8px!important;margin-top:2px!important}
:root[data-theme="hub"] .history-skin>b{font-size:8px!important;margin-top:4px!important}
:root[data-theme="hub"] .history-skin>b .korzh-currency-icon{width:9px!important;height:9px!important}
:root[data-theme="hub"] .history-case-compact{display:grid;grid-template-columns:62px 1fr;gap:8px;align-items:center;min-width:0}
:root[data-theme="hub"] .history-case-icon{width:62px;height:46px;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:rgba(255,255,255,.018)}
:root[data-theme="hub"] .history-case-icon img{display:block;width:100%;height:100%;object-fit:contain}
:root[data-theme="hub"] .history-case-fallback img{width:28px;height:28px}
:root[data-theme="hub"] .history-case-compact span{min-width:0}
:root[data-theme="hub"] .history-case-compact small{display:block;font-size:5px;color:#535661;letter-spacing:.08em}
:root[data-theme="hub"] .history-case-compact strong{display:block;margin-top:3px;font-size:7px;color:#c9c6c1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-theme="hub"] .profile-history-row time{font-size:6px!important;color:#565965!important;text-align:right!important;white-space:nowrap!important}
:root[data-theme="hub"] .history-row-dot{width:5px;height:5px;border-radius:50%;background:#343845;justify-self:center;box-shadow:0 0 0 3px rgba(255,255,255,.015)}
:root[data-theme="hub"] .profile-history-row:hover{transform:translateX(2px)!important;border-color:rgba(255,255,255,.075)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--rarity) 7%,#10131b),#10131b 34%,#0d1018)!important}

:root[data-theme="hub"] .profile-v80-settings{max-width:760px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:8px}

@media(max-width:1180px){
  :root[data-theme="hub"] .profile-v80-command{grid-template-columns:1fr!important}
  :root[data-theme="hub"] .profile-v80-stats{grid-template-columns:repeat(4,1fr)!important}
  :root[data-theme="hub"] .profile-v80-content .profile-page-grid{grid-template-columns:repeat(4,1fr)!important}
}
@media(max-width:760px){
  :root[data-theme="hub"] .profile-site-header,:root[data-theme="hub"] .profile-v80-main{width:calc(100vw - 24px)!important}
  :root[data-theme="hub"] .profile-site-header nav{display:none!important}
  :root[data-theme="hub"] .profile-v80-stats{grid-template-columns:repeat(2,1fr)!important}
  :root[data-theme="hub"] .profile-v80-nav{align-items:flex-start;flex-direction:column!important}
  :root[data-theme="hub"] .profile-v80-content .profile-page-grid{grid-template-columns:repeat(2,1fr)!important}
  :root[data-theme="hub"] .profile-history-row{height:auto!important;min-height:74px!important;grid-template-columns:58px 1fr 8px!important}
  :root[data-theme="hub"] .history-case-compact{grid-column:2!important;grid-row:2!important;grid-template-columns:48px 1fr!important}
  :root[data-theme="hub"] .profile-history-row time{grid-column:2!important;text-align:left!important}
  :root[data-theme="hub"] .history-row-dot{grid-column:3!important;grid-row:1/4!important}
}


/* =========================================================
   v81 HUB PROFILE — TOP DROP / REPLAY MEMORY SYSTEM
   Larger typography, denser information, interactive archive
   ========================================================= */

:root[data-theme="hub"] .profile-site-header,
:root[data-theme="hub"] .profile-v80-main{
  width:min(1600px,calc(100vw - 46px))!important;
}
:root[data-theme="hub"] .profile-site-header{
  min-height:70px!important;
  padding-left:18px!important;
  padding-right:18px!important;
}
:root[data-theme="hub"] .profile-site-header .brand-word{font-size:27px!important}
:root[data-theme="hub"] .profile-site-header .brand-emblem{width:42px!important;height:42px!important}
:root[data-theme="hub"] .profile-site-header nav button{
  height:40px!important;
  min-width:105px!important;
  font-size:9px!important;
}
:root[data-theme="hub"] .profile-site-header .balance span{font-size:7px!important}
:root[data-theme="hub"] .profile-site-header .balance b{font-size:17px!important}
:root[data-theme="hub"] .profile-site-header .deposit-header-btn{width:30px!important;height:30px!important;min-width:30px!important}
:root[data-theme="hub"] .profile-site-header .avatar{width:38px!important;height:38px!important;min-width:38px!important;font-size:14px!important}

:root[data-theme="hub"] .profile-v80-main{padding-top:20px!important}
:root[data-theme="hub"] .profile-v80-command{
  grid-template-columns:350px 1fr!important;
  padding:22px!important;
  gap:18px 22px!important;
  border-radius:26px!important;
}
:root[data-theme="hub"] .profile-v80-identity{gap:18px!important;padding:7px 9px!important}
:root[data-theme="hub"] .profile-v80-identity .profile-avatar-xl{
  width:86px!important;height:86px!important;min-width:86px!important;border-radius:25px!important;
}
:root[data-theme="hub"] .profile-v80-identity .profile-avatar-xl span{font-size:33px!important}
:root[data-theme="hub"] .profile-v80-identity .profile-nick small{font-size:8px!important}
:root[data-theme="hub"] .profile-v80-identity .profile-nick h1{font-size:35px!important;margin:6px 0 4px!important}
:root[data-theme="hub"] .profile-v80-identity .profile-nick>span{font-size:9px!important}

:root[data-theme="hub"] .profile-v80-stats{gap:10px!important}
:root[data-theme="hub"] .profile-v80-stats article{
  height:102px!important;
  padding:16px 17px!important;
  border-radius:17px!important;
}
:root[data-theme="hub"] .profile-v80-stats small{font-size:8px!important}
:root[data-theme="hub"] .profile-v80-stats strong{margin-top:12px!important;font-size:22px!important}
:root[data-theme="hub"] .profile-v80-stats strong .korzh-currency-icon{width:16px!important;height:16px!important}
:root[data-theme="hub"] .profile-v80-stats article>i{font-size:6px!important;right:12px!important;bottom:10px!important}

:root[data-theme="hub"] .profile-v80-nav{padding-top:15px!important}
:root[data-theme="hub"] .profile-v80-tabs{padding:5px!important;border-radius:12px!important}
:root[data-theme="hub"] .profile-v80-tabs button,
:root[data-theme="hub"] .profile-v80-tools a{
  height:36px!important;padding:0 15px!important;font-size:9px!important;
}
:root[data-theme="hub"] .profile-v80-tools .logout-inline{
  width:38px!important;height:38px!important;border-radius:11px!important;
}
:root[data-theme="hub"] .profile-v80-tools .logout-inline svg{width:17px!important;height:17px!important}

/* TOP DROP becomes a prominent interactive memory rail */
:root[data-theme="hub"] .profile-v81-topdrop{
  margin-top:15px!important;
  padding:15px 15px 12px!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(255,103,88,.055),transparent 26%),
    radial-gradient(circle at 88% 100%,rgba(126,103,255,.055),transparent 30%),
    rgba(11,13,20,.82)!important;
}
:root[data-theme="hub"] .profile-v81-topdrop-head{padding:0 3px 12px!important}
:root[data-theme="hub"] .profile-v81-topdrop-head small{font-size:7px!important}
:root[data-theme="hub"] .profile-v81-topdrop-head strong{font-size:15px!important;margin-top:4px!important;letter-spacing:.02em!important}
:root[data-theme="hub"] .profile-v81-more{
  height:34px;padding:0 12px;border-radius:10px;
  border:1px solid rgba(255,255,255,.065);background:#0e1119;color:#c6c4c1;
  display:flex;align-items:center;justify-content:center;gap:7px;
  font-size:8px;font-weight:950;letter-spacing:.08em;
}
:root[data-theme="hub"] .profile-v81-more span{color:#ff796d;font-size:13px}
:root[data-theme="hub"] .profile-v81-more:hover{border-color:rgba(255,117,105,.24);background:#131620}

:root[data-theme="hub"] .profile-v81-top-shell{position:relative}
:root[data-theme="hub"] .profile-v81-top-track{
  grid-auto-columns:238px!important;
  gap:9px!important;
  padding:1px 34px 5px!important;
  cursor:grab!important;
  scrollbar-width:none!important;
}
:root[data-theme="hub"] .profile-v81-top-track::-webkit-scrollbar{display:none!important}
:root[data-theme="hub"] .profile-v81-top-track.dragging{cursor:grabbing!important;scroll-snap-type:none!important}
:root[data-theme="hub"] .profile-v81-top-card{
  height:90px!important;
  grid-template-columns:88px 1fr!important;
  padding:7px 10px 7px 5px!important;
  border-radius:15px!important;
  overflow:hidden!important;
  transition:transform .2s ease,border-color .2s ease,background .2s ease!important;
}
:root[data-theme="hub"] .profile-v81-top-card:hover{
  transform:translateY(-3px)!important;
  border-color:color-mix(in srgb,var(--rarity) 30%,rgba(255,255,255,.08))!important;
}
:root[data-theme="hub"] .profile-v81-top-card .skin-art{width:84px!important;height:76px!important}
:root[data-theme="hub"] .profile-v81-top-info small{font-size:7px!important}
:root[data-theme="hub"] .profile-v81-top-info strong{font-size:11px!important;margin-top:3px!important}
:root[data-theme="hub"] .profile-v81-top-info b{font-size:11px!important;margin-top:6px!important}
:root[data-theme="hub"] .profile-v81-top-info b .korzh-currency-icon{width:12px!important;height:12px!important}
:root[data-theme="hub"] .profile-v81-rank{
  position:absolute;right:8px;top:7px;z-index:4;
  font-size:6px;font-weight:950;letter-spacing:.1em;color:#555966;
}
:root[data-theme="hub"] .profile-v81-top-hover{
  position:absolute;inset:0;z-index:7;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(90deg,rgba(8,10,16,.36),rgba(8,10,16,.88));
  opacity:0;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease;
}
:root[data-theme="hub"] .profile-v81-top-card:hover .profile-v81-top-hover{opacity:1;transform:none}
:root[data-theme="hub"] .profile-v81-replay-btn{
  height:34px;min-width:92px;padding:0 11px;border-radius:10px;
  border:1px solid rgba(255,255,255,.10);background:rgba(18,21,31,.92);color:#eeeae4;
  display:flex;align-items:center;justify-content:center;gap:7px;
  font-size:8px;font-weight:900;letter-spacing:.055em;
  box-shadow:0 9px 24px rgba(0,0,0,.22);
}
:root[data-theme="hub"] .profile-v81-replay-btn span{font-size:15px;color:#ff786d;line-height:1}
:root[data-theme="hub"] .profile-v81-replay-btn:hover{border-color:rgba(255,118,105,.30);background:#171a24}
:root[data-theme="hub"] .profile-v81-rail-arrow{
  position:absolute;top:50%;transform:translateY(-50%);z-index:10;
  width:30px;height:54px;padding:0;border-radius:10px;border:1px solid rgba(255,255,255,.06);
  background:rgba(10,12,18,.88);color:#7a7d89;font-size:22px;display:grid;place-items:center;
}
:root[data-theme="hub"] .profile-v81-rail-arrow.left{left:0}
:root[data-theme="hub"] .profile-v81-rail-arrow.right{right:0}
:root[data-theme="hub"] .profile-v81-rail-arrow:hover{color:#fff;border-color:rgba(255,118,105,.2)}
:root[data-theme="hub"] .profile-v81-top-progress{
  height:2px;margin:8px 36px 0;background:rgba(255,255,255,.035);border-radius:99px;overflow:hidden;
}
:root[data-theme="hub"] .profile-v81-top-progress i{
  display:block;width:24%;height:100%;border-radius:99px;
  background:linear-gradient(90deg,#ff6758,#7d69ff);transition:width .16s ease;
}

/* Main content larger and readable */
:root[data-theme="hub"] .profile-v80-content{
  margin-top:15px!important;padding:19px!important;border-radius:24px!important;
}
:root[data-theme="hub"] .profile-v80-content-head{height:56px!important;padding:0 4px 13px!important}
:root[data-theme="hub"] .profile-v80-content-head small{font-size:7px!important}
:root[data-theme="hub"] .profile-v80-content-head h3{font-size:17px!important;margin-top:5px!important}
:root[data-theme="hub"] .profile-v80-content-actions>span{font-size:8px!important}
:root[data-theme="hub"] .profile-v80-content-actions .sell-all-btn{height:34px!important;font-size:8px!important}

/* Bigger inventory without wasting space */
:root[data-theme="hub"] .profile-v80-content .profile-page-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  max-height:620px!important;
}
:root[data-theme="hub"] .profile-v80-content .profile-page-item{
  min-height:238px!important;padding:10px!important;border-radius:15px!important;
}
:root[data-theme="hub"] .profile-v80-content .profile-page-item .skin-art{height:145px!important}
:root[data-theme="hub"] .profile-v80-content .profile-page-item small{font-size:8px!important}
:root[data-theme="hub"] .profile-v80-content .profile-page-item strong{font-size:12px!important}
:root[data-theme="hub"] .profile-v80-content .profile-page-item>b{font-size:12px!important}

/* HISTORY = large typography inside compact event lanes */
:root[data-theme="hub"] .profile-v81-history-feed{
  max-height:650px!important;
  gap:7px!important;
  padding-right:5px!important;
}
:root[data-theme="hub"] .profile-v81-history-row{
  min-height:82px!important;height:82px!important;
  grid-template-columns:54px 82px minmax(220px,1fr) 260px 86px 104px!important;
  gap:12px!important;
  padding:8px 11px!important;
  border-radius:14px!important;
}
:root[data-theme="hub"] .profile-v81-event-index{
  height:54px;border-right:1px solid rgba(255,255,255,.045);
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
}
:root[data-theme="hub"] .profile-v81-event-index small{font-size:6px;color:#555865;font-weight:900;letter-spacing:.14em}
:root[data-theme="hub"] .profile-v81-event-index b{font-size:15px;color:#8e919c;margin-top:4px}
:root[data-theme="hub"] .profile-v81-history-row .history-drop-art{width:78px!important;height:64px!important}
:root[data-theme="hub"] .profile-v81-history-row .history-drop-art .skin-art{width:78px!important;height:64px!important}
:root[data-theme="hub"] .profile-v81-history-row .history-skin small{font-size:7px!important}
:root[data-theme="hub"] .profile-v81-history-row .history-skin strong{font-size:12px!important;margin-top:3px!important}
:root[data-theme="hub"] .profile-v81-history-row .history-skin>b{font-size:11px!important;margin-top:5px!important}
:root[data-theme="hub"] .profile-v81-history-row .history-skin>b .korzh-currency-icon{width:12px!important;height:12px!important}
:root[data-theme="hub"] .profile-v81-history-row .history-case-compact{
  grid-template-columns:82px 1fr!important;gap:10px!important;
}
:root[data-theme="hub"] .profile-v81-history-row .history-case-icon{width:82px!important;height:58px!important}
:root[data-theme="hub"] .profile-v81-history-row .history-case-compact small{font-size:6px!important}
:root[data-theme="hub"] .profile-v81-history-row .history-case-compact strong{font-size:10px!important;margin-top:4px!important}
:root[data-theme="hub"] .profile-v81-history-row time{font-size:8px!important}
:root[data-theme="hub"] .profile-v81-history-row>.profile-v81-replay-btn{
  min-width:94px!important;height:34px!important;justify-self:end!important;
}

/* Full TOP DROP archive modal */
:root[data-theme="hub"] .profile-v81-overlay{
  position:fixed!important;inset:0!important;z-index:10000!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:28px!important;background:rgba(3,4,8,.76)!important;
  backdrop-filter:blur(14px)!important;
}
:root[data-theme="hub"] .profile-v81-archive-modal,
:root[data-theme="hub"] .profile-v81-replay-modal{
  width:min(1240px,calc(100vw - 54px));max-height:min(820px,calc(100vh - 54px));
  border:1px solid rgba(255,255,255,.075);border-radius:26px;
  background:
    radial-gradient(circle at 8% 0%,rgba(255,103,88,.07),transparent 24%),
    radial-gradient(circle at 92% 100%,rgba(126,103,255,.065),transparent 26%),
    #0b0e15;
  box-shadow:0 36px 120px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.025);
  overflow:hidden;
}
:root[data-theme="hub"] .profile-v81-archive-modal>header,
:root[data-theme="hub"] .profile-v81-replay-modal>header{
  min-height:92px;padding:20px 22px;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.055);
}
:root[data-theme="hub"] .profile-v81-archive-modal header small,
:root[data-theme="hub"] .profile-v81-replay-modal header small{font-size:7px;color:#ff796d;font-weight:900;letter-spacing:.15em}
:root[data-theme="hub"] .profile-v81-archive-modal header h2,
:root[data-theme="hub"] .profile-v81-replay-modal header h2{margin:5px 0 0;font-size:25px;color:#f2eee8}
:root[data-theme="hub"] .profile-v81-archive-modal header p{margin:4px 0 0;font-size:9px;color:#666976}
:root[data-theme="hub"] .profile-v81-close{
  width:38px;height:38px;border-radius:11px;border:1px solid rgba(255,255,255,.07);
  background:#11141d;color:#8d909c;font-size:22px;display:grid;place-items:center;line-height:1;
}
:root[data-theme="hub"] .profile-v81-close:hover{color:#fff;border-color:rgba(255,117,105,.22)}
:root[data-theme="hub"] .profile-v81-archive-head{
  height:34px;padding:0 18px;display:grid;grid-template-columns:50px 1.25fr 1fr 100px 110px;gap:12px;align-items:center;
  font-size:6px;color:#555865;font-weight:900;letter-spacing:.14em;
}
:root[data-theme="hub"] .profile-v81-archive-list{
  max-height:650px;overflow-y:auto;padding:0 12px 14px;display:flex;flex-direction:column;gap:6px;
  scrollbar-width:thin;scrollbar-color:#3b3e4c transparent;
}
:root[data-theme="hub"] .profile-v81-archive-list>article{
  min-height:78px;display:grid;grid-template-columns:50px 1.25fr 1fr 100px 110px;gap:12px;align-items:center;
  padding:7px 9px;border-radius:13px;border:1px solid rgba(255,255,255,.045);
  background:linear-gradient(90deg,color-mix(in srgb,var(--rarity) 5%,#0e1118),#0e1118 32%);
  position:relative;
}
:root[data-theme="hub"] .profile-v81-archive-list>article:before{
  content:"";position:absolute;left:0;top:13px;bottom:13px;width:2px;border-radius:99px;background:var(--rarity);
}
:root[data-theme="hub"] .archive-rank{font-size:16px;color:#767986}
:root[data-theme="hub"] .archive-drop{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:center}
:root[data-theme="hub"] .archive-drop>.skin-art{width:88px!important;height:60px!important}
:root[data-theme="hub"] .archive-drop span small{font-size:7px;color:#646773}
:root[data-theme="hub"] .archive-drop span strong{display:block;margin-top:3px;font-size:11px}
:root[data-theme="hub"] .archive-drop span>b{display:block;margin-top:5px;font-size:10px}
:root[data-theme="hub"] .archive-case{display:grid;grid-template-columns:78px 1fr;gap:9px;align-items:center}
:root[data-theme="hub"] .archive-case .history-case-icon{width:78px!important;height:54px!important}
:root[data-theme="hub"] .archive-case>strong{font-size:9px;color:#c9c6c1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root[data-theme="hub"] .profile-v81-archive-list time{font-size:8px;color:#656874}

/* Replay modal */
:root[data-theme="hub"] .profile-v81-replay-modal{width:min(1180px,calc(100vw - 54px))!important}
:root[data-theme="hub"] .profile-v81-replay-result{
  min-height:82px;padding:10px 22px;display:flex;align-items:center;gap:13px;
  border-bottom:1px solid rgba(255,255,255,.04);
}
:root[data-theme="hub"] .profile-v81-replay-result .history-case-icon{width:100px!important;height:70px!important}
:root[data-theme="hub"] .profile-v81-replay-result small{display:block;font-size:7px;color:#656874}
:root[data-theme="hub"] .profile-v81-replay-result strong{display:block;margin-top:3px;font-size:14px;color:#f2eee8}
:root[data-theme="hub"] .profile-v81-replay-result b{display:block;margin-top:5px;font-size:12px}
:root[data-theme="hub"] .profile-v81-replay-viewport{
  position:relative;height:310px;margin:18px 20px 12px;border-radius:20px;overflow:hidden;
  border:1px solid rgba(255,255,255,.06);
  background:
    radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--rarity) 8%,transparent),transparent 48%),
    #090b11;
  perspective:1100px;
}
:root[data-theme="hub"] .profile-v81-replay-viewport:before,
:root[data-theme="hub"] .profile-v81-replay-viewport:after{
  content:"";position:absolute;top:0;bottom:0;width:110px;z-index:7;pointer-events:none;
}
:root[data-theme="hub"] .profile-v81-replay-viewport:before{left:0;background:linear-gradient(90deg,#090b11,transparent)}
:root[data-theme="hub"] .profile-v81-replay-viewport:after{right:0;background:linear-gradient(-90deg,#090b11,transparent)}
:root[data-theme="hub"] .profile-v81-replay-pointer{
  position:absolute;left:50%;top:0;bottom:0;width:1px;background:#f2eee8;z-index:8;box-shadow:0 0 15px rgba(255,255,255,.32);
}
:root[data-theme="hub"] .profile-v81-replay-pointer:before,
:root[data-theme="hub"] .profile-v81-replay-pointer:after{
  content:"";position:absolute;left:50%;transform:translateX(-50%);border-left:7px solid transparent;border-right:7px solid transparent;
}
:root[data-theme="hub"] .profile-v81-replay-pointer:before{top:0;border-top:0;border-bottom:10px solid #f2eee8}
:root[data-theme="hub"] .profile-v81-replay-pointer:after{bottom:0;border-bottom:0;border-top:10px solid #f2eee8}
:root[data-theme="hub"] .profile-v81-replay-strip{
  position:absolute;left:50%;top:43px;height:224px;display:flex;gap:10px;align-items:center;will-change:transform;
}
:root[data-theme="hub"] .profile-v81-replay-card{
  flex:0 0 172px;height:216px;padding:10px;border-radius:15px;
  border:1px solid rgba(255,255,255,.055);
  background:radial-gradient(circle at 20% 30%,color-mix(in srgb,var(--rarity) 9%,transparent),transparent 52%),#10131b;
  display:grid;grid-template-rows:132px auto auto auto;align-content:start;
  transform:rotateY(7deg) translateZ(-35px);opacity:.76;
}
:root[data-theme="hub"] .profile-v81-replay-card:nth-child(even){transform:rotateY(-7deg) translateZ(-35px)}
:root[data-theme="hub"] .profile-v81-replay-card.winner{
  border-color:color-mix(in srgb,var(--rarity) 42%,rgba(255,255,255,.12));
  transform:translateZ(28px);opacity:1;
}
:root[data-theme="hub"] .profile-v81-replay-card .skin-art{width:100%!important;height:128px!important}
:root[data-theme="hub"] .profile-v81-replay-card small{font-size:7px;color:#636672}
:root[data-theme="hub"] .profile-v81-replay-card strong{font-size:11px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-theme="hub"] .profile-v81-replay-card>b{font-size:10px;margin-top:5px}
:root[data-theme="hub"] .profile-v81-replay-viewport.done .winner{box-shadow:0 0 34px color-mix(in srgb,var(--rarity) 16%,transparent)}
:root[data-theme="hub"] .profile-v81-replay-footer{
  height:64px;padding:0 22px 15px;display:flex;align-items:center;justify-content:space-between;
}
:root[data-theme="hub"] .profile-v81-replay-footer>span{font-size:7px;color:#666976;font-weight:900;letter-spacing:.11em;display:flex;align-items:center;gap:7px}
:root[data-theme="hub"] .profile-v81-replay-footer>span i{width:6px;height:6px;border-radius:50%;background:#6de199;box-shadow:0 0 10px rgba(109,225,153,.48)}
:root[data-theme="hub"] #replayRestart{
  height:36px;padding:0 14px;border-radius:10px;border:1px solid rgba(255,117,105,.16);
  background:linear-gradient(135deg,rgba(255,103,88,.18),rgba(127,103,255,.08));color:#f0ece6;
  font-size:8px;font-weight:900;
}

@media(max-width:1200px){
  :root[data-theme="hub"] .profile-v80-command{grid-template-columns:1fr!important}
  :root[data-theme="hub"] .profile-v81-history-row{
    grid-template-columns:46px 72px 1fr 180px 80px 96px!important;
  }
  :root[data-theme="hub"] .profile-v80-content .profile-page-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:820px){
  :root[data-theme="hub"] .profile-site-header,:root[data-theme="hub"] .profile-v80-main{width:calc(100vw - 22px)!important}
  :root[data-theme="hub"] .profile-v80-stats{grid-template-columns:repeat(2,1fr)!important}
  :root[data-theme="hub"] .profile-v81-history-row{
    height:auto!important;min-height:104px!important;
    grid-template-columns:52px 76px 1fr 98px!important;
  }
  :root[data-theme="hub"] .profile-v81-history-row .history-case-compact{grid-column:3!important}
  :root[data-theme="hub"] .profile-v81-history-row time{grid-column:3!important;text-align:left!important}
  :root[data-theme="hub"] .profile-v81-history-row>.profile-v81-replay-btn{grid-column:4!important;grid-row:1/4!important}
  :root[data-theme="hub"] .profile-v80-content .profile-page-grid{grid-template-columns:repeat(2,1fr)!important}
}


/* =========================================================
   v84 HUB PROFILE — only useful stats + persistent user ID
   ========================================================= */
:root[data-theme="hub"] .profile-v80-stats{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
:root[data-theme="hub"] .profile-v80-stats article:nth-child(3):before{
  background:linear-gradient(180deg,#8074ff,transparent)!important;
}
:root[data-theme="hub"] .profile-v80-identity .profile-nick>span{
  font-size:9px!important;
  letter-spacing:.035em!important;
  color:#777b88!important;
}
@media(max-width:1180px){
  :root[data-theme="hub"] .profile-v80-stats{grid-template-columns:repeat(3,1fr)!important}
}
@media(max-width:760px){
  :root[data-theme="hub"] .profile-v80-stats{grid-template-columns:1fr!important}
}

/* =========================================================
   v95 — profile stability / manual Top Drop / clean replay
   ========================================================= */
:root[data-theme="hub"] .theme-switcher{display:none!important}
:root[data-theme="hub"] .profile-v81-top-track{
  overflow-x:auto!important;overflow-y:hidden!important;scroll-behavior:smooth!important;touch-action:pan-x!important;
  overscroll-behavior-x:contain!important;scroll-snap-type:x proximity!important;
}
:root[data-theme="hub"] .profile-v81-top-track:not(.dragging){cursor:grab!important}
:root[data-theme="hub"] .skin-art-missing{display:grid!important;place-items:center!important;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--rarity) 9%,transparent),transparent 56%)!important}
:root[data-theme="hub"] .skin-art-missing .skin-image-pending{width:58%!important;height:3px!important;border-radius:99px!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent)!important;animation:korzhProfileSkinLoad 1.2s ease-in-out infinite!important}
@keyframes korzhProfileSkinLoad{0%,100%{opacity:.25;transform:scaleX(.72)}50%{opacity:.65;transform:scaleX(1)}}

/* Replay uses the same flat horizontal language as case opening. */
:root[data-theme="hub"] .profile-v81-replay-viewport{height:252px!important;perspective:none!important;background:#090b11!important}
:root[data-theme="hub"] .profile-v81-replay-strip{left:0!important;top:30px!important;height:194px!important;gap:8px!important;align-items:center!important}
:root[data-theme="hub"] .profile-v81-replay-card{
  flex:0 0 160px!important;height:188px!important;padding:8px!important;border-radius:13px!important;
  display:grid!important;grid-template-rows:112px auto auto auto!important;transform:none!important;opacity:.76!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--rarity) 7%,#11141b),#0d1016)!important;
  border-color:color-mix(in srgb,var(--rarity) 18%,rgba(255,255,255,.05))!important;
}
:root[data-theme="hub"] .profile-v81-replay-card:nth-child(even){transform:none!important}
:root[data-theme="hub"] .profile-v81-replay-card.winner{transform:scale(1.035)!important;opacity:1!important;border-color:color-mix(in srgb,var(--rarity) 48%,rgba(255,255,255,.12))!important}
:root[data-theme="hub"] .profile-v81-replay-card .skin-art{height:108px!important;width:100%!important}
:root[data-theme="hub"] .profile-v81-replay-card small{font-size:6.5px!important}.profile-v81-replay-card strong{font-size:9px!important}.profile-v81-replay-card>b{font-size:9px!important}

/* ============================================================
   v96 — inventory actions + compact professional exchange
   ============================================================ */
:root[data-theme="hub"] .profile-v80-content .profile-page-item{min-height:210px!important;padding:10px!important}
:root[data-theme="hub"] .profile-v80-content .profile-page-item .skin-art{height:142px!important}
:root[data-theme="hub"] .profile-item-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;position:relative;z-index:2;padding:0 2px 2px}
:root[data-theme="hub"] .profile-item-meta>div{min-width:0;flex:1}
:root[data-theme="hub"] .profile-item-meta small{display:block!important;color:#777a84!important;font-size:8px!important;line-height:1.15!important;margin:0 0 3px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-theme="hub"] .profile-item-meta strong{display:block!important;color:#f1ede7!important;font-size:12px!important;line-height:1.1!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-theme="hub"] .profile-item-meta>b{flex:0 0 auto!important;margin:0!important;font-size:15px!important;line-height:1!important;color:#f5f0e9!important;opacity:1!important}
:root[data-theme="hub"] .profile-item-meta>b .korzh-money{display:flex;align-items:center;gap:4px}
:root[data-theme="hub"] .profile-item-meta>b .korzh-currency-icon{width:15px!important;height:15px!important}
:root[data-theme="hub"] .profile-page-item:hover .profile-item-meta>b{opacity:.28!important}

:root[data-theme="hub"] .inventory-hover-actions{inset:auto 8px 8px 8px!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
:root[data-theme="hub"] .inventory-hover-actions button{height:38px!important;border-radius:10px!important;background:#211a17ee!important;border-color:rgba(207,157,120,.20)!important;color:#eee5dc!important}
:root[data-theme="hub"] .inventory-hover-actions button:hover{background:#30231e!important;border-color:rgba(237,170,126,.38)!important;transform:translateY(-1px)}
:root[data-theme="hub"] .inventory-hover-actions .action-korzh-token{width:25px;height:25px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(255,121,87,.13))}
:root[data-theme="hub"] .inventory-hover-actions .steam-icon-svg svg{display:block;width:23px;height:23px}
:root[data-theme="hub"] .inventory-hover-actions .exchange-icon-svg svg{display:block;width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.exchange-overlay.exchange-v96{padding:18px!important;background:rgba(3,4,8,.78)!important;backdrop-filter:blur(7px)!important}
.exchange-modal-v96{width:min(980px,96vw)!important;height:min(650px,90vh)!important;max-height:min(650px,90vh)!important;overflow:hidden!important;padding:0!important;border-radius:20px!important;background:linear-gradient(155deg,#12141b,#090a0f 76%)!important;border:1px solid rgba(255,255,255,.075)!important;box-shadow:0 34px 120px rgba(0,0,0,.72)!important}
.exchange-v96-head{height:68px!important;padding:0 18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid rgba(255,255,255,.05)!important;background:transparent!important}
.exchange-v96-head small{display:block;color:#9c765f;font-size:7px;letter-spacing:.16em;font-weight:950}.exchange-v96-head h2{font-size:18px!important;margin:4px 0 0!important;letter-spacing:.02em}.exchange-v96-head .exchange-close{position:static!important;width:32px!important;height:32px!important;border-radius:9px!important;background:#12141a!important;border-color:rgba(255,255,255,.07)!important;display:grid!important;place-items:center!important;padding:0!important;line-height:1!important;color:#9698a1!important;font-size:19px!important}
.exchange-v96-layout{height:calc(100% - 68px);display:grid;grid-template-columns:270px minmax(0,1fr);min-height:0}
.exchange-v96-own{min-width:0;border-right:1px solid rgba(255,255,255,.05);background:#0b0d12;display:flex;flex-direction:column;min-height:0}
.exchange-panel-title{height:44px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.04)}.exchange-panel-title span{font-size:8px;font-weight:950;letter-spacing:.08em}.exchange-panel-title b{min-width:25px;height:20px;border-radius:6px;background:#151720;color:#858791;display:grid;place-items:center;font-size:7px}
.exchange-source-list{padding:8px;overflow:auto;display:grid;gap:6px}.exchange-source-card{height:78px;border:1px solid rgba(255,255,255,.05);border-radius:11px;background:#101219;color:#eee;display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:7px;text-align:left;padding:5px 8px;position:relative}.exchange-source-card:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;border-radius:2px;background:var(--rarity);opacity:.55}.exchange-source-card.selected{border-color:color-mix(in srgb,var(--rarity) 44%,rgba(255,255,255,.08));background:#15151d;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 10%,transparent)}.exchange-source-card .skin-art{height:62px!important;min-width:0}.exchange-source-card .real-skin img{max-width:90%!important;max-height:78%!important}.exchange-source-card>span{min-width:0}.exchange-source-card small,.exchange-source-card strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exchange-source-card small{font-size:7px;color:#6d707a}.exchange-source-card strong{font-size:9px;margin-top:3px}.exchange-source-card>b{font-size:9px}.exchange-source-card>b .korzh-currency-icon{width:12px!important;height:12px!important}
.exchange-v96-targets{padding:0!important;margin:0!important;min-width:0;min-height:0;display:flex;flex-direction:column;background:transparent!important;max-width:none!important}
.exchange-target-top{min-height:86px;padding:11px 13px;border-bottom:1px solid rgba(255,255,255,.045);display:flex;align-items:center;justify-content:space-between;gap:18px}.exchange-target-top>div:first-child small,.exchange-target-top>div:first-child strong,.exchange-target-top>div:first-child span{display:block}.exchange-target-top>div:first-child small{font-size:6px;color:#646771;letter-spacing:.1em}.exchange-target-top>div:first-child strong{font-size:12px;margin-top:4px}.exchange-target-top>div:first-child span{font-size:8px;color:#9d9aa2;margin-top:4px}.exchange-filter-row{display:grid;grid-template-columns:220px 92px;gap:7px}.exchange-filter-row label>span{display:block;font-size:6px;color:#5f626c;margin:0 0 4px}.exchange-filter-row input,.exchange-filter-row select{width:100%;height:34px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:#090b10;color:#e9e5df;padding:0 9px;outline:0;font-size:8px}.exchange-filter-row select{appearance:auto}
.exchange-target-grid{padding:10px;overflow:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;align-content:start}.exchange-target-card{min-height:170px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--rarity) 7%,transparent),#0e1016 72%);color:#eee;text-align:left;padding:8px;position:relative;overflow:hidden}.exchange-target-card:hover:not(:disabled){transform:translateY(-2px);border-color:color-mix(in srgb,var(--rarity) 35%,rgba(255,255,255,.08));box-shadow:0 12px 30px rgba(0,0,0,.22)}.exchange-target-card.unavailable{opacity:.45;filter:saturate(.45)}.exchange-target-card .skin-art{height:92px!important}.exchange-target-card .real-skin img{max-width:92%!important;max-height:82%!important}.exchange-target-meta small,.exchange-target-meta strong,.exchange-target-meta>span{display:block}.exchange-target-meta small{font-size:7px;color:#727580;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exchange-target-meta strong{font-size:9px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.exchange-target-meta>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px}.exchange-target-meta b{font-size:11px}.exchange-target-meta b .korzh-currency-icon{width:12px!important;height:12px!important}.stock-dots{display:flex!important;align-items:center;gap:2px}.stock-dots i{width:6px;height:3px;border-radius:3px;background:#343741}.stock-dots.level-1 i:nth-child(1){background:#d5545f}.stock-dots.level-2 i:nth-child(-n+2){background:#db8a46}.stock-dots.level-3 i{background:#55bd7a}.stock-copy{font-size:6px!important;color:#5f626c!important;margin-top:4px}.exchange-target-card.unavailable .stock-copy{color:#b75a63!important}.exchange-empty{min-height:100px;display:grid;place-items:center;color:#555862;font-size:8px}.exchange-empty.wide{grid-column:1/-1;min-height:200px}

@media(max-width:800px){.exchange-modal-v96{height:min(760px,94vh)!important;max-height:94vh!important}.exchange-v96-layout{grid-template-columns:1fr;grid-template-rows:160px 1fr}.exchange-v96-own{border-right:0;border-bottom:1px solid rgba(255,255,255,.05)}.exchange-source-list{display:flex;overflow:auto}.exchange-source-card{min-width:230px}.exchange-target-top{align-items:flex-start;flex-direction:column}.exchange-filter-row{width:100%;grid-template-columns:1fr 90px}.exchange-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* =========================================================
   v98 — exchange readability pass
   ========================================================= */
.exchange-overlay.exchange-v96{padding:18px!important}
.exchange-modal-v96{
  width:min(1280px,97vw)!important;
  height:min(780px,94vh)!important;
  max-height:min(780px,94vh)!important;
  border-radius:22px!important;
}
.exchange-v96-head{
  height:76px!important;
  padding:0 22px!important;
}
.exchange-v96-head small{font-size:8px!important}
.exchange-v96-head h2{font-size:22px!important;margin-top:5px!important}
.exchange-v96-layout{
  height:calc(100% - 76px)!important;
  grid-template-columns:320px minmax(0,1fr)!important;
}
.exchange-panel-title{
  height:52px!important;
  padding:0 15px!important;
}
.exchange-panel-title span{font-size:10px!important}
.exchange-source-list{padding:10px!important;gap:8px!important}
.exchange-source-card{
  height:96px!important;
  grid-template-columns:92px minmax(0,1fr) auto!important;
  gap:10px!important;
  padding:7px 10px!important;
  border-radius:13px!important;
}
.exchange-source-card .skin-art{height:80px!important}
.exchange-source-card small{font-size:9px!important;line-height:1.1!important}
.exchange-source-card strong{font-size:12px!important;line-height:1.15!important;margin-top:5px!important}
.exchange-source-card>b{font-size:12px!important}

.exchange-target-top.exchange-target-top-v98{
  min-height:88px!important;
  padding:12px 16px!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) minmax(450px,620px)!important;
  align-items:end!important;
  gap:18px!important;
}
.exchange-target-heading small{
  display:block!important;
  font-size:8px!important;
  color:#777a85!important;
  letter-spacing:.13em!important;
  font-weight:900!important;
}
.exchange-target-heading strong{
  display:block!important;
  margin-top:6px!important;
  font-size:15px!important;
  color:#f0ece6!important;
  line-height:1!important;
}
.exchange-filter-row{
  width:100%!important;
  grid-template-columns:minmax(300px,1fr) 120px!important;
  gap:10px!important;
}
.exchange-filter-row label>span{
  font-size:8px!important;
  margin-bottom:6px!important;
  color:#787b85!important;
  font-weight:850!important;
}
.exchange-filter-row input,.exchange-filter-row select{
  height:40px!important;
  border-radius:10px!important;
  padding:0 12px!important;
  font-size:11px!important;
  border-color:rgba(255,255,255,.085)!important;
  background:#0b0d13!important;
}
.exchange-target-grid{
  padding:13px!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
}
.exchange-target-card{
  min-height:220px!important;
  padding:10px!important;
  border-radius:14px!important;
}
.exchange-target-card .skin-art{
  height:136px!important;
  transform:translateY(-6px)!important;
}
.exchange-target-card .real-skin img{
  max-width:94%!important;
  max-height:88%!important;
}
.exchange-target-meta small{
  font-size:9px!important;
  line-height:1.1!important;
  color:#828590!important;
}
.exchange-target-meta strong{
  font-size:13px!important;
  line-height:1.12!important;
  margin-top:5px!important;
}
.exchange-target-meta>div{margin-top:9px!important}
.exchange-target-meta b{font-size:15px!important}
.exchange-target-meta b .korzh-currency-icon{width:14px!important;height:14px!important}
.stock-dots{gap:3px!important}
.stock-dots i{width:10px!important;height:4px!important}
.stock-copy{font-size:8px!important;margin-top:5px!important}

@media(max-width:1050px){
  .exchange-modal-v96{width:98vw!important}
  .exchange-v96-layout{grid-template-columns:270px minmax(0,1fr)!important}
  .exchange-target-top.exchange-target-top-v98{grid-template-columns:1fr!important;align-items:start!important}
  .exchange-filter-row{grid-template-columns:1fr 110px!important}
  .exchange-target-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:800px){
  .exchange-v96-layout{grid-template-columns:1fr!important;grid-template-rows:190px 1fr!important}
  .exchange-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* =========================================================
   v100 — compact profile command + exchange hard fit/readability
   ========================================================= */
:root[data-theme="hub"] .profile-v80-command{
  grid-template-columns:300px minmax(0,1fr)!important;
  padding:15px 16px!important;
  gap:12px 16px!important;
  border-radius:21px!important;
}
:root[data-theme="hub"] .profile-v80-identity{
  gap:14px!important;
  padding:2px 5px!important;
}
:root[data-theme="hub"] .profile-v80-identity .profile-avatar-xl{
  width:68px!important;height:68px!important;min-width:68px!important;border-radius:20px!important;
}
:root[data-theme="hub"] .profile-v80-identity .profile-nick h1{
  font-size:29px!important;
  line-height:1!important;
  margin:0 0 8px!important;
  letter-spacing:-.035em!important;
}
:root[data-theme="hub"] .profile-id-stack{
  display:grid!important;
  gap:4px!important;
}
:root[data-theme="hub"] .profile-id-stack span{
  display:block!important;
  color:#747884!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.035em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
:root[data-theme="hub"] .profile-v80-stats{
  gap:7px!important;
  align-self:center!important;
}
:root[data-theme="hub"] .profile-v80-stats article{
  height:70px!important;
  padding:11px 13px!important;
  border-radius:13px!important;
}
:root[data-theme="hub"] .profile-v80-stats small{font-size:7px!important}
:root[data-theme="hub"] .profile-v80-stats strong{
  margin-top:8px!important;
  font-size:18px!important;
  line-height:1!important;
}
:root[data-theme="hub"] .profile-v80-stats strong .korzh-currency-icon{width:14px!important;height:14px!important}
:root[data-theme="hub"] .profile-v80-stats article>i{right:9px!important;bottom:7px!important;font-size:5px!important}
:root[data-theme="hub"] .profile-v80-nav{padding-top:10px!important}

/* Hard-fit exchange: always remains inside viewport at 720p and wider screens. */
.exchange-overlay.exchange-v96{
  position:fixed!important;
  inset:0!important;
  z-index:500!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:16px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.exchange-modal-v96{
  width:min(1180px,calc(100vw - 32px))!important;
  height:min(680px,calc(100vh - 32px))!important;
  max-width:1180px!important;
  max-height:calc(100vh - 32px)!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  display:flex!important;
  flex-direction:column!important;
}
.exchange-v96-head{
  flex:0 0 66px!important;
  height:66px!important;
  min-height:66px!important;
  padding:0 20px!important;
}
.exchange-v96-head h2{font-size:21px!important}
.exchange-v96-layout{
  flex:1 1 auto!important;
  height:auto!important;
  min-height:0!important;
  width:100%!important;
  grid-template-columns:270px minmax(0,1fr)!important;
  overflow:hidden!important;
}
.exchange-v96-own,.exchange-v96-targets{min-height:0!important;min-width:0!important;overflow:hidden!important}
.exchange-source-list{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:10px!important}
.exchange-source-card{
  height:92px!important;
  grid-template-columns:82px minmax(0,1fr) auto!important;
}
.exchange-source-card .skin-art{height:76px!important}
.exchange-source-card small{
  font-size:11px!important;
  line-height:1.05!important;
  font-weight:950!important;
  color:#ece9e4!important;
}
.exchange-source-card strong{font-size:12px!important;line-height:1.1!important;font-weight:850!important}
.exchange-source-card>b{font-size:12px!important}
.exchange-target-top.exchange-target-top-v98{
  flex:0 0 auto!important;
  min-height:94px!important;
  padding:12px 14px!important;
  display:grid!important;
  grid-template-columns:190px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:end!important;
  box-sizing:border-box!important;
}
.exchange-target-heading small{font-size:8px!important}
.exchange-target-heading strong{font-size:14px!important;line-height:1.1!important}
.exchange-filter-row{
  min-width:0!important;
  width:100%!important;
  grid-template-columns:minmax(180px,1fr) 105px!important;
  gap:8px!important;
}
.exchange-filter-row label{min-width:0!important}
.exchange-filter-row label>span{font-size:8px!important;margin-bottom:5px!important}
.exchange-filter-row input,.exchange-filter-row select{
  min-width:0!important;
  width:100%!important;
  height:38px!important;
  font-size:11px!important;
  padding:0 10px!important;
  box-sizing:border-box!important;
}
.exchange-target-grid{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:11px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;
  align-content:start!important;
}
.exchange-target-card{
  min-width:0!important;
  min-height:190px!important;
  height:190px!important;
  padding:9px!important;
  box-sizing:border-box!important;
}
.exchange-target-card .skin-art{
  height:112px!important;
  transform:translateY(-8px)!important;
}
.exchange-target-meta small{
  display:block!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  color:#efebe6!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.exchange-target-meta strong{
  display:block!important;
  font-size:12px!important;
  line-height:1.08!important;
  font-weight:850!important;
  margin-top:4px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.exchange-target-meta>div{margin-top:7px!important}
.exchange-target-meta b{font-size:14px!important}
.stock-copy{font-size:8px!important}

@media(max-width:900px){
  .exchange-v96-layout{grid-template-columns:220px minmax(0,1fr)!important}
  .exchange-target-top.exchange-target-top-v98{grid-template-columns:1fr!important;min-height:130px!important;align-items:start!important}
  .exchange-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  .exchange-v96-layout{grid-template-columns:1fr!important;grid-template-rows:145px minmax(0,1fr)!important}
  .exchange-v96-own{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.05)!important}
  .exchange-source-list{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important}
  .exchange-source-card{min-width:230px!important}
  .exchange-target-top.exchange-target-top-v98{min-height:126px!important}
}

/* =========================================================
   v102 — exchange rebuild + unified skin labels
   ========================================================= */
:root[data-theme="hub"] .profile-item-meta small,
:root[data-theme="hub"] .profile-v81-top-info small,
:root[data-theme="hub"] .history-skin small,
.exchange-source-card .skin-caption small,
.exchange-target-meta.skin-caption small{
  display:block!important;
  color:#8b8f99!important;
  font-size:10px!important;
  line-height:1.08!important;
  font-weight:750!important;
  letter-spacing:.005em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
:root[data-theme="hub"] .profile-item-meta strong,
:root[data-theme="hub"] .profile-v81-top-info strong,
:root[data-theme="hub"] .history-skin strong,
.exchange-source-card .skin-caption strong,
.exchange-target-meta.skin-caption strong{
  display:block!important;
  color:#f5f1eb!important;
  font-size:14px!important;
  line-height:1.08!important;
  font-weight:950!important;
  letter-spacing:-.018em!important;
  margin-top:4px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Inventory image and caption alignment. */
:root[data-theme="hub"] .profile-page-item .skin-art{
  display:grid!important;place-items:center!important;
}
:root[data-theme="hub"] .profile-page-item .real-skin img{object-position:center center!important}
:root[data-theme="hub"] .profile-item-meta{padding:2px 5px 5px!important;align-items:end!important}
:root[data-theme="hub"] .profile-item-meta>b{font-size:16px!important}

/* Full exchange rebuild. Sized from viewport, not legacy fixed boxes. */
.exchange-overlay.exchange-v96{
  position:fixed!important;inset:0!important;z-index:10000!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:24px!important;overflow:hidden!important;
  background:rgba(2,3,8,.84)!important;backdrop-filter:blur(14px)!important;
}
.exchange-modal-v96{
  width:min(1520px,94vw)!important;
  height:min(850px,88vh)!important;
  max-width:none!important;max-height:88vh!important;
  min-width:0!important;min-height:0!important;
  display:flex!important;flex-direction:column!important;
  overflow:hidden!important;padding:0!important;margin:0!important;
  border-radius:26px!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:radial-gradient(circle at 85% 0,rgba(125,88,255,.07),transparent 28%),linear-gradient(155deg,#12151d,#090b10 72%)!important;
  box-shadow:0 44px 150px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.exchange-v96-head{
  flex:0 0 82px!important;height:82px!important;min-height:82px!important;
  padding:0 24px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
.exchange-v96-head small{font-size:8px!important;color:#a77b65!important;letter-spacing:.18em!important;font-weight:900!important}
.exchange-v96-head h2{font-size:25px!important;line-height:1!important;margin:6px 0 0!important;letter-spacing:-.02em!important}
.exchange-close{
  position:static!important;width:38px!important;height:38px!important;border-radius:11px!important;
  display:grid!important;place-items:center!important;background:#11141c!important;border:1px solid rgba(255,255,255,.08)!important;
  color:#c5c8cf!important;font-size:20px!important;
}
.exchange-v96-layout{
  flex:1 1 auto!important;min-height:0!important;width:100%!important;height:auto!important;
  display:grid!important;grid-template-columns:340px minmax(0,1fr)!important;overflow:hidden!important;
}
.exchange-v96-own{
  min-width:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;
  border-right:1px solid rgba(255,255,255,.055)!important;background:rgba(7,9,13,.45)!important;
}
.exchange-panel-title{
  flex:0 0 56px!important;height:56px!important;padding:0 18px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;
}
.exchange-panel-title span{font-size:10px!important;font-weight:950!important;color:#d8d8dc!important;letter-spacing:.04em!important}
.exchange-panel-title b{font-size:10px!important;color:#6f737d!important}
.exchange-source-list{
  flex:1 1 auto!important;min-height:0!important;display:grid!important;align-content:start!important;
  gap:9px!important;padding:12px!important;overflow-y:auto!important;overflow-x:hidden!important;
}
.exchange-source-card{
  height:104px!important;min-height:104px!important;width:100%!important;
  display:grid!important;grid-template-columns:102px minmax(0,1fr) auto!important;align-items:center!important;
  gap:11px!important;padding:8px 11px!important;border-radius:15px!important;
  background:linear-gradient(145deg,#11141b,#0c0e14)!important;border:1px solid rgba(255,255,255,.055)!important;
}
.exchange-source-card.selected{border-color:color-mix(in srgb,var(--rarity) 50%,rgba(255,255,255,.09))!important;background:linear-gradient(145deg,color-mix(in srgb,var(--rarity) 7%,#13151c),#0c0e14)!important}
.exchange-source-card .skin-art{height:88px!important;display:grid!important;place-items:center!important}
.exchange-source-card .real-skin img{max-width:96%!important;max-height:88%!important;object-fit:contain!important;object-position:center!important}
.exchange-source-card .skin-caption{min-width:0!important}
.exchange-source-card .skin-caption small{font-size:10px!important}
.exchange-source-card .skin-caption strong{font-size:14px!important}
.exchange-source-card>b{font-size:14px!important;color:#f0d5bd!important;white-space:nowrap!important}

.exchange-v96-targets{
  min-width:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;
}
.exchange-target-top.exchange-target-top-v98{
  flex:0 0 112px!important;min-height:112px!important;
  padding:15px 18px!important;display:grid!important;
  grid-template-columns:minmax(220px,.55fr) minmax(500px,1.45fr)!important;align-items:end!important;gap:24px!important;
  border-bottom:1px solid rgba(255,255,255,.045)!important;background:rgba(9,11,16,.58)!important;
}
.exchange-target-heading small{font-size:8px!important;color:#727681!important;letter-spacing:.13em!important;font-weight:900!important}
.exchange-target-heading strong{display:block!important;font-size:17px!important;line-height:1.08!important;margin-top:7px!important;color:#f0ede8!important;font-weight:950!important}
.exchange-filter-row{width:100%!important;display:grid!important;grid-template-columns:minmax(320px,1fr) 150px!important;gap:10px!important}
.exchange-filter-row label{min-width:0!important}
.exchange-filter-row label>span{display:block!important;font-size:8px!important;color:#7d818c!important;font-weight:900!important;letter-spacing:.08em!important;margin-bottom:6px!important}
.exchange-filter-row input,.exchange-filter-row select{
  width:100%!important;min-width:0!important;height:44px!important;padding:0 13px!important;border-radius:11px!important;
  background:#090b10!important;border:1px solid rgba(255,255,255,.07)!important;color:#e7e5e1!important;font-size:11px!important;outline:none!important;
}
.exchange-filter-row input:focus,.exchange-filter-row select:focus{border-color:rgba(205,137,99,.45)!important;box-shadow:0 0 0 3px rgba(205,137,99,.08)!important}
.exchange-target-grid{
  flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
  display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;align-content:start!important;
  gap:11px!important;padding:14px!important;
}
.exchange-target-card{
  min-width:0!important;height:232px!important;min-height:232px!important;padding:10px 11px 11px!important;
  display:grid!important;grid-template-rows:142px minmax(0,1fr)!important;
  border-radius:16px!important;background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--rarity) 10%,transparent),#0d1016 72%)!important;
  border:1px solid rgba(255,255,255,.055)!important;overflow:hidden!important;
}
.exchange-target-card:hover:not(:disabled){transform:translateY(-2px)!important;border-color:color-mix(in srgb,var(--rarity) 42%,rgba(255,255,255,.08))!important;box-shadow:0 16px 35px rgba(0,0,0,.25)!important}
.exchange-target-card .skin-art{height:142px!important;display:grid!important;place-items:center!important;transform:none!important;margin:0!important}
.exchange-target-card .real-skin img{max-width:96%!important;max-height:90%!important;object-fit:contain!important;object-position:center center!important}
.exchange-target-meta{min-width:0!important;align-self:end!important}
.exchange-target-meta.skin-caption small{font-size:10px!important}
.exchange-target-meta.skin-caption strong{font-size:14px!important;margin-top:4px!important}
.exchange-target-meta>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:8px!important}
.exchange-target-meta b{font-size:15px!important;color:#f0d5bd!important;font-weight:950!important}
.stock-dots{gap:3px!important}.stock-dots i{width:11px!important;height:4px!important;border-radius:4px!important}
.stock-copy{display:block!important;margin-top:5px!important;font-size:8px!important;font-weight:800!important;color:#6f737d!important;letter-spacing:.02em!important}
.exchange-empty{font-size:11px!important;color:#6e727c!important}

@media(max-width:1180px){
  .exchange-modal-v96{width:96vw!important;height:90vh!important;max-height:90vh!important}
  .exchange-v96-layout{grid-template-columns:280px minmax(0,1fr)!important}
  .exchange-target-top.exchange-target-top-v98{grid-template-columns:1fr!important;min-height:150px!important;align-items:start!important}
  .exchange-filter-row{grid-template-columns:minmax(220px,1fr) 130px!important}
  .exchange-target-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .exchange-overlay.exchange-v96{padding:10px!important}
  .exchange-modal-v96{width:calc(100vw - 20px)!important;height:calc(100vh - 20px)!important;max-height:calc(100vh - 20px)!important;border-radius:18px!important}
  .exchange-v96-layout{grid-template-columns:1fr!important;grid-template-rows:155px minmax(0,1fr)!important}
  .exchange-v96-own{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
  .exchange-panel-title{display:none!important}
  .exchange-source-list{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;padding:8px!important}
  .exchange-source-card{min-width:255px!important;width:255px!important;height:90px!important;min-height:90px!important}
  .exchange-target-top.exchange-target-top-v98{min-height:145px!important;padding:12px!important}
  .exchange-filter-row{grid-template-columns:1fr 105px!important}
  .exchange-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:9px!important}
  .exchange-target-card{height:205px!important;min-height:205px!important;grid-template-rows:122px minmax(0,1fr)!important}
  .exchange-target-card .skin-art{height:122px!important}
}


/* =========================================================
   v104 — Exchange rebuilt: compare top, market below, 3 cols
   ========================================================= */
.exchange-overlay.exchange-v104{
  position:fixed!important;inset:0!important;z-index:520!important;display:grid!important;place-items:center!important;
  padding:16px!important;background:rgba(3,4,8,.78)!important;backdrop-filter:blur(12px)!important;
}
.exchange-modal-v104{
  width:min(1180px,calc(100vw - 32px))!important;height:min(860px,calc(100vh - 32px))!important;max-height:calc(100vh - 32px)!important;
  display:grid!important;grid-template-rows:auto 245px auto minmax(0,1fr)!important;overflow:hidden!important;
  border-radius:22px!important;border:1px solid rgba(255,255,255,.075)!important;background:linear-gradient(155deg,#11131a,#080a0f 76%)!important;
  box-shadow:0 38px 120px rgba(0,0,0,.74)!important;
}
.exchange-v104-head{height:68px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 20px!important;border-bottom:1px solid rgba(255,255,255,.05)!important}
.exchange-v104-head small{display:block!important;color:#b98567!important;font-size:8px!important;letter-spacing:.17em!important;font-weight:950!important}
.exchange-v104-head h2{margin:5px 0 0!important;font-size:24px!important;line-height:1!important;font-weight:950!important;color:#f3efea!important}
.exchange-v104-head .exchange-close{position:static!important;flex:0 0 auto!important}
.exchange-v104-compare{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:14px 16px!important;background:#0a0c11!important;border-bottom:1px solid rgba(255,255,255,.05)!important;min-height:0!important}
.exchange-v104-side{min-width:0!important;min-height:0!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:16px!important;background:#0e1117!important;padding:12px!important;display:flex!important;flex-direction:column!important}
.exchange-v104-label{height:28px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;color:#8e929d!important;font-size:9px!important;font-weight:950!important;letter-spacing:.1em!important}
.exchange-v104-source-list{display:flex!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;min-height:0!important;flex:1!important;align-items:center!important}
.exchange-v104-source-list::-webkit-scrollbar{display:none!important}
.exchange-v104-source-list .exchange-source-card{flex:0 0 260px!important;width:260px!important;height:150px!important;min-height:150px!important;grid-template-columns:120px minmax(0,1fr)!important;grid-template-rows:1fr auto!important;padding:9px 10px!important}
.exchange-v104-source-list .exchange-source-card .skin-art{grid-row:1/3!important;height:126px!important}
.exchange-v104-source-list .exchange-source-card>b{grid-column:2!important;justify-self:start!important;font-size:13px!important}
.exchange-v104-side.target{align-items:center!important;text-align:center!important;position:relative!important}
.exchange-picked-card,.exchange-target-placeholder{width:min(360px,100%)!important;min-height:126px!important;display:grid!important;grid-template-columns:132px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:8px 11px!important;border-radius:14px!important;border:1px solid color-mix(in srgb,var(--rarity,#8c7467) 35%,rgba(255,255,255,.06))!important;background:radial-gradient(circle at 24% 50%,color-mix(in srgb,var(--rarity,#8c7467) 10%,transparent),#0b0e14 72%)!important}
.exchange-picked-card .skin-art{height:108px!important;display:grid!important;place-items:center!important}.exchange-picked-card .skin-art img{max-width:96%!important;max-height:92%!important;object-fit:contain!important}
.exchange-picked-card .skin-caption{text-align:left!important}.exchange-picked-card .skin-caption small{font-size:10px!important;font-weight:800!important}.exchange-picked-card .skin-caption strong{font-size:14px!important;font-weight:950!important}.exchange-picked-card .skin-caption b{display:block!important;margin-top:7px!important;font-size:14px!important}
.exchange-target-placeholder{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;color:#717681!important}.exchange-target-placeholder>span{font-size:25px!important}.exchange-target-placeholder strong{font-size:12px!important;color:#bbbcc2!important}.exchange-target-placeholder small{font-size:9px!important}
.exchange-confirm{width:210px!important;height:40px!important;margin-top:8px!important;border:0!important;border-radius:10px!important;background:linear-gradient(90deg,#a76445,#c88761)!important;color:#17100d!important;font-size:10px!important;font-weight:950!important;letter-spacing:.04em!important}.exchange-confirm:disabled{opacity:.28!important}
.exchange-credit{min-height:20px!important;margin:6px 0 0!important;font-size:10px!important;color:#8ad39a!important;font-weight:850!important}.exchange-credit.empty{color:#616671!important;font-size:8px!important}
.exchange-v104-market-head{min-height:78px!important;padding:11px 16px!important;display:grid!important;grid-template-columns:minmax(220px,.7fr) minmax(450px,1.3fr)!important;gap:18px!important;align-items:end!important;border-bottom:1px solid rgba(255,255,255,.045)!important;background:#0b0d12!important}
.exchange-v104-market-head small{display:block!important;font-size:8px!important;color:#777c87!important;font-weight:900!important;letter-spacing:.12em!important}.exchange-v104-market-head strong{display:block!important;margin-top:5px!important;font-size:16px!important;color:#efebe6!important;font-weight:950!important}
.exchange-v104-market-head .exchange-filter-row{grid-template-columns:minmax(260px,1fr) 130px!important}
.exchange-target-grid-v104{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:12px 16px 16px!important;align-content:start!important;scrollbar-width:thin!important}
.exchange-target-grid-v104 .exchange-target-card{height:205px!important;min-height:205px!important;grid-template-rows:124px minmax(0,1fr)!important;padding:9px 10px!important}
.exchange-target-grid-v104 .exchange-target-card.selected{border-color:color-mix(in srgb,var(--rarity) 72%,#fff 8%)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--rarity) 15%,transparent),0 14px 34px rgba(0,0,0,.28)!important}
.exchange-target-grid-v104 .exchange-target-card .skin-art{height:124px!important}
.exchange-target-grid-v104 .exchange-target-meta.skin-caption small{font-size:10px!important;font-weight:800!important}.exchange-target-grid-v104 .exchange-target-meta.skin-caption strong{font-size:14px!important;font-weight:950!important}
@media(max-width:820px){
  .exchange-modal-v104{height:calc(100vh - 20px)!important;width:calc(100vw - 20px)!important;grid-template-rows:auto 330px auto minmax(0,1fr)!important}
  .exchange-v104-compare{grid-template-columns:1fr!important;grid-template-rows:150px 150px!important}
  .exchange-v104-side{padding:8px!important}.exchange-v104-source-list .exchange-source-card{height:105px!important;min-height:105px!important}
  .exchange-v104-market-head{grid-template-columns:1fr!important;gap:8px!important}.exchange-v104-market-head .exchange-filter-row{grid-template-columns:1fr 105px!important}
  .exchange-target-grid-v104{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* Consistent profile typography: model/quality slightly smaller than skin name. */
.profile-page .skin-caption small,.exchange-modal-v104 .skin-caption small{font-size:10px!important;line-height:1.05!important;font-weight:800!important;color:#a5a9b2!important}
.profile-page .skin-caption strong,.exchange-modal-v104 .skin-caption strong{font-size:13px!important;line-height:1.08!important;font-weight:950!important;color:#f2efea!important}

/* =========================================================
   v107 — exchange hard layout reset
   ========================================================= */
.exchange-overlay.exchange-v104{padding:18px!important;overflow:hidden!important}
.exchange-modal-v104{
  width:min(1160px,calc(100vw - 36px))!important;
  height:min(790px,calc(100vh - 36px))!important;
  max-width:1160px!important;max-height:calc(100vh - 36px)!important;
  grid-template-rows:66px 220px 86px minmax(0,1fr)!important;
  overflow:hidden!important;
}
.exchange-v104-head{height:66px!important;padding:0 22px!important}
.exchange-v104-compare{
  grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr)!important;
  gap:14px!important;padding:12px 18px!important;min-width:0!important;overflow:hidden!important;
}
.exchange-v104-side{min-width:0!important;overflow:hidden!important;padding:10px 12px!important}
.exchange-v104-source-list{min-width:0!important;max-width:100%!important;overflow-x:auto!important}
.exchange-v104-source-list .exchange-source-card{
  flex:0 0 245px!important;width:245px!important;min-width:245px!important;max-width:245px!important;
  height:145px!important;min-height:145px!important;
}
.exchange-v104-side.target{min-width:0!important;overflow:hidden!important}
.exchange-picked-card,.exchange-target-placeholder{width:min(340px,100%)!important;max-width:100%!important;min-width:0!important;min-height:120px!important}
.exchange-v104-market-head{
  min-width:0!important;grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr)!important;
  gap:16px!important;padding:10px 18px!important;overflow:hidden!important;
}
.exchange-v104-market-head .exchange-filter-row{display:grid!important;grid-template-columns:minmax(0,1fr) 125px!important;gap:8px!important;min-width:0!important}
.exchange-v104-market-head input,.exchange-v104-market-head select{min-width:0!important;width:100%!important}
.exchange-target-grid-v104{
  width:100%!important;min-width:0!important;max-width:100%!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;padding:12px 18px 18px!important;overflow-y:auto!important;overflow-x:hidden!important;
  scrollbar-width:none!important;
}
.exchange-target-grid-v104::-webkit-scrollbar{display:none!important}
.exchange-target-grid-v104 .exchange-target-card{
  width:100%!important;min-width:0!important;max-width:none!important;height:188px!important;min-height:188px!important;
  grid-template-rows:112px minmax(0,1fr)!important;overflow:hidden!important;
}
.exchange-target-grid-v104 .exchange-target-card .skin-art{height:112px!important;min-width:0!important;overflow:hidden!important}
.exchange-target-grid-v104 .exchange-target-card .skin-art img{max-width:94%!important;max-height:102px!important;object-fit:contain!important}
.exchange-target-grid-v104 .exchange-target-meta{min-width:0!important;overflow:hidden!important}
.exchange-target-grid-v104 .exchange-target-meta strong{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:900px){
 .exchange-modal-v104{height:calc(100vh - 20px)!important;width:calc(100vw - 20px)!important;grid-template-rows:62px 290px 112px minmax(0,1fr)!important}
 .exchange-v104-compare{grid-template-columns:1fr!important;grid-template-rows:130px 130px!important;padding:8px!important}
 .exchange-v104-market-head{grid-template-columns:1fr!important;gap:7px!important}
 .exchange-target-grid-v104{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:9px!important}
}

/* =========================================================
   v108 — exchange geometry lock: no clipping / no inherited offsets
   ========================================================= */
.exchange-overlay.exchange-v104{
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:24px!important;overflow:hidden!important;box-sizing:border-box!important;
}
.exchange-overlay.exchange-v104 *{box-sizing:border-box!important}
.exchange-modal.exchange-modal-v104{
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  margin:0!important;transform:none!important;padding:0!important;
  width:min(1180px,calc(100vw - 48px))!important;height:min(800px,calc(100vh - 48px))!important;
  min-width:0!important;max-width:1180px!important;max-height:calc(100vh - 48px)!important;
  grid-template-rows:66px 220px 88px minmax(0,1fr)!important;
}
.exchange-modal-v104>.exchange-v104-head,
.exchange-modal-v104>.exchange-v104-compare,
.exchange-modal-v104>.exchange-v104-market-head,
.exchange-modal-v104>.exchange-target-grid-v104{
  position:relative!important;left:auto!important;right:auto!important;transform:none!important;margin:0!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
}
.exchange-v104-compare{grid-template-columns:minmax(0,1fr) 350px!important;padding:12px 16px!important}
.exchange-v104-source-list{width:100%!important;max-width:100%!important;min-width:0!important}
.exchange-v104-source-list .exchange-source-card{flex:0 0 240px!important;width:240px!important;min-width:240px!important}
.exchange-v104-side.target{width:100%!important;max-width:350px!important;justify-self:end!important}
.exchange-v104-market-head{grid-template-columns:minmax(0,1fr) minmax(420px,1.15fr)!important;padding:10px 16px!important}
.exchange-target-grid-v104{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:12px 16px 16px!important}
@media(max-width:900px){
 .exchange-overlay.exchange-v104{padding:10px!important}
 .exchange-modal.exchange-modal-v104{width:calc(100vw - 20px)!important;height:calc(100vh - 20px)!important;max-height:calc(100vh - 20px)!important;grid-template-rows:62px 280px 118px minmax(0,1fr)!important}
 .exchange-v104-compare{grid-template-columns:1fr!important;grid-template-rows:128px 128px!important;padding:8px!important}
 .exchange-v104-side.target{max-width:none!important;justify-self:stretch!important}
 .exchange-v104-market-head{grid-template-columns:1fr!important;gap:7px!important}
 .exchange-target-grid-v104{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:8px!important}
}

/* =========================================================
   v109 — exchange rebuilt from zero
   ========================================================= */
.exchange-overlay.exchange-v109{position:fixed!important;inset:0!important;z-index:1000!important;padding:20px!important;display:grid!important;place-items:center!important;background:rgba(4,5,8,.82)!important;backdrop-filter:blur(18px)!important;overflow:hidden!important}
.exchange-modal-v109{position:relative!important;width:min(1160px,calc(100vw - 40px))!important;height:min(790px,calc(100vh - 40px))!important;max-width:none!important;max-height:none!important;overflow:hidden!important;padding:0!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.09)!important;background:linear-gradient(150deg,#12151d 0%,#0b0d13 60%,#090b10 100%)!important;box-shadow:0 45px 150px rgba(0,0,0,.72)!important;display:grid!important;grid-template-rows:74px 226px 64px 52px minmax(0,1fr)!important}
.exchange-v109-head{height:74px!important;padding:0 22px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid rgba(255,255,255,.055)!important;background:linear-gradient(90deg,rgba(255,117,105,.035),transparent 45%)!important}
.exchange-v109-head small{display:block!important;color:#be8269!important;font-size:9px!important;letter-spacing:.18em!important;font-weight:950!important}.exchange-v109-head h2{margin:5px 0 0!important;font-size:24px!important;letter-spacing:-.02em!important;color:#fff!important}.exchange-v109-head .exchange-close{position:static!important;width:38px!important;height:38px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.08)!important;background:#11141b!important;color:#b7bac3!important;font-size:22px!important;display:grid!important;place-items:center!important;padding:0!important}
.exchange-v109-compare{min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 118px minmax(0,1fr)!important;gap:16px!important;padding:16px 22px 14px!important;border-bottom:1px solid rgba(255,255,255,.045)!important;overflow:hidden!important}
.exchange-v109-compare>section{min-width:0!important;display:grid!important;grid-template-rows:26px minmax(0,1fr)!important}.exchange-v109-label{font-size:10px!important;font-weight:950!important;letter-spacing:.08em!important;color:#8c909b!important}.exchange-v109-label.right{text-align:right!important}
.exchange-v109-selected,.exchange-v109-empty-target{height:164px!important;min-width:0!important;border:1px solid color-mix(in srgb,var(--rarity,#ff7569) 42%,rgba(255,255,255,.06))!important;border-radius:17px!important;background:radial-gradient(circle at 50% 20%,color-mix(in srgb,var(--rarity,#ff7569) 10%,transparent),transparent 52%),#0e1117!important;display:grid!important;grid-template-columns:46% minmax(0,1fr)!important;align-items:center!important;overflow:hidden!important;padding:10px 14px!important}.exchange-v109-selected .skin-art{height:142px!important;min-width:0!important}.exchange-v109-selected .real-skin img{max-width:94%!important;max-height:88%!important}.exchange-v109-selected .skin-caption{min-width:0!important}.exchange-v109-selected .skin-caption small{display:block!important;font-size:10px!important;color:#8d919b!important;font-weight:800!important}.exchange-v109-selected .skin-caption strong{display:block!important;font-size:17px!important;line-height:1.08!important;margin-top:6px!important;color:#fff!important}.exchange-v109-selected .skin-caption b{display:block!important;font-size:16px!important;margin-top:12px!important;color:#f0c7ab!important}.exchange-v109-empty-target{grid-template-columns:1fr!important;text-align:center!important;place-items:center!important;align-content:center!important;gap:4px!important;border-style:dashed!important}.exchange-v109-empty-target span{font-size:24px!important;color:#777c88!important}.exchange-v109-empty-target strong{font-size:13px!important}.exchange-v109-empty-target small{font-size:10px!important;color:#777c88!important}
.exchange-v109-action{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important}.exchange-v109-confirm{width:82px!important;height:82px!important;border-radius:50%!important;border:1px solid rgba(86,229,145,.38)!important;background:radial-gradient(circle at 35% 30%,#50df91,#1d9d61 70%,#147447)!important;color:#06140d!important;box-shadow:0 16px 40px rgba(36,197,112,.20),inset 0 1px 0 rgba(255,255,255,.28)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;padding:0!important}.exchange-v109-confirm span{font-size:24px!important;line-height:1!important}.exchange-v109-confirm b{font-size:7px!important;letter-spacing:.06em!important}.exchange-v109-confirm:disabled{filter:grayscale(1)!important;opacity:.28!important;box-shadow:none!important}.exchange-v109-action small{text-align:center!important;font-size:9px!important;line-height:1.35!important;color:#8b8f99!important;min-height:28px!important}
.exchange-v109-search{margin:10px 22px 8px!important;height:46px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:13px!important;background:#090c12!important;display:grid!important;grid-template-columns:42px 1fr!important;align-items:center!important;overflow:hidden!important}.exchange-v109-search span{font-size:22px!important;text-align:center!important;color:#7b808c!important}.exchange-v109-search input{height:100%!important;min-width:0!important;border:0!important;outline:0!important;background:transparent!important;color:#f2f2f4!important;font-size:12px!important;font-weight:850!important;letter-spacing:.02em!important;padding:0 14px 0 0!important}.exchange-v109-search input::placeholder{color:#50545f!important}
.exchange-v109-market-title{height:52px!important;padding:0 22px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.exchange-v109-market-title small,.exchange-v109-market-title strong{display:block!important}.exchange-v109-market-title small{font-size:8px!important;letter-spacing:.14em!important;color:#b37c66!important}.exchange-v109-market-title strong{font-size:13px!important;margin-top:3px!important}.exchange-v109-market-title>b{font-size:9px!important;color:#6e737f!important}
.exchange-target-grid-v109{min-width:0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 22px 22px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;align-content:start!important;scrollbar-width:thin!important;scrollbar-color:#313641 transparent!important}.exchange-v109-card{min-width:0!important;height:190px!important;border:1px solid color-mix(in srgb,var(--rarity) 28%,rgba(255,255,255,.055))!important;border-radius:15px!important;background:linear-gradient(155deg,#11141b,#0b0e14)!important;padding:9px 11px!important;display:grid!important;grid-template-rows:120px minmax(0,1fr)!important;text-align:left!important;overflow:hidden!important}.exchange-v109-card .skin-art{height:116px!important}.exchange-v109-card .real-skin img{max-width:92%!important;max-height:88%!important}.exchange-v109-card .skin-caption{min-width:0!important}.exchange-v109-card .skin-caption small{display:block!important;font-size:9px!important;color:#858a95!important;font-weight:800!important}.exchange-v109-card .skin-caption strong{display:block!important;font-size:13px!important;line-height:1.08!important;margin-top:3px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.exchange-v109-card .skin-caption>div{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-top:7px!important}.exchange-v109-card .skin-caption b{font-size:12px!important;color:#f1c5a8!important}.exchange-v109-card.selected{border-color:#5be097!important;box-shadow:inset 0 0 0 1px rgba(91,224,151,.18),0 0 22px rgba(45,190,116,.08)!important}.exchange-v109-card.unavailable{opacity:.38!important}
@media(max-width:850px){.exchange-modal-v109{height:calc(100vh - 20px)!important;width:calc(100vw - 20px)!important;grid-template-rows:64px auto 58px 44px minmax(0,1fr)!important}.exchange-v109-compare{grid-template-columns:1fr!important;overflow:auto!important}.exchange-v109-action{order:3!important}.exchange-v109-confirm{width:68px!important;height:68px!important}.exchange-target-grid-v109{grid-template-columns:repeat(2,minmax(0,1fr))!important}.exchange-v109-label.right{text-align:left!important}}


/* =========================================================
   v110 — EXCHANGE: viewport-sized hard frame, no imaginary bounds
   ========================================================= */
.exchange-overlay.exchange-v109{
  inset:0!important; padding:12px!important; overflow:hidden!important;
  display:flex!important; align-items:center!important; justify-content:center!important;
}
.exchange-modal.exchange-modal-v109{
  box-sizing:border-box!important;
  width:min(1540px,calc(100vw - 24px))!important;
  height:min(920px,calc(100vh - 24px))!important;
  max-width:none!important; max-height:none!important; min-width:0!important;
  grid-template-rows:76px 258px 66px 54px minmax(0,1fr)!important;
  overflow:hidden!important;
}
.exchange-modal-v109 *{box-sizing:border-box!important}
.exchange-v109-head{padding:0 28px!important}
.exchange-v109-compare{
  min-width:0!important; width:100%!important;
  grid-template-columns:minmax(0,1fr) 132px minmax(0,1fr)!important;
  gap:22px!important; padding:18px 28px!important; overflow:hidden!important;
}
.exchange-v109-compare>section{min-width:0!important;overflow:hidden!important}
.exchange-v109-selected,.exchange-v109-empty-target{height:198px!important;width:100%!important}
.exchange-v109-selected .skin-art{height:170px!important}
.exchange-v109-action{min-width:0!important}
.exchange-v109-search{margin:10px 28px 8px!important}
.exchange-v109-market-title{padding:0 28px!important}
.exchange-target-grid-v109{
  min-width:0!important;width:100%!important;
  padding:0 28px 28px!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:14px!important;
}
.exchange-v109-card{height:220px!important;grid-template-rows:142px minmax(0,1fr)!important}
.exchange-v109-card .skin-art{height:138px!important}
@media(max-width:900px){
 .exchange-modal.exchange-modal-v109{width:calc(100vw - 12px)!important;height:calc(100vh - 12px)!important;grid-template-rows:66px auto 58px 48px minmax(0,1fr)!important}
 .exchange-v109-compare{grid-template-columns:1fr!important;overflow-y:auto!important}
 .exchange-target-grid-v109{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}


/* =========================================================
   v111 — exchange final geometry polish
   ========================================================= */
.exchange-modal.exchange-modal-v109{
  grid-template-rows:86px 236px 62px 50px minmax(0,1fr)!important;
}
.exchange-v109-head{
  position:relative!important;z-index:5!important;height:86px!important;
  padding:0 30px!important;overflow:visible!important;
}
.exchange-v109-head>div{position:relative!important;z-index:2!important;padding-top:2px!important}
.exchange-v109-head small{font-size:9px!important}.exchange-v109-head h2{font-size:25px!important;margin-top:6px!important}
.exchange-v109-compare{
  position:relative!important;z-index:1!important;
  padding:14px 30px 12px!important;gap:24px!important;
  overflow:hidden!important;
}
.exchange-v109-compare>section{padding-top:2px!important;overflow:hidden!important}
.exchange-v109-label{height:24px!important;line-height:24px!important;font-size:10px!important;position:relative!important;z-index:3!important}
.exchange-v109-selected,.exchange-v109-empty-target{height:178px!important;min-height:178px!important;padding:9px 13px!important}
.exchange-v109-selected{grid-template-columns:38% minmax(0,1fr)!important}
.exchange-v109-selected .skin-art{height:142px!important;max-height:142px!important;overflow:hidden!important}
.exchange-v109-selected .real-skin img{max-width:82%!important;max-height:78%!important;object-fit:contain!important}
.exchange-v109-card{height:210px!important;grid-template-rows:128px minmax(0,1fr)!important}
.exchange-v109-card .skin-art{height:124px!important;max-height:124px!important;overflow:hidden!important}
.exchange-v109-card .real-skin img{max-width:82%!important;max-height:78%!important;object-fit:contain!important}
.exchange-v109-search{margin:8px 30px 7px!important}
.exchange-v109-market-title{height:50px!important;padding:0 30px!important}
.exchange-target-grid-v109{padding:0 30px 26px!important;gap:12px!important}
@media(max-width:900px){
 .exchange-modal.exchange-modal-v109{grid-template-rows:72px auto 58px 46px minmax(0,1fr)!important}
 .exchange-v109-head{height:72px!important;padding:0 18px!important}
 .exchange-v109-compare{padding:10px 18px!important}
 .exchange-v109-selected .skin-art,.exchange-v109-card .skin-art{height:108px!important}
 .exchange-v109-selected .real-skin img,.exchange-v109-card .real-skin img{max-width:78%!important;max-height:74%!important}
}


/* =========================================================
   v113 — exchange artwork containment hard fix
   Long rifles/SMGs must never be cropped by market cards.
   ========================================================= */
.exchange-v109-card .skin-art,
.exchange-v109-selected .skin-art{
  display:grid!important;place-items:center!important;overflow:hidden!important;
  padding:10px 18px!important;box-sizing:border-box!important;transform:none!important;
}
.exchange-v109-card .real-skin,
.exchange-v109-selected .real-skin{
  width:100%!important;height:100%!important;display:grid!important;place-items:center!important;overflow:hidden!important;
}
.exchange-v109-card .real-skin img{
  width:100%!important;height:100%!important;max-width:76%!important;max-height:68%!important;
  object-fit:contain!important;object-position:center center!important;margin:auto!important;transform:none!important;
}
.exchange-v109-selected .real-skin img{
  width:100%!important;height:100%!important;max-width:72%!important;max-height:66%!important;
  object-fit:contain!important;object-position:center center!important;margin:auto!important;transform:none!important;
}


/* =========================================================
   v114 — exchange artwork SAFE ZONE
   .skin-art and .real-skin are the SAME element in markup.
   Older rules accidentally stretched that element to 100% of the card, which
   let long rifles/SMGs get clipped by the card edge. This rule owns the media
   box explicitly and leaves a permanent safety margin on all four sides.
   ========================================================= */
.exchange-v109-card .skin-art.real-skin{
  width:100%!important;
  height:132px!important;
  min-height:132px!important;
  max-height:132px!important;
  padding:16px 28px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  transform:none!important;
  box-sizing:border-box!important;
}
.exchange-v109-card .skin-art.real-skin>img{
  display:block!important;
  position:relative!important;
  width:auto!important;
  height:auto!important;
  max-width:76%!important;
  max-height:78%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
  transform:none!important;
}
.exchange-v109-selected .skin-art.real-skin{
  width:100%!important;
  height:138px!important;
  min-height:138px!important;
  max-height:138px!important;
  padding:16px 24px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  transform:none!important;
  box-sizing:border-box!important;
}
.exchange-v109-selected .skin-art.real-skin>img{
  display:block!important;
  position:relative!important;
  width:auto!important;
  height:auto!important;
  max-width:80%!important;
  max-height:80%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
  transform:none!important;
}
/* Pseudo spotlights may exceed the media box visually; artwork never may. */
.exchange-v109-card .skin-art.real-skin::before,
.exchange-v109-card .skin-art.real-skin::after,
.exchange-v109-selected .skin-art.real-skin::before,
.exchange-v109-selected .skin-art.real-skin::after{pointer-events:none!important}

/* =========================================================
   v115 — exchange full-width media panel + larger artwork
   The rarity-tinted media background owns the entire visual half of the card.
   Artwork is larger, but remains in a hard contained safe zone.
   ========================================================= */
.exchange-v109-card{
  padding:0!important;
  grid-template-rows:142px minmax(0,1fr)!important;
}
.exchange-v109-card .skin-art.real-skin{
  width:100%!important;
  height:142px!important;
  min-height:142px!important;
  max-height:142px!important;
  margin:0!important;
  padding:12px 18px!important;
  border-radius:14px 14px 0 0!important;
  overflow:hidden!important;
  position:relative!important;
  background:
    radial-gradient(ellipse at 50% 48%,color-mix(in srgb,var(--rarity) 18%,transparent) 0%,color-mix(in srgb,var(--rarity) 8%,transparent) 40%,transparent 72%),
    linear-gradient(145deg,color-mix(in srgb,var(--rarity) 9%,#161922),#11141b 70%)!important;
}
.exchange-v109-card .skin-art.real-skin>img{
  width:auto!important;
  height:auto!important;
  max-width:92%!important;
  max-height:88%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
}
.exchange-v109-card .skin-caption{
  padding:8px 11px 10px!important;
}
.exchange-v109-selected .skin-art.real-skin{
  padding:10px 14px!important;
}
.exchange-v109-selected .skin-art.real-skin>img{
  max-width:90%!important;
  max-height:86%!important;
}
@media(max-width:850px){
  .exchange-v109-card{grid-template-rows:118px minmax(0,1fr)!important}
  .exchange-v109-card .skin-art.real-skin{height:118px!important;min-height:118px!important;max-height:118px!important;padding:10px 14px!important}
}

/* v143 — explicit language / currency preferences */
.profile-v80-settings{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
.setting-select-row{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 17px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:#141419;color:#fff}.setting-select-row>div{min-width:0}.setting-select-row strong{display:block;font-size:11px;letter-spacing:.04em}.setting-select-row span{display:block;margin-top:5px;color:#777984;font-size:9px}.setting-select-row select{min-width:165px;height:42px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#0c0d12;color:#f2f2f4;padding:0 34px 0 12px;font-size:11px;font-weight:800;outline:0}.setting-select-row select:focus{border-color:rgba(255,124,83,.42);box-shadow:0 0 0 3px rgba(255,116,72,.05)}
.korzh-currency-text{display:inline-block;margin-left:4px;color:#ff9a72;font-size:.78em;font-weight:900;line-height:1;vertical-align:.08em}
@media(max-width:720px){.profile-v80-settings{grid-template-columns:1fr!important}.setting-select-row select{min-width:140px}}

/* v143 — chosen currency changes the converted number only; KORZH token stays the visual unit */
.korzh-money{display:inline-flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important}.korzh-currency-text{display:none!important}.korzh-money .korzh-currency-icon{display:inline-block!important;width:15px!important;height:15px!important;object-fit:contain!important;border-radius:50%!important;vertical-align:middle!important}

/* =========================================================
   v156 — compact command deck + modal settings + lower tabs
   ========================================================= */
:root[data-theme="hub"] .profile-v80-main{padding-top:18px!important}
:root[data-theme="hub"] .profile-v156-command{
  display:block!important;
  padding:13px!important;
  border-radius:21px!important;
  background:linear-gradient(180deg,rgba(15,17,25,.90),rgba(9,11,17,.94))!important;
  border:1px solid rgba(255,255,255,.065)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 44px rgba(0,0,0,.18)!important;
}
:root[data-theme="hub"] .profile-v156-primary-row{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:9px!important;
}
:root[data-theme="hub"] .profile-v156-primary-card{
  min-width:0!important;
  height:86px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.07)!important;
  background:
    radial-gradient(circle at 20% 0,rgba(255,119,82,.06),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.008))!important;
  color:#f3efea!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),inset 0 -1px 0 rgba(0,0,0,.55),0 6px 13px rgba(0,0,0,.22)!important;
  position:relative!important;overflow:hidden!important;
}
:root[data-theme="hub"] .profile-v156-primary-card:before{
  content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;border-radius:99px;background:linear-gradient(#f17e59,rgba(241,126,89,.03));opacity:.75
}
:root[data-theme="hub"] .profile-v156-user-card,
:root[data-theme="hub"] .profile-v156-balance-card{
  display:flex!important;align-items:center!important;gap:13px!important;padding:10px 15px!important;
}
:root[data-theme="hub"] .profile-v156-user-card .profile-avatar-xl{
  width:58px!important;height:58px!important;min-width:58px!important;border-radius:16px!important;
  border:1px solid rgba(255,255,255,.09)!important;overflow:hidden!important;
  box-shadow:0 7px 16px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
:root[data-theme="hub"] .profile-v156-user-card .profile-avatar-xl img{width:100%!important;height:100%!important;object-fit:cover!important}
:root[data-theme="hub"] .profile-v156-card-copy{min-width:0!important;text-align:left!important}
:root[data-theme="hub"] .profile-v156-card-copy small{display:block!important;font-size:6px!important;line-height:1!important;letter-spacing:.13em!important;color:#686b76!important;font-weight:950!important}
:root[data-theme="hub"] .profile-v156-card-copy strong{display:block!important;margin-top:7px!important;font-size:16px!important;line-height:1!important;color:#f4f0ea!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
:root[data-theme="hub"] .profile-v156-card-copy span{display:block!important;margin-top:7px!important;font-size:6.5px!important;color:#777a85!important;font-weight:850!important;letter-spacing:.04em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
:root[data-theme="hub"] .profile-v156-balance-card .profile-v156-card-copy strong{font-size:21px!important}
:root[data-theme="hub"] .profile-v156-balance-card .korzh-currency-icon{width:16px!important;height:16px!important}
:root[data-theme="hub"] .profile-v156-card-token{width:42px;height:42px;object-fit:contain;margin-left:auto;opacity:.22;filter:grayscale(.2) drop-shadow(0 6px 10px #0008)}
:root[data-theme="hub"] button.profile-v156-action-card{
  display:flex!important;align-items:center!important;gap:14px!important;padding:10px 15px!important;text-align:left!important;cursor:pointer!important;
}
:root[data-theme="hub"] button.profile-v156-action-card>svg{
  width:31px!important;height:31px!important;min-width:31px!important;fill:none!important;stroke:#e6e2de!important;stroke-width:1.45!important;stroke-linecap:round!important;stroke-linejoin:round!important;
  filter:drop-shadow(0 0 9px rgba(255,127,88,.09))!important;
}
:root[data-theme="hub"] button.profile-v156-action-card:hover{border-color:rgba(255,135,95,.20)!important;background:linear-gradient(180deg,rgba(255,118,80,.055),rgba(255,255,255,.01))!important}
:root[data-theme="hub"] button.profile-v156-action-card:active{transform:translateY(2px) scale(.988)!important;box-shadow:inset 0 2px 5px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.035),0 2px 5px rgba(0,0,0,.18)!important}
:root[data-theme="hub"] button.profile-v156-logout{border-color:rgba(255,86,91,.12)!important;background:linear-gradient(180deg,rgba(98,23,31,.10),rgba(255,255,255,.008))!important;color:#f4eeee!important;width:auto!important;padding:10px 15px!important}
:root[data-theme="hub"] button.profile-v156-logout:before{background:linear-gradient(#ff696d,rgba(255,86,91,.02))!important}
:root[data-theme="hub"] button.profile-v156-logout>svg{stroke:#ff7779!important}

:root[data-theme="hub"] .profile-v156-secondary-row{
  display:flex!important;align-items:center!important;gap:7px!important;margin-top:8px!important;padding-top:8px!important;border-top:1px solid rgba(255,255,255,.045)!important;
}
:root[data-theme="hub"] .profile-v156-secondary-row article{
  width:160px!important;min-width:160px!important;height:38px!important;padding:0 11px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
  border:1px solid rgba(255,255,255,.05)!important;border-radius:10px!important;background:#0b0e15!important;
}
:root[data-theme="hub"] .profile-v156-secondary-row article small{font-size:5.6px!important;color:#656874!important;font-weight:950!important;letter-spacing:.06em!important;white-space:nowrap!important}
:root[data-theme="hub"] .profile-v156-secondary-row article strong{font-size:10px!important;color:#e9e5df!important;white-space:nowrap!important}
:root[data-theme="hub"] .profile-v156-secondary-row article .korzh-currency-icon{width:10px!important;height:10px!important}
:root[data-theme="hub"] .profile-v156-admin{margin-left:auto!important;height:38px!important;min-width:74px!important;padding:0 12px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.06)!important;background:#0b0e15!important;color:#777a85!important;font-size:7px!important;font-weight:950!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 3px 8px rgba(0,0,0,.24)!important}

/* Inventory / history switching lives exactly where the old section title was. */
:root[data-theme="hub"] .profile-v156-content-head{height:51px!important;padding:0 2px 11px!important}
:root[data-theme="hub"] .profile-v156-content-tabs{
  display:flex!important;align-items:center!important;gap:2px!important;padding:3px!important;border:1px solid rgba(255,255,255,.055)!important;background:#0a0d13!important;border-radius:11px!important;
}
:root[data-theme="hub"] .profile-v156-content-tabs button{
  min-width:104px!important;height:34px!important;padding:0 14px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#626571!important;font-size:8px!important;font-weight:950!important;letter-spacing:.055em!important;box-shadow:none!important;position:relative!important;overflow:hidden!important;
}
:root[data-theme="hub"] .profile-v156-content-tabs button.active{
  color:#f4eee7!important;background:linear-gradient(110deg,rgba(255,112,82,.17),rgba(117,91,188,.10))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 3px 9px rgba(0,0,0,.18)!important;
}
:root[data-theme="hub"] .profile-v156-content-tabs button.active:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#ff855f,transparent);box-shadow:0 0 8px #ff704d88}

/* Small centered settings window. */
.profile-settings-overlay{
  position:fixed!important;inset:0!important;z-index:900!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:22px!important;
  background:rgba(3,4,8,.72)!important;backdrop-filter:blur(13px)!important;-webkit-backdrop-filter:blur(13px)!important;
  animation:profileSettingsFade .18s ease both!important;
}
@keyframes profileSettingsFade{from{opacity:0}to{opacity:1}}
.profile-settings-modal{
  width:min(440px,calc(100vw - 32px))!important;max-height:calc(100vh - 44px)!important;overflow:auto!important;padding:0!important;border-radius:22px!important;
  background:linear-gradient(165deg,#171922,#0d0f16 68%,#0a0c12)!important;border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 32px 90px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.05)!important;
  animation:profileSettingsPop .26s cubic-bezier(.2,.8,.2,1) both!important;
}
@keyframes profileSettingsPop{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
.profile-settings-modal>header{height:72px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 16px 0 18px!important;border-bottom:1px solid rgba(255,255,255,.055)!important;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)!important}
.profile-settings-title{display:flex!important;align-items:center!important;gap:12px!important}.profile-settings-title>span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(150deg,rgba(255,122,82,.15),rgba(116,91,191,.10));border:1px solid rgba(255,138,99,.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.profile-settings-title svg{width:20px;height:20px;fill:none;stroke:#f1ebe5;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.profile-settings-title small{display:block;color:#696c78;font-size:6px;letter-spacing:.15em;font-weight:950}.profile-settings-title h2{margin:4px 0 0!important;font-size:15px!important;color:#f5f1eb!important;letter-spacing:.02em!important}
.profile-settings-close{width:34px!important;height:34px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.07)!important;background:#0c0e14!important;color:#858894!important;font-size:20px!important;line-height:1!important;display:grid!important;place-items:center!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 4px 10px rgba(0,0,0,.23)!important}
.profile-settings-body{padding:14px!important;display:grid!important;gap:8px!important}
.profile-setting-line,.profile-setting-group{min-height:70px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.007))!important;padding:12px 14px!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 4px 12px rgba(0,0,0,.16)!important}
.profile-setting-line{display:flex!important;align-items:center!important;justify-content:space-between!important;text-align:left!important}.profile-setting-line strong,.profile-setting-copy strong{display:block!important;font-size:10px!important;color:#e9e5df!important;letter-spacing:.04em!important}.profile-setting-line span,.profile-setting-copy span{display:block!important;margin-top:5px!important;font-size:7.5px!important;color:#70737f!important;line-height:1.35!important}
.designer-switch{width:48px;height:27px;min-width:48px;border-radius:99px;background:#232632;border:1px solid rgba(255,255,255,.09);padding:3px;position:relative;box-shadow:inset 0 3px 7px rgba(0,0,0,.4),0 1px 0 rgba(255,255,255,.035);transition:.22s ease}.designer-switch b{display:block;width:19px;height:19px;border-radius:50%;background:linear-gradient(180deg,#d9dbe0,#8f929d);box-shadow:0 3px 7px rgba(0,0,0,.35),inset 0 1px 0 #fff8;transform:translateX(0);transition:.24s cubic-bezier(.2,.8,.2,1)}.designer-switch.on{background:linear-gradient(90deg,#b95c3e,#d77f54);border-color:rgba(255,154,112,.35);box-shadow:inset 0 2px 6px rgba(84,28,13,.34),0 0 16px rgba(255,112,70,.10)}.designer-switch.on b{transform:translateX(21px);background:linear-gradient(180deg,#fff3e6,#e5cbb8)}
.profile-setting-group{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important}.profile-segment{display:flex!important;gap:2px!important;padding:3px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:10px!important;background:#090b11!important}.profile-segment button{height:31px!important;min-width:43px!important;padding:0 10px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#696c77!important;font-size:8px!important;font-weight:950!important;box-shadow:none!important}.profile-segment button.active{background:linear-gradient(145deg,#d7875d,#a85b40)!important;color:#1a0f0b!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 3px 7px rgba(0,0,0,.26)!important}.profile-segment.currency button{min-width:48px!important}

@media(max-width:1040px){
  :root[data-theme="hub"] .profile-v156-primary-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:650px){
  :root[data-theme="hub"] .profile-v156-primary-row{grid-template-columns:1fr!important}
  :root[data-theme="hub"] .profile-v156-primary-card{height:76px!important}
  :root[data-theme="hub"] .profile-v156-secondary-row{overflow-x:auto!important;padding-bottom:2px!important}
  :root[data-theme="hub"] .profile-v156-secondary-row article{min-width:150px!important}
  :root[data-theme="hub"] .profile-v156-admin{min-width:70px!important}
  :root[data-theme="hub"] .profile-v156-content-tabs{width:100%!important}
  :root[data-theme="hub"] .profile-v156-content-tabs button{flex:1!important;min-width:0!important}
  .profile-setting-group{grid-template-columns:1fr!important}.profile-segment{justify-self:stretch!important}.profile-segment button{flex:1!important}
}
/* v156 QA: keep the compact settings window self-contained */
.profile-settings-modal{box-sizing:border-box!important;overflow-x:hidden!important}
.profile-settings-modal *{box-sizing:border-box!important}
.profile-settings-modal>header{width:100%!important;min-width:0!important}
.profile-settings-body{width:100%!important;min-width:0!important}
.profile-settings-close{flex:0 0 34px!important;margin-left:12px!important}
.profile-setting-group,.profile-setting-line{width:100%!important;min-width:0!important}
.profile-segment{max-width:100%!important;min-width:0!important}
.profile-settings-modal>header{
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:auto!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important;
}

/* =========================================================
   v156 — profile: exactly user / opened / withdrawn
   ========================================================= */
:root[data-theme="hub"] .profile-v156-command{position:relative!important;padding:12px!important}
:root[data-theme="hub"] .profile-v156-primary-row{display:grid!important;grid-template-columns:1.35fr .82fr .82fr!important;gap:9px!important}
:root[data-theme="hub"] .profile-v156-primary-card{height:82px!important;min-width:0!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.06)!important;background:linear-gradient(180deg,rgba(18,20,29,.96),rgba(10,12,18,.97))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 5px 14px rgba(0,0,0,.22)!important}
:root[data-theme="hub"] .profile-v156-user-card{display:grid!important;grid-template-columns:54px minmax(0,1fr) 38px!important;align-items:center!important;gap:12px!important;padding:10px 11px!important}
:root[data-theme="hub"] .profile-v156-user-card .profile-avatar-xl{width:54px!important;height:54px!important;min-width:54px!important;border-radius:13px!important}
:root[data-theme="hub"] .profile-v156-card-copy{min-width:0!important;padding:0!important}.profile-v156-card-copy small{display:block!important;font-size:6px!important;line-height:1!important;color:#686b77!important;font-weight:950!important;letter-spacing:.075em!important}.profile-v156-card-copy strong{display:block!important;margin-top:7px!important;font-size:16px!important;line-height:1!important;color:#f4f0ea!important;font-weight:950!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.profile-v156-card-copy span{display:block!important;margin-top:7px!important;font-size:6.5px!important;color:#777a85!important;font-weight:850!important;letter-spacing:.04em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
:root[data-theme="hub"] .profile-v156-stat-card{display:flex!important;align-items:center!important;padding:0 18px!important}.profile-v156-stat-card .profile-v156-card-copy strong{font-size:20px!important}.profile-v156-stat-card .korzh-currency-icon{width:15px!important;height:15px!important}
:root[data-theme="hub"] .profile-v156-inline-logout{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:11px!important;border:1px solid rgba(255,92,97,.12)!important;background:linear-gradient(180deg,rgba(92,22,29,.13),rgba(20,12,16,.82))!important;color:#ff777b!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 4px 10px rgba(0,0,0,.22)!important}.profile-v156-inline-logout svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round!important;stroke-linejoin:round!important}.profile-v156-inline-logout:hover{border-color:rgba(255,105,109,.25)!important;background:linear-gradient(180deg,rgba(112,27,35,.20),rgba(24,12,17,.88))!important}
:root[data-theme="hub"] .profile-v156-command-foot{height:0!important;overflow:visible!important;position:relative!important}.profile-v156-command-foot .profile-v156-admin{position:absolute!important;right:4px!important;top:8px!important;opacity:.56!important;transform:scale(.88);transform-origin:top right}
/* the old balance/settings/standalone logout blocks must never survive layout */
:root[data-theme="hub"] .profile-v156-balance-card,:root[data-theme="hub"] .profile-v156-action-card,:root[data-theme="hub"] .profile-v156-secondary-row{display:none!important}
@media(max-width:900px){:root[data-theme="hub"] .profile-v156-primary-row{grid-template-columns:1fr 1fr!important}.profile-v156-user-card{grid-column:1/-1!important}}
@media(max-width:560px){:root[data-theme="hub"] .profile-v156-primary-row{grid-template-columns:1fr!important}.profile-v156-user-card{grid-column:auto!important}.profile-v156-primary-card{height:76px!important}}

/* =========================================================
   v159 — exchange value ordering + compact elegant profile masthead
   ========================================================= */
.exchange-v109-action .exchange-credit{
  min-height:44px!important;
  margin-top:2px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:5px!important;
  color:#c7c3bb!important;
  line-height:1.05!important;
}
.exchange-v109-action .exchange-credit>b{
  display:block!important;
  font-size:15px!important;
  color:#f1ece4!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.exchange-v109-action .exchange-credit>span{
  display:block!important;
  font-size:7.5px!important;
  letter-spacing:.085em!important;
  color:#858995!important;
  font-weight:900!important;
}
.exchange-v109-action .exchange-credit .korzh-currency-icon{width:14px!important;height:14px!important}

/* The profile masthead is information, not three oversized cards. */
:root[data-theme="hub"] .profile-v156-command{
  padding:12px 18px!important;
  min-height:88px!important;
  display:flex!important;
  align-items:center!important;
}
:root[data-theme="hub"] .profile-v156-primary-row{
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:34px!important;
}
:root[data-theme="hub"] .profile-v156-primary-card{
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
:root[data-theme="hub"] .profile-v156-user-card{
  display:grid!important;
  grid-template-columns:58px max-content 40px!important;
  align-items:center!important;
  gap:12px!important;
  padding:0!important;
  max-width:330px!important;
}
:root[data-theme="hub"] .profile-v156-user-card .profile-avatar-xl{
  width:58px!important;height:58px!important;min-width:58px!important;border-radius:14px!important;
}
:root[data-theme="hub"] .profile-v156-card-copy{min-width:0!important;padding:0!important}
:root[data-theme="hub"] .profile-v156-card-copy small{
  font-size:7px!important;
  color:#777b87!important;
  letter-spacing:.12em!important;
  font-weight:850!important;
}
:root[data-theme="hub"] .profile-v156-user-card .profile-v156-card-copy strong{
  margin-top:5px!important;
  font-family:"Palatino Linotype","Book Antiqua",Georgia,serif!important;
  font-size:24px!important;
  font-style:italic!important;
  font-weight:700!important;
  letter-spacing:-.02em!important;
  color:#f5efe7!important;
  line-height:1!important;
}
:root[data-theme="hub"] .profile-v156-user-card .profile-v156-card-copy span{
  margin-top:6px!important;
  font-size:7px!important;
  color:#777b85!important;
  font-weight:800!important;
}
:root[data-theme="hub"] .profile-v156-inline-logout{
  width:40px!important;height:40px!important;margin-left:2px!important;
}
:root[data-theme="hub"] .profile-v156-stat-card{
  display:block!important;
  position:relative!important;
  padding:0 0 0 28px!important;
}
:root[data-theme="hub"] .profile-v156-stat-card:before{
  content:""!important;
  position:absolute!important;
  left:0!important;top:5px!important;bottom:5px!important;
  width:1px!important;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.12),transparent)!important;
}
:root[data-theme="hub"] .profile-v156-stat-card .profile-v156-card-copy strong{
  margin-top:4px!important;
  font-family:"Palatino Linotype","Book Antiqua",Georgia,serif!important;
  font-size:27px!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  color:#f3eee7!important;
  line-height:1!important;
}
:root[data-theme="hub"] .profile-v156-stat-card .profile-v156-card-copy span{
  margin-top:5px!important;
  font-size:7px!important;
}
:root[data-theme="hub"] .profile-v156-command-foot{margin-left:auto!important}

@media(max-width:900px){
  :root[data-theme="hub"] .profile-v156-command{overflow-x:auto!important}
  :root[data-theme="hub"] .profile-v156-primary-row{gap:24px!important;min-width:max-content!important}
}
@media(max-width:560px){
  :root[data-theme="hub"] .profile-v156-command{padding:10px 12px!important}
  :root[data-theme="hub"] .profile-v156-user-card{grid-template-columns:50px max-content 38px!important;gap:9px!important}
  :root[data-theme="hub"] .profile-v156-user-card .profile-avatar-xl{width:50px!important;height:50px!important;min-width:50px!important}
  :root[data-theme="hub"] .profile-v156-user-card .profile-v156-card-copy strong{font-size:21px!important}
  :root[data-theme="hub"] .profile-v156-stat-card .profile-v156-card-copy strong{font-size:23px!important}
}
/* v159 masthead finish: no oversized enclosing card around simple account info. */
:root[data-theme="hub"] .profile-v156-command{
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
  border-radius:0!important;
  box-shadow:none!important;
}
:root[data-theme="hub"] .profile-v156-command:before,
:root[data-theme="hub"] .profile-v156-command:after{display:none!important;content:none!important}
.exchange-v109-action .exchange-credit>b{font-size:18px!important}
.exchange-v109-action .exchange-credit>span{font-size:8.5px!important}


/* =========================================================
   v160 — profile readability, top-drop controls, trade link
   ========================================================= */
:root[data-theme="hub"] .profile-v80-main{
  width:min(1540px,calc(100vw - 36px))!important;
  padding-top:22px!important;
}
:root[data-theme="hub"] .profile-v156-command{
  min-height:94px!important;
  padding:12px 18px!important;
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
}
:root[data-theme="hub"] .profile-v160-info-row{
  display:flex!important;
  align-items:center!important;
  gap:32px!important;
  width:auto!important;
  min-width:0!important;
}
:root[data-theme="hub"] .profile-v160-user{
  grid-template-columns:62px max-content!important;
  gap:13px!important;
  max-width:none!important;
  padding:0!important;
}
:root[data-theme="hub"] .profile-v160-user .profile-avatar-xl{
  width:62px!important;height:62px!important;min-width:62px!important;border-radius:15px!important;
}
:root[data-theme="hub"] .profile-v160-user .profile-v156-card-copy strong{
  font-family:Manrope,system-ui,sans-serif!important;
  font-size:22px!important;
  font-style:normal!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
:root[data-theme="hub"] .profile-v160-user .profile-v156-card-copy span{
  margin-top:7px!important;
  font-size:9px!important;
  font-weight:800!important;
  color:#8b8e99!important;
  letter-spacing:.02em!important;
}
:root[data-theme="hub"] .profile-v160-stat{
  padding:0 0 0 30px!important;
  min-width:150px!important;
}
:root[data-theme="hub"] .profile-v160-stat .profile-v156-card-copy{
  display:flex!important;
  flex-direction:column!important;
}
:root[data-theme="hub"] .profile-v160-stat .profile-v156-card-copy strong{
  order:1!important;
  margin:0!important;
  font-family:Manrope,system-ui,sans-serif!important;
  font-size:25px!important;
  font-style:normal!important;
  font-weight:950!important;
  letter-spacing:-.025em!important;
}
:root[data-theme="hub"] .profile-v160-stat .profile-v156-card-copy small{
  order:2!important;
  margin-top:8px!important;
  font-size:8px!important;
  line-height:1!important;
  color:#767a86!important;
  letter-spacing:.08em!important;
  font-weight:900!important;
}
:root[data-theme="hub"] .profile-v160-command-actions{
  margin-left:auto!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  position:static!important;
  overflow:visible!important;
}
:root[data-theme="hub"] .profile-v160-command-actions .profile-v156-admin{
  position:static!important;
  transform:none!important;
  opacity:1!important;
  height:40px!important;
  min-width:72px!important;
}
:root[data-theme="hub"] .profile-v160-trade-btn{
  height:40px!important;
  padding:0 14px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,#151821,#0d0f16)!important;
  color:#ddd9d2!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.055em!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 5px 12px rgba(0,0,0,.22)!important;
}
:root[data-theme="hub"] .profile-v160-trade-btn:hover{border-color:rgba(255,133,92,.26)!important;background:linear-gradient(180deg,#1a1d27,#10131a)!important}
:root[data-theme="hub"] .profile-v160-logout{
  width:40px!important;height:40px!important;min-width:40px!important;
  margin:0!important;
  border-color:rgba(255,105,105,.30)!important;
  background:linear-gradient(180deg,#6e2e35,#4c1d25)!important;
  color:#ffd6d7!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 5px 12px rgba(0,0,0,.25)!important;
}
:root[data-theme="hub"] .profile-v160-logout:hover{background:linear-gradient(180deg,#843942,#5c232b)!important;border-color:rgba(255,126,126,.50)!important}

/* Top Drop: mouse wheel controls the rail; no left/right arrow buttons. */
:root[data-theme="hub"] .profile-v81-rail-arrow{display:none!important}
:root[data-theme="hub"] .profile-v81-top-track{padding-left:1px!important;padding-right:1px!important}
:root[data-theme="hub"] .profile-v81-topdrop-head small{display:none!important}
:root[data-theme="hub"] .profile-v81-topdrop-head strong{font-size:17px!important}
:root[data-theme="hub"] .profile-v81-top-hover{pointer-events:none!important}
:root[data-theme="hub"] .profile-v81-top-hover .profile-v81-replay-btn{pointer-events:auto!important;position:relative!important;z-index:2!important}

/* Bigger credit / refund text in the exchange compare header. */
.exchange-v109-action .exchange-credit>b{font-size:20px!important;line-height:1!important}
.exchange-v109-action .exchange-credit>span{font-size:9px!important;line-height:1.2!important}

/* Trade link compact modal */
.trade-link-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:18px;background:rgba(3,4,8,.74);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.trade-link-modal{width:min(420px,calc(100vw - 30px));position:relative;padding:22px;border-radius:20px;background:linear-gradient(160deg,#171922,#0c0e15 72%);border:1px solid rgba(255,255,255,.085);box-shadow:0 30px 95px rgba(0,0,0,.62),inset 0 1px 0 rgba(255,255,255,.05)}
.trade-link-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#10131a;color:#8e929e;font-size:20px;display:grid;place-items:center}
.trade-link-head small{display:block;font-size:7px;color:#c47b5d;font-weight:950;letter-spacing:.14em}.trade-link-head h2{margin:5px 0 0;font-size:20px}.trade-link-head p{margin:8px 0 0;color:#7c808c;font-size:9px;line-height:1.45}
.trade-link-field{display:block;margin-top:18px}.trade-link-field>span{display:block;margin-bottom:7px;font-size:7px;color:#7d818c;font-weight:900;letter-spacing:.09em}.trade-link-field input{width:100%;height:46px;padding:0 12px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#0b0d13;color:#eeeae4;font-size:10px;outline:none}.trade-link-field input:focus{border-color:rgba(255,132,91,.35);box-shadow:0 0 0 3px rgba(255,119,76,.06)}
.trade-link-help{display:block;width:max-content;margin:9px 0 0 auto;color:#cc876d;font-size:9px;font-weight:850;text-decoration:underline;text-underline-offset:3px}
.trade-link-save{width:100%;height:46px;margin-top:18px;border:0;border-radius:11px;background:linear-gradient(180deg,#dc8b64,#bc6447);color:#180e0a;font-size:9px;font-weight:950;letter-spacing:.07em;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 7px 15px rgba(0,0,0,.24)}
.trade-link-save:active{transform:translateY(2px)}

@media(max-width:900px){
  :root[data-theme="hub"] .profile-v156-command{overflow-x:auto!important}
  :root[data-theme="hub"] .profile-v160-info-row{min-width:max-content!important;gap:22px!important}
  :root[data-theme="hub"] .profile-v160-command-actions{min-width:max-content!important}
}
@media(max-width:620px){
  :root[data-theme="hub"] .profile-v80-main{width:calc(100vw - 18px)!important}
  :root[data-theme="hub"] .profile-v156-command{align-items:flex-start!important;flex-wrap:wrap!important}
  :root[data-theme="hub"] .profile-v160-command-actions{width:100%!important;justify-content:flex-end!important}
}

/* =========================================================
   v160 final QA — readable account masthead / archive / exchange
   ========================================================= */
:root[data-theme="hub"] .profile-v80-main{width:min(1600px,calc(100vw - 42px))!important}
:root[data-theme="hub"] .profile-v156-command{min-height:106px!important;padding:14px 18px!important;gap:30px!important}
:root[data-theme="hub"] .profile-v160-info-row{gap:38px!important}
:root[data-theme="hub"] .profile-v160-user .profile-avatar-xl{width:66px!important;height:66px!important;min-width:66px!important}
:root[data-theme="hub"] .profile-v160-user .profile-v156-card-copy strong{font-size:25px!important;font-family:Manrope,system-ui,sans-serif!important;font-style:normal!important}
:root[data-theme="hub"] .profile-v160-user .profile-v156-card-copy span{font-size:11px!important;margin-top:7px!important;color:#a0a3ad!important;font-family:Manrope,system-ui,sans-serif!important}
:root[data-theme="hub"] .profile-v160-stat{min-width:178px!important;padding-left:34px!important}
:root[data-theme="hub"] .profile-v160-stat .profile-v156-card-copy strong,
:root[data-theme="hub"] .profile-v160-stat .profile-v156-card-copy strong .korzh-money-number{font-size:29px!important;line-height:1!important;font-family:Manrope,system-ui,sans-serif!important}
:root[data-theme="hub"] .profile-v160-stat .profile-v156-card-copy small{font-size:10px!important;margin-top:9px!important;color:#90939e!important}
:root[data-theme="hub"] .profile-v160-trade-btn,
:root[data-theme="hub"] .profile-v160-command-actions .profile-v156-admin{height:44px!important;min-height:44px!important;font-size:9px!important}
:root[data-theme="hub"] .profile-v160-logout{width:44px!important;height:44px!important;min-width:44px!important;background:linear-gradient(180deg,#a94a50,#7a2e36)!important;border-color:rgba(255,133,137,.42)!important}
:root[data-theme="hub"] .profile-v160-logout:hover{background:linear-gradient(180deg,#c35a60,#8e343d)!important}

:root[data-theme="hub"] .profile-v81-topdrop-head strong{font-size:19px!important}
:root[data-theme="hub"] .profile-v81-top-card .skin-caption strong{font-size:13px!important}
:root[data-theme="hub"] .profile-v81-top-card .skin-caption small{font-size:9px!important}
:root[data-theme="hub"] .profile-v81-top-card .skin-caption b{font-size:12px!important}
:root[data-theme="hub"] .profile-v81-top-hover{z-index:12!important}
:root[data-theme="hub"] .profile-v81-top-hover .profile-v81-replay-btn{z-index:20!important;cursor:pointer!important}

.exchange-v109-action .exchange-credit{gap:6px!important}
.exchange-v109-action .exchange-credit>b{font-size:24px!important;line-height:1.05!important;font-weight:950!important}
.exchange-v109-action .exchange-credit>span{font-size:11px!important;line-height:1.2!important;font-weight:900!important;color:#a9a4a0!important}
.exchange-v109-card .skin-caption strong{font-size:13px!important}
.exchange-v109-card .skin-caption small{font-size:9px!important}
.exchange-v109-card .skin-caption b{font-size:12px!important}
.trade-link-modal{width:min(460px,calc(100vw - 30px))!important}
.trade-link-head h2{font-size:23px!important}
.trade-link-head p{font-size:11px!important}
.trade-link-field>span{font-size:9px!important}
.trade-link-field input{font-size:12px!important;height:50px!important}
.trade-link-help{font-size:11px!important}
.trade-link-save{height:50px!important;font-size:10px!important}

/* =========================================================
   v162 — profile readability / Top Drop wheel / money lockup
   ========================================================= */
:root[data-theme="hub"] .profile-v160-stat .korzh-money,
:root[data-theme="hub"] .profile-v160-stat .compact-money{
  display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;width:max-content!important;white-space:nowrap!important;
}
:root[data-theme="hub"] .profile-v160-stat .korzh-money .korzh-currency-icon{position:static!important;width:17px!important;height:17px!important;min-width:17px!important;margin:0!important;transform:none!important}
:root[data-theme="hub"] .profile-v81-topdrop{overscroll-behavior:contain!important}
:root[data-theme="hub"] .profile-v81-top-shell{overflow:hidden!important}
:root[data-theme="hub"] .profile-v81-top-track{overflow-x:auto!important;overflow-y:hidden!important;pointer-events:auto!important;scroll-behavior:auto!important;overscroll-behavior:contain!important;touch-action:pan-x!important}
:root[data-theme="hub"] .profile-v81-top-track .profile-v81-top-card{pointer-events:auto!important}

@media(min-width:1200px){
  :root[data-theme="hub"] .profile-v80-main{width:min(1660px,calc(100vw - 24px))!important}
  :root[data-theme="hub"] .profile-v160-user .profile-v156-card-copy strong{font-size:27px!important}
  :root[data-theme="hub"] .profile-v160-user .profile-v156-card-copy span{font-size:12px!important}
  :root[data-theme="hub"] .profile-v160-stat .profile-v156-card-copy strong,
  :root[data-theme="hub"] .profile-v160-stat .profile-v156-card-copy strong .korzh-money-number{font-size:31px!important}
  :root[data-theme="hub"] .profile-v160-stat .profile-v156-card-copy small{font-size:10.5px!important}
  :root[data-theme="hub"] .profile-v80-content .skin-caption strong{font-size:14px!important}
  :root[data-theme="hub"] .profile-v80-content .skin-caption b{font-size:13px!important}
}

/* =========================================================
   v162 FINAL — reliable Top Drop wheel + withdrawn amount lockup
   ========================================================= */
:root[data-theme="hub"] .profile-v81-topdrop{position:relative!important;overflow:hidden!important}
:root[data-theme="hub"] .profile-v81-top-shell{overflow:hidden!important}
:root[data-theme="hub"] #topDropTrack{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;touch-action:pan-x!important;overscroll-behavior-x:contain!important}
:root[data-theme="hub"] #topDropTrack::-webkit-scrollbar{display:none!important}
:root[data-theme="hub"] .profile-v160-stat .korzh-money{display:inline-flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important}
:root[data-theme="hub"] .profile-v160-stat .korzh-money-number{display:inline-block!important}
:root[data-theme="hub"] .profile-v160-stat .korzh-currency-icon{position:static!important;display:block!important;width:18px!important;height:18px!important;margin:0!important;flex:0 0 18px!important}

/* =========================================================
   v163 — unified profile header and full-size profile content
   ========================================================= */
:root[data-theme="hub"] .korzh-shared-header .wallet-cluster{display:flex!important;align-items:center!important;gap:7px!important}
:root[data-theme="hub"] .korzh-shared-header .wallet-box{order:1!important;height:42px!important;min-height:42px!important;border-radius:12px!important}
:root[data-theme="hub"] .korzh-shared-header .steam-profile-mini{order:2!important;height:42px!important;min-height:42px!important;border-radius:12px!important}
:root[data-theme="hub"] .korzh-shared-header .deposit-header-standalone,
:root[data-theme="hub"] .korzh-shared-header .site-settings-btn{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;max-height:42px!important;flex:0 0 42px!important;border-radius:12px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important}
:root[data-theme="hub"] .korzh-shared-header .deposit-header-standalone{order:3!important;font-size:22px!important;line-height:1!important;text-align:center!important}
:root[data-theme="hub"] .korzh-shared-header .site-settings-btn{order:4!important}
:root[data-theme="hub"] .korzh-shared-header .site-settings-btn svg{width:22px!important;height:22px!important;display:block!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav{gap:0!important;padding:4px 6px!important;border-radius:16px!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button{width:82px!important;min-width:82px!important;max-width:82px!important;height:52px!important;min-height:52px!important;padding:3px 11px!important;border-radius:11px!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button:not(:last-child){border-right:1px solid rgba(255,255,255,.065)!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-frame{width:30px!important;min-width:30px!important;height:27px!important;min-height:27px!important;flex-basis:27px!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav svg{width:21px!important;height:21px!important}
:root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-button-label{font-size:7.3px!important;letter-spacing:.045em!important}

/* Masthead actions and exact shared baseline for both counters. */
:root[data-theme="hub"] .profile-v160-info-row{align-items:center!important}
:root[data-theme="hub"] .profile-v160-stat{display:flex!important;align-items:center!important;min-height:62px!important}
:root[data-theme="hub"] .profile-v160-stat .profile-v156-card-copy{display:grid!important;grid-template-rows:32px 14px!important;align-content:center!important;justify-items:start!important;min-height:52px!important}
:root[data-theme="hub"] .profile-v160-stat .profile-v156-card-copy>strong{display:flex!important;align-items:center!important;height:32px!important;min-height:32px!important;margin:0!important;line-height:32px!important}
:root[data-theme="hub"] .profile-v160-stat .profile-v156-card-copy>small{display:flex!important;align-items:center!important;height:14px!important;min-height:14px!important;margin:6px 0 0!important;line-height:14px!important}
:root[data-theme="hub"] .profile-v160-stat .korzh-money{height:32px!important;align-items:center!important}
:root[data-theme="hub"] .profile-v160-command-actions{gap:8px!important}
:root[data-theme="hub"] .profile-v163-deposit-btn{height:44px!important;min-height:44px!important;padding:0 16px!important;border-radius:11px!important;border:1px solid rgba(242,151,108,.32)!important;background:linear-gradient(180deg,#4a2d24,#2d1d18)!important;color:#f1b093!important;font-size:9px!important;font-weight:950!important;letter-spacing:.06em!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 6px 14px rgba(0,0,0,.23)!important}
:root[data-theme="hub"] .profile-v163-deposit-btn:hover{background:linear-gradient(180deg,#5b362a,#342019)!important;border-color:rgba(242,151,108,.48)!important;color:#fff0e7!important}

/* The inventory/history block now uses the same readable scale as the masthead. */
:root[data-theme="hub"] .profile-v156-content{margin-top:16px!important;padding:18px!important;border-radius:22px!important}
:root[data-theme="hub"] .profile-v156-content-head{height:62px!important;padding:0 2px 14px!important}
:root[data-theme="hub"] .profile-v156-content-tabs{height:46px!important;padding:4px!important;border-radius:13px!important;gap:4px!important}
:root[data-theme="hub"] .profile-v156-content-tabs button{height:38px!important;min-height:38px!important;min-width:118px!important;padding:0 20px!important;border-radius:10px!important;font-size:9px!important;letter-spacing:.055em!important}
:root[data-theme="hub"] .profile-v80-content-actions>span{font-size:9px!important;color:#838691!important}
:root[data-theme="hub"] .profile-v80-content-actions .sell-all-btn{height:40px!important;min-height:40px!important;padding:0 16px!important;font-size:9px!important;border-radius:10px!important}
:root[data-theme="hub"] .profile-v80-content-body{padding-top:16px!important;min-height:240px!important}
:root[data-theme="hub"] .profile-v80-content .profile-page-grid{gap:12px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;max-height:650px!important}
:root[data-theme="hub"] .profile-v80-content .profile-page-item{min-height:250px!important;padding:12px!important;border-radius:17px!important}
:root[data-theme="hub"] .profile-v80-content .profile-page-item .skin-art{height:175px!important;min-height:175px!important}
:root[data-theme="hub"] .profile-v80-content .profile-item-meta{padding:4px 5px 5px!important;gap:12px!important}
:root[data-theme="hub"] .profile-v80-content .profile-item-meta small{font-size:10px!important;margin-bottom:5px!important}
:root[data-theme="hub"] .profile-v80-content .profile-item-meta strong{font-size:15px!important}
:root[data-theme="hub"] .profile-v80-content .profile-item-meta>b{font-size:16px!important}
:root[data-theme="hub"] .profile-v80-content .profile-item-meta>b .korzh-currency-icon{width:17px!important;height:17px!important}
:root[data-theme="hub"] .profile-page-empty{min-height:250px!important;font-size:13px!important}
:root[data-theme="hub"] .profile-v81-history-feed{gap:10px!important}
:root[data-theme="hub"] .profile-v81-history-row{min-height:112px!important;padding:12px 14px!important;border-radius:15px!important}
:root[data-theme="hub"] .profile-v81-history-row .history-drop-art,
:root[data-theme="hub"] .profile-v81-history-row .history-drop-art .skin-art{width:110px!important;height:88px!important}
:root[data-theme="hub"] .profile-v81-history-row .history-skin small{font-size:9px!important}
:root[data-theme="hub"] .profile-v81-history-row .history-skin strong{font-size:14px!important}
:root[data-theme="hub"] .profile-v81-history-row .history-skin>b{font-size:13px!important}

/* Profile settings echo the new deposit/settings sheets. */
:root[data-theme="hub"] .profile-settings-overlay{background:rgba(3,4,8,.76)!important;backdrop-filter:blur(13px)!important}
:root[data-theme="hub"] .profile-settings-modal{width:min(400px,calc(100dvw - 24px))!important;border-radius:22px!important;background:linear-gradient(165deg,#171920,#0b0d13 74%)!important;border:1px solid rgba(255,255,255,.085)!important;box-shadow:0 34px 100px rgba(0,0,0,.66),inset 0 1px 0 rgba(255,255,255,.05)!important}
:root[data-theme="hub"] .profile-settings-modal>header{height:62px!important;padding:0 13px 0 15px!important}
:root[data-theme="hub"] .profile-settings-title>span{width:34px!important;height:34px!important;border-radius:10px!important}
:root[data-theme="hub"] .profile-settings-title svg{width:18px!important;height:18px!important}
:root[data-theme="hub"] .profile-settings-title h2{font-size:14px!important}
:root[data-theme="hub"] .profile-settings-close{width:34px!important;height:34px!important;font-size:20px!important}
:root[data-theme="hub"] .profile-settings-body{padding:12px!important;gap:8px!important}
:root[data-theme="hub"] .profile-setting-line,:root[data-theme="hub"] .profile-setting-group{min-height:62px!important;padding:10px 12px!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.007))!important}

@media(max-width:1120px){
  :root[data-theme="hub"] .profile-v80-content .profile-page-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:760px){
  :root[data-theme="hub"] header.korzh-shared-header .korzh-icon-nav .nav-icon-button{width:60px!important;min-width:60px!important;max-width:60px!important;height:48px!important;min-height:48px!important;padding:3px 6px!important}
  :root[data-theme="hub"] .profile-v160-command-actions{width:100%!important;justify-content:flex-start!important;overflow-x:auto!important}
  :root[data-theme="hub"] .profile-v80-content .profile-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  :root[data-theme="hub"] .profile-v156-content-tabs{width:100%!important}
  :root[data-theme="hub"] .profile-v156-content-tabs button{flex:1!important;min-width:0!important}
}
@media(max-width:480px){
  :root[data-theme="hub"] .korzh-shared-header .deposit-header-standalone,
  :root[data-theme="hub"] .korzh-shared-header .site-settings-btn{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;max-height:36px!important;flex-basis:36px!important}
  :root[data-theme="hub"] .korzh-shared-header .site-settings-btn svg{width:19px!important;height:19px!important}
  :root[data-theme="hub"] .profile-v156-content{padding:12px!important}
  :root[data-theme="hub"] .profile-v80-content .profile-page-grid{grid-template-columns:1fr!important}
}

/* v164 — keep profile typography at the same readable scale as its masthead. */
:root[data-theme="hub"] .profile-v156-content-tabs button{font-size:11px!important}
:root[data-theme="hub"] .profile-v80-content-actions>span{font-size:11px!important}
:root[data-theme="hub"] .profile-v80-content-actions .sell-all-btn,
:root[data-theme="hub"] .profile-v163-deposit-btn{font-size:11px!important}
:root[data-theme="hub"] .profile-settings-modal{width:min(430px,calc(100dvw - 24px))!important}
:root[data-theme="hub"] .profile-settings-title h2{font-size:16px!important}
:root[data-theme="hub"] .profile-setting-line strong,
:root[data-theme="hub"] .profile-setting-group strong{font-size:11px!important}
:root[data-theme="hub"] .profile-setting-line span,
:root[data-theme="hub"] .profile-setting-group span{font-size:9px!important}

/* v187 — lock both profile counters to identical value and caption rows. */
:root[data-theme="hub"] .profile-v160-info-row .profile-v187-stat{
  align-self:center!important;
  display:grid!important;
  align-items:center!important;
  box-sizing:border-box!important;
  height:62px!important;
  min-height:62px!important;
}
:root[data-theme="hub"] .profile-v187-stat .profile-v156-card-copy{
  display:grid!important;
  grid-template-rows:34px 14px!important;
  row-gap:6px!important;
  align-content:center!important;
  justify-items:start!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:0!important;
}
:root[data-theme="hub"] .profile-v187-stat .profile-v156-card-copy>strong{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  line-height:34px!important;
}
:root[data-theme="hub"] .profile-v187-stat .profile-v156-card-copy>small{
  display:flex!important;
  align-items:center!important;
  align-self:stretch!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:14px!important;
  min-height:14px!important;
  margin:0!important;
  padding:0!important;
  line-height:14px!important;
}
:root[data-theme="hub"] .profile-v187-withdrawn-stat .profile-v156-card-copy>strong .korzh-money{
  display:flex!important;
  align-items:center!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  line-height:34px!important;
}
:root[data-theme="hub"] .profile-v187-withdrawn-stat .korzh-money-number{
  display:block!important;
  height:34px!important;
  margin:0!important;
  padding:0!important;
  line-height:34px!important;
}
:root[data-theme="hub"] .profile-v187-withdrawn-stat .korzh-currency-icon{
  align-self:center!important;
  display:block!important;
  margin:0!important;
  transform:none!important;
}

/* v224 — ST/SV prefixes are always before the weapon and gold. */
.edition-prefix{color:#e6b84f!important;font:inherit!important;font-weight:950!important;text-shadow:0 0 9px rgba(230,184,79,.15)!important}

/* v229 — profile actions + unified activity labels */
:root[data-theme="hub"] .profile-v160-logout{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:12px!important;background:rgba(124,35,42,.20)!important;border:1px solid rgba(255,83,91,.24)!important;color:#ff777d!important;line-height:0!important}
:root[data-theme="hub"] .profile-v160-logout svg{width:20px!important;height:20px!important;margin:0!important;display:block!important;stroke:currentColor!important}:root[data-theme="hub"] .profile-v160-logout .sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.profile-drop-origin{position:absolute;right:9px;top:7px;z-index:5;padding:3px 6px;border-radius:7px;border:1px solid rgba(255,255,255,.08);background:rgba(5,7,11,.62);color:#8d9098;font-size:6px;font-weight:950;letter-spacing:.08em}.history-origin-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#0d1017;border:1px solid rgba(255,255,255,.07);color:#b7bbc5}.history-origin-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.profile-v229-activity-stage{min-height:310px;display:flex;align-items:center;justify-content:center;gap:24px;padding:22px}.profile-v229-activity-stage>i{font-style:normal;font-size:24px;color:#777}.profile-v229-source,.profile-v229-reward{width:190px;min-height:230px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rarity) 12%,transparent),transparent 60%),#10131a;display:grid;place-items:center;padding:14px;text-align:center}.profile-v229-source .skin-art,.profile-v229-reward .skin-art{width:145px;height:125px}.profile-v229-source span,.profile-v229-reward span{display:grid;gap:4px}.profile-v229-source small,.profile-v229-reward small{font-size:8px;color:#777}.profile-v229-source strong,.profile-v229-reward strong{font-size:13px}.profile-v229-source b,.profile-v229-reward b{font-size:14px}.profile-v229-activity-meta{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:0 22px 14px;color:#8b8e97;font-size:9px}.profile-v229-activity-meta b{color:#eee;font-size:10px}.profile-v229-activity-replay.is-replaying .profile-v229-reward{animation:k229ReplayPulse 1.1s cubic-bezier(.2,.8,.2,1)}@keyframes k229ReplayPulse{0%{transform:scale(.93);opacity:.2}50%{transform:scale(1.03);opacity:1}100%{transform:none;opacity:1}}


/* =========================================================
   v231 — empty inventory loupe + authentic upgrade replay
   ========================================================= */
:root[data-theme="hub"] .k231-profile-empty{min-height:300px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;overflow:visible!important}
:root[data-theme="hub"] .k231-profile-empty>strong{margin-top:-18px!important;font-size:12px!important;letter-spacing:.08em!important;color:#8e9098!important}
:root[data-theme="hub"] .k231-profile-empty-loupe{width:310px!important;height:190px!important;display:grid!important;place-items:center!important;overflow:visible!important}
:root[data-theme="hub"] .k231-profile-empty-loupe .hub-u191-search-field{width:260px!important;height:170px!important;max-width:none!important;max-height:none!important}

:root[data-theme="hub"] .k231-upgrade-replay{width:min(1180px,calc(100vw - 54px))!important}
:root[data-theme="hub"] .k231-upgrade-replay>header{min-height:78px!important}
:root[data-theme="hub"] .k231-upgrade-replay>header h2{margin:0!important;font-size:25px!important}
:root[data-theme="hub"] .k231-upgrade-replay-stage{min-height:410px!important;padding:28px 34px!important;display:grid!important;grid-template-columns:minmax(220px,1fr) 290px minmax(220px,1fr)!important;align-items:center!important;gap:30px!important}
:root[data-theme="hub"] .k231-upgrade-side{min-height:285px!important;border:1px solid color-mix(in srgb,var(--rarity) 25%,rgba(255,255,255,.08))!important;border-radius:24px!important;background:radial-gradient(circle at 50% 40%,color-mix(in srgb,var(--rarity) 12%,transparent),transparent 58%),#10131a!important;display:grid!important;grid-template-rows:1fr auto!important;place-items:center!important;padding:18px!important;text-align:center!important}
:root[data-theme="hub"] .k231-upgrade-side .skin-art{width:190px!important;height:165px!important}
:root[data-theme="hub"] .k231-upgrade-side>span{display:grid!important;gap:5px!important}.k231-upgrade-side small{font-size:7px!important;color:#777b85!important;letter-spacing:.08em!important}.k231-upgrade-side strong{font-size:15px!important;color:#f4f2ef!important}.k231-upgrade-side b{font-size:15px!important}
:root[data-theme="hub"] .k231-upgrade-wheel-shell{position:relative!important;width:270px!important;height:270px!important;display:grid!important;place-items:center!important}
:root[data-theme="hub"] .k231-upgrade-wheel{position:absolute!important;inset:12px!important;border-radius:50%!important;background:conic-gradient(from 0deg,#67d998 0 var(--chance-deg),#262b34 var(--chance-deg) 360deg)!important;box-shadow:0 24px 48px rgba(0,0,0,.48),inset 0 0 0 17px #171b22,inset 0 0 0 19px rgba(255,255,255,.07)!important;display:grid!important;place-items:center!important}
:root[data-theme="hub"] .k231-upgrade-wheel>div{width:150px!important;height:150px!important;border-radius:50%!important;background:#0c0f15!important;border:1px solid rgba(255,255,255,.07)!important;display:grid!important;place-content:center!important;text-align:center!important;gap:7px!important;box-shadow:inset 0 0 30px rgba(0,0,0,.40)!important}.k231-upgrade-wheel span{font-size:8px!important;color:#777b84!important;font-weight:900!important;letter-spacing:.14em!important}.k231-upgrade-wheel strong{font-size:28px!important;color:#f1f2f1!important;font-weight:950!important}
:root[data-theme="hub"] .k231-upgrade-pointer{position:absolute!important;inset:0!important;border-radius:50%!important;transform-origin:50% 50%!important;will-change:transform!important;pointer-events:none!important}.k231-upgrade-pointer i{position:absolute!important;left:50%!important;top:1px!important;width:13px!important;height:30px!important;transform:translateX(-50%)!important;clip-path:polygon(50% 100%,0 22%,24% 0,76% 0,100% 22%)!important;background:linear-gradient(180deg,#fff6dc,#e59b48 66%,#bd6c2f)!important;filter:drop-shadow(0 0 8px rgba(232,157,75,.38))!important}
:root[data-theme="hub"] .k231-upgrade-replay.is-complete .k231-upgrade-wheel>div{box-shadow:inset 0 0 34px rgba(66,205,120,.12),0 0 28px rgba(83,210,132,.08)!important}.k231-upgrade-replay.is-complete #k231ReplayUpgradeLabel{color:#74e2a2!important}
:root[data-theme="hub"] .k231-upgrade-replay-meta{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;padding:0 0 14px!important;color:#8b8e97!important;font-size:9px!important}.k231-upgrade-replay-meta i{width:4px!important;height:4px!important;border-radius:50%!important;background:#73757d!important}
:root[data-theme="hub"] .k231-replay-footer #activityReplayRestart,:root[data-theme="hub"] .k231-replay-footer #replayRestart{min-width:170px!important;height:45px!important;border-radius:13px!important;font-weight:950!important;letter-spacing:.04em!important;transition:transform .2s ease,background .2s ease,border-color .2s ease!important}
:root[data-visual-style="standard"][data-theme="hub"] .k231-replay-footer :is(#activityReplayRestart,#replayRestart){background:linear-gradient(180deg,#282831,#18191f)!important;border:1px solid #3b3c47!important;color:#f4f4f6!important}
:root[data-visual-style="2040"][data-theme="hub"] .k231-replay-footer :is(#activityReplayRestart,#replayRestart){background:#fff!important;border:1px solid #fff!important;color:#1b120e!important;box-shadow:0 10px 30px rgba(255,255,255,.06)!important}
:root[data-theme="hub"] .k231-replay-footer :is(#activityReplayRestart,#replayRestart):hover{transform:translateY(-1px)!important}
@media(max-width:860px){:root[data-theme="hub"] .k231-upgrade-replay-stage{grid-template-columns:1fr!important}.k231-upgrade-side{min-height:220px!important}.k231-upgrade-wheel-shell{margin:auto!important}}

/* v232 — compact profile command actions */
:root[data-theme="hub"] .profile-v160-command-actions{gap:7px!important}
:root[data-theme="hub"] .profile-v160-command-actions .profile-v160-trade-btn{height:36px!important;min-height:36px!important;padding:0 13px!important;border-radius:10px!important;font-size:8px!important;letter-spacing:.055em!important}
:root[data-theme="hub"] .profile-v160-command-actions .profile-v160-logout{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important;min-height:36px!important;border-radius:10px!important}
:root[data-theme="hub"] .profile-v160-command-actions .profile-v160-logout svg{width:17px!important;height:17px!important}


/* =========================================================
   v233 — replay precision / full history / atomic profile load
   ========================================================= */
:root[data-theme="hub"] .k233-profile-loading{position:fixed;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;background:#090b10;color:#777b84;letter-spacing:.16em;font-size:8px;font-weight:900}
:root[data-theme="hub"] .k233-profile-loading img{width:42px;height:42px;filter:drop-shadow(0 8px 22px rgba(0,0,0,.35));animation:k233ProfileBreath 1.4s ease-in-out infinite alternate}@keyframes k233ProfileBreath{from{opacity:.48;transform:scale(.96)}to{opacity:1;transform:scale(1.03)}}

/* Replay: vector ring, contained percent, close button always visible. */
:root[data-theme="hub"] .k233-upgrade-replay{position:relative!important}
:root[data-theme="hub"] .k233-upgrade-replay .k233-replay-close{position:relative!important;z-index:40!important;display:grid!important;visibility:visible!important;opacity:1!important;flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;color:#f4f1ec!important;background:#141821!important;border:1px solid rgba(255,255,255,.12)!important}
:root[data-theme="hub"] .k233-upgrade-wheel-shell{width:284px!important;height:284px!important}
:root[data-theme="hub"] .k233-upgrade-wheel{position:absolute!important;inset:8px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:transparent!important;box-shadow:0 22px 50px rgba(0,0,0,.38)!important;overflow:visible!important}
:root[data-theme="hub"] .k233-upgrade-wheel-svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;overflow:visible!important;shape-rendering:geometricPrecision!important}
:root[data-theme="hub"] .k233-upgrade-wheel-svg circle{fill:none!important;stroke-width:14!important;vector-effect:non-scaling-stroke!important}
:root[data-theme="hub"] .k233-wheel-track{stroke:#2a3039!important}
:root[data-theme="hub"] .k233-wheel-chance{stroke:#70d99b!important;stroke-linecap:butt!important;filter:drop-shadow(0 0 5px rgba(112,217,155,.07))!important}
:root[data-theme="hub"] .k233-upgrade-wheel-center{position:relative!important;z-index:3!important;width:154px!important;height:154px!important;border-radius:50%!important;background:#0b0f14!important;border:1px solid rgba(255,255,255,.08)!important;display:grid!important;place-content:center!important;justify-items:center!important;gap:7px!important;box-shadow:inset 0 0 36px rgba(0,0,0,.42)!important;overflow:hidden!important}
:root[data-theme="hub"] .k233-upgrade-wheel-center span{font-size:8px!important;color:#777b84!important;font-weight:900!important;letter-spacing:.14em!important}
:root[data-theme="hub"] .k233-upgrade-wheel-center strong{display:block!important;width:138px!important;max-width:138px!important;margin:0!important;overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important;text-align:center!important;font-size:25px!important;line-height:1.05!important;color:#f1f2f1!important;font-weight:950!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.035em!important}
:root[data-theme="hub"] .k233-upgrade-replay.is-complete .k233-upgrade-wheel-center strong{color:#74e2a2!important}

/* History rows use available horizontal space instead of stacking text on images. */
:root[data-theme="hub"] .profile-v80-content-body.history-mode{overflow:visible!important}
:root[data-theme="hub"] .profile-history-shell{display:grid!important;gap:14px!important;min-width:0!important}
:root[data-theme="hub"] .profile-v81-history-feed{max-height:626px!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 8px 0 0!important;gap:8px!important;scrollbar-width:thin!important;scrollbar-color:rgba(229,180,145,.46) rgba(255,255,255,.035)!important;scroll-behavior:smooth!important}
:root[data-theme="hub"] .profile-v81-history-feed::-webkit-scrollbar{width:7px!important}
:root[data-theme="hub"] .profile-v81-history-feed::-webkit-scrollbar-track{background:rgba(255,255,255,.028)!important;border-radius:999px!important;margin:6px 0!important}
:root[data-theme="hub"] .profile-v81-history-feed::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#efe5dc,#b9876b)!important;border:2px solid #17110e!important;border-radius:999px!important;box-shadow:0 0 9px rgba(255,235,220,.09)!important}
:root[data-theme="hub"] .profile-v81-history-feed::-webkit-scrollbar-button{display:none!important}
:root[data-theme="hub"] .profile-v81-history-row{height:94px!important;min-height:94px!important;grid-template-columns:58px 126px minmax(250px,1fr) 190px 126px 106px!important;gap:14px!important;padding:9px 14px!important;align-items:center!important;overflow:hidden!important}
:root[data-theme="hub"] .profile-v81-event-index{height:64px!important}
:root[data-theme="hub"] .profile-v81-history-row .history-drop-art,:root[data-theme="hub"] .profile-v81-history-row .history-drop-art .skin-art{width:120px!important;height:76px!important}
:root[data-theme="hub"] .profile-v81-history-row .history-drop-art .real-skin img{max-width:112px!important;max-height:70px!important}
:root[data-theme="hub"] .profile-v81-history-row .history-skin{min-width:0!important;padding-left:2px!important}
:root[data-theme="hub"] .profile-v81-history-row .history-skin small{font-size:9px!important;line-height:1.2!important;white-space:nowrap!important}
:root[data-theme="hub"] .profile-v81-history-row .history-skin strong{font-size:14px!important;line-height:1.1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
:root[data-theme="hub"] .profile-v81-history-row .history-skin>b{font-size:13px!important}
:root[data-theme="hub"] .profile-v81-history-row .history-case-compact{grid-template-columns:112px minmax(58px,1fr)!important;gap:10px!important;min-width:0!important}
:root[data-theme="hub"] .profile-v81-history-row .history-case-icon{width:112px!important;height:70px!important;border-radius:11px!important;overflow:visible!important;background:transparent!important}
:root[data-theme="hub"] .profile-v81-history-row .history-case-icon img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 8px 12px rgba(0,0,0,.25))!important}
:root[data-theme="hub"] .profile-v81-history-row .history-case-compact small{font-size:7px!important}
:root[data-theme="hub"] .profile-v81-history-row .history-case-compact strong{font-size:10px!important}
:root[data-theme="hub"] .profile-v81-history-row time{font-size:11px!important;line-height:1.25!important;color:#9a948f!important;font-weight:800!important;letter-spacing:.015em!important;text-align:center!important;white-space:nowrap!important;font-variant-numeric:tabular-nums!important}
:root[data-theme="hub"] .profile-v81-history-row>.profile-v81-replay-btn{min-width:100px!important;height:38px!important}

/* Real visual origin markers. */
:root[data-theme="hub"] .history-origin-visual{width:112px!important;height:70px!important;display:grid!important;place-items:center!important;position:relative!important;border-radius:12px!important;overflow:hidden!important;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.055),transparent 67%)!important}
:root[data-theme="hub"] .history-origin-visual.origin-upgrade svg{width:62px!important;height:62px!important;overflow:visible!important;transform:rotate(-90deg)!important}.history-origin-visual.origin-upgrade .u-base{fill:none;stroke:#3b414a;stroke-width:8}.history-origin-visual.origin-upgrade .u-win{fill:none;stroke:#73d69a;stroke-width:8}.history-origin-visual.origin-upgrade .u-pointer{fill:#e5a06b;stroke:none}
:root[data-theme="hub"] .history-origin-visual.origin-plane svg{width:78px!important;height:54px!important;fill:none!important;stroke:#f1e9e2!important;stroke-width:2!important;stroke-linecap:round!important;stroke-linejoin:round!important;filter:drop-shadow(0 6px 10px rgba(0,0,0,.26))!important}
:root[data-theme="hub"] .history-contract-core{position:relative!important;width:60px!important;height:60px!important;display:grid!important;place-items:center!important}.history-contract-core img{position:relative!important;z-index:2!important;width:34px!important;height:34px!important;object-fit:contain!important}.history-contract-core i{position:absolute!important;inset:7px!important;border:1px solid rgba(239,201,174,.28)!important;border-radius:50%!important;transform:rotate(27deg) scaleX(1.35)!important}.history-contract-core i+ i{transform:rotate(-38deg) scaleX(1.15)!important;opacity:.6!important}

/* Pagination */
:root[data-theme="hub"] .profile-history-pagination{height:46px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:4px 0 0!important}
:root[data-theme="hub"] .profile-history-pagination button{min-width:36px!important;height:36px!important;padding:0 9px!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.035)!important;color:#8c8986!important;font-size:10px!important;font-weight:900!important;transition:background .18s ease,border-color .18s ease,color .18s ease!important}
:root[data-theme="hub"] .profile-history-pagination button.active{background:#f5efe9!important;border-color:#fff!important;color:#1d1511!important;box-shadow:0 5px 18px rgba(255,255,255,.08)!important}
:root[data-theme="hub"] .profile-history-pagination button:hover:not(:disabled){border-color:rgba(255,255,255,.2)!important;color:#fff!important}
:root[data-theme="hub"] .profile-history-pagination button:disabled{opacity:.25!important;cursor:default!important}.history-page-gap{width:22px;text-align:center;color:#605d5a;font-size:12px;font-weight:900}
:root[data-theme="hub"] .profile-history-pagination .history-page-arrow{font-size:21px!important;line-height:1!important}
@media(max-width:1050px){:root[data-theme="hub"] .profile-v81-history-row{grid-template-columns:52px 92px minmax(180px,1fr) 120px 92px!important}:root[data-theme="hub"] .profile-v81-history-row>.profile-v81-replay-btn{grid-column:5!important}:root[data-theme="hub"] .profile-v81-history-row time{display:none!important}:root[data-theme="hub"] .profile-v81-history-row .history-case-compact{grid-template-columns:1fr!important}.history-case-compact>span{display:none!important}}

/* v234 — profile utility modals use the same plain centred title in both themes. */
.kx234-simple-head{position:relative!important;min-height:76px!important;height:76px!important;display:grid!important;place-items:center!important;padding:0 72px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.kx234-simple-head h2{margin:0!important;color:#f6f3ef!important;font-size:23px!important;line-height:1!important;font-weight:950!important;text-align:center!important}
.kx234-close{position:absolute!important;top:16px!important;right:18px!important;z-index:50!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.055)!important;color:#fff!important;font:400 27px/1 Arial,sans-serif!important;transform:none!important}
.kx234-close:hover{background:rgba(255,255,255,.11)!important;border-color:rgba(255,255,255,.28)!important;transform:none!important}
.kx229-card.kx229-settings{width:min(660px,calc(100dvw - 52px))!important;max-width:660px!important}.kx229-card.kx229-support{width:min(790px,calc(100dvw - 52px))!important;max-width:790px!important}

/* =========================================================
   v235 — profile modal portal + separated command buttons
   ========================================================= */
#profileSettingsPortal .kx229-profile-layer,#profileSupportPortal .kx229-profile-layer{position:fixed!important;inset:0!important;z-index:2147483600!important;display:grid!important;place-items:center!important;pointer-events:auto!important}
#profileSettingsPortal:empty,#profileSupportPortal:empty{display:none!important;pointer-events:none!important}
.profile-v160-command-actions{
  width:auto!important;min-width:0!important;padding:0!important;gap:10px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
  background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;
}
.profile-v160-command-actions .profile-v160-trade-btn{width:142px!important;min-width:142px!important;max-width:142px!important;height:44px!important;min-height:44px!important;padding:0 16px!important;border-radius:12px!important;font-size:9px!important}
.profile-v160-command-actions .profile-v160-logout{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;border-radius:12px!important;padding:0!important;display:grid!important;place-items:center!important}
.profile-v160-command-actions .profile-v160-logout svg{width:19px!important;height:19px!important;margin:0!important}

/* =========================================================
   v242 — upgrade replay hard visual/result sync
   ========================================================= */
:root[data-theme="hub"] .k233-upgrade-replay.is-lose.is-complete .k233-upgrade-wheel-center strong{color:#ff746f!important}
:root[data-theme="hub"] .k233-upgrade-replay.is-win.is-complete .k233-upgrade-wheel-center strong{color:#74e2a2!important}

/* =========================================================
   v244 — HARD replay ring: one contiguous sector, no SVG dash repetition
   ========================================================= */
:root[data-theme="hub"] .k233-upgrade-wheel .k244-upgrade-ring{
  position:absolute!important;inset:0!important;border-radius:50%!important;
  background:conic-gradient(from 0deg,#70d99b 0deg var(--replay-chance-deg),#2a3039 var(--replay-chance-deg) 360deg)!important;
  -webkit-mask:radial-gradient(circle,transparent 0 67%,#000 67.5% 76%,transparent 76.5%)!important;
  mask:radial-gradient(circle,transparent 0 67%,#000 67.5% 76%,transparent 76.5%)!important;
  filter:drop-shadow(0 0 5px rgba(112,217,155,.08))!important;
  pointer-events:none!important;
}
:root[data-theme="hub"] .k233-upgrade-wheel-svg{display:none!important}

/* =========================================================
   v246 — 2040 player support as a normal messenger window
   ========================================================= */
:root[data-visual-style="2040"] #profileSupportPortal .kx229-card.kx229-support.kx229-2040{
  width:min(760px,calc(100dvw - 48px))!important;height:min(680px,calc(100dvh - 48px))!important;
  max-width:760px!important;max-height:680px!important;min-height:560px!important;
  display:grid!important;grid-template-rows:74px minmax(0,1fr)!important;
  padding:0!important;overflow:hidden!important;border-radius:22px!important;
  border:1px solid rgba(238,191,157,.15)!important;background:#0b0806!important;
  box-shadow:0 34px 110px rgba(0,0,0,.68)!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .kx229-support .kx235-title{height:74px!important;min-height:74px!important;margin:0!important;display:grid!important;place-items:center!important;border-bottom:1px solid rgba(238,191,157,.10)!important;background:#17100c!important;color:#f6f0eb!important;font-size:21px!important;line-height:1!important}
:root[data-visual-style="2040"] #profileSupportPortal .kx229-support .kx235-close{top:17px!important;right:17px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-body{height:100%!important;min-height:0!important;overflow:hidden!important;padding:0!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-ticket{height:100%!important;min-height:0!important;display:grid!important;grid-template-rows:48px minmax(0,1fr) auto!important;padding:0!important;background:#090604!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-ticket-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;height:48px!important;min-height:48px!important;padding:0 18px!important;border-bottom:1px solid rgba(238,191,157,.08)!important;background:#100b08!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-ticket-top button{padding:0!important;border:0!important;background:transparent!important;color:#b8a398!important;font-size:9px!important;font-weight:850!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-ticket-top span{padding:6px 9px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:999px!important;background:rgba(255,255,255,.035)!important;color:#9f8b80!important;font-size:8px!important;font-weight:850!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-thread{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;gap:10px!important;padding:20px!important;background:radial-gradient(circle at 50% 0%,rgba(119,70,43,.08),transparent 40%),#090604!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-thread article{width:fit-content!important;max-width:68%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:10px 12px!important;border:1px solid rgba(244,218,199,.09)!important;border-radius:15px!important;background:#17110d!important;box-sizing:border-box!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-thread article.player{align-self:flex-end!important;border-bottom-right-radius:5px!important;background:#4a2d1e!important;border-color:rgba(236,164,111,.19)!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-thread article.operator{align-self:flex-start!important;border-bottom-left-radius:5px!important;background:#17110d!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-thread article header{display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-thread article header b{font-size:8px!important;color:#f3e8e1!important}:root[data-visual-style="2040"] #profileSupportPortal .profile-support-thread article header time{font-size:7px!important;color:#8a776b!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-thread article p{margin:5px 0 0!important;color:#f4efeb!important;font-size:12px!important;line-height:1.45!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-reply{display:grid!important;grid-template-columns:minmax(0,1fr) 54px!important;gap:9px!important;align-items:end!important;padding:12px 14px 14px!important;border-top:1px solid rgba(238,191,157,.10)!important;background:#120c09!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-reply textarea{width:100%!important;height:52px!important;min-height:52px!important;max-height:120px!important;resize:none!important;box-sizing:border-box!important;padding:14px!important;border:1px solid rgba(244,218,199,.12)!important;border-radius:14px!important;background:#090604!important;color:#f7f1ed!important;font-size:12px!important;outline:none!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-reply textarea:focus{border-color:rgba(231,157,106,.48)!important;box-shadow:0 0 0 3px rgba(231,157,106,.07)!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-reply button{width:54px!important;height:52px!important;min-width:54px!important;min-height:52px!important;padding:0!important;border:0!important;border-radius:14px!important;background:linear-gradient(180deg,#f0b079,#dc8d54)!important;color:#25150d!important;font-size:20px!important;font-weight:950!important}
@media(max-width:720px){:root[data-visual-style="2040"] #profileSupportPortal .kx229-card.kx229-support.kx229-2040{width:calc(100dvw - 16px)!important;height:calc(100dvh - 16px)!important;max-height:none!important;min-height:0!important;border-radius:18px!important}:root[data-visual-style="2040"] #profileSupportPortal .profile-support-thread article{max-width:82%!important}}

/* v261 — pending Steam withdrawal stays visible in inventory */
.profile-page-item.withdrawal-pending{position:relative;isolation:isolate;cursor:default!important;overflow:hidden}
.profile-page-item.withdrawal-pending .withdrawal-card-body{filter:blur(4px) saturate(.62);opacity:.42;transform:scale(.985);pointer-events:none;transition:.2s ease}
.profile-page-item.withdrawal-pending:before{content:"";position:absolute;inset:0;z-index:5;background:linear-gradient(180deg,rgba(12,10,9,.14),rgba(12,9,7,.58));pointer-events:none}
.withdrawal-pending-badge{position:absolute;z-index:7;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px;text-align:center;pointer-events:none}
.withdrawal-pending-badge strong{font-size:11px;line-height:1.15;letter-spacing:.08em;font-weight:1000;color:#fff4e8;text-shadow:0 2px 14px rgba(0,0,0,.9)}
.withdrawal-pending-coin{position:absolute;left:50%;bottom:12px;width:31px;height:31px;margin-left:-15.5px;display:grid;place-items:center;border-radius:50%;filter:drop-shadow(0 8px 12px rgba(0,0,0,.45));animation:k261CoinBob 1.15s ease-in-out infinite}
.withdrawal-pending-coin img{width:100%;height:100%;object-fit:contain;animation:k261CoinSpin 1.7s linear infinite}
@keyframes k261CoinSpin{to{transform:rotateY(360deg) rotateZ(8deg)}}
@keyframes k261CoinBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@media(max-width:700px){.withdrawal-pending-badge strong{font-size:9px}.withdrawal-pending-coin{width:26px;height:26px;margin-left:-13px;bottom:8px}}

/* ===== style-2040.css ===== */
/* KORZH 2040. Entirely gated so Standard stays pixel-identical. */
.k2040-atmosphere,.k2040-rail{display:none}.visual-style-switch{position:fixed;z-index:230;left:20px;bottom:18px;height:46px;padding:6px 10px 6px 7px;display:flex;align-items:center;gap:9px;border:1px solid #ffffff16;border-radius:15px;background:#0d0f15e8;color:#ddd8d2;cursor:pointer;box-shadow:0 14px 35px #0006,inset 0 1px #ffffff0f;backdrop-filter:blur(18px);transition:.22s ease}.visual-style-switch:hover{transform:translateY(-2px);border-color:#ffb58940}.visual-style-switch-track{position:relative;width:36px;height:24px;border-radius:9px;background:#242630;box-shadow:inset 0 2px 5px #0007}.visual-style-switch-track i{position:absolute;left:4px;top:4px;width:16px;height:16px;border-radius:6px;background:#d8cec6;box-shadow:0 3px 8px #0007;transition:.34s cubic-bezier(.2,.8,.2,1)}.visual-style-switch-copy{display:grid;gap:1px;text-align:left;line-height:1}.visual-style-switch-copy small{font-size:6px;letter-spacing:.2em;color:#747783}.visual-style-switch-copy b{font-size:8px;letter-spacing:.09em}.visual-style-switch[data-visual-style="2040"] .visual-style-switch-track{background:#28342f}.visual-style-switch[data-visual-style="2040"] .visual-style-switch-track i{left:16px;background:#e79a74;box-shadow:0 0 16px #ee8b607d}.visual-style-switch[data-visual-style="2040"] b{color:#f2ae89}
:root[data-visual-style="2040"]{color-scheme:dark;--kbg:#080a0f;--panel:#12151d;--line:#e2eaf613;--linehot:#f4a98040;--text:#f2eee8;--muted:#7e8490;--accent:#e4956e;--mint:#6eaa8b;--red:#a95f68}
:root[data-visual-style="2040"] body{min-width:320px;color:var(--text);background:#080a0f;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em}
:root[data-visual-style="2040"] body:before{content:"";position:fixed;z-index:-2;inset:0;opacity:.55;background:radial-gradient(ellipse 60% 45% at 6% 0,#9b4e4033,transparent 75%),radial-gradient(ellipse 65% 48% at 100% 8%,#3c4d8433,transparent 72%);pointer-events:none}
:root[data-visual-style="2040"] body:after{content:"";position:fixed;z-index:-1;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle,#000,transparent 83%);pointer-events:none}
:root[data-visual-style="2040"] ::selection{background:#e4956e55;color:#fff}:root[data-visual-style="2040"] .page{min-height:100vh;isolation:isolate}:root[data-visual-style="2040"] .k2040-stage{display:block;padding:0 clamp(150px,9.6vw,190px)}
:root[data-visual-style="2040"] .k2040-atmosphere{display:block;position:fixed;z-index:-1;inset:0;overflow:hidden;pointer-events:none}:root[data-visual-style="2040"] .k2040-atmosphere i{position:absolute;width:380px;height:380px;border-radius:50%;filter:blur(85px);opacity:.1;background:#d17b59;animation:k20drift 18s ease-in-out infinite alternate}:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(2){right:3%;top:25%;left:auto;background:#526aa2;animation-delay:-7s}:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(3){left:38%;bottom:-18%;top:auto;width:520px;height:520px;background:#80604e;animation-delay:-12s}@keyframes k20drift{to{transform:translate3d(4vw,3vh,0) scale(1.12)}}
/* Perspective side objects */
:root[data-visual-style="2040"] .k2040-rail{--px:0;--py:0;position:fixed;z-index:220;top:18px;bottom:78px;width:136px;padding:22px 14px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--line);background:#10131bdc;box-shadow:0 28px 70px #0008,inset 0 1px #ffffff0e;backdrop-filter:blur(26px) saturate(1.2);transition:transform .16s ease-out,border-color .25s ease;overflow:visible}:root[data-visual-style="2040"] .k2040-rail:after{content:"";position:absolute;top:10%;bottom:10%;width:1px;background:linear-gradient(transparent,#e6977055,transparent)}:root[data-visual-style="2040"] .k2040-rail-left{left:18px;border-radius:30px 17px 17px 30px;clip-path:polygon(0 0,100% 5%,100% 95%,0 100%);transform-origin:left;transform:perspective(900px) rotateY(calc(var(--px)*1.7deg)) rotateX(calc(var(--py)*-1deg))}:root[data-visual-style="2040"] .k2040-rail-left:after{right:8px}:root[data-visual-style="2040"] .k2040-rail-right{right:18px;border-radius:17px 30px 30px 17px;clip-path:polygon(0 5%,100% 0,100% 100%,0 95%);transform-origin:right;transform:perspective(900px) rotateY(calc(var(--px)*1.7deg)) rotateX(calc(var(--py)*-1deg))}:root[data-visual-style="2040"] .k2040-rail-right:after{left:8px}:root[data-visual-style="2040"] .k2040-rail:hover{border-color:#e9aa891f}
:root[data-visual-style="2040"] .k2040-rail-mark{position:relative;width:54px;height:54px;display:grid;place-items:center;margin-bottom:25px}:root[data-visual-style="2040"] .k2040-rail-mark:before{content:"";position:absolute;inset:-5px;border:1px solid #ffb89121;border-radius:20px;transform:rotate(45deg);animation:k20mark 4s ease-in-out infinite}:root[data-visual-style="2040"] .k2040-rail-mark img{width:39px;height:39px;filter:drop-shadow(0 8px 14px #0007)}@keyframes k20mark{50%{transform:rotate(45deg) scale(1.07);border-color:#ffae8240}}
:root[data-visual-style="2040"] .k2040-nav{width:100%;display:flex!important;flex:1;flex-direction:column;justify-content:center;gap:10px;background:transparent!important;border:0!important;box-shadow:none!important}:root[data-visual-style="2040"] .k2040-nav button{position:relative;width:100%;height:65px;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;border-radius:17px;background:transparent;color:#6f7582;cursor:pointer;transform:perspective(420px) rotateY(-7deg);transform-origin:left;transition:.24s cubic-bezier(.2,.8,.2,1)}:root[data-visual-style="2040"] .k2040-nav button svg,:root[data-visual-style="2040"] .k2040-orb svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}:root[data-visual-style="2040"] .k2040-nav button span{font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}:root[data-visual-style="2040"] .k2040-nav button>i{position:absolute;right:8px;width:3px;height:3px;border-radius:50%}:root[data-visual-style="2040"] .k2040-nav button:hover{color:#d9d7d2;background:#ffffff09;border-color:#ffffff10;transform:perspective(420px) rotateY(-2deg) translateX(7px) scale(1.02)}:root[data-visual-style="2040"] .k2040-nav button.active{color:#f2b18f;border-color:#ee9f762b;background:#dd855c13;box-shadow:inset 0 1px #ffffff0f,0 9px 24px #0004}:root[data-visual-style="2040"] .k2040-nav button.active>i{background:#e89a72;box-shadow:0 0 10px #ec9469cc}:root[data-visual-style="2040"] .k2040-rail-status{display:flex;align-items:center;gap:6px;color:#565d69;font-size:6px;font-weight:850;letter-spacing:.18em;margin:15px 0 7px}:root[data-visual-style="2040"] .k2040-rail-status i{width:5px;height:5px;border-radius:50%;background:#72a68a;box-shadow:0 0 10px #6fad8b99;animation:k20status 2.4s ease-in-out infinite}@keyframes k20status{50%{opacity:.4;transform:scale(.75)}}
:root[data-visual-style="2040"] .k2040-avatar{position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;background:#181c25;border:1px solid #ffffff1f;box-shadow:0 13px 28px #0006;transition:.25s ease}:root[data-visual-style="2040"] .k2040-avatar img,:root[data-visual-style="2040"] .k2040-avatar>span{width:50px;height:50px;border-radius:50%;object-fit:cover;display:grid;place-items:center;font-size:18px;font-weight:900;background:#252a35}:root[data-visual-style="2040"] .k2040-avatar i{position:absolute;right:1px;bottom:2px;width:11px;height:11px;border:3px solid #141821;border-radius:50%;background:#73a989;box-shadow:0 0 10px #6dad8988}:root[data-visual-style="2040"] .k2040-avatar:hover{transform:scale(1.06) rotate(-2deg);border-color:#f1b49140}
:root[data-visual-style="2040"] .k2040-balance{position:relative;width:112px;min-height:58px;margin-top:17px;padding:10px 25px 10px 12px;display:flex;flex-direction:column;justify-content:center;border:1px solid #ffffff10;border-radius:16px;background:#ffffff06}:root[data-visual-style="2040"] .k2040-balance small{font-size:6px;letter-spacing:.16em;color:#686e7a}:root[data-visual-style="2040"] .k2040-balance strong{margin-top:3px;max-width:80px;overflow:hidden;text-overflow:ellipsis;font-size:13px}:root[data-visual-style="2040"] .k2040-balance img{position:absolute;right:9px;bottom:12px;width:13px;height:13px}
:root[data-visual-style="2040"] .k2040-orb{width:70px;min-height:54px;margin-top:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #ffffff10;border-radius:18px;background:#ffffff06;color:#777e8a;cursor:pointer;text-decoration:none;transition:.22s ease}:root[data-visual-style="2040"] .k2040-orb>span{font-size:23px;line-height:.8}:root[data-visual-style="2040"] .k2040-orb b{font-size:6px;letter-spacing:.07em}:root[data-visual-style="2040"] .k2040-orb:hover{transform:translateY(-3px) scale(1.03);color:#e8e3dd;border-color:#eca9852b;background:#ffffff0b;box-shadow:0 10px 24px #0004}:root[data-visual-style="2040"] .k2040-deposit{color:#efa781;background:#d8835d13;border-color:#ec9d742e}:root[data-visual-style="2040"] .k2040-rail-spacer{flex:1}:root[data-visual-style="2040"] .visual-style-switch{left:25px}
/* Header and live ribbon */
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header{position:relative!important;top:auto!important;width:100%!important;max-width:1480px!important;min-height:72px!important;margin:18px auto 0!important;padding:0 22px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1px solid var(--line)!important;border-radius:25px!important;background:#11141dbf!important;box-shadow:0 18px 48px #0005,inset 0 1px #ffffff0b!important;backdrop-filter:blur(22px)!important;overflow:hidden!important}:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header:before{content:"";position:absolute;left:10%;right:10%;top:0;height:1px;background:linear-gradient(90deg,transparent,#efa67f59,transparent)}:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header:after{content:"2040 INTERFACE";position:absolute;right:20px;color:#474d59;font-size:6px;font-weight:850;letter-spacing:.23em}:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header .korzh-icon-nav,:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header .account{display:none!important}:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header .brand{position:relative!important;inset:auto!important;margin:0!important;padding:0!important;background:transparent!important;transform:none!important;gap:12px!important}:root[data-visual-style="2040"][data-theme=hub] .brand-emblem{width:38px!important;height:38px!important}:root[data-visual-style="2040"][data-theme=hub] .brand-word{font-size:20px!important;letter-spacing:.23em!important;color:#f1ece6!important;text-shadow:none!important}
:root[data-visual-style="2040"][data-theme=hub] .live{width:100%!important;max-width:1480px!important;height:78px!important;margin:13px auto 0!important;border:1px solid var(--line)!important;border-radius:22px!important;background:#0f1219b8!important;box-shadow:0 15px 38px #0004,inset 0 1px #ffffff09!important;backdrop-filter:blur(18px)!important;overflow:hidden!important}:root[data-visual-style="2040"][data-theme=hub] .live-toolbar{width:106px!important;border-right:1px solid #ffffff0e!important;background:#df885c0d!important}:root[data-visual-style="2040"][data-theme=hub] .live-label i{background:#e18d68!important;box-shadow:0 0 12px #e48b62aa!important}:root[data-visual-style="2040"][data-theme=hub] .live-item{background:radial-gradient(circle at 38% 50%,color-mix(in srgb,var(--rarity) 9%,transparent),transparent 70%)!important;transition:.2s ease!important}:root[data-visual-style="2040"][data-theme=hub] .live-item:hover{transform:translateY(-2px)}
/* Collections */
:root[data-visual-style="2040"][data-theme=hub] main{width:100%!important;max-width:1480px!important;margin-inline:auto!important}:root[data-visual-style="2040"][data-theme=hub] .hero{display:none!important}:root[data-visual-style="2040"][data-theme=hub] .cases-section{position:relative!important;padding:31px 0 100px!important}:root[data-visual-style="2040"][data-theme=hub] .cases-section:before{content:"КОЛЛЕКЦИИ";display:block;margin:0 0 14px 4px;font-size:18px;font-weight:760;letter-spacing:.12em}:root[data-visual-style="2040"][data-theme=hub] .cases-section:after{content:"CURATED OBJECTS / KORZH";position:absolute;right:5px;top:38px;color:#505662;font-size:6px;letter-spacing:.2em}:root[data-visual-style="2040"][data-theme=hub] .section-title.cases-heading{display:none!important}
:root[data-visual-style="2040"][data-theme=hub] .case-filters{position:sticky!important;z-index:30!important;top:12px!important;width:100%!important;min-height:54px!important;margin:0 0 26px!important;padding:7px!important;border:1px solid var(--line)!important;border-radius:18px!important;background:#0d1017dc!important;box-shadow:0 16px 38px #0005,inset 0 1px #ffffff0a!important;backdrop-filter:blur(24px)!important}:root[data-visual-style="2040"][data-theme=hub] .case-filter,:root[data-visual-style="2040"][data-theme=hub] .available-filter,:root[data-visual-style="2040"][data-theme=hub] .case-reset-filters{border-color:#ffffff0e!important;border-radius:12px!important;background:#ffffff06!important;color:#858b96!important;box-shadow:none!important}:root[data-visual-style="2040"][data-theme=hub] .case-filter:focus-within,:root[data-visual-style="2040"][data-theme=hub] .case-filter:hover{background:#ffffff0b!important;border-color:#e8a27d26!important}:root[data-visual-style="2040"][data-theme=hub] .available-filter.active{color:#efab87!important;background:#db845c17!important;border-color:#e7977033!important}
:root[data-visual-style="2040"][data-theme=hub] .case-collection{margin-bottom:49px!important}:root[data-visual-style="2040"][data-theme=hub] .collection-heading{min-height:30px!important;margin-bottom:12px!important;display:flex!important;align-items:center!important;gap:13px!important}:root[data-visual-style="2040"][data-theme=hub] .collection-heading:before{content:"";width:7px;height:7px;border-radius:50%;background:#e2946d;box-shadow:0 0 17px #e2946d88}:root[data-visual-style="2040"][data-theme=hub] .collection-heading:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,#e2946d44,transparent)}:root[data-visual-style="2040"][data-theme=hub] .collection-heading span{font-size:10px!important;letter-spacing:.09em!important;color:#dcd8d2!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-frame{position:relative!important;padding:13px!important;border:1px solid var(--line)!important;border-radius:28px!important;background:#11141db8!important;box-shadow:0 26px 70px #0004,inset 0 1px #ffffff0a!important;overflow:hidden!important}:root[data-visual-style="2040"][data-theme=hub] .case-grid{gap:10px!important}:root[data-visual-style="2040"][data-theme=hub] .case-card{position:relative!important;border:1px solid #ffffff0e!important;border-radius:22px!important;background:radial-gradient(ellipse 80% 60% at 50% 40%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 70%),#11141dcc!important;box-shadow:inset 0 1px #ffffff09,0 12px 28px #0003!important;transform:perspective(900px) translateZ(0);transform-style:preserve-3d!important;transition:.34s cubic-bezier(.2,.8,.2,1)!important;overflow:hidden!important}:root[data-visual-style="2040"][data-theme=hub] .case-card:before{content:""!important;position:absolute!important;z-index:3!important;inset:-60% -90%!important;background:linear-gradient(105deg,transparent 43%,#ffffff14 49%,transparent 55%)!important;transform:translateX(-45%)!important;opacity:0!important;transition:.55s ease!important;pointer-events:none}:root[data-visual-style="2040"][data-theme=hub] .case-card:hover{z-index:5!important;transform:perspective(900px) translateY(-8px) rotateX(2.4deg) scale(1.015)!important;border-color:color-mix(in srgb,var(--accent) 34%,#ffffff14)!important;box-shadow:0 27px 52px #0006,0 0 30px color-mix(in srgb,var(--accent) 8%,transparent)!important}:root[data-visual-style="2040"][data-theme=hub] .case-card:hover:before{transform:translateX(45%)!important;opacity:1!important}:root[data-visual-style="2040"][data-theme=hub] .case-card .case-art{transform:translateZ(18px);transition:.34s ease!important}:root[data-visual-style="2040"][data-theme=hub] .case-card:hover .case-art{transform:translateZ(34px) scale(1.025);filter:saturate(1.05) brightness(1.04)}:root[data-visual-style="2040"][data-theme=hub] .case-card-title{z-index:4;color:#efebe5!important;transform:translateZ(24px)}:root[data-visual-style="2040"][data-theme=hub] .case-price-tag{z-index:4;border-color:#ffffff12!important;border-radius:10px!important;background:#07090d80!important;color:#d8d4cf!important;transform:translateZ(28px)}
/* Case roulette: geometry and timing untouched */
:root[data-visual-style="2040"][data-theme=hub] .case-detail-page{padding:28px 0 100px!important}:root[data-visual-style="2040"][data-theme=hub] .case-detail-shell{border:1px solid var(--line)!important;border-radius:30px!important;background:#11141db0!important;box-shadow:0 34px 90px #0005,inset 0 1px #ffffff0a!important;overflow:hidden!important}:root[data-visual-style="2040"][data-theme=hub] .case-page-topbar{height:77px!important;padding:0 24px!important;border-bottom-color:#ffffff0e!important}:root[data-visual-style="2040"][data-theme=hub] .case-page-heading h1{font-size:18px!important;letter-spacing:.14em!important}:root[data-visual-style="2040"][data-theme=hub] .case-page-back{height:38px!important;padding:0 14px!important;border:1px solid #ffffff10!important;border-radius:12px!important;background:#ffffff06!important;color:#8b909a!important}:root[data-visual-style="2040"][data-theme=hub] .case-roulette-v166{padding:20px!important}:root[data-visual-style="2040"][data-theme=hub] .case-roulette-board-v166{border-color:#ffffff10!important;border-radius:24px!important;background:#090b11!important;box-shadow:inset 0 0 90px #0008,0 18px 44px #0004!important}:root[data-visual-style="2040"][data-theme=hub] .case-roulette-lane-v166,:root[data-visual-style="2040"][data-theme=hub] .case-roulette-card-v166{border-color:#ffffff0e!important;border-radius:18px!important;background:#10131b!important}:root[data-visual-style="2040"][data-theme=hub] .open-btn,:root[data-visual-style="2040"][data-theme=hub] .primary-action,:root[data-visual-style="2040"][data-theme=hub] .upgrade-run{border:1px solid #ffcbaf33!important;border-radius:15px!important;background:#d7835f!important;color:#160f0d!important;box-shadow:0 13px 28px #5b2b1c4f,inset 0 1px #ffffff47!important;transition:.2s ease!important}:root[data-visual-style="2040"][data-theme=hub] .open-btn:hover:not(:disabled),:root[data-visual-style="2040"][data-theme=hub] .primary-action:hover:not(:disabled),:root[data-visual-style="2040"][data-theme=hub] .upgrade-run:hover:not(:disabled){transform:translateY(-2px)!important;filter:brightness(1.07)!important}:root[data-visual-style="2040"][data-theme=hub] .case-page-contents{margin:22px!important;padding:22px!important;border:1px solid #ffffff0e!important;border-radius:24px!important;background:#0b0e148f!important}
/* Shared skin cards */
:root[data-visual-style="2040"][data-theme=hub] .skin-card{border-color:#ffffff10!important;border-radius:17px!important;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rarity) 10%,transparent),transparent 60%),#11151d!important;box-shadow:inset 0 1px #ffffff09,0 10px 25px #0003!important;transition:.25s ease!important}:root[data-visual-style="2040"][data-theme=hub] .skin-card:hover{transform:translateY(-4px)!important;border-color:color-mix(in srgb,var(--rarity) 38%,#ffffff12)!important;box-shadow:0 18px 35px #0005!important}
/* Upgrade */
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-page{padding:28px 0 100px!important}:root[data-visual-style="2040"][data-theme=hub] .hub-u151-shell{position:relative!important;border:1px solid var(--line)!important;border-radius:31px!important;background:#10131bb8!important;box-shadow:0 35px 90px #0005,inset 0 1px #ffffff0b!important;overflow:hidden!important}:root[data-visual-style="2040"][data-theme=hub] .hub-u151-shell:before{content:"UPGRADE / PROBABILITY OBJECT";position:absolute;z-index:2;left:26px;top:18px;color:#4f5561;font-size:6px;letter-spacing:.2em}:root[data-visual-style="2040"][data-theme=hub] .hub-u151-stage{background:radial-gradient(ellipse 58% 80% at 50% 46%,#db896017,transparent 70%)!important}:root[data-visual-style="2040"][data-theme=hub] .hub-u151-side{border-color:#ffffff10!important;background:#11151dcc!important;box-shadow:0 22px 50px #0004,inset 0 1px #ffffff0a!important}:root[data-visual-style="2040"][data-theme=hub] .hub-u151-source{clip-path:polygon(0 4%,94% 0,100% 50%,94% 100%,0 96%);transform:perspective(1000px) rotateY(3deg)!important}:root[data-visual-style="2040"][data-theme=hub] .hub-u151-target{clip-path:polygon(6% 0,100% 4%,100% 96%,6% 100%,0 50%);transform:perspective(1000px) rotateY(-3deg)!important}:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-wrap{filter:drop-shadow(0 20px 27px #0007)!important}:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel{--sector-color:#698f79!important;border-color:#252a34!important;background:conic-gradient(from 0deg,var(--sector-color) 0 var(--chance-pct,0%),#313640 var(--chance-pct,0%) 100%)!important;box-shadow:inset 0 2px #ffffff12,inset 0 -14px 24px #0005,0 18px 38px #0007!important}:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel.result-win{--sector-color:#6ca887!important}:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel.result-lose{--sector-color:#af6870!important}:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel:before{background:radial-gradient(circle at 42% 30%,#202530,#0d1017 67%,#07090d)!important}:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser{border-color:#ffffff0e!important;background:#0b0e1487!important}:root[data-visual-style="2040"][data-theme=hub] .hub-u3-filter-row>*,:root[data-visual-style="2040"][data-theme=hub] .hub-u3-browser-presets button{border-color:#ffffff0e!important;border-radius:12px!important;background:#ffffff06!important}:root[data-visual-style="2040"][data-theme=hub] .hub-u3-browser-presets button.active{color:#f0ad88!important;border-color:#e8997033!important;background:#de855c1c!important}:root[data-visual-style="2040"][data-theme=hub] #upgradeBalanceSlider{background:linear-gradient(90deg,#d78b68 0 var(--balance-pct,0%),#171b23 var(--balance-pct,0%) 100%)!important}
/* Contracts, plane, dialogs */
:root[data-visual-style="2040"][data-theme=hub] .feature-main>.feature-hero{margin:29px 0 14px!important;padding:0 6px!important;background:transparent!important;border:0!important;box-shadow:none!important}:root[data-visual-style="2040"][data-theme=hub] .feature-hero h1{font-size:23px!important;letter-spacing:.09em!important}:root[data-visual-style="2040"][data-theme=hub] .contract-panel{border-color:var(--line)!important;border-radius:28px!important;background:#11141db8!important;box-shadow:0 28px 75px #0005,inset 0 1px #ffffff0a!important}:root[data-visual-style="2040"][data-theme=hub] .contract-slot{border-color:#ffffff10!important;border-radius:19px!important;background:#ffffff06!important;transition:.24s ease!important}:root[data-visual-style="2040"][data-theme=hub] button.contract-slot:hover{transform:translateY(-5px)!important;border-color:#e59e7933!important;box-shadow:0 17px 30px #0005!important}:root[data-visual-style="2040"][data-theme=hub] .picker-section{padding-bottom:100px!important}
:root[data-visual-style="2040"][data-theme=hub] .plane-page-v136{padding:28px 0 100px!important}:root[data-visual-style="2040"][data-theme=hub] .plane-flight-shell,:root[data-visual-style="2040"][data-theme=hub] .plane-inventory-panel{border-color:var(--line)!important;border-radius:30px!important;box-shadow:0 32px 90px #0005,inset 0 1px #ffffff0a!important;overflow:hidden!important}
:root[data-visual-style="2040"][data-theme=hub] .site-settings-overlay,:root[data-visual-style="2040"][data-theme=hub] .deposit-overlay,:root[data-visual-style="2040"][data-theme=hub] .upgrade-settings-overlay{background:#040609b3!important;backdrop-filter:blur(16px)!important}:root[data-visual-style="2040"][data-theme=hub] .site-settings-modal,:root[data-visual-style="2040"][data-theme=hub] .deposit-modal,:root[data-visual-style="2040"][data-theme=hub] .upgrade-settings-modal{border-color:#ffffff17!important;border-radius:27px!important;background:#121620fa!important;box-shadow:0 40px 110px #000a,inset 0 1px #ffffff0e!important}:root[data-visual-style="2040"][data-theme=hub] #supportPortal .support-fab{display:none!important}:root[data-visual-style="2040"][data-theme=hub] #supportPortal .support-widget-panel{right:174px!important;bottom:26px!important;border-color:#ffffff17!important;border-radius:25px!important;background:#121620fc!important;box-shadow:0 35px 90px #0009!important}
@media(max-width:1420px){:root[data-visual-style="2040"] .k2040-stage{padding-inline:145px}:root[data-visual-style="2040"] .k2040-rail{width:112px;padding-inline:10px}:root[data-visual-style="2040"] .k2040-rail-left{left:12px}:root[data-visual-style="2040"] .k2040-rail-right{right:12px}:root[data-visual-style="2040"] .k2040-balance{width:92px}}
@media(max-width:1120px){:root[data-visual-style="2040"] .k2040-stage{padding-inline:18px;padding-bottom:88px}:root[data-visual-style="2040"] .k2040-rail{top:auto;bottom:12px;height:64px;width:auto;padding:7px 9px;border-radius:21px!important;clip-path:none!important;transform:none!important;flex-direction:row}:root[data-visual-style="2040"] .k2040-rail-left{left:50%;transform:translateX(-50%)!important}:root[data-visual-style="2040"] .k2040-rail-right{display:none}:root[data-visual-style="2040"] .k2040-rail-mark,:root[data-visual-style="2040"] .k2040-rail-status{display:none}:root[data-visual-style="2040"] .k2040-nav{flex-direction:row;gap:5px}:root[data-visual-style="2040"] .k2040-nav button{width:67px;height:48px;transform:none!important;border-radius:14px}:root[data-visual-style="2040"] .visual-style-switch{left:12px;bottom:20px;transform:scale(.88);transform-origin:left bottom}:root[data-visual-style="2040"][data-theme=hub] #supportPortal .support-widget-panel{right:12px!important;bottom:82px!important}}
@media(max-width:700px){:root[data-visual-style="2040"] .k2040-stage{padding-inline:10px}:root[data-visual-style="2040"] .visual-style-switch{width:46px;padding:6px}.visual-style-switch-copy{display:none}:root[data-visual-style="2040"] .k2040-nav button{width:54px}:root[data-visual-style="2040"] .k2040-nav button span{display:none}:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header{margin-top:10px!important;border-radius:19px!important;min-height:61px!important}:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header:after,:root[data-visual-style="2040"][data-theme=hub] .cases-section:after{display:none}:root[data-visual-style="2040"][data-theme=hub] .hub-u151-source,:root[data-visual-style="2040"][data-theme=hub] .hub-u151-target{clip-path:none;transform:none!important}}

/* v193: the style control lives outside .page so legacy page-child rules cannot move it. */
#visualStylePortal.visual-style-portal{position:fixed!important;z-index:10000!important;left:max(18px,env(safe-area-inset-left))!important;right:auto!important;top:auto!important;bottom:max(18px,env(safe-area-inset-bottom))!important;width:max-content;height:max-content;display:block;pointer-events:none;isolation:isolate}
#visualStylePortal .visual-style-switch{position:relative!important;z-index:1!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0!important;pointer-events:auto}
@media(max-width:1120px){#visualStylePortal.visual-style-portal{left:max(12px,env(safe-area-inset-left))!important;bottom:max(12px,env(safe-area-inset-bottom))!important}}
@media(max-width:700px){#visualStylePortal .visual-style-switch{width:46px;padding:6px}#visualStylePortal .visual-style-switch-copy{display:none}}
@media(prefers-reduced-motion:reduce){:root[data-visual-style="2040"] *,:root[data-visual-style="2040"] *:before,:root[data-visual-style="2040"] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important}:root[data-visual-style="2040"] .k2040-atmosphere{display:none}}


/* =========================================================
   v248 — Telegram-only support for 2040
   ========================================================= */
:root[data-visual-style="2040"] .k248-telegram-card,
body[data-visual-style="2040"] .k248-telegram-card,
html[data-visual-style="2040"] .k248-telegram-card{
  width:min(520px,calc(100vw - 32px))!important;
  min-height:0!important;
  height:auto!important;
  max-height:calc(100dvh - 32px)!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,228,205,.11)!important;
  border-radius:28px!important;
  background:
    radial-gradient(120% 100% at 50% 0%,rgba(132,77,48,.26),transparent 52%),
    linear-gradient(155deg,rgba(31,20,15,.98),rgba(15,10,8,.99))!important;
  box-shadow:0 36px 110px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.035)!important;
}
:root[data-visual-style="2040"] .k248-telegram-card:before,
body[data-visual-style="2040"] .k248-telegram-card:before,
html[data-visual-style="2040"] .k248-telegram-card:before{
  content:""!important;position:absolute!important;inset:-80px 20% auto!important;height:210px!important;
  background:radial-gradient(circle,rgba(92,169,229,.14),rgba(113,70,47,.08) 40%,transparent 70%)!important;
  filter:blur(24px)!important;pointer-events:none!important;
}
.k248-telegram-card .kx235-close{z-index:3!important;top:18px!important;right:18px!important}
.k248-telegram-support{
  position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;
  padding:50px 48px 42px;
}
.k248-telegram-logo{
  width:88px;height:88px;border-radius:28px;display:grid;place-items:center;margin:0 0 24px;
  background:linear-gradient(145deg,#37aee2,#1e91d3);border:1px solid rgba(255,255,255,.2);
  box-shadow:0 18px 48px rgba(26,145,205,.24),0 0 0 8px rgba(50,161,218,.045);
  transform:rotate(-3deg);
}
.k248-telegram-logo svg{width:58px;height:58px;display:block;overflow:visible}
.k248-telegram-logo svg circle{fill:transparent}
.k248-telegram-logo svg path{fill:#fff}
.k248-telegram-support>small{color:#d99a72;font:800 10px/1 Inter,Arial,sans-serif;letter-spacing:.18em}
.k248-telegram-support>h2{margin:10px 0 0;color:#fff7f0;font:900 clamp(26px,3.4vw,34px)/1.05 Inter,Arial,sans-serif;letter-spacing:-.035em}
.k248-telegram-support>p{max-width:390px;margin:15px auto 0;color:#a99a90;font:600 13px/1.65 Inter,Arial,sans-serif}
.k248-telegram-button{
  width:100%;min-height:58px;margin-top:28px;padding:0 18px 0 22px;display:flex;align-items:center;justify-content:space-between;
  border:1px solid rgba(102,193,238,.22);border-radius:18px;text-decoration:none!important;
  background:linear-gradient(100deg,#289fd9,#208dca);color:white!important;
  box-shadow:0 17px 38px rgba(25,137,194,.18);transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.k248-telegram-button:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 21px 46px rgba(25,137,194,.25)}
.k248-telegram-button span{font:900 11px/1 Inter,Arial,sans-serif;letter-spacing:.09em}
.k248-telegram-button b{width:32px;height:32px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.13);font:700 17px/1 Arial}
.k248-telegram-handle{margin-top:13px;color:#766c66;font:700 10px/1 Inter,Arial,sans-serif;letter-spacing:.05em}
@media(max-width:560px){.k248-telegram-support{padding:44px 24px 32px}.k248-telegram-logo{width:78px;height:78px;border-radius:24px}.k248-telegram-logo svg{width:52px;height:52px}}

/* v250 — multiplier presets are hard radio controls; active glow never toggles off on repeat click. */
:root[data-visual-style="2040"][data-theme=hub] .hub-u3-browser-presets button[aria-pressed="true"],
:root[data-visual-style="2040"][data-theme=hub] .hub-u3-browser-presets button.active{
  color:#f3b08b!important;
  border-color:rgba(232,153,112,.38)!important;
  background:linear-gradient(180deg,rgba(222,133,92,.22),rgba(222,133,92,.12))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 0 0 1px rgba(232,153,112,.06),0 0 18px rgba(222,133,92,.16)!important;
}

/* ===== style-2040-rebuild.css ===== */
/* KORZH 2040 — v195 complete visual rebuild. Standard mode remains untouched. */
.k2040-page-intro{display:none}

:root[data-visual-style="2040"]{
  --future-bg:#07090d;
  --future-panel:rgba(18,20,27,.78);
  --future-panel-solid:#11141b;
  --future-edge:rgba(255,255,255,.095);
  --future-edge-hot:rgba(236,168,127,.42);
  --future-text:#f4f0ea;
  --future-muted:#7f8490;
  --future-copper:#e39a73;
  --future-copper-soft:#b9785b;
  --future-blue:#7184bb;
  --future-green:#77a98e;
  --future-red:#aa6870;
}

:root[data-visual-style="2040"] body{
  background:
    radial-gradient(760px 620px at var(--k2040-mx,18%) var(--k2040-my,12%),rgba(214,126,88,.095),transparent 72%),
    radial-gradient(900px 760px at 94% 8%,rgba(76,94,155,.12),transparent 72%),
    linear-gradient(135deg,#0d090b 0,#07090e 43%,#090c18 100%)!important;
  color:var(--future-text)!important;
}
:root[data-visual-style="2040"] body:before{
  opacity:.5!important;
  background-image:linear-gradient(rgba(255,255,255,.021) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px)!important;
  background-size:80px 80px!important;
  mask-image:radial-gradient(ellipse at var(--k2040-mx,50%) var(--k2040-my,32%),#000 0,transparent 72%)!important;
}
:root[data-visual-style="2040"] .page{position:relative;min-height:100vh!important;isolation:isolate}
:root[data-visual-style="2040"] .page:after{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(235,144,99,.035),transparent 20%,transparent 80%,rgba(100,119,184,.04)),radial-gradient(circle at 50% 0,rgba(255,255,255,.025),transparent 35%)}
:root[data-visual-style="2040"] .k2040-stage{width:100%;min-height:100vh;padding:0 190px 110px!important}

/* Living perspective rails */
:root[data-visual-style="2040"] .k2040-rail{
  --px:0;--py:0;
  top:16px!important;bottom:16px!important;width:164px!important;padding:26px 18px!important;
  border:1px solid rgba(255,255,255,.105)!important;background:linear-gradient(180deg,rgba(18,20,29,.96),rgba(10,12,18,.9))!important;
  box-shadow:0 38px 100px rgba(0,0,0,.66),inset 0 1px rgba(255,255,255,.08),inset 0 0 70px rgba(255,255,255,.012)!important;
  backdrop-filter:blur(30px) saturate(1.25)!important;overflow:hidden!important;
  transition:transform .12s ease-out,border-color .3s ease,box-shadow .3s ease!important;
}
:root[data-visual-style="2040"] .k2040-rail:before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at calc((var(--px) + 1)*50%) calc((var(--py) + 1)*50%),rgba(229,151,111,.13),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 22%,transparent 78%,rgba(255,255,255,.018));pointer-events:none}
:root[data-visual-style="2040"] .k2040-rail:after{top:7%!important;bottom:7%!important;width:1px!important;background:linear-gradient(transparent,rgba(235,164,124,.18) 25%,rgba(255,255,255,.38) 50%,rgba(119,139,199,.2) 74%,transparent)!important;opacity:.75}
:root[data-visual-style="2040"] .k2040-rail-left{left:16px!important;border-radius:34px 18px 18px 34px!important;clip-path:polygon(0 0,100% 4%,88% 50%,100% 96%,0 100%)!important;transform:perspective(1100px) rotateY(calc(var(--px)*2.2deg)) rotateX(calc(var(--py)*-1.3deg))!important}
:root[data-visual-style="2040"] .k2040-rail-right{right:16px!important;border-radius:18px 34px 34px 18px!important;clip-path:polygon(0 4%,100% 0,100% 100%,0 96%,12% 50%)!important;transform:perspective(1100px) rotateY(calc(var(--px)*2.2deg)) rotateX(calc(var(--py)*-1.3deg))!important}
:root[data-visual-style="2040"] .k2040-rail:hover{border-color:rgba(235,166,127,.24)!important;box-shadow:0 42px 110px rgba(0,0,0,.74),inset 0 1px rgba(255,255,255,.1),0 0 50px rgba(217,129,86,.05)!important}
:root[data-visual-style="2040"] .k2040-rail-signal{position:absolute;z-index:6;top:-22%;width:2px;height:17%;border-radius:99px;background:linear-gradient(transparent,#f5c1a4,transparent);filter:drop-shadow(0 0 9px rgba(241,164,121,.72));animation:k2040RailSignal 6.2s cubic-bezier(.45,0,.55,1) infinite;pointer-events:none}
:root[data-visual-style="2040"] .k2040-rail-left .k2040-rail-signal{right:11px}:root[data-visual-style="2040"] .k2040-rail-right .k2040-rail-signal{left:11px;animation-delay:-3.1s}
@keyframes k2040RailSignal{0%{top:-22%;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:104%;opacity:0}}

:root[data-visual-style="2040"] .k2040-rail-mark{width:62px!important;height:62px!important;margin:0 0 8px!important;border-radius:22px;background:rgba(255,255,255,.035);box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 35px rgba(0,0,0,.42)}
:root[data-visual-style="2040"] .k2040-rail-mark:before{inset:-8px!important;border-radius:24px!important;border-color:rgba(237,169,130,.22)!important;animation:k2040Mark 8s linear infinite!important}
:root[data-visual-style="2040"] .k2040-rail-mark img{width:46px!important;height:46px!important;transition:.35s ease}
:root[data-visual-style="2040"] .k2040-rail-mark>span{display:none}
:root[data-visual-style="2040"] .k2040-rail:hover .k2040-rail-mark img{transform:scale(1.06) rotate(-3deg)}
@keyframes k2040Mark{to{transform:rotate(405deg)}}
:root[data-visual-style="2040"] .k2040-rail-caption{display:flex;flex-direction:column;align-items:center;margin:9px 0 17px;line-height:1.1}
:root[data-visual-style="2040"] .k2040-rail-caption small{font-size:6px;font-weight:750;letter-spacing:.24em;color:#5f6571}
:root[data-visual-style="2040"] .k2040-rail-caption b{margin-top:5px;font-size:11px;letter-spacing:.18em;color:#e1dcd5}

:root[data-visual-style="2040"] .k2040-nav{justify-content:center!important;gap:11px!important}
:root[data-visual-style="2040"] .k2040-nav button{height:72px!important;border-radius:20px!important;transform:perspective(500px) rotateY(-6deg)!important;background:rgba(255,255,255,.018)!important;border-color:rgba(255,255,255,.035)!important;overflow:hidden}
:root[data-visual-style="2040"] .k2040-nav button:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(236,165,124,.14),transparent 70%);opacity:0;transform:scale(.3);transition:.35s ease}
:root[data-visual-style="2040"] .k2040-nav button em{position:absolute;left:8px;top:8px;font:700 5px/1 Inter,sans-serif;letter-spacing:.14em;color:#424852}
:root[data-visual-style="2040"] .k2040-nav button svg{width:24px!important;height:24px!important;position:relative;z-index:2}
:root[data-visual-style="2040"] .k2040-nav button span{position:relative;z-index:2;font-size:7px!important;letter-spacing:.11em!important}
:root[data-visual-style="2040"] .k2040-nav button:hover{color:#ede7df!important;transform:perspective(500px) rotateY(-1deg) translateX(8px) scale(1.025)!important;border-color:rgba(255,255,255,.11)!important;background:rgba(255,255,255,.055)!important}
:root[data-visual-style="2040"] .k2040-nav button:hover:before,:root[data-visual-style="2040"] .k2040-nav button.active:before{opacity:1;transform:scale(1)}
:root[data-visual-style="2040"] .k2040-nav button.active{color:#f2b18e!important;border-color:rgba(233,155,113,.3)!important;background:linear-gradient(135deg,rgba(222,130,87,.17),rgba(255,255,255,.035))!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 13px 30px rgba(0,0,0,.35),0 0 26px rgba(217,126,82,.08)!important}
:root[data-visual-style="2040"] .k2040-nav button.active>i{right:9px!important;width:4px!important;height:18px!important;border-radius:99px!important;background:linear-gradient(#f6c0a0,#dc855d)!important;box-shadow:0 0 15px rgba(235,145,96,.85)!important}
:root[data-visual-style="2040"] .k2040-rail-context{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:18px;padding:13px 8px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:rgba(255,255,255,.025)}
:root[data-visual-style="2040"] .k2040-rail-context small{font-size:5px;letter-spacing:.22em;color:#4d535e}:root[data-visual-style="2040"] .k2040-rail-context strong{font-size:8px;letter-spacing:.08em;color:#b9b6b1}
:root[data-visual-style="2040"] .k2040-rail-status{margin:13px 0 0!important;font-size:5px!important;letter-spacing:.14em!important;color:#555c66!important}

/* Right personal rail */
:root[data-visual-style="2040"] .k2040-profile-orbit{position:relative;width:80px;height:80px;display:grid;place-items:center;margin-bottom:2px}
:root[data-visual-style="2040"] .k2040-profile-orbit>span{position:absolute;inset:2px;border:1px dashed rgba(236,166,126,.22);border-radius:50%;animation:k2040ProfileOrbit 14s linear infinite;pointer-events:none}
:root[data-visual-style="2040"] .k2040-profile-orbit>span:before{content:"";position:absolute;left:50%;top:-3px;width:6px;height:6px;border-radius:50%;background:#e99d74;box-shadow:0 0 12px rgba(235,153,110,.85)}
@keyframes k2040ProfileOrbit{to{transform:rotate(360deg)}}
:root[data-visual-style="2040"] .k2040-avatar{width:62px!important;height:62px!important;border:2px solid rgba(255,255,255,.18)!important;background:#171b24!important;box-shadow:0 16px 36px rgba(0,0,0,.55),0 0 0 7px rgba(255,255,255,.025)!important}
:root[data-visual-style="2040"] .k2040-avatar img,:root[data-visual-style="2040"] .k2040-avatar>span{width:54px!important;height:54px!important}
:root[data-visual-style="2040"] .k2040-user-caption{margin-top:6px!important}
:root[data-visual-style="2040"] .k2040-balance{width:120px!important;min-height:72px!important;margin:8px 0 0!important;padding:13px 31px 12px 13px!important;border-radius:19px!important;border-color:rgba(255,255,255,.075)!important;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018))!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 16px 30px rgba(0,0,0,.25)}
:root[data-visual-style="2040"] .k2040-balance small{font-size:6px!important;color:#676d77!important;letter-spacing:.18em!important}:root[data-visual-style="2040"] .k2040-balance strong{margin-top:7px!important;font-size:14px!important;color:#f1ece6}:root[data-visual-style="2040"] .k2040-balance img{width:15px!important;height:15px!important;right:10px!important;bottom:15px!important}
:root[data-visual-style="2040"] .k2040-orb{width:86px!important;min-height:58px!important;border-radius:18px!important;background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.075)!important;color:#8b9099!important}
:root[data-visual-style="2040"] .k2040-orb:hover{color:#eee9e2!important;border-color:rgba(233,159,119,.25)!important;background:rgba(255,255,255,.07)!important;box-shadow:0 16px 32px rgba(0,0,0,.38),0 0 24px rgba(224,133,90,.06)!important}
:root[data-visual-style="2040"] .k2040-deposit{width:120px!important;margin-top:9px!important;display:grid!important;grid-template-columns:28px 1fr!important;min-height:48px!important;padding:0 12px!important;color:#f0b08e!important;background:linear-gradient(135deg,rgba(222,131,88,.19),rgba(255,255,255,.035))!important;border-color:rgba(235,156,114,.28)!important}
:root[data-visual-style="2040"] .k2040-deposit>span{font-size:19px!important}:root[data-visual-style="2040"] .k2040-deposit b{font-size:7px!important;text-align:left}

/* Command island and live activity */
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header{height:78px!important;max-width:1560px!important;margin:16px auto 0!important;border-radius:27px!important;background:linear-gradient(135deg,rgba(19,21,29,.86),rgba(12,15,22,.76))!important;border-color:rgba(255,255,255,.105)!important;box-shadow:0 25px 65px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.075)!important;overflow:hidden!important}
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header:before{left:7%!important;right:7%!important;background:linear-gradient(90deg,transparent,rgba(238,166,126,.65),rgba(255,255,255,.26),rgba(105,125,188,.55),transparent)!important}
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header:after{content:"SECURE SESSION  •  KORZH 2040"!important;right:24px!important;color:#505661!important;font-size:6px!important;letter-spacing:.2em!important}
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header .brand{position:absolute!important;left:24px!important;transform:none!important;gap:12px!important}
:root[data-visual-style="2040"][data-theme=hub] .brand-word{font-size:24px!important;letter-spacing:.22em!important}
:root[data-visual-style="2040"][data-theme=hub] .live{max-width:1560px!important;height:84px!important;margin-top:11px!important;border-radius:24px!important;background:linear-gradient(90deg,rgba(18,20,28,.86),rgba(11,14,21,.72))!important;border-color:rgba(255,255,255,.085)!important;box-shadow:0 18px 46px rgba(0,0,0,.26),inset 0 1px rgba(255,255,255,.055)!important}
:root[data-visual-style="2040"][data-theme=hub] .live-toolbar{width:124px!important;padding-left:17px!important;background:linear-gradient(135deg,rgba(225,136,92,.1),transparent)!important}
:root[data-visual-style="2040"][data-theme=hub] .live-item{width:166px!important;border-left-color:rgba(255,255,255,.055)!important}
:root[data-visual-style="2040"][data-theme=hub] .live-item:hover{transform:translateY(-3px) scale(1.015)!important;background-color:rgba(255,255,255,.025)!important}

/* Home: entirely new first viewport */
:root[data-visual-style="2040"][data-theme=hub] main{max-width:1560px!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-page-intro{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) 420px;min-height:340px;margin:30px 0 24px;padding:52px 56px 76px;border:1px solid rgba(255,255,255,.095);border-radius:38px;background:radial-gradient(circle at 78% 44%,rgba(101,121,186,.13),transparent 34%),radial-gradient(circle at 15% 18%,rgba(222,130,87,.12),transparent 38%),linear-gradient(145deg,rgba(20,22,30,.87),rgba(10,13,20,.74));box-shadow:0 38px 100px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.07);overflow:hidden}
:root[data-visual-style="2040"][data-theme=hub] .k2040-page-intro:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 42%,rgba(255,255,255,.035) 50%,transparent 58%);transform:translateX(-70%);animation:k2040IntroSweep 9s ease-in-out infinite}
@keyframes k2040IntroSweep{50%,100%{transform:translateX(75%)}}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-copy{position:relative;z-index:2;align-self:center}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-copy>span{display:flex;align-items:center;gap:9px;color:#7b808a;font-size:8px;font-weight:750;letter-spacing:.22em}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-copy>span i{width:7px;height:7px;border-radius:50%;background:#df926b;box-shadow:0 0 16px rgba(231,146,104,.8);animation:k2040Live 2.4s ease-in-out infinite}
@keyframes k2040Live{50%{opacity:.4;transform:scale(.72)}}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-copy h1{margin:18px 0 14px;font-size:clamp(42px,4.2vw,72px);line-height:.94;letter-spacing:-.055em;color:#f5f1eb}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-copy h1 em{font-style:normal;color:#e59a73}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-copy p{max-width:550px;margin:0;color:#777d88;font-size:12px;line-height:1.65}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-object{position:relative;z-index:2;display:grid;place-items:center;min-height:220px;perspective:900px}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-ring{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:rotateX(67deg);box-shadow:0 0 45px rgba(93,111,174,.08)}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-ring.ring-a{width:290px;height:290px;border-color:rgba(232,155,114,.23);animation:k2040RingA 13s linear infinite}:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-ring.ring-b{width:210px;height:210px;border-style:dashed;border-color:rgba(116,137,201,.28);animation:k2040RingB 9s linear infinite reverse}
@keyframes k2040RingA{to{transform:rotateX(67deg) rotateZ(360deg)}}@keyframes k2040RingB{to{transform:rotateX(67deg) rotateZ(360deg)}}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-core{position:relative;width:112px;height:112px;display:grid;place-items:center;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.14);box-shadow:0 35px 65px rgba(0,0,0,.5),0 0 55px rgba(226,139,95,.11),inset 0 1px rgba(255,255,255,.13);transform:rotate(-6deg);animation:k2040Core 5.2s ease-in-out infinite}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-core img{width:78px;height:78px;filter:drop-shadow(0 18px 20px rgba(0,0,0,.45))}
@keyframes k2040Core{50%{transform:translateY(-10px) rotate(5deg)}}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-beam{position:absolute;width:230px;height:26px;bottom:34px;border-radius:50%;background:radial-gradient(ellipse,rgba(227,148,108,.23),transparent 68%);filter:blur(8px)}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-metrics{position:absolute;z-index:3;left:56px;right:56px;bottom:24px;display:flex;gap:12px}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-metrics>div{min-width:104px;padding:10px 14px;border:1px solid rgba(255,255,255,.065);border-radius:13px;background:rgba(255,255,255,.025)}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-metrics small{display:block;color:#565c66;font-size:5px;letter-spacing:.17em}:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-metrics strong{display:block;margin-top:4px;color:#d9d5cf;font-size:12px}
:root[data-visual-style="2040"][data-theme=hub] .page-cases>.k2040-stage main>.hero{display:none!important}

/* Collection command strip */
:root[data-visual-style="2040"][data-theme=hub] .cases-section{padding:0 0 120px!important}
:root[data-visual-style="2040"][data-theme=hub] .cases-section:before{content:"КОЛЛЕКЦИИ / 2040"!important;margin:0 0 13px 6px!important;color:#dcd8d2!important;font-size:15px!important;letter-spacing:.16em!important}
:root[data-visual-style="2040"][data-theme=hub] .case-filters{position:relative!important;top:auto!important;min-height:64px!important;margin-bottom:34px!important;padding:8px!important;border-radius:21px!important;background:linear-gradient(135deg,rgba(18,21,28,.87),rgba(10,13,19,.8))!important;border-color:rgba(255,255,255,.09)!important;box-shadow:0 22px 55px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.06)!important}
:root[data-visual-style="2040"][data-theme=hub] .case-filter,:root[data-visual-style="2040"][data-theme=hub] .available-filter,:root[data-visual-style="2040"][data-theme=hub] .case-reset-filters{height:48px!important;border-radius:14px!important;background:rgba(255,255,255,.028)!important;border:1px solid rgba(255,255,255,.055)!important}
:root[data-visual-style="2040"][data-theme=hub] .case-filter:hover,:root[data-visual-style="2040"][data-theme=hub] .case-filter:focus-within{background:rgba(255,255,255,.055)!important;border-color:rgba(230,156,117,.2)!important}

/* Collection shelves and product objects */
:root[data-visual-style="2040"][data-theme=hub] .case-collection{margin-bottom:58px!important}
:root[data-visual-style="2040"][data-theme=hub] .collection-heading{min-height:38px!important;margin:0 6px 14px!important;gap:14px!important}
:root[data-visual-style="2040"][data-theme=hub] .collection-heading:before{width:8px!important;height:8px!important;box-shadow:0 0 22px currentColor!important}
:root[data-visual-style="2040"][data-theme=hub] .collection-heading span{font-size:11px!important;letter-spacing:.13em!important;color:#d7d4ce!important}
:root[data-visual-style="2040"][data-theme=hub] .collection-heading:after{background:linear-gradient(90deg,rgba(231,153,112,.32),rgba(255,255,255,.055),transparent)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-frame{padding:12px!important;border-radius:31px!important;border:1px solid rgba(255,255,255,.085)!important;background:linear-gradient(145deg,rgba(20,22,30,.77),rgba(10,13,19,.68))!important;box-shadow:0 32px 80px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.055)!important;overflow:visible!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid{gap:11px!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card{--card-rx:0deg;--card-ry:0deg;min-height:306px!important;height:306px!important;padding:10px 12px 13px!important;grid-template-rows:222px 34px 32px!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.075)!important;background:radial-gradient(circle at var(--card-x,50%) var(--card-y,35%),color-mix(in srgb,var(--accent) 14%,transparent),transparent 37%),linear-gradient(155deg,rgba(25,28,37,.86),rgba(9,12,18,.78))!important;box-shadow:inset 0 1px rgba(255,255,255,.065),0 20px 42px rgba(0,0,0,.3)!important;transform:perspective(900px) rotateX(var(--card-rx)) rotateY(var(--card-ry)) translateZ(0)!important;transition:transform .18s ease,border-color .28s ease,box-shadow .28s ease!important;overflow:hidden!important;will-change:transform}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 32%,rgba(255,255,255,.08) 48%,transparent 62%);transform:translateX(-120%);transition:.65s ease;pointer-events:none}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card:hover{transform:perspective(900px) rotateX(var(--card-rx)) rotateY(var(--card-ry)) translateY(-9px) scale(1.018)!important;border-color:color-mix(in srgb,var(--accent) 38%,rgba(255,255,255,.13))!important;box-shadow:0 36px 68px rgba(0,0,0,.52),0 0 36px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 1px rgba(255,255,255,.09)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card:hover:after{transform:translateX(120%)}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-art{height:222px!important;min-height:222px!important;max-height:222px!important;transform:translateZ(26px)!important;transition:transform .28s ease,filter .28s ease!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card:hover .case-art{transform:translateZ(48px) scale(1.045)!important;filter:saturate(1.07) brightness(1.055) drop-shadow(0 22px 20px rgba(0,0,0,.28))!important}
:root[data-visual-style="2040"][data-theme=hub] .case-card-title{font-size:17px!important;letter-spacing:.055em!important;color:#f0ece6!important;text-shadow:0 6px 15px rgba(0,0,0,.6)!important}
:root[data-visual-style="2040"][data-theme=hub] .case-price-tag.case-price-centered{min-width:78px!important;height:29px!important;border-radius:10px!important;background:rgba(5,7,11,.66)!important;border-color:rgba(255,255,255,.1)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 9px 18px rgba(0,0,0,.35)!important}

/* Case opening — focused product chamber */
:root[data-visual-style="2040"][data-theme=hub] .case-detail-page{padding:30px 0 110px!important}
:root[data-visual-style="2040"][data-theme=hub] .case-detail-shell{border-radius:36px!important;border-color:rgba(255,255,255,.1)!important;background:radial-gradient(circle at 50% 15%,rgba(223,137,93,.09),transparent 35%),linear-gradient(145deg,rgba(19,22,30,.9),rgba(8,11,17,.82))!important;box-shadow:0 42px 110px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.07)!important}
:root[data-visual-style="2040"][data-theme=hub] .case-page-topbar{height:84px!important;padding:0 27px!important;background:rgba(255,255,255,.018)!important}
:root[data-visual-style="2040"][data-theme=hub] .case-roulette-board-v166{border-radius:29px!important;background:radial-gradient(ellipse at 50% 50%,rgba(229,144,99,.08),transparent 42%),#080b11!important;box-shadow:inset 0 0 120px rgba(0,0,0,.78),0 24px 60px rgba(0,0,0,.38)!important}
:root[data-visual-style="2040"][data-theme=hub] .open-btn,:root[data-visual-style="2040"][data-theme=hub] .primary-action,:root[data-visual-style="2040"][data-theme=hub] .upgrade-run{min-height:48px!important;border-radius:15px!important;background:linear-gradient(135deg,#efa57f,#c97957)!important;color:#170e0a!important;box-shadow:0 16px 36px rgba(92,43,27,.4),inset 0 1px rgba(255,255,255,.45)!important}

/* Upgrade probability chamber */
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-page{max-width:1560px!important;padding:30px 0 110px!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-shell{border-radius:38px!important;border-color:rgba(255,255,255,.1)!important;background:radial-gradient(circle at 50% 20%,rgba(227,144,101,.1),transparent 32%),linear-gradient(145deg,rgba(19,22,30,.91),rgba(8,11,17,.84))!important;box-shadow:0 44px 115px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.07)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-shell:before{content:"PROBABILITY ENGINE  /  LIVE"!important;top:20px!important;color:#59606b!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-stage{min-height:420px!important;padding-top:43px!important;background:radial-gradient(ellipse 35% 70% at 50% 45%,rgba(225,139,95,.12),transparent 72%)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-side{border-radius:30px!important;border-color:rgba(255,255,255,.105)!important;background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.015))!important;box-shadow:0 32px 72px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.075)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-source{clip-path:polygon(0 6%,90% 0,100% 50%,90% 100%,0 94%)!important;transform:perspective(1100px) rotateY(5deg)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-target{clip-path:polygon(10% 0,100% 6%,100% 94%,10% 100%,0 50%)!important;transform:perspective(1100px) rotateY(-5deg)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-wrap{filter:drop-shadow(0 30px 34px rgba(0,0,0,.56))!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel{box-shadow:inset 0 2px rgba(255,255,255,.1),inset 0 -18px 28px rgba(0,0,0,.48),0 24px 50px rgba(0,0,0,.56),0 0 55px rgba(223,137,94,.07)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser{border-radius:27px!important;background:linear-gradient(145deg,rgba(15,18,25,.82),rgba(8,11,17,.72))!important;border-color:rgba(255,255,255,.075)!important;box-shadow:inset 0 1px rgba(255,255,255,.045)!important}

/* Contracts */
:root[data-visual-style="2040"][data-theme=hub] .feature-main>.feature-hero{min-height:164px!important;margin:30px 0 16px!important;padding:35px 42px!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:30px!important;background:radial-gradient(circle at 85% 20%,rgba(102,120,180,.11),transparent 34%),linear-gradient(145deg,rgba(19,22,30,.84),rgba(10,13,20,.72))!important;box-shadow:0 28px 70px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.06)!important}
:root[data-visual-style="2040"][data-theme=hub] .feature-hero h1{margin:7px 0 0!important;font-size:40px!important;letter-spacing:-.025em!important}:root[data-visual-style="2040"][data-theme=hub] .feature-hero p{display:block!important;max-width:520px;color:#777d87!important;line-height:1.6}
:root[data-visual-style="2040"][data-theme=hub] .contract-panel{padding:28px!important;border-radius:34px!important;background:linear-gradient(145deg,rgba(19,22,30,.86),rgba(8,11,17,.78))!important;border-color:rgba(255,255,255,.095)!important;box-shadow:0 38px 95px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.065)!important}
:root[data-visual-style="2040"][data-theme=hub] .contract-slot{min-height:190px!important;border-radius:23px!important;background:radial-gradient(circle at var(--card-x,50%) var(--card-y,35%),rgba(227,145,102,.08),transparent 45%),rgba(255,255,255,.025)!important;transform:perspective(700px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transition:.2s ease!important}
:root[data-visual-style="2040"][data-theme=hub] button.contract-slot:hover{transform:perspective(700px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateY(-7px)!important}
:root[data-visual-style="2040"][data-theme=hub] .contract-summary{padding:22px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:21px!important;background:rgba(255,255,255,.025)!important}

/* Flight surface */
:root[data-visual-style="2040"][data-theme=hub] .plane-page-v136{max-width:1560px!important;padding:30px 0 110px!important}
:root[data-visual-style="2040"][data-theme=hub] .plane-hero-v136{min-height:150px!important;padding:30px 40px!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:30px!important;background:radial-gradient(circle at 82% 16%,rgba(105,125,187,.12),transparent 35%),linear-gradient(145deg,rgba(19,22,30,.84),rgba(10,13,20,.72))!important;box-shadow:0 28px 70px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.06)!important}
:root[data-visual-style="2040"][data-theme=hub] .plane-flight-shell,:root[data-visual-style="2040"][data-theme=hub] .plane-inventory-panel{border-radius:35px!important;border-color:rgba(255,255,255,.095)!important;box-shadow:0 42px 105px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.065)!important}
:root[data-visual-style="2040"][data-theme=hub] .plane-control-deck{background:linear-gradient(145deg,rgba(18,21,28,.94),rgba(9,12,18,.9))!important}

/* Shared object cards and dialogs */
:root[data-visual-style="2040"][data-theme=hub] .skin-card,:root[data-visual-style="2040"][data-theme=hub] .profile-page-item{--card-rx:0deg;--card-ry:0deg;background:radial-gradient(circle at var(--card-x,50%) var(--card-y,35%),color-mix(in srgb,var(--rarity) 14%,transparent),transparent 44%),linear-gradient(155deg,#161a22,#0b0e14)!important;transform:perspective(720px) rotateX(var(--card-rx)) rotateY(var(--card-ry));transition:transform .16s ease,border-color .25s ease,box-shadow .25s ease!important}
:root[data-visual-style="2040"][data-theme=hub] .skin-card:hover,:root[data-visual-style="2040"][data-theme=hub] .profile-page-item:hover{transform:perspective(720px) rotateX(var(--card-rx)) rotateY(var(--card-ry)) translateY(-6px)!important}
:root[data-visual-style="2040"][data-theme=hub] .site-settings-overlay,:root[data-visual-style="2040"][data-theme=hub] .deposit-overlay,:root[data-visual-style="2040"][data-theme=hub] .upgrade-settings-overlay,:root[data-visual-style="2040"][data-theme=hub] .overlay{background:rgba(3,5,8,.76)!important;backdrop-filter:blur(22px) saturate(.9)!important}
:root[data-visual-style="2040"][data-theme=hub] .site-settings-modal,:root[data-visual-style="2040"][data-theme=hub] .deposit-modal,:root[data-visual-style="2040"][data-theme=hub] .upgrade-settings-modal,:root[data-visual-style="2040"][data-theme=hub] .modal{border-radius:32px!important;border-color:rgba(255,255,255,.13)!important;background:linear-gradient(145deg,rgba(22,25,34,.98),rgba(10,13,20,.98))!important;box-shadow:0 55px 150px rgba(0,0,0,.75),inset 0 1px rgba(255,255,255,.08)!important}

/* Style control — readable, tactile, and kept in the exact bottom-left corner. */
#visualStylePortal .visual-style-switch{height:52px!important;padding:7px 13px 7px 8px!important;border-radius:17px!important;border-color:rgba(255,255,255,.12)!important;background:rgba(15,17,23,.94)!important;box-shadow:0 18px 45px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.08)!important}
#visualStylePortal .visual-style-switch-track{width:40px!important;height:27px!important;border-radius:10px!important}
#visualStylePortal .visual-style-switch-track i{top:4px!important;width:19px!important;height:19px!important;border-radius:7px!important}
#visualStylePortal .visual-style-switch[data-visual-style="2040"] .visual-style-switch-track i{left:17px!important}
#visualStylePortal .visual-style-switch-copy small{font-size:6px!important}:root #visualStylePortal .visual-style-switch-copy b{font-size:9px!important}

@media(max-width:1500px){
  :root[data-visual-style="2040"] .k2040-stage{padding-inline:158px!important}
  :root[data-visual-style="2040"] .k2040-rail{width:132px!important;padding-inline:13px!important}
  :root[data-visual-style="2040"] .k2040-balance,:root[data-visual-style="2040"] .k2040-deposit{width:102px!important}
  :root[data-visual-style="2040"] .k2040-nav button{height:66px!important}
  :root[data-visual-style="2040"][data-theme=hub] .k2040-page-intro{grid-template-columns:1fr 320px}
}
@media(max-width:1120px){
  :root[data-visual-style="2040"] .k2040-stage{padding:0 18px 96px!important}
  :root[data-visual-style="2040"] .k2040-rail{top:auto!important;bottom:12px!important;height:68px!important;width:auto!important;padding:8px 10px!important;clip-path:none!important;border-radius:22px!important;overflow:visible!important}
  :root[data-visual-style="2040"] .k2040-rail-left{left:50%!important;transform:translateX(-50%)!important}
  :root[data-visual-style="2040"] .k2040-rail-right{display:none!important}
  :root[data-visual-style="2040"] .k2040-rail-caption,:root[data-visual-style="2040"] .k2040-rail-context,:root[data-visual-style="2040"] .k2040-rail-status,:root[data-visual-style="2040"] .k2040-rail-signal{display:none!important}
  :root[data-visual-style="2040"] .k2040-nav{flex-direction:row!important;gap:5px!important}
  :root[data-visual-style="2040"] .k2040-nav button{width:70px!important;height:50px!important;transform:none!important}
  :root[data-visual-style="2040"][data-theme=hub] .k2040-page-intro{grid-template-columns:1fr;min-height:390px;padding:42px 38px 82px}
  :root[data-visual-style="2040"][data-theme=hub] .k2040-intro-object{position:absolute;right:20px;top:60px;opacity:.58;transform:scale(.75)}
}
@media(max-width:720px){
  :root[data-visual-style="2040"] .k2040-stage{padding-inline:10px!important}
  :root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header:after{display:none!important}
  :root[data-visual-style="2040"][data-theme=hub] .k2040-page-intro{min-height:410px;margin-top:18px;padding:34px 24px 92px;border-radius:28px}
  :root[data-visual-style="2040"][data-theme=hub] .k2040-intro-copy h1{font-size:40px}
  :root[data-visual-style="2040"][data-theme=hub] .k2040-intro-copy p{font-size:11px}
  :root[data-visual-style="2040"][data-theme=hub] .k2040-intro-object{right:-45px;top:90px;opacity:.35;transform:scale(.62)}
  :root[data-visual-style="2040"][data-theme=hub] .k2040-intro-metrics{left:24px;right:24px;bottom:20px;gap:7px}
  :root[data-visual-style="2040"][data-theme=hub] .k2040-intro-metrics>div{min-width:0;flex:1;padding:9px}
  :root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card{height:292px!important;min-height:292px!important}
  :root[data-visual-style="2040"] .k2040-nav button{width:56px!important}:root[data-visual-style="2040"] .k2040-nav button span,:root[data-visual-style="2040"] .k2040-nav button em{display:none!important}
}
@media(prefers-reduced-motion:reduce){:root[data-visual-style="2040"] .k2040-rail-signal,:root[data-visual-style="2040"] .k2040-profile-orbit>span,:root[data-visual-style="2040"] .k2040-intro-ring,:root[data-visual-style="2040"] .k2040-intro-core,:root[data-visual-style="2040"] .k2040-page-intro:before{animation:none!important}}

/* =========================================================
   v196 — KORZH 2040 / spatial calm rebuild
   Full perspective rails, open case shelves, tactile controls.
   Standard mode is intentionally untouched.
   ========================================================= */
:root[data-visual-style="2040"]{
  --k2040-glass:rgba(15,18,25,.82);
  --k2040-line:rgba(255,255,255,.095);
  --k2040-hot:#dda07d;
  --k2040-hot-soft:rgba(221,160,125,.14);
}

/* Full-height side cards: no clipped top/bottom polygons. They sleep at an angle and wake on hover. */
:root[data-visual-style="2040"] .k2040-rail{
  top:18px!important;bottom:18px!important;width:158px!important;
  padding:24px 16px 20px!important;
  border-radius:30px!important;clip-path:none!important;overflow:hidden!important;
  border:1px solid rgba(255,255,255,.105)!important;
  background:
    radial-gradient(circle at calc((var(--px) + 1)*50%) calc((var(--py) + 1)*50%),rgba(229,154,115,.11),transparent 30%),
    linear-gradient(180deg,rgba(21,23,31,.96),rgba(9,12,18,.94))!important;
  box-shadow:0 34px 90px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.075),inset 0 0 70px rgba(255,255,255,.012)!important;
  backdrop-filter:blur(28px) saturate(1.15)!important;
  transition:transform .34s cubic-bezier(.2,.82,.2,1),width .34s cubic-bezier(.2,.82,.2,1),border-color .28s ease,box-shadow .28s ease!important;
  will-change:transform,width;
}
:root[data-visual-style="2040"] .k2040-rail:before{
  inset:10px!important;border-radius:23px!important;z-index:0!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.026),transparent 24%,transparent 76%,rgba(255,255,255,.018)),
    radial-gradient(ellipse at 50% 50%,rgba(255,255,255,.022),transparent 62%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
:root[data-visual-style="2040"] .k2040-rail:after{
  content:""!important;top:46px!important;bottom:46px!important;width:1px!important;opacity:.55!important;
  background:linear-gradient(transparent,rgba(226,159,124,.13) 20%,rgba(255,255,255,.26) 50%,rgba(111,130,190,.13) 80%,transparent)!important;
}
:root[data-visual-style="2040"] .k2040-rail-left{
  left:16px!important;transform-origin:left center!important;
  transform:perspective(1200px) rotateY(calc(-6deg + var(--px)*1.45deg)) rotateX(calc(var(--py)*-.7deg)) translateX(-7px) scale(.985)!important;
}
:root[data-visual-style="2040"] .k2040-rail-right{
  right:16px!important;transform-origin:right center!important;
  transform:perspective(1200px) rotateY(calc(6deg + var(--px)*1.45deg)) rotateX(calc(var(--py)*-.7deg)) translateX(7px) scale(.985)!important;
}
:root[data-visual-style="2040"] .k2040-rail-left:hover{
  width:174px!important;transform:perspective(1200px) rotateY(calc(-.8deg + var(--px)*.8deg)) rotateX(calc(var(--py)*-.45deg)) translateX(5px) scale(1)!important;
}
:root[data-visual-style="2040"] .k2040-rail-right:hover{
  width:174px!important;transform:perspective(1200px) rotateY(calc(.8deg + var(--px)*.8deg)) rotateX(calc(var(--py)*-.45deg)) translateX(-5px) scale(1)!important;
}
:root[data-visual-style="2040"] .k2040-rail:hover{border-color:rgba(232,168,132,.22)!important;box-shadow:0 42px 110px rgba(0,0,0,.66),inset 0 1px rgba(255,255,255,.095),0 0 46px rgba(221,141,99,.045)!important}
:root[data-visual-style="2040"] .k2040-rail>*{position:relative;z-index:2}
:root[data-visual-style="2040"] .k2040-rail-mark{width:58px!important;height:58px!important;border-radius:20px!important;background:rgba(255,255,255,.025)!important}
:root[data-visual-style="2040"] .k2040-rail-caption{margin:7px 0 15px!important}
:root[data-visual-style="2040"] .k2040-nav{gap:9px!important}
:root[data-visual-style="2040"] .k2040-nav button{
  height:67px!important;border-radius:18px!important;transform:perspective(520px) rotateY(-5deg)!important;
  background:linear-gradient(135deg,rgba(255,255,255,.022),rgba(255,255,255,.008))!important;
  border:1px solid rgba(255,255,255,.038)!important;
}
:root[data-visual-style="2040"] .k2040-nav button:hover{transform:perspective(520px) rotateY(0deg) translateX(6px) scale(1.025)!important;background:rgba(255,255,255,.055)!important}
:root[data-visual-style="2040"] .k2040-nav button.active{background:linear-gradient(135deg,rgba(219,143,102,.15),rgba(255,255,255,.024))!important;border-color:rgba(228,157,119,.23)!important}
:root[data-visual-style="2040"] .k2040-rail-context{margin-top:14px!important;background:rgba(255,255,255,.018)!important;border-color:rgba(255,255,255,.045)!important}
:root[data-visual-style="2040"] .k2040-rail-status{display:none!important}

/* Right rail is information-first: readable balance and larger tap targets. */
:root[data-visual-style="2040"] .k2040-profile-orbit{width:78px!important;height:78px!important;margin-top:2px!important}
:root[data-visual-style="2040"] .k2040-user-caption{margin-bottom:13px!important}
:root[data-visual-style="2040"] .k2040-balance{
  width:124px!important;min-height:72px!important;margin:0!important;padding:11px 12px 10px!important;
  display:grid!important;grid-template-columns:1fr 18px!important;grid-template-rows:auto 1fr!important;align-items:center!important;
  border:1px solid rgba(255,255,255,.085)!important;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 15px 30px rgba(0,0,0,.2)!important;
}
:root[data-visual-style="2040"] .k2040-balance small{grid-column:1/-1!important;font-size:6px!important;letter-spacing:.17em!important;color:#676e79!important;text-align:left!important}
:root[data-visual-style="2040"] .k2040-balance strong{font-size:17px!important;line-height:1!important;letter-spacing:-.025em!important;color:#f5f0e9!important;white-space:nowrap!important;text-align:left!important}
:root[data-visual-style="2040"] .k2040-balance img{width:17px!important;height:17px!important;opacity:.92!important;justify-self:end!important}
:root[data-visual-style="2040"] .k2040-orb{
  width:124px!important;min-height:47px!important;margin-top:9px!important;padding:0 12px!important;display:flex!important;flex-direction:row!important;justify-content:flex-start!important;gap:10px!important;
  border-radius:15px!important;border:1px solid rgba(255,255,255,.075)!important;background:rgba(255,255,255,.026)!important;
}
:root[data-visual-style="2040"] .k2040-orb svg{width:18px!important;height:18px!important;flex:0 0 18px!important}
:root[data-visual-style="2040"] .k2040-orb>b{font-size:7px!important;letter-spacing:.055em!important;text-transform:uppercase!important}
:root[data-visual-style="2040"] .k2040-deposit{background:linear-gradient(135deg,rgba(224,150,111,.17),rgba(255,255,255,.026))!important;border-color:rgba(232,165,129,.21)!important;color:#efb18f!important}
:root[data-visual-style="2040"] .k2040-deposit>span{width:20px!important;height:20px!important;display:grid!important;place-items:center!important;border-radius:7px!important;background:rgba(230,156,118,.14)!important;font-size:17px!important}

/* The style switch visually docks into the bottom-left rail instead of floating over content. */
:root[data-visual-style="2040"] #visualStylePortal .visual-style-switch{
  left:27px!important;bottom:31px!important;width:132px!important;height:48px!important;padding:7px 10px 7px 8px!important;
  border-radius:15px!important;background:linear-gradient(145deg,rgba(26,29,38,.98),rgba(11,14,20,.98))!important;
  border-color:rgba(255,255,255,.09)!important;box-shadow:0 11px 28px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.065)!important;
}
:root[data-visual-style="2040"] #visualStylePortal .visual-style-switch-copy{display:grid!important}

/* Quiet top chrome — no dashboard box feeling. */
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header{
  height:66px!important;max-width:1540px!important;margin:14px auto 0!important;padding:0 22px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important;
}
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header:before{left:0!important;right:0!important;top:auto!important;bottom:0!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08) 12%,rgba(225,155,119,.24) 48%,rgba(255,255,255,.08) 88%,transparent)!important}
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header:after{display:none!important;content:none!important}
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header .brand{left:2px!important}
:root[data-visual-style="2040"][data-theme=hub] .live{
  max-width:1540px!important;height:74px!important;margin-top:4px!important;border-width:1px 0!important;border-radius:0!important;
  background:linear-gradient(90deg,transparent,rgba(16,19,26,.62) 8%,rgba(16,19,26,.72) 92%,transparent)!important;
  box-shadow:none!important;backdrop-filter:blur(12px)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .live-toolbar{width:114px!important;background:transparent!important;border-right-color:rgba(255,255,255,.06)!important}

/* Cases landing: open composition + object shelves, deliberately without rectangular case cards. */
:root[data-visual-style="2040"][data-theme=hub] .k2040-page-intro{
  min-height:285px!important;margin:26px 0 18px!important;padding:42px 42px 58px!important;
  grid-template-columns:minmax(0,1.18fr) 360px!important;border:0!important;border-radius:0!important;
  background:radial-gradient(circle at 77% 42%,rgba(102,121,183,.09),transparent 29%),radial-gradient(circle at 22% 28%,rgba(223,141,99,.075),transparent 31%)!important;
  box-shadow:none!important;overflow:visible!important;
}
:root[data-visual-style="2040"][data-theme=hub] .k2040-page-intro:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08) 10%,rgba(228,156,119,.2) 50%,rgba(255,255,255,.08) 90%,transparent)}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-copy h1{font-size:clamp(46px,5vw,74px)!important;line-height:.91!important;letter-spacing:-.055em!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-copy p{max-width:540px!important;font-size:12px!important;color:#727984!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-metrics{left:42px!important;bottom:18px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;gap:24px!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-metrics>div{min-width:78px!important;padding-right:22px!important;border-right:1px solid rgba(255,255,255,.07)!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-metrics>div:last-child{border-right:0!important}
:root[data-visual-style="2040"][data-theme=hub] .cases-section{padding-top:0!important}
:root[data-visual-style="2040"][data-theme=hub] .case-filters{
  min-height:56px!important;padding:7px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:19px!important;
  background:rgba(12,15,21,.52)!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important;backdrop-filter:blur(14px)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .case-filters input,:root[data-visual-style="2040"][data-theme=hub] .case-filters button{border-radius:12px!important}
:root[data-visual-style="2040"][data-theme=hub] .cases-heading{margin:13px 0 3px!important;opacity:.62!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-collection{position:relative!important;margin:0 0 36px!important;padding:19px 0 28px!important;border:0!important;background:transparent!important;box-shadow:none!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-collection:after{content:"";position:absolute;left:2%;right:2%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.075) 12%,rgba(255,255,255,.075) 88%,transparent)}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-collection .collection-heading{margin:0 0 7px!important;padding:0 8px!important;min-height:30px!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-collection .collection-heading span{font-size:9px!important;letter-spacing:.19em!important;color:#8b8f97!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-frame{
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-frame:before,:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-frame:after{display:none!important;content:none!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid{gap:8px 12px!important;overflow:visible!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card{
  min-height:288px!important;height:288px!important;padding:7px 10px 11px!important;grid-template-rows:218px 34px 28px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;
  transform:perspective(900px) rotateX(var(--card-rx)) rotateY(var(--card-ry))!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card:before{
  display:block!important;content:""!important;position:absolute!important;inset:20px 12px 54px!important;border-radius:50%!important;
  background:radial-gradient(ellipse at 50% 58%,color-mix(in srgb,var(--accent) 13%,transparent),transparent 57%)!important;
  filter:blur(7px)!important;opacity:.38!important;transition:opacity .28s ease,transform .28s ease!important;pointer-events:none!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card:after{
  display:block!important;content:""!important;position:absolute!important;left:14%!important;right:14%!important;bottom:49px!important;height:1px!important;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 44%,rgba(255,255,255,.18)),transparent)!important;
  transform:perspective(220px) rotateX(62deg)!important;box-shadow:0 9px 24px color-mix(in srgb,var(--accent) 10%,transparent)!important;transition:.28s ease!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card:hover{
  transform:perspective(900px) rotateX(var(--card-rx)) rotateY(var(--card-ry)) translateY(-7px) scale(1.018)!important;
  border:0!important;box-shadow:none!important;background:transparent!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card:hover:before{opacity:.9!important;transform:scale(1.08)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card:hover:after{left:8%!important;right:8%!important;box-shadow:0 12px 30px color-mix(in srgb,var(--accent) 20%,transparent)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-art{height:218px!important;min-height:218px!important;max-height:218px!important;transform:translateZ(24px)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card:hover .case-art{transform:translateZ(52px) translateY(-4px) scale(1.045)!important}
:root[data-visual-style="2040"][data-theme=hub] .case-card-title{font-size:16px!important;letter-spacing:.07em!important;color:#eeeae4!important}
:root[data-visual-style="2040"][data-theme=hub] .case-price-tag.case-price-centered{
  min-width:0!important;height:24px!important;padding:0 8px!important;border:0!important;border-radius:9px!important;
  background:rgba(255,255,255,.035)!important;box-shadow:none!important;color:#bbb7b1!important;
}

/* New upgrade workspace: floating input/output wings around the probability object. */
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-page{max-width:1540px!important;padding:26px 0 110px!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-shell{
  overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-shell:before{left:12px!important;top:4px!important;content:"UPGRADE / PROBABILITY OBJECT"!important;color:#515862!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-stage{
  min-height:410px!important;padding:34px 4px 20px!important;gap:18px!important;
  grid-template-columns:minmax(250px,1fr) 360px minmax(250px,1fr)!important;
  background:radial-gradient(ellipse 29% 68% at 50% 46%,rgba(222,143,102,.095),transparent 74%)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-side{
  height:320px!important;min-height:320px!important;align-self:center!important;padding:18px!important;
  border:1px solid rgba(255,255,255,.08)!important;border-radius:30px!important;clip-path:none!important;
  background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--side-accent,#d79a78) 8%,transparent),transparent 48%),linear-gradient(150deg,rgba(24,27,35,.66),rgba(9,12,18,.48))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 28px 56px rgba(0,0,0,.27)!important;
  transition:transform .3s cubic-bezier(.2,.82,.2,1),border-color .25s ease,background .25s ease!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-source{transform:perspective(1000px) rotateY(4deg) translateX(8px)!important;transform-origin:right center!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-target{transform:perspective(1000px) rotateY(-4deg) translateX(-8px)!important;transform-origin:left center!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-source:hover{transform:perspective(1000px) rotateY(1deg) translateX(3px) translateY(-3px)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-target:hover{transform:perspective(1000px) rotateY(-1deg) translateX(-3px) translateY(-3px)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-wrap{width:340px!important;height:340px!important;filter:drop-shadow(0 24px 30px rgba(0,0,0,.42))!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel{width:316px!important;height:316px!important;border:1px solid rgba(255,255,255,.085)!important;box-shadow:inset 0 2px rgba(255,255,255,.065),inset 0 -13px 24px rgba(0,0,0,.25),0 20px 38px rgba(0,0,0,.39)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel:before{inset:32px!important;background:radial-gradient(circle at 43% 31%,#20242d,#0d1016 68%,#080a0f)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-inner{width:198px!important;height:198px!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-inner>strong{font-size:46px!important;letter-spacing:-.055em!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browsers{margin-top:7px!important;gap:12px!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser{
  border-radius:25px!important;border-color:rgba(255,255,255,.065)!important;
  background:linear-gradient(145deg,rgba(15,18,24,.66),rgba(8,11,16,.58))!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}

/* One coherent 2040 button language — soft tactile surfaces instead of esports pills. */
:root[data-visual-style="2040"][data-theme=hub] :is(.open-btn,.primary-action,.upgrade-run,.sell-btn,.back-btn,.case-page-back,.hub-u3-browser-presets button,.upgrade-settings-btn,.contract-run,.plane-action,.support-submit,.profile-v163-deposit-btn,.profile-v160-command-actions button,.profile-v160-command-actions a){
  border:1px solid rgba(255,255,255,.09)!important;border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  color:#d7d3cd!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 10px 22px rgba(0,0,0,.18)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
:root[data-visual-style="2040"][data-theme=hub] :is(.open-btn,.primary-action,.upgrade-run,.contract-run,.plane-action,.support-submit,.profile-v163-deposit-btn){
  background:linear-gradient(135deg,#e1a07d,#bd7355)!important;color:#17100c!important;border-color:rgba(255,220,198,.24)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.32),0 14px 30px rgba(92,48,32,.28)!important;
}
:root[data-visual-style="2040"][data-theme=hub] :is(button,a):hover:is(.open-btn,.primary-action,.upgrade-run,.sell-btn,.back-btn,.case-page-back,.hub-u3-browser-presets button,.upgrade-settings-btn,.contract-run,.plane-action,.support-submit,.profile-v163-deposit-btn,.profile-v160-command-actions button,.profile-v160-command-actions a){
  transform:translateY(-2px)!important;border-color:rgba(232,169,134,.24)!important;box-shadow:inset 0 1px rgba(255,255,255,.095),0 16px 30px rgba(0,0,0,.27)!important;
}

@media(max-width:1500px){
  :root[data-visual-style="2040"] .k2040-stage{padding-inline:154px!important}
  :root[data-visual-style="2040"] .k2040-rail{width:132px!important;padding-inline:11px!important}
  :root[data-visual-style="2040"] .k2040-rail:hover{width:146px!important}
  :root[data-visual-style="2040"] .k2040-balance,:root[data-visual-style="2040"] .k2040-orb{width:108px!important}
  :root[data-visual-style="2040"] #visualStylePortal .visual-style-switch{left:23px!important;width:110px!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-stage{grid-template-columns:minmax(220px,1fr) 326px minmax(220px,1fr)!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-wrap{width:320px!important;height:320px!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel{width:300px!important;height:300px!important}
}
@media(max-width:1120px){
  :root[data-visual-style="2040"] .k2040-rail{clip-path:none!important;transform:none!important;width:auto!important}
  :root[data-visual-style="2040"] #visualStylePortal .visual-style-switch{left:12px!important;bottom:12px!important;width:auto!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-stage{grid-template-columns:1fr 1fr!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-core{grid-column:1/-1!important;grid-row:1!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-source,:root[data-visual-style="2040"][data-theme=hub] .hub-u151-target{transform:none!important}
}
@media(max-width:760px){
  :root[data-visual-style="2040"][data-theme=hub] .k2040-page-intro{grid-template-columns:1fr!important;padding:30px 16px 66px!important}
  :root[data-visual-style="2040"][data-theme=hub] .k2040-intro-metrics{left:16px!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card{height:276px!important;min-height:276px!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-stage{grid-template-columns:1fr!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-core{grid-column:auto!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-side{height:286px!important;min-height:286px!important}
}

/* =========================================================
   v197 — WARM SPATIAL POLISH
   Calm, inward-facing rails + centered upgrade + larger Oscar objects.
   Cursor movement lights surfaces; it no longer yanks cards around.
   ========================================================= */
:root[data-visual-style="2040"]{
  --future-bg:#0b0908;
  --future-panel:rgba(27,22,19,.82);
  --future-panel-solid:#171311;
  --future-edge:rgba(255,238,225,.095);
  --future-edge-hot:rgba(226,166,126,.34);
  --future-text:#f2e9e1;
  --future-muted:#8b7f77;
  --future-copper:#dca17d;
  --future-copper-soft:#a96f53;
  --future-blue:#9f806e;
  --future-green:#7d9c83;
  --future-red:#a96f70;
  --k2040-hot:#d9a07d;
  --k2040-hot-soft:rgba(217,160,125,.13);
}
:root[data-visual-style="2040"] body{
  background:
    radial-gradient(900px 700px at var(--k2040-mx,18%) var(--k2040-my,12%),rgba(211,145,106,.095),transparent 72%),
    radial-gradient(840px 680px at 93% 11%,rgba(142,102,79,.075),transparent 74%),
    radial-gradient(1200px 780px at 52% 110%,rgba(93,62,49,.09),transparent 70%),
    linear-gradient(135deg,#100b09 0%,#090908 47%,#0d0b0a 100%)!important;
}
:root[data-visual-style="2040"] body:before{
  opacity:.20!important;
  background-image:linear-gradient(rgba(255,239,226,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,239,226,.010) 1px,transparent 1px)!important;
  background-size:96px 96px!important;
}
:root[data-visual-style="2040"] .page:after{
  background:linear-gradient(90deg,rgba(214,148,108,.026),transparent 23%,transparent 77%,rgba(156,108,82,.025)),radial-gradient(circle at 50% 0,rgba(255,236,219,.018),transparent 38%)!important;
}

/* Side cards face the content, not the walls. No width morphing = no hover snap. */
:root[data-visual-style="2040"] .k2040-rail{
  width:160px!important;
  border-color:rgba(255,238,225,.09)!important;
  background:
    radial-gradient(circle at calc((var(--px) + 1)*50%) calc((var(--py) + 1)*50%),rgba(218,157,119,.10),transparent 31%),
    linear-gradient(180deg,rgba(29,24,21,.965),rgba(14,12,11,.94))!important;
  box-shadow:0 34px 88px rgba(0,0,0,.52),inset 0 1px rgba(255,244,234,.065),inset 0 0 64px rgba(255,232,214,.010)!important;
  transition:border-color .42s ease,box-shadow .42s ease,background .42s ease!important;
  will-change:transform;
}
:root[data-visual-style="2040"] .k2040-rail-left{
  transform-origin:left center!important;
  transform:perspective(1250px) rotateY(calc(7deg + var(--px)*1.05deg)) rotateX(calc(var(--py)*-.46deg)) translateX(-4px) scale(.988)!important;
}
:root[data-visual-style="2040"] .k2040-rail-right{
  transform-origin:right center!important;
  transform:perspective(1250px) rotateY(calc(-7deg + var(--px)*1.05deg)) rotateX(calc(var(--py)*-.46deg)) translateX(4px) scale(.988)!important;
}
:root[data-visual-style="2040"] .k2040-rail-left:hover{
  width:160px!important;
  transform:perspective(1250px) rotateY(calc(2.0deg + var(--px)*.72deg)) rotateX(calc(var(--py)*-.32deg)) translateX(5px) scale(.998)!important;
}
:root[data-visual-style="2040"] .k2040-rail-right:hover{
  width:160px!important;
  transform:perspective(1250px) rotateY(calc(-2.0deg + var(--px)*.72deg)) rotateX(calc(var(--py)*-.32deg)) translateX(-5px) scale(.998)!important;
}
:root[data-visual-style="2040"] .k2040-rail:hover{
  border-color:rgba(226,169,132,.19)!important;
  box-shadow:0 42px 105px rgba(0,0,0,.60),inset 0 1px rgba(255,244,234,.085),0 0 42px rgba(206,139,99,.035)!important;
}
:root[data-visual-style="2040"] .k2040-rail:after{background:linear-gradient(transparent,rgba(214,156,120,.08) 20%,rgba(255,239,225,.20) 50%,rgba(181,132,103,.08) 80%,transparent)!important}
:root[data-visual-style="2040"] .k2040-nav button{
  transform:perspective(560px) rotateY(4.2deg)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,242,232,.020),rgba(255,242,232,.006))!important;
  transition:transform .44s cubic-bezier(.16,.8,.22,1),background .36s ease,border-color .36s ease,color .36s ease,box-shadow .36s ease!important;
}
:root[data-visual-style="2040"] .k2040-nav button:hover{
  transform:perspective(560px) rotateY(.7deg) translateX(4px) translateY(-1px) scale(1.01)!important;
  background:rgba(255,239,228,.042)!important;
}
:root[data-visual-style="2040"] .k2040-nav button.active{
  background:linear-gradient(135deg,rgba(211,151,114,.13),rgba(255,240,228,.018))!important;
  border-color:rgba(224,167,132,.18)!important;
  color:#e8c0a6!important;
}
:root[data-visual-style="2040"] .k2040-orb,
:root[data-visual-style="2040"] .k2040-avatar,
:root[data-visual-style="2040"] .k2040-balance{
  transition:transform .42s cubic-bezier(.16,.8,.22,1),background .36s ease,border-color .36s ease,box-shadow .36s ease,color .36s ease!important;
}
:root[data-visual-style="2040"] .k2040-orb:hover{transform:translateX(-2px) translateY(-1px) scale(1.008)!important;background:rgba(255,240,229,.045)!important}
:root[data-visual-style="2040"] .k2040-avatar:hover{transform:scale(1.025)!important}
:root[data-visual-style="2040"] .k2040-balance{background:linear-gradient(145deg,rgba(255,238,225,.052),rgba(255,238,225,.014))!important}
:root[data-visual-style="2040"] .k2040-balance strong{color:#f4e9df!important}
:root[data-visual-style="2040"] .k2040-deposit{background:linear-gradient(135deg,rgba(211,151,114,.16),rgba(255,239,228,.018))!important;color:#e7b695!important}

/* Warmer, quieter top chrome. */
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header:before{background:linear-gradient(90deg,transparent,rgba(255,238,225,.055) 12%,rgba(213,154,117,.18) 48%,rgba(255,238,225,.055) 88%,transparent)!important}
:root[data-visual-style="2040"][data-theme=hub] .live{background:linear-gradient(90deg,transparent,rgba(22,18,16,.58) 8%,rgba(22,18,16,.67) 92%,transparent)!important}
:root[data-visual-style="2040"][data-theme=hub] .cases-section:before{content:"КОЛЛЕКЦИИ"!important;color:#cfc4bb!important;letter-spacing:.12em!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-copy>span{color:#aa8a77!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-page-intro{background:radial-gradient(circle at 77% 42%,rgba(156,111,85,.065),transparent 30%),radial-gradient(circle at 22% 28%,rgba(211,148,109,.07),transparent 31%)!important}

/* Oscar collection: genuinely open background and substantially larger four hero objects. */
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-oscar,
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-oscar .hub-showcase-frame,
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-oscar .oscar-case-grid{
  background:none!important;box-shadow:none!important;border:0!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-oscar{padding-top:12px!important;padding-bottom:34px!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-oscar .oscar-case-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:2px 10px!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-oscar .oscar-case-card{
  height:356px!important;min-height:356px!important;padding:0 8px 8px!important;
  grid-template-rows:286px 38px 28px!important;background:none!important;border:0!important;box-shadow:none!important;
  transform:translateZ(0)!important;
  transition:transform .48s cubic-bezier(.16,.8,.22,1),filter .42s ease!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-oscar .oscar-case-card:before{display:none!important;content:none!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-oscar .oscar-case-card:after{bottom:48px!important;left:18%!important;right:18%!important;opacity:.55!important;transition:left .45s cubic-bezier(.16,.8,.22,1),right .45s cubic-bezier(.16,.8,.22,1),opacity .35s ease,box-shadow .35s ease!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-oscar .oscar-case-card:hover{transform:translateY(-5px) scale(1.012)!important;filter:brightness(1.03)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-oscar .oscar-case-card:hover:after{left:12%!important;right:12%!important;opacity:.85!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-oscar .case-art.custom-oscar-art{
  width:100%!important;height:286px!important;min-height:286px!important;max-height:286px!important;transform:none!important;transition:transform .48s cubic-bezier(.16,.8,.22,1),filter .42s ease!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-oscar .oscar-case-card:hover .case-art.custom-oscar-art{transform:translateY(-4px) scale(1.028)!important;filter:saturate(1.025) drop-shadow(0 18px 18px rgba(0,0,0,.22))!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-oscar .oscar-case-image{width:100%!important;max-width:350px!important;height:278px!important;max-height:278px!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-oscar .case-card-title{font-size:18px!important;letter-spacing:.045em!important}

/* All hoverable objects move as one calm surface. Cursor only steers the light pool. */
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card:not(.oscar-case-card),
:root[data-visual-style="2040"][data-theme=hub] .skin-card,
:root[data-visual-style="2040"][data-theme=hub] .contract-slot{
  transform:translateZ(0)!important;
  transition:transform .46s cubic-bezier(.16,.8,.22,1),border-color .38s ease,box-shadow .38s ease,background .38s ease,filter .38s ease!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card:not(.oscar-case-card):hover{transform:translateY(-5px) scale(1.01)!important}
:root[data-visual-style="2040"][data-theme=hub] .skin-card:hover{transform:translateY(-3px) scale(1.006)!important}
:root[data-visual-style="2040"][data-theme=hub] button.contract-slot:hover{transform:translateY(-4px) scale(1.006)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-art{transition:transform .48s cubic-bezier(.16,.8,.22,1),filter .42s ease!important}

/* Upgrade: restore a real 3-column layout. The core owns column 2, so target can never hide behind it. */
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-shell:before{content:"АПГРЕЙД"!important;color:#74675f!important;letter-spacing:.16em!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-stage{
  position:relative!important;display:grid!important;
  grid-template-columns:minmax(280px,1fr) 368px minmax(280px,1fr)!important;
  grid-template-rows:360px!important;align-items:center!important;column-gap:22px!important;row-gap:0!important;
  min-height:414px!important;padding:34px 10px 20px!important;
  background:radial-gradient(ellipse 27% 72% at 50% 46%,rgba(205,143,106,.085),transparent 74%)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-source{grid-column:1!important;grid-row:1!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-target{grid-column:3!important;grid-row:1!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-side{
  width:100%!important;height:314px!important;min-height:314px!important;margin:0!important;padding:18px 20px!important;
  align-self:center!important;overflow:hidden!important;border-radius:28px!important;
  background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--side-accent,#c99778) 7%,transparent),transparent 50%),linear-gradient(150deg,rgba(34,28,24,.72),rgba(14,12,11,.58))!important;
  box-shadow:inset 0 1px rgba(255,244,234,.05),0 24px 52px rgba(0,0,0,.23)!important;
  transition:transform .48s cubic-bezier(.16,.8,.22,1),border-color .38s ease,background .38s ease,box-shadow .38s ease!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-source{transform:perspective(1050px) rotateY(3.2deg) translateX(5px)!important;transform-origin:right center!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-target{transform:perspective(1050px) rotateY(-3.2deg) translateX(-5px)!important;transform-origin:left center!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-source:hover{transform:perspective(1050px) rotateY(1deg) translateX(2px) translateY(-2px)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-target:hover{transform:perspective(1050px) rotateY(-1deg) translateX(-2px) translateY(-2px)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-source .compact-skin,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-target .compact-skin,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-source .hub-u151-empty,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-target .hub-u151-empty{transform:none!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-core{
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  grid-column:2!important;grid-row:1!important;justify-self:center!important;align-self:center!important;
  width:368px!important;height:360px!important;margin:0!important;padding:0!important;
  display:grid!important;place-items:center!important;transform:none!important;z-index:30!important;pointer-events:none!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-wrap{
  width:342px!important;height:342px!important;margin:0!important;display:grid!important;place-items:center!important;
  filter:drop-shadow(0 22px 28px rgba(0,0,0,.36))!important;pointer-events:auto!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel{width:318px!important;height:318px!important;background:conic-gradient(from 0deg,var(--sector-color) 0 var(--chance-pct,0%),#373431 var(--chance-pct,0%) 100%)!important;border-color:rgba(255,239,226,.075)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel:before{background:radial-gradient(circle at 43% 31%,#241f1b,#12100f 68%,#0a0908)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-inner>span{color:#857970!important;letter-spacing:.12em!important}

/* Controls: matte, warm and tactile instead of game-client neon. */
:root[data-visual-style="2040"][data-theme=hub] :is(.open-btn,.primary-action,.upgrade-run,.sell-btn,.back-btn,.case-page-back,.hub-u3-browser-presets button,.upgrade-settings-btn,.contract-run,.plane-action,.support-submit,.profile-v163-deposit-btn,.profile-v160-command-actions button,.profile-v160-command-actions a){
  border-radius:16px!important;border-color:rgba(255,239,226,.075)!important;
  background:linear-gradient(145deg,rgba(255,239,226,.058),rgba(255,239,226,.018))!important;
  color:#d7ccc3!important;letter-spacing:.045em!important;
  box-shadow:inset 0 1px rgba(255,247,240,.055),0 8px 18px rgba(0,0,0,.15)!important;
  transition:transform .42s cubic-bezier(.16,.8,.22,1),border-color .34s ease,background .34s ease,box-shadow .34s ease,color .34s ease!important;
}
:root[data-visual-style="2040"][data-theme=hub] :is(.open-btn,.primary-action,.upgrade-run,.contract-run,.plane-action,.support-submit,.profile-v163-deposit-btn){
  background:linear-gradient(135deg,#d9a17e,#b97859)!important;color:#1b120e!important;border-color:rgba(255,226,207,.18)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.27),0 12px 24px rgba(83,47,32,.22)!important;
}
:root[data-visual-style="2040"][data-theme=hub] :is(button,a):hover:is(.open-btn,.primary-action,.upgrade-run,.sell-btn,.back-btn,.case-page-back,.hub-u3-browser-presets button,.upgrade-settings-btn,.contract-run,.plane-action,.support-submit,.profile-v163-deposit-btn,.profile-v160-command-actions button,.profile-v160-command-actions a){
  transform:translateY(-1px) scale(1.004)!important;border-color:rgba(226,169,132,.19)!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 12px 22px rgba(0,0,0,.21)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .case-filter,
:root[data-visual-style="2040"][data-theme=hub] .available-filter,
:root[data-visual-style="2040"][data-theme=hub] .case-reset-filters,
:root[data-visual-style="2040"][data-theme=hub] .hub-u3-filter-row>*{
  background:rgba(255,239,226,.024)!important;border-color:rgba(255,239,226,.055)!important;
  transition:background .32s ease,border-color .32s ease,box-shadow .32s ease!important;
}

@media(max-width:1500px){
  :root[data-visual-style="2040"] .k2040-rail{width:134px!important}
  :root[data-visual-style="2040"] .k2040-rail:hover{width:134px!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-stage{grid-template-columns:minmax(220px,1fr) 332px minmax(220px,1fr)!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-core{width:332px!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-wrap{width:316px!important;height:316px!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel{width:296px!important;height:296px!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-showcase-oscar .oscar-case-card{height:334px!important;min-height:334px!important;grid-template-rows:264px 38px 28px!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-showcase-oscar .case-art.custom-oscar-art{height:264px!important;min-height:264px!important;max-height:264px!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-showcase-oscar .oscar-case-image{height:258px!important;max-height:258px!important}
}
@media(max-width:1120px){
  :root[data-visual-style="2040"] .k2040-rail{transform:none!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-stage{grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-core{grid-column:1/-1!important;grid-row:1!important;width:318px!important;height:318px!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-source{grid-column:1!important;grid-row:2!important;transform:none!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-target{grid-column:2!important;grid-row:2!important;transform:none!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-showcase-oscar .oscar-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-stage{grid-template-columns:1fr!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-core,:root[data-visual-style="2040"][data-theme=hub] .hub-u151-source,:root[data-visual-style="2040"][data-theme=hub] .hub-u151-target{grid-column:1!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-source{grid-row:2!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-target{grid-row:3!important}
  :root[data-visual-style="2040"][data-theme=hub] .hub-showcase-oscar .oscar-case-grid{grid-template-columns:1fr!important}
}

/* =========================================================
   v198 — MILK / NEON FLOW
   Warm espresso + milk gradients, larger type, fixed geometry rails.
   Pointer motion only moves light — never the panel itself.
   ========================================================= */
:root[data-visual-style="2040"]{
  --future-bg:#120b08;
  --future-panel:rgba(35,25,20,.78);
  --future-panel-solid:#1c130f;
  --future-edge:rgba(255,235,216,.12);
  --future-edge-hot:rgba(255,178,119,.42);
  --future-text:#fff4e9;
  --future-muted:#a99485;
  --future-copper:#ffae78;
  --future-copper-soft:#c67751;
  --future-neon:#ff9f62;
  --future-neon-2:#f4c9ff;
  --future-milk:#f0d8c3;
}
:root[data-visual-style="2040"] body{
  background:
    radial-gradient(1100px 760px at 9% 4%,rgba(116,64,43,.42),transparent 64%),
    radial-gradient(920px 720px at 88% 8%,rgba(240,212,188,.15),transparent 64%),
    radial-gradient(860px 580px at 54% 96%,rgba(255,185,132,.08),transparent 66%),
    linear-gradient(128deg,#140b07 0%,#20130d 27%,#0d0a08 58%,#17100c 100%)!important;
}
:root[data-visual-style="2040"] .page:after{
  background:
    linear-gradient(108deg,rgba(255,168,105,.045),transparent 21%,transparent 71%,rgba(246,214,189,.04)),
    radial-gradient(ellipse at 50% -8%,rgba(255,231,210,.055),transparent 42%)!important;
}
:root[data-visual-style="2040"] .k2040-atmosphere i{opacity:.14!important;background:#ff8f55!important;filter:blur(105px)!important;animation-duration:28s!important}
:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(2){background:#ead0b9!important;opacity:.10!important}
:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(3){background:#ffb071!important;opacity:.085!important}

/* Remove decorative microcopy. */
:root[data-visual-style="2040"] .k2040-rail-caption,
:root[data-visual-style="2040"] .k2040-rail-context,
:root[data-visual-style="2040"] .k2040-rail-status{display:none!important}
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header:after{display:none!important;content:none!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-copy>span{display:none!important}

/* Side panels: fixed inward-facing geometry. No transform feedback from the pointer. */
:root[data-visual-style="2040"] .k2040-rail{
  --rail-x:50%;--rail-y:50%;
  width:160px!important;
  background:
    radial-gradient(circle at var(--rail-x) var(--rail-y),rgba(255,180,126,.13),transparent 34%),
    linear-gradient(180deg,rgba(38,27,22,.965),rgba(18,13,11,.955))!important;
  border-color:rgba(255,231,211,.11)!important;
  box-shadow:0 36px 92px rgba(0,0,0,.48),inset 0 1px rgba(255,246,236,.07),inset 0 0 72px rgba(255,229,207,.012)!important;
  transition:transform .82s cubic-bezier(.16,.82,.18,1),border-color .52s ease,box-shadow .52s ease,background .52s ease!important;
  will-change:transform;
}
:root[data-visual-style="2040"] .k2040-rail:before{
  background:radial-gradient(circle at var(--rail-x) var(--rail-y),rgba(255,202,162,.09),transparent 31%),linear-gradient(180deg,rgba(255,246,238,.02),transparent 28%,transparent 72%,rgba(255,232,212,.012))!important;
}
:root[data-visual-style="2040"] .k2040-rail-left{
  transform-origin:left center!important;
  transform:perspective(1400px) rotateY(-8deg) translateX(-5px) scale(.989)!important;
}
:root[data-visual-style="2040"] .k2040-rail-right{
  transform-origin:right center!important;
  transform:perspective(1400px) rotateY(8deg) translateX(5px) scale(.989)!important;
}
:root[data-visual-style="2040"] .k2040-rail-left:hover{
  width:160px!important;
  transform:perspective(1400px) rotateY(-2.5deg) translateX(4px) scale(.998)!important;
}
:root[data-visual-style="2040"] .k2040-rail-right:hover{
  width:160px!important;
  transform:perspective(1400px) rotateY(2.5deg) translateX(-4px) scale(.998)!important;
}
:root[data-visual-style="2040"] .k2040-rail:hover{border-color:rgba(255,178,119,.25)!important;box-shadow:0 43px 104px rgba(0,0,0,.56),inset 0 1px rgba(255,247,239,.085),0 0 36px rgba(255,135,76,.075)!important}

/* New 2040 interaction icons + larger labels. */
:root[data-visual-style="2040"] .k2040-rail-mark{margin:2px 0 22px!important}
:root[data-visual-style="2040"] .k2040-nav{gap:12px!important}
:root[data-visual-style="2040"] .k2040-nav button{
  height:76px!important;border-radius:22px!important;padding:9px 7px!important;transform:none!important;
  background:linear-gradient(145deg,rgba(255,239,226,.035),rgba(255,239,226,.008))!important;
  transition:transform .56s cubic-bezier(.16,.82,.18,1),background .42s ease,border-color .42s ease,color .42s ease,box-shadow .42s ease!important;
}
:root[data-visual-style="2040"] .k2040-nav button em{display:none!important}
:root[data-visual-style="2040"] .k2040-nav button svg{width:29px!important;height:29px!important;stroke-width:1.55!important;filter:drop-shadow(0 0 0 transparent);transition:filter .45s ease,transform .55s cubic-bezier(.16,.82,.18,1)!important}
:root[data-visual-style="2040"] .k2040-nav button span{font-size:10px!important;letter-spacing:.075em!important;font-weight:850!important;color:#b9a99e!important}
:root[data-visual-style="2040"] .k2040-nav button:hover{transform:translateX(3px) translateY(-1px) scale(1.008)!important;background:linear-gradient(145deg,rgba(255,239,226,.058),rgba(255,177,119,.026))!important}
:root[data-visual-style="2040"] .k2040-nav button:hover svg{transform:scale(1.055)!important;filter:drop-shadow(0 0 9px rgba(255,156,92,.34))!important}
:root[data-visual-style="2040"] .k2040-nav button.active{
  color:#ffd2b4!important;border-color:rgba(255,174,112,.28)!important;
  background:linear-gradient(145deg,rgba(255,157,94,.16),rgba(245,222,203,.032))!important;
  box-shadow:inset 0 1px rgba(255,248,241,.09),0 12px 26px rgba(0,0,0,.22),0 0 23px rgba(255,139,73,.10)!important;
}
:root[data-visual-style="2040"] .k2040-nav button.active span{color:#f3c6a8!important}
:root[data-visual-style="2040"] .k2040-nav button.active svg{filter:drop-shadow(0 0 11px rgba(255,145,78,.48))!important}

/* Useful rail copy is now genuinely readable. */
:root[data-visual-style="2040"] .k2040-balance small{font-size:8px!important;letter-spacing:.12em!important;color:#9a887d!important}
:root[data-visual-style="2040"] .k2040-balance strong{font-size:18px!important}
:root[data-visual-style="2040"] .k2040-orb>b{font-size:9px!important;letter-spacing:.045em!important}
:root[data-visual-style="2040"] .k2040-deposit>span{font-size:20px!important}
#visualStylePortal .visual-style-switch-copy small{font-size:8px!important}
#visualStylePortal .visual-style-switch-copy b{font-size:10px!important}

/* Larger typography through the 2040 main experience. */
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-copy p{font-size:14px!important;line-height:1.55!important;color:#a18e81!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-metrics small{font-size:8px!important;color:#907e72!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-metrics strong{font-size:14px!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-collection .collection-heading span{font-size:12px!important;letter-spacing:.14em!important;color:#c8b8ad!important}
:root[data-visual-style="2040"][data-theme=hub] .case-price-tag.case-price-centered{height:29px!important;font-size:11px!important;color:#d8c7ba!important;background:rgba(255,239,226,.045)!important}
:root[data-visual-style="2040"][data-theme=hub] .case-filters :is(input,button,span){font-size:10px!important}
:root[data-visual-style="2040"][data-theme=hub] .live :is(small,span){font-size:8px!important}
:root[data-visual-style="2040"][data-theme=hub] .live strong{font-size:10px!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-inner>span{font-size:9px!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u3-browser :is(button,input,span,small,strong),
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser :is(button,input,span,small,strong){font-size:max(9px,1em)!important}

/* KORZH loupe: token inside the lens, warm neon rim, clear empty-state labels. */
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-empty.hub-u191-empty-search{grid-template-rows:1fr auto!important;align-content:center!important;gap:5px!important;padding:8px 8px 16px!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u191-search-field{width:250px!important;height:145px!important;filter:drop-shadow(0 14px 20px rgba(0,0,0,.20)) drop-shadow(0 0 18px rgba(255,139,76,.06))!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u191-search-traveller{animation-duration:9.6s!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u191-search-glass{animation-duration:9.6s!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u191-search-glass::before{
  border-color:#f0c4a5!important;
  background:radial-gradient(circle at 38% 31%,rgba(255,250,246,.25),rgba(105,64,45,.14) 46%,rgba(22,12,8,.38) 78%)!important;
  box-shadow:inset 0 1px 3px rgba(255,255,255,.28),0 0 0 1px rgba(77,37,21,.65),0 0 18px rgba(255,145,79,.28),0 0 34px rgba(255,139,73,.11)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u191-search-glass::after{background:linear-gradient(180deg,#ffb477,#a95d3b)!important;border-color:rgba(255,220,196,.32)!important;box-shadow:0 4px 10px rgba(0,0,0,.38),0 0 14px rgba(255,133,67,.18),inset 0 1px rgba(255,255,255,.28)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u191-loupe-token{position:absolute!important;z-index:5!important;left:10px!important;top:9px!important;width:23px!important;height:23px!important;object-fit:contain!important;border-radius:50%!important;filter:drop-shadow(0 0 7px rgba(255,150,87,.42))!important;pointer-events:none!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u191-empty-copy{align-self:end!important;max-width:92%!important;margin:0 auto!important;text-align:center!important;color:#dcc7b7!important;font-size:12px!important;line-height:1.25!important;letter-spacing:.07em!important;font-weight:900!important;text-shadow:0 0 18px rgba(255,154,91,.08)!important}

/* Milk-neon buttons: more character without returning to esports chrome. */
:root[data-visual-style="2040"][data-theme=hub] :is(.open-btn,.primary-action,.upgrade-run,.contract-run,.plane-action,.support-submit,.profile-v163-deposit-btn){
  position:relative!important;overflow:hidden!important;
  background:linear-gradient(118deg,#f0cfb3 0%,#ffb27e 47%,#f19b67 100%)!important;
  color:#24140d!important;border-color:rgba(255,232,214,.36)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.44),0 12px 26px rgba(82,43,26,.22),0 0 20px rgba(255,143,76,.08)!important;
}
:root[data-visual-style="2040"][data-theme=hub] :is(.open-btn,.primary-action,.upgrade-run,.contract-run,.plane-action,.support-submit,.profile-v163-deposit-btn):before{
  content:""!important;position:absolute!important;inset:-40% auto -40% -28%!important;width:28%!important;transform:skewX(-18deg)!important;background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent)!important;opacity:0!important;transition:left .78s cubic-bezier(.16,.82,.18,1),opacity .25s ease!important;pointer-events:none!important;
}
:root[data-visual-style="2040"][data-theme=hub] :is(.open-btn,.primary-action,.upgrade-run,.contract-run,.plane-action,.support-submit,.profile-v163-deposit-btn):hover:before{left:108%!important;opacity:.65!important}
:root[data-visual-style="2040"][data-theme=hub] :is(.sell-btn,.back-btn,.case-page-back,.upgrade-settings-btn,.hub-u3-browser-presets button,.profile-v160-command-actions button,.profile-v160-command-actions a){background:linear-gradient(145deg,rgba(255,239,226,.062),rgba(255,239,226,.014))!important;border-color:rgba(255,232,212,.09)!important;color:#ddcec2!important}
:root[data-visual-style="2040"][data-theme=hub] :is(.sell-btn,.back-btn,.case-page-back,.upgrade-settings-btn,.hub-u3-browser-presets button):hover{border-color:rgba(255,166,102,.22)!important;box-shadow:0 11px 22px rgba(0,0,0,.18),0 0 18px rgba(255,132,68,.05)!important}

/* Upgrade wings: milk surface and faint neon edge. */
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-stage{background:radial-gradient(ellipse 30% 72% at 50% 46%,rgba(255,183,126,.10),transparent 73%)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-side{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--side-accent,#ffad76) 9%,transparent),transparent 50%),linear-gradient(150deg,rgba(48,34,27,.70),rgba(18,13,11,.58))!important;border-color:rgba(255,232,214,.085)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-side:hover{border-color:rgba(255,172,110,.18)!important;box-shadow:inset 0 1px rgba(255,244,235,.06),0 25px 52px rgba(0,0,0,.24),0 0 28px rgba(255,143,78,.045)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel{box-shadow:inset 0 2px rgba(255,255,255,.065),inset 0 -13px 24px rgba(0,0,0,.25),0 20px 38px rgba(0,0,0,.34),0 0 30px rgba(255,145,81,.07)!important}

@media(max-width:1500px){
  :root[data-visual-style="2040"] .k2040-rail{width:136px!important}
  :root[data-visual-style="2040"] .k2040-rail-left:hover,:root[data-visual-style="2040"] .k2040-rail-right:hover{width:136px!important}
  :root[data-visual-style="2040"] .k2040-nav button{height:70px!important}
  :root[data-visual-style="2040"] .k2040-nav button span{font-size:9px!important}
}
@media(max-width:1120px){
  :root[data-visual-style="2040"] .k2040-rail-left,:root[data-visual-style="2040"] .k2040-rail-left:hover{transform:translateX(-50%)!important}
}

/* =========================================================
   v199 — MILK CENTER / inward rails
   Centered brand, cream controls, real inward-facing panels,
   and the 2040 style switch docked inside the left rail.
   ========================================================= */
:root[data-visual-style="2040"]{
  --future-milk:#f4dfca;
  --future-milk-bright:#fff0df;
  --future-milk-soft:rgba(244,223,202,.14);
  --future-milk-line:rgba(255,236,216,.20);
  --future-coffee:#21130d;
  --future-coffee-deep:#100906;
}

/* More milk in the atmosphere without washing out the case artwork. */
:root[data-visual-style="2040"] body{
  background:
    radial-gradient(980px 700px at 13% 5%,rgba(123,69,45,.46),transparent 63%),
    radial-gradient(1050px 760px at 82% 3%,rgba(255,235,214,.23),transparent 62%),
    radial-gradient(760px 560px at 48% 50%,rgba(240,211,185,.075),transparent 70%),
    radial-gradient(940px 650px at 58% 100%,rgba(255,192,145,.10),transparent 68%),
    linear-gradient(128deg,#140b07 0%,#26170f 29%,#100b08 60%,#1c120d 100%)!important;
}
:root[data-visual-style="2040"] .page:after{
  opacity:.9!important;
  background:
    radial-gradient(ellipse 46% 24% at 53% 1%,rgba(255,239,222,.085),transparent 72%),
    linear-gradient(108deg,rgba(255,198,155,.052),transparent 23%,transparent 68%,rgba(255,239,222,.06))!important;
}

/* Top command bar: the KORZH mark is the only thing in the center. */
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header{
  position:relative!important;
  height:78px!important;
  max-width:1540px!important;
  margin:15px auto 0!important;
  padding:0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(255,236,216,.10)!important;
  border-radius:27px!important;
  background:linear-gradient(115deg,rgba(64,43,32,.44),rgba(244,223,202,.075) 48%,rgba(40,28,22,.40))!important;
  box-shadow:0 24px 65px rgba(0,0,0,.28),inset 0 1px rgba(255,248,238,.09),0 0 42px rgba(255,195,147,.035)!important;
  backdrop-filter:blur(24px) saturate(1.08)!important;
  overflow:hidden!important;
}
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header:before{
  left:12%!important;right:12%!important;bottom:0!important;top:auto!important;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(255,225,201,.18),rgba(255,244,232,.52),rgba(255,225,201,.18),transparent)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header .brand{
  position:absolute!important;left:50%!important;right:auto!important;top:50%!important;
  transform:translate(-50%,-50%)!important;margin:0!important;padding:0!important;gap:13px!important;
}
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header .brand-emblem{width:42px!important;height:42px!important;filter:drop-shadow(0 0 15px rgba(255,181,126,.17))!important}
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header .brand-word{font-size:25px!important;letter-spacing:.225em!important;color:var(--future-milk-bright)!important}

/* The rails now physically recede on their INNER edges.
   Left: right edge recedes. Right: left edge recedes. */
:root[data-visual-style="2040"] .k2040-rail{
  width:160px!important;
  border-color:rgba(255,238,219,.14)!important;
  background:
    radial-gradient(circle at var(--rail-x) var(--rail-y),rgba(255,225,199,.15),transparent 36%),
    linear-gradient(180deg,rgba(61,42,32,.91),rgba(27,18,14,.94))!important;
  box-shadow:0 38px 92px rgba(0,0,0,.45),inset 0 1px rgba(255,248,238,.09),inset 0 0 76px rgba(255,226,200,.018)!important;
  transition:border-color .55s ease,box-shadow .7s cubic-bezier(.16,.82,.18,1),background .7s ease!important;
  will-change:auto!important;
}
:root[data-visual-style="2040"] .k2040-rail-left{
  transform-origin:left center!important;
  transform:perspective(1400px) rotateY(9deg) translateX(-3px) scale(.991)!important;
}
:root[data-visual-style="2040"] .k2040-rail-right{
  transform-origin:right center!important;
  transform:perspective(1400px) rotateY(-9deg) translateX(3px) scale(.991)!important;
}
/* Never change panel geometry on hover: removes the enter/leave feedback jerk. */
:root[data-visual-style="2040"] .k2040-rail-left:hover{
  width:160px!important;transform:perspective(1400px) rotateY(9deg) translateX(-3px) scale(.991)!important;
}
:root[data-visual-style="2040"] .k2040-rail-right:hover{
  width:160px!important;transform:perspective(1400px) rotateY(-9deg) translateX(3px) scale(.991)!important;
}
:root[data-visual-style="2040"] .k2040-rail:hover{
  border-color:rgba(255,228,203,.25)!important;
  box-shadow:0 43px 104px rgba(0,0,0,.50),inset 0 1px rgba(255,249,240,.12),0 0 44px rgba(255,177,116,.08)!important;
}
:root[data-visual-style="2040"] .k2040-rail-mark,
:root[data-visual-style="2040"] .k2040-profile-orbit,
:root[data-visual-style="2040"] .k2040-balance,
:root[data-visual-style="2040"] .k2040-orb{
  transition:transform .72s cubic-bezier(.16,.82,.18,1),background .55s ease,border-color .55s ease,box-shadow .55s ease,color .45s ease!important;
}
:root[data-visual-style="2040"] .k2040-rail:hover .k2040-rail-mark{transform:translateY(-2px) scale(1.018)!important}
:root[data-visual-style="2040"] .k2040-rail-right:hover .k2040-profile-orbit{transform:translateY(-2px) scale(1.012)!important}

/* Softer nav motion: no sideways jump under the cursor. */
:root[data-visual-style="2040"] .k2040-nav button{
  color:#dbc7b5!important;
  background:linear-gradient(145deg,rgba(244,223,202,.075),rgba(244,223,202,.020))!important;
  border-color:rgba(255,236,216,.075)!important;
  transition:transform .72s cubic-bezier(.16,.82,.18,1),background .55s ease,border-color .55s ease,color .45s ease,box-shadow .55s ease!important;
}
:root[data-visual-style="2040"] .k2040-nav button span{color:#e3cfbd!important}
:root[data-visual-style="2040"] .k2040-nav button:hover{
  transform:translateY(-2px) scale(1.008)!important;
  color:var(--future-milk-bright)!important;
  background:linear-gradient(145deg,rgba(255,238,220,.12),rgba(255,206,168,.045))!important;
  border-color:rgba(255,234,214,.15)!important;
  box-shadow:inset 0 1px rgba(255,250,244,.09),0 13px 28px rgba(0,0,0,.17)!important;
}
:root[data-visual-style="2040"] .k2040-nav button.active{
  color:var(--future-milk-bright)!important;
  background:linear-gradient(140deg,rgba(255,229,205,.17),rgba(218,135,84,.10))!important;
  border-color:rgba(255,231,210,.23)!important;
  box-shadow:inset 0 1px rgba(255,251,245,.12),0 13px 28px rgba(0,0,0,.20),0 0 24px rgba(255,160,96,.08)!important;
}
:root[data-visual-style="2040"] .k2040-nav button.active span{color:var(--future-milk-bright)!important}

/* Cream information objects on the right rail. */
:root[data-visual-style="2040"] .k2040-balance{
  background:linear-gradient(145deg,rgba(244,223,202,.13),rgba(244,223,202,.045))!important;
  border-color:rgba(255,237,218,.14)!important;
}
:root[data-visual-style="2040"] .k2040-balance small{color:#c0a995!important}
:root[data-visual-style="2040"] .k2040-balance strong{color:var(--future-milk-bright)!important}
:root[data-visual-style="2040"] .k2040-orb{
  color:var(--future-milk)!important;
  background:linear-gradient(145deg,rgba(244,223,202,.105),rgba(244,223,202,.028))!important;
  border-color:rgba(255,237,218,.13)!important;
}
:root[data-visual-style="2040"] .k2040-orb>b{color:var(--future-milk)!important}
:root[data-visual-style="2040"] .k2040-orb:hover{
  transform:translateY(-2px) scale(1.006)!important;color:var(--future-milk-bright)!important;
  background:linear-gradient(145deg,rgba(255,236,216,.15),rgba(255,190,143,.05))!important;
  border-color:rgba(255,230,207,.23)!important;
}
:root[data-visual-style="2040"] .k2040-deposit{
  color:var(--future-milk-bright)!important;
  background:linear-gradient(135deg,rgba(255,229,205,.18),rgba(229,143,91,.09))!important;
  border-color:rgba(255,232,211,.22)!important;
}
:root[data-visual-style="2040"] .k2040-deposit>span{
  color:var(--future-milk-bright)!important;background:rgba(255,236,217,.10)!important;
}

/* Style selector is literally inside the 2040 left rail. */
:root[data-visual-style="2040"] .k2040-style-dock{
  width:100%;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,238,220,.07);flex:0 0 auto;
}
:root[data-visual-style="2040"] .k2040-style-dock .visual-style-switch{
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:100%!important;height:50px!important;margin:0!important;padding:7px 8px!important;gap:8px!important;
  border:1px solid rgba(255,236,216,.15)!important;border-radius:16px!important;
  background:linear-gradient(145deg,rgba(244,223,202,.13),rgba(244,223,202,.045))!important;
  color:var(--future-milk-bright)!important;
  box-shadow:inset 0 1px rgba(255,251,246,.10),0 10px 24px rgba(0,0,0,.17)!important;
  transform:none!important;
  transition:background .5s ease,border-color .5s ease,box-shadow .5s ease!important;
}
:root[data-visual-style="2040"] .k2040-style-dock .visual-style-switch:hover{
  transform:none!important;background:linear-gradient(145deg,rgba(255,237,219,.17),rgba(255,201,161,.055))!important;
  border-color:rgba(255,232,210,.24)!important;box-shadow:inset 0 1px rgba(255,251,246,.12),0 12px 28px rgba(0,0,0,.19),0 0 22px rgba(255,171,109,.055)!important;
}
:root[data-visual-style="2040"] .k2040-style-dock .visual-style-switch-track{
  width:42px!important;height:27px!important;flex:0 0 42px!important;background:rgba(244,223,202,.19)!important;border:1px solid rgba(255,239,222,.12)!important;box-shadow:inset 0 2px 5px rgba(60,31,18,.24)!important;
}
:root[data-visual-style="2040"] .k2040-style-dock .visual-style-switch-track i{
  width:19px!important;height:19px!important;top:3px!important;left:18px!important;background:var(--future-milk-bright)!important;
  box-shadow:0 3px 10px rgba(72,37,21,.28),0 0 13px rgba(255,214,180,.18)!important;
}
:root[data-visual-style="2040"] .k2040-style-dock .visual-style-switch-copy small{font-size:7px!important;color:#bca58f!important}
:root[data-visual-style="2040"] .k2040-style-dock .visual-style-switch-copy b{font-size:10px!important;color:var(--future-milk-bright)!important}

/* Milk glass through the central controls. */
:root[data-visual-style="2040"][data-theme=hub] .live{
  background:linear-gradient(90deg,rgba(40,27,21,.36),rgba(244,223,202,.070) 20%,rgba(244,223,202,.085) 50%,rgba(244,223,202,.070) 80%,rgba(40,27,21,.36))!important;
  border-color:rgba(255,237,218,.10)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .live-tabs button,
:root[data-visual-style="2040"][data-theme=hub] .case-filters button,
:root[data-visual-style="2040"][data-theme=hub] .case-filters input,
:root[data-visual-style="2040"][data-theme=hub] .hub-u3-browser :is(button,input,select),
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser :is(button,input,select),
:root[data-visual-style="2040"][data-theme=hub] :is(.sell-btn,.back-btn,.case-page-back,.upgrade-settings-btn,.profile-v160-command-actions button,.profile-v160-command-actions a){
  color:var(--future-milk)!important;
  background:linear-gradient(145deg,rgba(244,223,202,.105),rgba(244,223,202,.026))!important;
  border-color:rgba(255,237,218,.12)!important;
  box-shadow:inset 0 1px rgba(255,250,244,.06)!important;
}
:root[data-visual-style="2040"][data-theme=hub] :is(.live-tabs button,.case-filters button,.hub-u3-browser button,.hub-u151-browser button,.sell-btn,.back-btn,.case-page-back,.upgrade-settings-btn):hover{
  color:var(--future-milk-bright)!important;background:linear-gradient(145deg,rgba(255,237,219,.15),rgba(255,193,148,.045))!important;border-color:rgba(255,232,211,.22)!important;
}
:root[data-visual-style="2040"][data-theme=hub] :is(.open-btn,.primary-action,.upgrade-run,.contract-run,.plane-action,.support-submit,.profile-v163-deposit-btn){
  color:var(--future-milk-bright)!important;
  background:linear-gradient(118deg,rgba(92,55,36,.96),rgba(137,78,47,.96) 48%,rgba(88,49,31,.97))!important;
  border-color:rgba(255,231,210,.24)!important;
  box-shadow:inset 0 1px rgba(255,247,238,.16),0 13px 27px rgba(59,29,17,.22),0 0 22px rgba(255,164,101,.075)!important;
}
:root[data-visual-style="2040"][data-theme=hub] :is(.open-btn,.primary-action,.upgrade-run,.contract-run,.plane-action,.support-submit,.profile-v163-deposit-btn):hover{
  color:#fff4e9!important;border-color:rgba(255,235,216,.36)!important;box-shadow:inset 0 1px rgba(255,250,243,.20),0 16px 31px rgba(59,29,17,.26),0 0 29px rgba(255,170,108,.11)!important;
}
:root[data-visual-style="2040"][data-theme=hub] input[type="range"]{accent-color:var(--future-milk)!important}
:root[data-visual-style="2040"][data-theme=hub] :is(.switch,.toggle,.hub-toggle,.setting-switch){background:rgba(244,223,202,.16)!important;border-color:rgba(255,237,218,.13)!important}
:root[data-visual-style="2040"][data-theme=hub] :is(.switch,.toggle,.hub-toggle,.setting-switch):after{background:var(--future-milk-bright)!important}

/* With the intro paragraph gone, the title breathes instead of leaving a phantom gap. */
:root[data-visual-style="2040"][data-theme=hub] .k2040-cases-intro .k2040-intro-copy h1{margin-bottom:0!important}

@media(max-width:1500px){
  :root[data-visual-style="2040"] .k2040-rail{width:136px!important}
  :root[data-visual-style="2040"] .k2040-rail-left,:root[data-visual-style="2040"] .k2040-rail-left:hover{width:136px!important;transform:perspective(1400px) rotateY(9deg) translateX(-3px) scale(.991)!important}
  :root[data-visual-style="2040"] .k2040-rail-right,:root[data-visual-style="2040"] .k2040-rail-right:hover{width:136px!important;transform:perspective(1400px) rotateY(-9deg) translateX(3px) scale(.991)!important}
  :root[data-visual-style="2040"] .k2040-style-dock .visual-style-switch-copy small{display:none!important}
  :root[data-visual-style="2040"] .k2040-style-dock .visual-style-switch{gap:6px!important;padding-inline:7px!important}
}
@media(max-width:1120px){
  :root[data-visual-style="2040"] .k2040-rail-left,:root[data-visual-style="2040"] .k2040-rail-left:hover{transform:translateX(-50%)!important}
  :root[data-visual-style="2040"] .k2040-style-dock{width:auto!important;margin:0 0 0 5px!important;padding:0 0 0 7px!important;border-top:0!important;border-left:1px solid rgba(255,238,220,.07)!important}
  :root[data-visual-style="2040"] .k2040-style-dock .visual-style-switch{width:104px!important;height:50px!important}
  :root[data-visual-style="2040"] .k2040-style-dock .visual-style-switch-copy b{font-size:9px!important}
}

/* v200 — LARGE KORZH LOUPE
   Standard stays untouched; only 2040 turns the empty-state magnifier into a branded KORZH object. */
:root[data-visual-style="2040"][data-theme="hub"] .hub-u191-search-field{
  width:292px!important;
  height:164px!important;
  max-width:88%!important;
  max-height:82%!important;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.22)) drop-shadow(0 0 24px rgba(255,151,92,.10))!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u191-search-traveller{
  width:86px!important;
  height:86px!important;
  offset-path:path("M 42 42 C 104 2 218 5 244 52 C 272 101 208 145 126 141 C 47 138 0 87 42 42 Z")!important;
  animation-duration:10.6s!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u191-search-traveller::after{
  left:10px!important;
  top:62px!important;
  width:62px!important;
  height:17px!important;
  background:rgba(35,17,10,.34)!important;
  filter:blur(9px)!important;
  opacity:.42!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u191-search-glass{
  width:86px!important;
  height:86px!important;
  animation-duration:10.6s!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u191-search-glass::before{
  left:5px!important;
  top:4px!important;
  width:55px!important;
  height:55px!important;
  border:6px solid #f4d8bf!important;
  background:
    radial-gradient(circle at 33% 28%,rgba(255,255,255,.52) 0 8%,transparent 26%),
    radial-gradient(circle at 50% 55%,rgba(255,220,190,.14),rgba(89,47,30,.18) 54%,rgba(25,12,8,.47) 78%)!important;
  box-shadow:
    inset 0 2px 4px rgba(255,255,255,.30),
    inset 0 -5px 12px rgba(72,31,18,.22),
    0 0 0 2px rgba(89,44,27,.72),
    0 0 0 5px rgba(255,218,188,.055),
    0 0 19px rgba(255,160,98,.34),
    0 0 42px rgba(255,128,61,.13)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u191-search-glass::after{
  left:57px!important;
  top:57px!important;
  width:34px!important;
  height:11px!important;
  border-radius:8px!important;
  transform:rotate(43deg)!important;
  background:linear-gradient(180deg,#f6d6bd 0%,#df9366 46%,#8f4b35 100%)!important;
  border:1px solid rgba(255,239,225,.34)!important;
  box-shadow:
    0 5px 12px rgba(0,0,0,.34),
    0 0 16px rgba(255,139,72,.20),
    inset 0 1px rgba(255,255,255,.46)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u191-loupe-token{
  display:block!important;
  position:absolute!important;
  z-index:5!important;
  left:14px!important;
  top:13px!important;
  width:39px!important;
  height:39px!important;
  object-fit:contain!important;
  border-radius:50%!important;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.30)) drop-shadow(0 0 10px rgba(255,155,93,.30))!important;
  pointer-events:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u191-empty-copy{
  margin-top:-2px!important;
}
@media(max-width:1180px){
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u191-search-field{transform:scale(.88)!important}
}

/* =========================================================
   v201 — DARK COFFEE / WHITE + 2040 CORE + CONTRACT LAB
   Deep espresso field, white/milk controls, naked case objects,
   animated upgrade core and a new spatial contract compositor.
   ========================================================= */
:root[data-visual-style="2040"]{
  --future-bg:#090604;
  --future-coffee:#140c08;
  --future-coffee-2:#21130d;
  --future-coffee-3:#321d13;
  --future-white:#fffaf4;
  --future-milk:#f4eee7;
  --future-milk-bright:#fffdf9;
  --future-milk-soft:rgba(255,250,244,.105);
  --future-milk-line:rgba(255,250,244,.17);
  --future-neon:#ff9a62;
  --future-neon-soft:rgba(255,154,98,.18);
}

/* Dark coffee first. White is the interface material; tan no longer floods the canvas. */
:root[data-visual-style="2040"] body{
  background:
    radial-gradient(900px 650px at 9% 0%,rgba(88,42,24,.27),transparent 66%),
    radial-gradient(760px 560px at 89% 4%,rgba(255,255,255,.055),transparent 67%),
    radial-gradient(820px 600px at 50% 84%,rgba(92,45,27,.10),transparent 72%),
    linear-gradient(128deg,#090604 0%,#120a07 30%,#080605 61%,#100907 100%)!important;
  color:var(--future-white)!important;
}
:root[data-visual-style="2040"] .page:after{
  opacity:.78!important;
  background:
    radial-gradient(ellipse 42% 22% at 50% 0%,rgba(255,255,255,.042),transparent 72%),
    linear-gradient(112deg,rgba(255,255,255,.018),transparent 24%,transparent 72%,rgba(255,154,98,.018))!important;
}
:root[data-visual-style="2040"] .k2040-atmosphere i:first-child{opacity:.30!important;filter:blur(72px)!important}
:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(2){opacity:.16!important;filter:blur(86px)!important}
:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(3){opacity:.10!important}

/* Top bar: darker glass, stable centered home control. */
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header{
  background:linear-gradient(115deg,rgba(37,22,15,.78),rgba(14,9,7,.86) 48%,rgba(27,17,12,.80))!important;
  border-color:rgba(255,255,255,.105)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.085),0 0 48px rgba(255,154,98,.025)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header .brand{
  transform:translate(-50%,-50%)!important;
  transition:filter .45s ease,opacity .45s ease!important;
  cursor:pointer!important;
}
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header .brand:hover{
  transform:translate(-50%,-50%)!important;
  filter:brightness(1.08) drop-shadow(0 0 14px rgba(255,154,98,.10))!important;
}
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header .brand:active{
  transform:translate(-50%,-50%) scale(.992)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header .brand-word{color:var(--future-white)!important}

/* Right rail balance: just amount + KORZH token, aligned on one baseline. */
:root[data-visual-style="2040"] .k2040-balance{
  min-height:56px!important;height:56px!important;padding:0 14px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  border-color:rgba(255,255,255,.12)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.026))!important;
}
:root[data-visual-style="2040"] .k2040-balance small{display:none!important}
:root[data-visual-style="2040"] .k2040-balance strong{
  margin:0!important;font-size:18px!important;line-height:1!important;color:var(--future-white)!important;text-align:center!important;
}
:root[data-visual-style="2040"] .k2040-balance img{
  position:static!important;inset:auto!important;width:18px!important;height:18px!important;flex:0 0 18px!important;justify-self:auto!important;
}

/* Landing metrics are gone — leave the statement and object only. */
:root[data-visual-style="2040"][data-theme=hub] .k2040-cases-intro{
  min-height:250px!important;padding-bottom:38px!important;
}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-metrics{display:none!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-copy h1{color:var(--future-white)!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-copy h1 em{color:#f0a376!important}

/* Search/price controls no longer sit inside a thin strip. They float as independent objects. */
:root[data-visual-style="2040"][data-theme=hub] .case-filters{
  min-height:50px!important;margin:0 0 30px!important;padding:0!important;gap:8px!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;
}
:root[data-visual-style="2040"][data-theme=hub] .case-filter,
:root[data-visual-style="2040"][data-theme=hub] .available-filter,
:root[data-visual-style="2040"][data-theme=hub] .case-reset-filters{
  height:50px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:16px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.082),rgba(255,255,255,.022))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 10px 26px rgba(0,0,0,.13)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .case-filter:focus-within,
:root[data-visual-style="2040"][data-theme=hub] .case-filter:hover,
:root[data-visual-style="2040"][data-theme=hub] .available-filter:hover,
:root[data-visual-style="2040"][data-theme=hub] .case-reset-filters:hover{
  border-color:rgba(255,255,255,.20)!important;background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,154,98,.025))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.085),0 12px 28px rgba(0,0,0,.16),0 0 20px rgba(255,154,98,.025)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .case-filter input{color:var(--future-white)!important}
:root[data-visual-style="2040"][data-theme=hub] .case-filter input::placeholder{color:rgba(255,250,244,.42)!important}

/* Cases are literal objects now. No card, no halo plate, no fake shelf under them. */
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-collection,
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-frame,
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid,
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card{
  background:transparent!important;border:0!important;box-shadow:none!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-showcase-collection:after,
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card:before,
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card:after{
  display:none!important;content:none!important;background:none!important;box-shadow:none!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card{
  overflow:visible!important;transition:transform .64s cubic-bezier(.16,.82,.18,1),filter .52s ease!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card:hover{
  transform:translateY(-5px) scale(1.012)!important;filter:brightness(1.035)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-art{
  transform:none!important;transition:transform .64s cubic-bezier(.16,.82,.18,1),filter .52s ease!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-static-grid .case-card:hover .case-art{
  transform:translateY(-5px) scale(1.025)!important;filter:saturate(1.025) drop-shadow(0 19px 18px rgba(0,0,0,.24))!important;
}
:root[data-visual-style="2040"][data-theme=hub] .case-price-tag.case-price-centered{
  background:transparent!important;border:0!important;box-shadow:none!important;color:rgba(255,250,244,.76)!important;
}

/* White/milk controls over the deep coffee field. */
:root[data-visual-style="2040"][data-theme=hub] :is(.live-tabs button,.case-filters button,.hub-u3-browser button,.hub-u151-browser button,.sell-btn,.back-btn,.case-page-back,.upgrade-settings-btn,.profile-v160-command-actions button,.profile-v160-command-actions a){
  color:var(--future-milk)!important;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025))!important;border-color:rgba(255,255,255,.115)!important;
}
:root[data-visual-style="2040"][data-theme=hub] :is(.open-btn,.primary-action,.upgrade-run,.contract-run,.plane-action,.support-submit,.profile-v163-deposit-btn){
  color:#160d08!important;background:linear-gradient(128deg,#fffaf4 0%,#f4e9df 53%,#ead8ca 100%)!important;border-color:rgba(255,255,255,.62)!important;
  box-shadow:inset 0 1px #fff,0 14px 30px rgba(0,0,0,.24),0 0 24px rgba(255,255,255,.055)!important;
}
:root[data-visual-style="2040"][data-theme=hub] :is(.open-btn,.primary-action,.upgrade-run,.contract-run,.plane-action,.support-submit,.profile-v163-deposit-btn):hover{
  color:#120a07!important;transform:translateY(-1px)!important;background:linear-gradient(128deg,#ffffff,#f7eee7 60%,#edddd1)!important;
  box-shadow:inset 0 1px #fff,0 17px 34px rgba(0,0,0,.28),0 0 30px rgba(255,255,255,.085),0 0 36px rgba(255,154,98,.045)!important;
}

/* ---------- 2040 upgrade core ---------- */
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-shell:before{
  content:"АПГРЕЙД"!important;color:rgba(255,250,244,.42)!important;letter-spacing:.18em!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-stage{
  background:radial-gradient(ellipse 28% 73% at 50% 46%,rgba(255,154,98,.07),transparent 72%)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-side{
  border-color:rgba(255,255,255,.085)!important;
  background:radial-gradient(circle at 50% 43%,rgba(255,255,255,.035),transparent 53%),linear-gradient(145deg,rgba(38,23,16,.60),rgba(10,7,6,.68))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 24px 56px rgba(0,0,0,.24)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-wrap{
  width:356px!important;height:356px!important;filter:drop-shadow(0 27px 30px rgba(0,0,0,.40))!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-wrap:before{
  display:block!important;content:""!important;position:absolute!important;inset:-13px!important;border-radius:50%!important;z-index:0!important;pointer-events:none!important;
  background:repeating-conic-gradient(from 0deg,rgba(255,255,255,.18) 0 1deg,transparent 1deg 11deg)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 5px),#000 calc(100% - 4px))!important;
  opacity:.34!important;filter:drop-shadow(0 0 11px rgba(255,255,255,.10))!important;
  animation:k2040-wheel-orbit 26s linear infinite!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-wrap:after{
  display:block!important;content:""!important;position:absolute!important;inset:20px!important;z-index:0!important;border-radius:50%!important;pointer-events:none!important;
  background:radial-gradient(circle,rgba(255,154,98,.075),transparent 65%)!important;filter:blur(12px)!important;opacity:.72!important;transform:none!important;
  animation:k2040-wheel-breathe 4.6s ease-in-out infinite!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel.result-win,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel.result-lose{
  width:326px!important;height:326px!important;
  background:conic-gradient(from 0deg,var(--sector-color) 0 var(--chance-pct,0%),#211812 var(--chance-pct,0%) 100%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:inset 0 2px rgba(255,255,255,.12),inset 0 -18px 30px rgba(0,0,0,.36),0 0 0 8px rgba(255,255,255,.025),0 20px 44px rgba(0,0,0,.48),0 0 38px rgba(255,154,98,.07)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel{--sector-color:#f3e9df!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel.result-win{--sector-color:#67c991!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel.result-lose{--sector-color:#ce6a70!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel:before{
  inset:35px!important;background:
    radial-gradient(circle at 37% 28%,rgba(255,255,255,.075),transparent 25%),
    radial-gradient(circle at 50% 56%,#17100c 0%,#0e0a08 64%,#080605 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),inset 0 -12px 24px rgba(0,0,0,.30),0 0 0 1px rgba(255,255,255,.055)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel:after{
  display:block!important;content:""!important;position:absolute!important;inset:-8px!important;border-radius:50%!important;z-index:1!important;pointer-events:none!important;
  background:conic-gradient(from 0deg,transparent 0 70deg,rgba(255,255,255,.44) 83deg,transparent 96deg 360deg)!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px))!important;
  opacity:.40!important;animation:k2040-wheel-sheen 9s linear infinite!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-inner{
  width:208px!important;height:208px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:50%!important;
  background:radial-gradient(circle at 40% 28%,rgba(255,255,255,.035),transparent 34%)!important;
  box-shadow:inset 0 0 35px rgba(255,255,255,.015)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-inner>span{color:rgba(255,250,244,.48)!important;font-size:9px!important;letter-spacing:.17em!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-inner>strong{color:var(--future-white)!important;font-size:49px!important;text-shadow:0 0 24px rgba(255,255,255,.055)!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-pointer{width:326px!important;height:326px!important;inset:auto!important;filter:drop-shadow(0 0 10px rgba(255,255,255,.22)) drop-shadow(0 0 17px rgba(255,154,98,.18))!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-pointer>i{
  width:15px!important;height:35px!important;border:0!important;border-radius:8px 8px 12px 12px!important;
  background:linear-gradient(180deg,#fffdf9 0%,#f0dccd 48%,#c37b52 100%)!important;
  clip-path:polygon(18% 0,82% 0,100% 62%,50% 100%,0 62%)!important;
  box-shadow:0 0 13px rgba(255,255,255,.50),0 0 24px rgba(255,154,98,.28)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-core:before{
  background:radial-gradient(circle,rgba(255,154,98,.12) 0 44%,rgba(255,154,98,.055) 58%,transparent 75%)!important;
  box-shadow:0 0 36px rgba(255,154,98,.15),0 0 88px rgba(255,154,98,.075)!important;
  animation:k2040-wheel-core-glow 4.6s ease-in-out infinite!important;
}
@keyframes k2040-wheel-orbit{to{transform:rotate(360deg)}}
@keyframes k2040-wheel-sheen{to{transform:rotate(360deg)}}
@keyframes k2040-wheel-breathe{0%,100%{opacity:.42;scale:.95}50%{opacity:.78;scale:1.04}}
@keyframes k2040-wheel-core-glow{0%,100%{transform:translate(-50%,-50%) scale(.96);opacity:.55}50%{transform:translate(-50%,-50%) scale(1.035);opacity:.86}}

/* ---------- 2040 contract lab ---------- */
:root[data-visual-style="2040"][data-theme=hub] .contracts-v201{max-width:1540px!important;padding-top:28px!important}
:root[data-visual-style="2040"][data-theme=hub] .contracts-v201>.feature-hero{
  min-height:150px!important;margin:0 0 14px!important;padding:28px 36px!important;border:0!important;border-radius:28px!important;
  background:radial-gradient(circle at 78% 34%,rgba(255,154,98,.055),transparent 34%),linear-gradient(145deg,rgba(35,21,15,.44),rgba(10,7,6,.32))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .contracts-v201>.feature-hero .eyebrow{color:rgba(255,250,244,.40)!important}
:root[data-visual-style="2040"][data-theme=hub] .contracts-v201>.feature-hero h1{color:var(--future-white)!important}
:root[data-visual-style="2040"][data-theme=hub] .contracts-v201>.feature-hero p{color:rgba(255,250,244,.48)!important}
:root[data-visual-style="2040"][data-theme=hub] .contract-lab-v201{
  position:relative!important;padding:24px 28px 26px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:34px!important;
  background:
    radial-gradient(circle at 50% 38%,rgba(255,154,98,.055),transparent 28%),
    linear-gradient(145deg,rgba(29,18,13,.62),rgba(8,6,5,.73))!important;
  box-shadow:0 36px 92px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.045)!important;overflow:hidden!important;
}
:root[data-visual-style="2040"][data-theme=hub] .contract-lab-v201:before{
  content:"";position:absolute;left:13%;right:13%;top:50%;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),rgba(255,154,98,.15),rgba(255,255,255,.07),transparent);
  box-shadow:0 0 22px rgba(255,154,98,.06);
}
:root[data-visual-style="2040"][data-theme=hub] .contract-slots-v201{
  position:relative!important;display:grid!important;grid-template-columns:minmax(230px,1fr) 270px minmax(230px,1fr)!important;align-items:center!important;gap:26px!important;
}
:root[data-visual-style="2040"][data-theme=hub] .k2040-contract-wing{
  display:grid!important;grid-template-columns:1fr!important;gap:11px!important;align-content:center!important;
}
:root[data-visual-style="2040"][data-theme=hub] .k2040-contract-wing-left{perspective:1000px}
:root[data-visual-style="2040"][data-theme=hub] .k2040-contract-wing-right{perspective:1000px}
:root[data-visual-style="2040"][data-theme=hub] .contract-slot{
  width:100%!important;height:112px!important;min-height:112px!important;padding:9px 14px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:22px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015))!important;color:rgba(255,250,244,.34)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 13px 30px rgba(0,0,0,.16)!important;
  transition:transform .58s cubic-bezier(.16,.82,.18,1),border-color .45s ease,background .45s ease,box-shadow .45s ease!important;
}
:root[data-visual-style="2040"][data-theme=hub] .k2040-contract-wing-left .contract-slot{transform:perspective(1000px) rotateY(4deg);transform-origin:right center}
:root[data-visual-style="2040"][data-theme=hub] .k2040-contract-wing-right .contract-slot{transform:perspective(1000px) rotateY(-4deg);transform-origin:left center}
:root[data-visual-style="2040"][data-theme=hub] .k2040-contract-wing-left .contract-slot:nth-child(1),
:root[data-visual-style="2040"][data-theme=hub] .k2040-contract-wing-right .contract-slot:nth-child(3){opacity:.72!important}
:root[data-visual-style="2040"][data-theme=hub] .contract-slot:hover{
  transform:translateY(-2px) scale(1.005)!important;border-color:rgba(255,255,255,.17)!important;background:linear-gradient(145deg,rgba(255,255,255,.082),rgba(255,154,98,.018))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 16px 34px rgba(0,0,0,.21),0 0 20px rgba(255,154,98,.025)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .contract-slot.filled{
  display:grid!important;grid-template-columns:105px 1fr!important;grid-template-rows:auto auto auto!important;justify-items:start!important;align-items:center!important;column-gap:12px!important;color:var(--future-white)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .contract-slot.filled .skin-art{grid-row:1/4!important;width:105px!important;height:92px!important}
:root[data-visual-style="2040"][data-theme=hub] .contract-slot.filled small{font-size:8px!important;color:rgba(255,250,244,.44)!important}
:root[data-visual-style="2040"][data-theme=hub] .contract-slot.filled b{font-size:12px!important;color:var(--future-white)!important}
:root[data-visual-style="2040"][data-theme=hub] .contract-slot.filled>span{font-size:11px!important;color:#f0b08b!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-contract-reactor{
  position:relative!important;display:grid!important;place-items:center!important;width:250px!important;height:250px!important;justify-self:center!important;border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,255,255,.035) 0 35%,rgba(255,154,98,.035) 36% 52%,transparent 53%)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .k2040-contract-reactor:before{
  content:"";position:absolute;inset:29px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:inset 0 0 40px rgba(255,255,255,.025),0 0 34px rgba(255,154,98,.055);
}
:root[data-visual-style="2040"][data-theme=hub] .k2040-contract-orbit{
  position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;transform:rotateX(70deg);pointer-events:none;
}
:root[data-visual-style="2040"][data-theme=hub] .k2040-contract-orbit.orbit-a{width:225px;height:225px;animation:k2040-contract-orbit-a 12s linear infinite}
:root[data-visual-style="2040"][data-theme=hub] .k2040-contract-orbit.orbit-b{width:180px;height:180px;border-style:dashed;border-color:rgba(255,154,98,.18);animation:k2040-contract-orbit-b 9s linear infinite reverse}
:root[data-visual-style="2040"][data-theme=hub] .k2040-contract-core{
  position:relative;z-index:2;display:grid;place-items:center;width:92px;height:92px;border-radius:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.17);
  box-shadow:0 22px 45px rgba(0,0,0,.34),0 0 30px rgba(255,154,98,.075),inset 0 1px rgba(255,255,255,.10);animation:k2040-contract-core 4.8s ease-in-out infinite;
}
:root[data-visual-style="2040"][data-theme=hub] .k2040-contract-core img{width:64px;height:64px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.28))}
:root[data-visual-style="2040"][data-theme=hub] .k2040-contract-reactor>small{position:absolute;bottom:43px;font-size:7px;letter-spacing:.16em;color:rgba(255,250,244,.42)}
:root[data-visual-style="2040"][data-theme=hub] .k2040-contract-reactor>strong{position:absolute;bottom:22px;font-size:12px;color:var(--future-white)}
@keyframes k2040-contract-orbit-a{to{transform:rotateX(70deg) rotateZ(360deg)}}
@keyframes k2040-contract-orbit-b{to{transform:rotateX(70deg) rotateZ(360deg)}}
@keyframes k2040-contract-core{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-5px) rotate(2deg)}}
:root[data-visual-style="2040"][data-theme=hub] .contract-summary{
  position:relative!important;z-index:3!important;margin:22px auto 0!important;max-width:1040px!important;padding:15px 17px!important;
  border:1px solid rgba(255,255,255,.075)!important;border-radius:20px!important;background:rgba(255,255,255,.028)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .contract-summary small{color:rgba(255,250,244,.40)!important}
:root[data-visual-style="2040"][data-theme=hub] .contract-summary strong{color:var(--future-white)!important}
:root[data-visual-style="2040"][data-theme=hub] .contract-arrow{color:rgba(255,250,244,.32)!important}
:root[data-visual-style="2040"][data-theme=hub] .contracts-v201 .picker-section{
  margin-top:22px!important;padding:22px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:28px!important;background:linear-gradient(145deg,rgba(29,18,13,.36),rgba(8,6,5,.42))!important;
}
:root[data-visual-style="2040"][data-theme=hub] .contracts-v201 .picker-card .skin-card{
  border-color:rgba(255,255,255,.06)!important;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))!important;
}

@media(max-width:1320px){
  :root[data-visual-style="2040"][data-theme=hub] .contract-slots-v201{grid-template-columns:minmax(200px,1fr) 220px minmax(200px,1fr)!important;gap:18px!important}
  :root[data-visual-style="2040"][data-theme=hub] .k2040-contract-reactor{width:210px!important;height:210px!important;transform:scale(.92)!important}
}
@media(max-width:900px){
  :root[data-visual-style="2040"][data-theme=hub] .contract-slots-v201{grid-template-columns:1fr 1fr!important}
  :root[data-visual-style="2040"][data-theme=hub] .k2040-contract-reactor{display:none!important}
  :root[data-visual-style="2040"][data-theme=hub] .k2040-contract-wing .contract-slot{transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-wrap:before,
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-wrap:after,
  :root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel:after,
  :root[data-visual-style="2040"][data-theme=hub] .k2040-contract-orbit,
  :root[data-visual-style="2040"][data-theme=hub] .k2040-contract-core{animation:none!important}
}

/* v201 pointer geometry correction: keep the 326px scanner perfectly concentric in the 356px wheel wrap. */
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-pointer{
  left:15px!important;top:15px!important;right:auto!important;bottom:auto!important;
}

/* v202 — signed-out identity control: the profile orb becomes a direct Steam entry point. */
:root[data-visual-style="2040"] .k2040-login-avatar{
  overflow:visible!important;
  border-color:rgba(255,244,232,.34)!important;
  background:
    radial-gradient(circle at 34% 28%,rgba(255,255,255,.14),transparent 32%),
    linear-gradient(145deg,rgba(62,39,30,.98),rgba(20,13,11,.98))!important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.56),
    0 0 0 7px rgba(255,244,232,.035),
    0 0 30px rgba(242,179,137,.10)!important;
}
:root[data-visual-style="2040"] .k2040-login-avatar .k2040-login-glyph{
  width:50px!important;
  height:50px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,rgba(255,248,239,.96),rgba(227,209,193,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 7px 18px rgba(0,0,0,.24)!important;
  transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s cubic-bezier(.16,1,.3,1),background .55s ease!important;
}
:root[data-visual-style="2040"] .k2040-login-avatar .k2040-login-glyph svg{
  width:25px!important;
  height:25px!important;
  display:block!important;
  fill:none!important;
  stroke:#2b1711!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  transition:transform .55s cubic-bezier(.16,1,.3,1),stroke .35s ease!important;
}
:root[data-visual-style="2040"] .k2040-login-avatar>i{
  width:11px!important;
  height:11px!important;
  right:0!important;
  bottom:2px!important;
  border:3px solid #21130f!important;
  background:#f2c6a5!important;
  box-shadow:0 0 0 3px rgba(242,198,165,.08),0 0 15px rgba(242,174,128,.72)!important;
  animation:k2040LoginPulse 2.8s ease-in-out infinite!important;
}
:root[data-visual-style="2040"] .k2040-login-avatar:hover{
  transform:scale(1.045)!important;
  border-color:rgba(255,247,238,.58)!important;
  box-shadow:0 22px 50px rgba(0,0,0,.62),0 0 0 8px rgba(255,244,232,.05),0 0 38px rgba(244,181,138,.17)!important;
}
:root[data-visual-style="2040"] .k2040-login-avatar:hover .k2040-login-glyph{
  transform:scale(1.04)!important;
  background:linear-gradient(145deg,#fffaf4,#f0ddcc)!important;
  box-shadow:inset 0 1px 0 #fff,0 9px 22px rgba(0,0,0,.28),0 0 22px rgba(255,232,212,.15)!important;
}
:root[data-visual-style="2040"] .k2040-login-avatar:hover .k2040-login-glyph svg{transform:translateX(1.5px)!important}
:root[data-visual-style="2040"] .k2040-login-avatar:active{transform:scale(.985)!important;transition-duration:.12s!important}
@keyframes k2040LoginPulse{0%,100%{opacity:.65;transform:scale(.88)}50%{opacity:1;transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){:root[data-visual-style="2040"] .k2040-login-avatar>i{animation:none!important}}

/* =========================================================
   v203 — dark espresso gradient / clean case objects / wheel polish
   ========================================================= */

/* More spatial contrast without returning to the light-coffee wash. */
:root[data-visual-style="2040"] body{
  background:
    radial-gradient(1150px 760px at -7% -8%,rgba(132,72,42,.38),transparent 61%),
    radial-gradient(900px 620px at 103% 9%,rgba(255,244,233,.095),transparent 60%),
    radial-gradient(900px 640px at 72% 78%,rgba(105,50,28,.18),transparent 68%),
    radial-gradient(760px 540px at 24% 86%,rgba(246,219,196,.045),transparent 64%),
    linear-gradient(132deg,#070403 0%,#170b07 28%,#0a0604 53%,#120906 73%,#050403 100%)!important;
  background-attachment:fixed!important;
}
:root[data-visual-style="2040"] body:before{
  opacity:.78!important;
  background:
    linear-gradient(118deg,rgba(255,255,255,.018),transparent 23%,transparent 66%,rgba(255,214,181,.024)),
    radial-gradient(ellipse 48% 34% at 50% -5%,rgba(255,248,240,.055),transparent 72%)!important;
}
:root[data-visual-style="2040"] .page{
  background:transparent!important;
}
:root[data-visual-style="2040"] .page:after{
  opacity:.70!important;
  background:
    radial-gradient(ellipse 36% 20% at 48% 0%,rgba(255,255,255,.038),transparent 74%),
    linear-gradient(90deg,rgba(255,157,100,.018),transparent 19%,transparent 79%,rgba(255,244,234,.018))!important;
}

/* LIVE DROP melts softly into the page instead of ending on a hard vertical cut. */
:root[data-visual-style="2040"][data-theme=hub] .live{
  position:relative!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 2.2%,#000 97.8%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0,#000 2.2%,#000 97.8%,transparent 100%)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .live-scroll{
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.20) 0,#000 4.5%,#000 95.5%,rgba(0,0,0,.20) 100%)!important;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.20) 0,#000 4.5%,#000 95.5%,rgba(0,0,0,.20) 100%)!important;
}

/* In 2040 the case art is the object. Remove every legacy art-stage surface / halo / shadow plate. */
:root[data-visual-style="2040"][data-theme=hub] .page-cases .hub-static-grid .case-art,
:root[data-visual-style="2040"][data-theme=hub] .page-cases .hub-showcase-oscar .case-art,
:root[data-visual-style="2040"][data-theme=hub] .page-cases .case-art.custom-oscar-art{
  background:none!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
:root[data-visual-style="2040"][data-theme=hub] .page-cases .hub-static-grid .case-art:before,
:root[data-visual-style="2040"][data-theme=hub] .page-cases .hub-static-grid .case-art:after,
:root[data-visual-style="2040"][data-theme=hub] .page-cases .hub-showcase-oscar .oscar-case-card:before,
:root[data-visual-style="2040"][data-theme=hub] .page-cases .hub-showcase-oscar .oscar-case-card:after{
  display:none!important;
  content:none!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  filter:none!important;
}

/* The text field itself must be visually transparent. Only its outer control owns the surface. */
:root[data-visual-style="2040"][data-theme=hub] .case-filter>input,
:root[data-visual-style="2040"][data-theme=hub] .case-filter>input:hover,
:root[data-visual-style="2040"][data-theme=hub] .case-filter>input:focus,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser .upgrade-search>input,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser .upgrade-search>input:hover,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser .upgrade-search>input:focus,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser .upgrade-price-range>input,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser .upgrade-price-range>input:hover,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser .upgrade-price-range>input:focus{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  filter:none!important;
}
:root[data-visual-style="2040"][data-theme=hub] .case-filter>input::before,
:root[data-visual-style="2040"][data-theme=hub] .case-filter>input::after,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser input::before,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser input::after{
  display:none!important;
  content:none!important;
}

/* Upgrade pointer: warm amber/copper reads clearly over white, green and red sectors. */
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-pointer{
  filter:drop-shadow(0 0 9px rgba(255,174,75,.30)) drop-shadow(0 0 18px rgba(255,126,54,.20))!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-pointer>i{
  width:16px!important;
  height:37px!important;
  border:1px solid rgba(43,18,8,.82)!important;
  background:linear-gradient(180deg,#ffd36d 0%,#ffad43 38%,#f37532 72%,#9e351c 100%)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.52),
    inset 0 -4px 8px rgba(92,30,10,.28),
    0 0 0 2px rgba(255,185,84,.08),
    0 0 15px rgba(255,176,72,.48),
    0 0 30px rgba(244,105,43,.22)!important;
}

/* Result colour exists only where the probability sector exists; the outer ambience stays neutral. */
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel.result-win,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel.result-lose{
  box-shadow:
    inset 0 2px rgba(255,255,255,.11),
    inset 0 -18px 30px rgba(0,0,0,.37),
    0 0 0 8px rgba(255,255,255,.022),
    0 20px 44px rgba(0,0,0,.49),
    0 0 34px rgba(255,150,88,.055)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-core:has(.hub-u151-wheel.result-win)::before,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-core:has(.hub-u151-wheel.result-lose)::before{
  opacity:.74!important;
  background:radial-gradient(circle,rgba(255,156,94,.14) 0 43%,rgba(255,156,94,.065) 58%,transparent 75%)!important;
  box-shadow:0 0 36px rgba(255,150,88,.16),0 0 86px rgba(255,150,88,.075)!important;
  animation:k2040-wheel-core-glow 4.6s ease-in-out infinite!important;
}

/* Result typography sits on the optical centre of the drum in both one- and two-line states. */
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-inner.has-result{
  display:grid!important;
  place-items:center!important;
  text-align:center!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel .hub-u3-result-label{
  width:154px!important;
  max-width:154px!important;
  min-height:84px!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  font-size:30px!important;
  line-height:.98!important;
  letter-spacing:-.035em!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel.result-win .hub-u3-result-label{color:#74d89c!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel.result-lose .hub-u3-result-label{color:#df777d!important}

/* v203 filter correction: nested range inputs and native select remain transparent too. */
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser .upgrade-price-range input,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser .upgrade-price-range input:hover,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser .upgrade-price-range input:focus,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser .upgrade-sort-filter select,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser .upgrade-sort-filter select:hover,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser .upgrade-sort-filter select:focus{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
  filter:none!important;
}

/* =========================================================
   v204 — milk espresso gradient / clean wheel rim / one-click price sort / 2040 bolt
   ========================================================= */

/* Dark espresso remains the base, but visible milk light now travels through the page. */
:root[data-visual-style="2040"] body{
  background:
    radial-gradient(1050px 760px at -8% 14%,rgba(92,43,23,.62),transparent 64%),
    radial-gradient(1040px 720px at 102% 4%,rgba(255,248,239,.19),transparent 64%),
    radial-gradient(820px 620px at 58% 26%,rgba(255,236,218,.075),transparent 68%),
    radial-gradient(980px 680px at 70% 102%,rgba(91,40,20,.31),transparent 68%),
    radial-gradient(760px 560px at 18% 96%,rgba(255,244,231,.055),transparent 66%),
    linear-gradient(128deg,#050302 0%,#170b07 25%,#080403 49%,#130906 70%,#040302 100%)!important;
  background-attachment:fixed!important;
}
:root[data-visual-style="2040"] body:before{
  opacity:.9!important;
  background:
    linear-gradient(118deg,rgba(255,250,245,.03),transparent 23%,transparent 62%,rgba(255,236,220,.045)),
    radial-gradient(ellipse 52% 35% at 52% -3%,rgba(255,250,244,.09),transparent 72%),
    radial-gradient(ellipse 42% 28% at 84% 42%,rgba(255,244,232,.045),transparent 76%)!important;
}
:root[data-visual-style="2040"] .k2040-atmosphere i:first-child{background:#7c381f!important;opacity:.16!important}
:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(2){background:#f4e5d6!important;opacity:.11!important}
:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(3){background:#8c5a3d!important;opacity:.10!important}

/* Left KORZH coin is a real home control, without looking like a browser button. */
:root[data-visual-style="2040"] .k2040-rail-mark{
  appearance:none!important;-webkit-appearance:none!important;padding:0!important;border:0!important;background:transparent!important;
  color:inherit!important;font:inherit!important;cursor:pointer!important;outline:none!important;
  transition:filter .48s cubic-bezier(.16,.8,.22,1),transform .48s cubic-bezier(.16,.8,.22,1)!important;
}
:root[data-visual-style="2040"] .k2040-rail-mark:hover{filter:brightness(1.10) drop-shadow(0 0 15px rgba(255,236,219,.11))!important;transform:translateY(-1px)!important}
:root[data-visual-style="2040"] .k2040-rail-mark:active{transform:scale(.975)!important;transition-duration:.10s!important}
:root[data-visual-style="2040"] .k2040-rail-mark:focus-visible{box-shadow:0 0 0 3px rgba(255,244,234,.10)!important;border-radius:20px!important}

/* Kill any result-colour leak at the outer edge: the very outer rim is always neutral. */
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel.result-win,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel.result-lose{
  overflow:hidden!important;
  isolation:isolate!important;
  filter:none!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel:after,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel.result-win:after,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel.result-lose:after{
  display:block!important;content:""!important;position:absolute!important;inset:0!important;border-radius:50%!important;z-index:8!important;pointer-events:none!important;
  background:conic-gradient(from -18deg,rgba(255,250,245,.23),rgba(97,57,39,.34) 22%,rgba(255,247,239,.11) 50%,rgba(71,37,25,.34) 75%,rgba(255,250,245,.20))!important;
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))!important;
  mask:radial-gradient(farthest-side,transparent calc(100% - 7px),#000 calc(100% - 6px))!important;
  opacity:1!important;filter:none!important;transform:none!important;animation:none!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-wrap:after{
  background:radial-gradient(circle,rgba(255,238,222,.055),rgba(87,45,29,.025) 48%,transparent 69%)!important;
  filter:blur(14px)!important;opacity:.72!important;
}

/* Price sorting is now a single button. Down = expensive → cheap, up = cheap → expensive. */
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser .upgrade-sort-toggle{
  appearance:none!important;-webkit-appearance:none!important;
  height:42px!important;min-width:126px!important;padding:0 15px 0 12px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;
  border:1px solid rgba(255,245,236,.075)!important;border-radius:12px!important;
  background:linear-gradient(145deg,rgba(255,244,233,.045),rgba(32,19,14,.30))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
  color:#fff8f1!important;cursor:pointer!important;
  transition:background .34s ease,border-color .34s ease,box-shadow .34s ease,transform .34s cubic-bezier(.16,.8,.22,1)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-browser .upgrade-sort-toggle:hover{
  transform:translateY(-1px)!important;border-color:rgba(255,238,220,.15)!important;
  background:linear-gradient(145deg,rgba(255,244,233,.07),rgba(47,26,18,.36))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 20px rgba(0,0,0,.15)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .upgrade-sort-toggle b{font-size:12px!important;font-weight:850!important;letter-spacing:.01em!important;color:#fff9f3!important}
:root[data-visual-style="2040"][data-theme=hub] .upgrade-sort-arrow{
  width:20px!important;height:20px!important;display:grid!important;place-items:center!important;flex:0 0 20px!important;
  color:#f3c29f!important;transform:rotate(0deg)!important;transition:transform .38s cubic-bezier(.16,.8,.22,1),color .3s ease!important;
}
:root[data-visual-style="2040"][data-theme=hub] .upgrade-sort-arrow svg{width:19px!important;height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.35!important;stroke-linecap:round!important;stroke-linejoin:round!important}
:root[data-visual-style="2040"][data-theme=hub] .upgrade-sort-toggle.is-asc .upgrade-sort-arrow{transform:rotate(180deg)!important;color:#fff1e4!important}

/* Keep old/native select pieces impossible to render if stale markup survives a cache race. */
:root[data-visual-style="2040"][data-theme=hub] .upgrade-sort-toggle select,
:root[data-visual-style="2040"][data-theme=hub] .upgrade-sort-toggle>i{display:none!important}

/* 2040 lightning: compact physical energy token rather than a yellow emoji. */
.fast-bolt-2040{display:none}
.fast-bolt-standard{display:inline}
:root[data-visual-style="2040"] .fast-bolt-standard{display:none!important}
:root[data-visual-style="2040"] .fast-bolt-2040{display:grid!important;place-items:center!important;width:100%!important;height:100%!important}
:root[data-visual-style="2040"] .fast-bolt-core{
  width:31px!important;height:31px!important;display:grid!important;place-items:center!important;border-radius:11px!important;
  border:1px solid rgba(255,238,224,.19)!important;
  background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.12),transparent 34%),linear-gradient(145deg,rgba(58,31,21,.98),rgba(16,10,8,.98))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 8px 20px rgba(0,0,0,.32),0 0 0 3px rgba(255,236,219,.025)!important;
  transition:transform .42s cubic-bezier(.16,.8,.22,1),border-color .32s ease,box-shadow .32s ease,background .32s ease!important;
}
:root[data-visual-style="2040"] .fast-bolt-core svg{width:17px!important;height:17px!important;fill:#f6d0b2!important;filter:drop-shadow(0 0 6px rgba(255,164,101,.16))!important}
:root[data-visual-style="2040"] .fast-spin-toggle{
  color:inherit!important;text-shadow:none!important;filter:none!important;
}
:root[data-visual-style="2040"] .fast-spin-toggle:hover:not(:disabled) .fast-bolt-core{
  transform:translateY(-1px) scale(1.055)!important;border-color:rgba(255,241,229,.34)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 10px 25px rgba(0,0,0,.36),0 0 20px rgba(255,170,108,.12)!important;
}
:root[data-visual-style="2040"] .fast-spin-toggle.active .fast-bolt-core{
  border-color:rgba(255,226,202,.48)!important;
  background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.22),transparent 35%),linear-gradient(145deg,#74432d,#2c170f)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 9px 22px rgba(0,0,0,.34),0 0 0 4px rgba(255,203,164,.045),0 0 24px rgba(255,143,74,.20)!important;
}
:root[data-visual-style="2040"] .fast-spin-toggle.active .fast-bolt-core svg{fill:#fff4e9!important;filter:drop-shadow(0 0 7px rgba(255,193,146,.32))!important}
:root[data-visual-style="2040"][data-theme=hub] .case-page-actions-v166 .case-action-right-v167 .fast-spin-toggle{
  width:42px!important;min-width:42px!important;height:52px!important;min-height:52px!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-run-row .fast-spin-toggle{
  border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;
}

/* =========================================================
   v205 — 2040 compact controls / exact wheel / modal layer
   Everything below is intentionally isolated to visual style 2040.
   ========================================================= */

/* Case action bar: three physical controls belong to one tight group.
   The price is the white button itself — no dark backing plate underneath. */
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166{
  width:max-content!important;
  max-width:calc(100% - 24px)!important;
  min-height:54px!important;
  margin:14px auto 3px!important;
  display:grid!important;
  grid-template-columns:max-content 290px max-content!important;
  justify-content:center!important;
  align-items:center!important;
  column-gap:7px!important;
  row-gap:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-action-left-v167,
:root[data-visual-style="2040"][data-theme="hub"] .case-action-spacer-v167{
  grid-column:1!important;
  justify-self:end!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn{
  grid-column:2!important;
  justify-self:center!important;
  width:290px!important;
  min-width:290px!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  padding:0 24px!important;
  border:0!important;
  outline:0!important;
  border-radius:14px!important;
  background:#fff!important;
  background-image:none!important;
  color:#251914!important;
  box-shadow:0 8px 20px rgba(0,0,0,.16)!important;
  filter:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn:before,
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn:after{
  display:none!important;
  content:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn:hover:not(:disabled){
  transform:translateY(-1px)!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(0,0,0,.20),0 0 20px rgba(255,247,240,.07)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-count-row-v166{
  width:max-content!important;
  height:52px!important;
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-count-row-v166 button{
  width:37px!important;
  min-width:37px!important;
  height:52px!important;
  padding:0!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-action-right-v167{
  grid-column:3!important;
  justify-self:start!important;
  width:42px!important;
  min-width:42px!important;
  height:52px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 .case-action-right-v167 .fast-spin-toggle{
  width:42px!important;
  min-width:42px!important;
  height:52px!important;
  min-height:52px!important;
  margin:0!important;
  padding:0!important;
}

/* Upgrade wheel: one exact concentric system. No animated outer sheen, no pseudo-sector,
   no stray white/green scratch outside the probability ring. */
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel-wrap{
  position:relative!important;
  width:330px!important;
  height:330px!important;
  display:grid!important;
  place-items:center!important;
  isolation:isolate!important;
  border-radius:50%!important;
  filter:drop-shadow(0 20px 28px rgba(0,0,0,.46))!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel-wrap:before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:4px!important;
  z-index:0!important;
  border:1px solid rgba(255,246,239,.10)!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:inset 0 0 0 7px rgba(64,40,30,.22),0 0 0 1px rgba(0,0,0,.34),0 18px 42px rgba(0,0,0,.30)!important;
  opacity:1!important;
  transform:none!important;
  animation:none!important;
  filter:none!important;
  pointer-events:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel-wrap:after{
  display:block!important;
  content:""!important;
  position:absolute!important;
  inset:18px!important;
  z-index:-1!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(255,238,224,.045),rgba(72,39,27,.028) 51%,transparent 72%)!important;
  box-shadow:none!important;
  filter:blur(13px)!important;
  opacity:.72!important;
  transform:none!important;
  animation:none!important;
  pointer-events:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel,
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel.result-win,
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel.result-lose{
  position:relative!important;
  z-index:2!important;
  width:308px!important;
  height:308px!important;
  min-width:308px!important;
  min-height:308px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  outline:0!important;
  overflow:hidden!important;
  clip-path:circle(50% at 50% 50%)!important;
  transform:none!important;
  filter:none!important;
  background:conic-gradient(from 0deg,var(--sector-color) 0 var(--chance-pct,0%),#241913 var(--chance-pct,0%) 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 -13px 23px rgba(0,0,0,.31),0 0 0 1px rgba(255,244,235,.07),0 14px 32px rgba(0,0,0,.36)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel{--sector-color:#f7f2ec!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel.result-win{--sector-color:#73d39a!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel.result-lose{--sector-color:#d9787d!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel:after,
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel.result-win:after,
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel.result-lose:after{
  display:none!important;
  content:none!important;
  background:none!important;
  box-shadow:none!important;
  animation:none!important;
  filter:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel:before{
  inset:33px!important;
  border:1px solid rgba(255,246,239,.055)!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 45% 30%,#1d1512 0%,#100b09 58%,#090605 100%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045),inset 0 -18px 28px rgba(0,0,0,.28)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel-inner{
  position:absolute!important;
  inset:50% auto auto 50%!important;
  width:202px!important;
  height:202px!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-pointer{
  position:absolute!important;
  inset:0!important;
  width:330px!important;
  height:330px!important;
  margin:0!important;
  transform-origin:50% 50%!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-core:has(.hub-u151-wheel.result-win):before,
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-core:has(.hub-u151-wheel.result-lose):before{
  background:radial-gradient(circle,rgba(255,193,149,.115) 0 42%,rgba(119,66,44,.055) 58%,transparent 75%)!important;
  box-shadow:0 0 42px rgba(255,171,112,.12),0 0 88px rgba(82,43,29,.09)!important;
}

/* Settings in 2040: a compact centred utility card. Standard settings markup/styles stay intact. */
:root[data-visual-style="2040"] #siteSettingsPortal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483200!important;
  pointer-events:none!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal>.site-settings-overlay-2040{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
  pointer-events:auto!important;
  background:rgba(7,4,3,.46)!important;
  backdrop-filter:blur(18px) saturate(.82)!important;
  -webkit-backdrop-filter:blur(18px) saturate(.82)!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .site-settings-modal.site-settings-2040{
  width:min(356px,calc(100dvw - 28px))!important;
  max-width:min(356px,calc(100dvw - 28px))!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,245,237,.12)!important;
  border-radius:22px!important;
  background:linear-gradient(155deg,rgba(31,20,15,.985),rgba(12,8,7,.99) 72%)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.06)!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .site-settings-2040>header{
  height:62px!important;
  min-height:62px!important;
  padding:0 12px 0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-bottom:1px solid rgba(255,245,237,.075)!important;
  background:linear-gradient(180deg,rgba(255,247,240,.035),transparent)!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .site-settings-title-2040{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .site-settings-title-2040>span{
  width:34px!important;
  height:34px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,240,229,.12)!important;
  border-radius:11px!important;
  background:rgba(255,244,235,.055)!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .site-settings-title-2040 svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:#f7eee7!important;
  stroke-width:1.45!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .site-settings-title-2040 small{
  display:block!important;
  margin:0 0 2px!important;
  color:#9f8170!important;
  font-size:6.5px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .site-settings-title-2040 h2{
  margin:0!important;
  color:#fffaf6!important;
  font-size:15px!important;
  line-height:1!important;
  letter-spacing:.01em!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .site-settings-2040 .site-settings-close{
  position:static!important;
  width:31px!important;
  height:31px!important;
  min-width:31px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,245,237,.10)!important;
  border-radius:10px!important;
  background:rgba(255,248,242,.045)!important;
  color:#d8c7bb!important;
  font:400 19px/1 Arial,sans-serif!important;
  cursor:pointer!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .site-settings-2040 .site-settings-body{
  padding:10px!important;
  display:grid!important;
  gap:7px!important;
  overflow:visible!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .site-settings-2040 :is(.site-setting-line,.site-setting-group){
  min-height:58px!important;
  padding:9px 11px!important;
  border:1px solid rgba(255,245,237,.075)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,rgba(255,246,239,.042),rgba(255,246,239,.012))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.03)!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .site-settings-2040 :is(.site-setting-line,.site-setting-group) strong{
  color:#f5ece6!important;
  font-size:9.5px!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .site-settings-2040 :is(.site-setting-line,.site-setting-group) span{
  color:#8f8179!important;
  font-size:7px!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .site-settings-2040 .site-setting-segment{
  padding:3px!important;
  border:1px solid rgba(255,245,237,.07)!important;
  border-radius:10px!important;
  background:rgba(7,5,4,.48)!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .site-settings-2040 .site-setting-segment button{
  height:28px!important;
  min-width:39px!important;
  padding:0 7px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#8f8179!important;
  font-size:7.5px!important;
  box-shadow:none!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .site-settings-2040 .site-setting-segment button.active{
  background:#f5eee8!important;
  color:#21150f!important;
  box-shadow:0 4px 12px rgba(0,0,0,.16)!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .site-settings-2040 .site-designer-switch{
  width:42px!important;
  min-width:42px!important;
  height:24px!important;
  border-color:rgba(255,240,229,.11)!important;
  background:#21150f!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .site-settings-2040 .site-designer-switch b{
  width:18px!important;
  height:18px!important;
  background:#e8d7ca!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .site-settings-2040 .site-designer-switch.on{
  background:linear-gradient(90deg,#80503a,#a8694d)!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .site-settings-2040 .site-designer-switch.on b{
  transform:translateX(17px)!important;
  background:#fff!important;
}

/* Support in 2040 is a true modal layer over the current view: no route change,
   current page stays behind it and simply blurs. */
:root[data-visual-style="2040"] #supportPortal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483100!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-overlay.support-widget-2040{
  position:absolute!important;
  inset:0!important;
  pointer-events:auto!important;
  background:rgba(7,4,3,.44)!important;
  backdrop-filter:blur(18px) saturate(.80)!important;
  -webkit-backdrop-filter:blur(18px) saturate(.80)!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-panel.support-widget-2040{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:min(390px,calc(100dvw - 28px))!important;
  max-width:min(390px,calc(100dvw - 28px))!important;
  height:auto!important;
  max-height:min(520px,calc(100dvh - 28px))!important;
  margin:0!important;
  display:grid!important;
  grid-template-rows:64px minmax(0,1fr)!important;
  overflow:hidden!important;
  transform:translate(-50%,-50%)!important;
  pointer-events:auto!important;
  border:1px solid rgba(255,245,237,.12)!important;
  border-radius:22px!important;
  background:linear-gradient(155deg,rgba(30,19,14,.99),rgba(11,7,6,.995) 72%)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.055)!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-panel.support-widget-2040:before{
  width:190px!important;
  height:160px!important;
  left:-64px!important;
  top:-66px!important;
  background:rgba(194,112,75,.16)!important;
  filter:blur(72px)!important;
  opacity:.52!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-widget-head{
  height:64px!important;
  min-height:64px!important;
  padding:8px 48px 8px 10px!important;
  border-bottom:1px solid rgba(255,245,237,.075)!important;
  background:linear-gradient(180deg,rgba(255,247,240,.035),transparent)!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-head-center{
  height:46px!important;
  max-width:250px!important;
  padding:4px 9px!important;
  border:1px solid rgba(255,245,237,.07)!important;
  border-radius:13px!important;
  background:rgba(255,247,240,.025)!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-head-center .support-cookie-headset{
  width:36px!important;
  height:36px!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-head-center .support-cookie-headset img{
  width:31px!important;
  height:31px!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-head-center b{
  color:#fff8f2!important;
  font-size:9px!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-head-center small{
  color:#a98d7d!important;
  font-size:6.5px!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-widget-head>button{
  position:absolute!important;
  right:10px!important;
  top:50%!important;
  width:31px!important;
  height:31px!important;
  transform:translateY(-50%)!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,245,237,.10)!important;
  border-radius:10px!important;
  background:rgba(255,248,242,.045)!important;
  color:#d8c7bb!important;
  font:400 19px/1 Arial,sans-serif!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-widget-body{
  min-height:0!important;
  max-height:456px!important;
  padding:11px!important;
  overflow:auto!important;
  background:transparent!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-form-title{
  margin:0 0 9px!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-form-title>span{
  color:#b3795d!important;
  font-size:6.5px!important;
  letter-spacing:.14em!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-form-title h3{
  margin:3px 0 0!important;
  color:#fff8f2!important;
  font-size:18px!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-topic-grid{
  gap:6px!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-topic-grid button{
  min-height:44px!important;
  height:44px!important;
  padding:5px 8px!important;
  grid-template-columns:30px 1fr!important;
  gap:8px!important;
  border:1px solid rgba(255,245,237,.07)!important;
  border-radius:12px!important;
  background:rgba(255,248,242,.028)!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-topic-grid button.active{
  border-color:rgba(238,161,119,.34)!important;
  background:rgba(181,100,66,.12)!important;
  box-shadow:inset 0 0 0 1px rgba(255,205,177,.035)!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-topic-grid button>span{
  width:30px!important;
  height:30px!important;
  border-radius:9px!important;
  background:#160e0b!important;
  color:#edb38e!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-topic-grid button b{
  color:#eee4dd!important;
  font-size:8.5px!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-description{
  margin-top:9px!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-description>span{
  margin-bottom:5px!important;
  color:#8f8179!important;
  font-size:6.8px!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 :is(.support-description textarea,.support-reply-form textarea){
  min-height:76px!important;
  height:76px!important;
  padding:9px 10px!important;
  border:1px solid rgba(255,245,237,.075)!important;
  border-radius:12px!important;
  background:rgba(6,4,3,.62)!important;
  color:#f4ebe5!important;
  font-size:9.5px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
  resize:none!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-submit{
  height:40px!important;
  min-height:40px!important;
  margin-top:7px!important;
  border:0!important;
  border-radius:12px!important;
  background:#f7f1eb!important;
  color:#21150f!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
  font-size:8.5px!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-continue{
  min-height:48px!important;
  margin-top:7px!important;
  border-color:rgba(255,245,237,.08)!important;
  border-radius:12px!important;
  background:rgba(255,248,242,.025)!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-conversation{
  max-height:285px!important;
}
:root[data-visual-style="2040"] #supportPortal .support-widget-2040 .support-message{
  border-color:rgba(255,245,237,.07)!important;
  background:rgba(255,248,242,.025)!important;
}

@media(max-width:760px){
  :root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166{
    width:calc(100% - 16px)!important;
    grid-template-columns:1fr max-content!important;
    row-gap:5px!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .case-action-left-v167,
  :root[data-visual-style="2040"][data-theme="hub"] .case-action-spacer-v167{
    grid-column:1/-1!important;grid-row:1!important;justify-self:center!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn{
    grid-column:1!important;grid-row:2!important;justify-self:end!important;width:min(290px,calc(100vw - 86px))!important;min-width:0!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .case-action-right-v167{grid-column:2!important;grid-row:2!important;justify-self:start!important}
}


/* =========================================================
   v206 — milk controls / adaptive balance / ambient canvas
   2040-only. Standard remains untouched.
   ========================================================= */
:root[data-visual-style="2040"] body{
  background:
    radial-gradient(900px 720px at 8% 12%,rgba(96,48,29,.68),transparent 62%),
    radial-gradient(760px 620px at 91% 13%,rgba(252,244,233,.20),transparent 61%),
    radial-gradient(620px 520px at 58% 12%,rgba(151,164,184,.095),transparent 58%),
    radial-gradient(780px 650px at 76% 78%,rgba(91,101,66,.12),transparent 62%),
    radial-gradient(670px 520px at 26% 83%,rgba(246,231,214,.105),transparent 58%),
    radial-gradient(520px 430px at 48% 56%,rgba(112,128,158,.065),transparent 62%),
    linear-gradient(132deg,#080403 0%,#1b0d08 26%,#0a0706 49%,#12110d 68%,#080a0d 84%,#040302 100%)!important;
  background-attachment:fixed!important;
}
:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(1){background:#f3e6d7!important;opacity:.115!important}
:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(2){background:#70809d!important;opacity:.075!important}
:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(3){background:#7f865f!important;opacity:.07!important}

/* Milk-white interaction language. */
:root[data-visual-style="2040"][data-theme="hub"] :is(button,.k2040-orb,.case-filter,.available-filter,.case-reset-filters,.hub-u3-browser-presets button,.hub-u151-browser-presets button){
  --milk-edge:rgba(255,248,239,.24);
}
:root[data-visual-style="2040"] .k2040-orb,
:root[data-visual-style="2040"] .k2040-nav button,
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-filter,.available-filter,.case-reset-filters,.hub-u3-browser-presets button,.hub-u151-browser-presets button,.upgrade-run,.contract-run,.open-btn,.primary-action){
  border-color:rgba(255,248,239,.16)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 28px rgba(0,0,0,.16),0 0 0 1px rgba(255,247,238,.012)!important;
}
:root[data-visual-style="2040"] .k2040-orb:hover,
:root[data-visual-style="2040"] .k2040-nav button:hover,
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-filter,.available-filter,.case-reset-filters,.hub-u3-browser-presets button,.hub-u151-browser-presets button):hover{
  border-color:rgba(255,252,247,.34)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.15),0 13px 30px rgba(0,0,0,.20),0 0 24px rgba(255,244,232,.075)!important;
}

/* Adaptive right-rail balance. Under 1m: token beside amount. 1m+: token drops below. */
:root[data-visual-style="2040"] .k2040-balance{
  width:124px!important;min-height:58px!important;height:auto!important;padding:0 12px!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  border-radius:18px!important;border:1px solid rgba(255,250,244,.22)!important;
  background:linear-gradient(145deg,rgba(255,250,244,.16),rgba(255,240,227,.055))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.14),0 14px 30px rgba(0,0,0,.22),0 0 22px rgba(255,247,239,.035)!important;
}
:root[data-visual-style="2040"] .k2040-balance strong{font-size:18px!important;color:#fffaf4!important;white-space:nowrap!important;line-height:1!important}
:root[data-visual-style="2040"] .k2040-balance img{position:static!important;inset:auto!important;width:19px!important;height:19px!important;flex:0 0 19px!important;margin:0!important}
:root[data-visual-style="2040"] .k2040-balance.is-million{
  min-height:72px!important;padding:10px 10px 9px!important;flex-direction:column!important;gap:6px!important;
}
:root[data-visual-style="2040"] .k2040-balance.is-million strong{font-size:17px!important}
:root[data-visual-style="2040"] .k2040-balance.is-million img{width:18px!important;height:18px!important;flex-basis:18px!important}

/* Deposit: plus is optically centered. */
:root[data-visual-style="2040"] .k2040-deposit{
  color:#fffaf4!important;border-color:rgba(255,249,241,.23)!important;
  background:linear-gradient(145deg,rgba(255,250,244,.16),rgba(255,235,219,.055))!important;
}
:root[data-visual-style="2040"] .k2040-deposit>span{
  display:grid!important;place-items:center!important;align-self:center!important;
  line-height:1!important;padding:0!important;margin:0!important;transform:translateY(-1px)!important;
  color:#fffaf4!important;background:rgba(255,250,244,.10)!important;
}

/* Bottom-right utility stack: icon-only, circular, centered in the rail. */
:root[data-visual-style="2040"] .k2040-rail-actions{
  width:100%!important;margin-top:auto!important;padding:0 0 4px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:11px!important;
}
:root[data-visual-style="2040"] .k2040-round-action{
  width:48px!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0!important;
  display:grid!important;place-items:center!important;flex:none!important;gap:0!important;border-radius:50%!important;
  color:#f8f0e8!important;background:linear-gradient(145deg,rgba(255,250,244,.13),rgba(255,238,223,.035))!important;
  border:1px solid rgba(255,249,241,.20)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.11),0 10px 24px rgba(0,0,0,.20)!important;
}
:root[data-visual-style="2040"] .k2040-round-action svg{width:20px!important;height:20px!important;flex:none!important;stroke:#f8f0e8!important}
:root[data-visual-style="2040"] .k2040-round-action>b{display:none!important}
:root[data-visual-style="2040"] .k2040-round-action:hover{
  transform:translateY(-2px) scale(1.045)!important;background:linear-gradient(145deg,rgba(255,252,247,.19),rgba(255,240,227,.06))!important;
  border-color:rgba(255,252,247,.36)!important;box-shadow:inset 0 1px rgba(255,255,255,.18),0 13px 28px rgba(0,0,0,.24),0 0 22px rgba(255,244,232,.08)!important;
}
:root[data-visual-style="2040"] .k2040-logout{color:#f5e9e4!important}

@media(max-width:1420px){
  :root[data-visual-style="2040"] .k2040-balance{width:102px!important}
  :root[data-visual-style="2040"] .k2040-balance strong{font-size:16px!important}
  :root[data-visual-style="2040"] .k2040-round-action{width:44px!important;height:44px!important;min-height:44px!important}
}


/* =========================================================
   v207 — quality ambient / milk neon / Oscar alignment / Flight 2040
   Visual redesign remains strictly 2040-only.
   ========================================================= */
:root[data-visual-style="2040"]{
  --k207-milk:#fff7ed;
  --k207-milk-soft:#eadfd4;
  --k207-coffee:#1d0f0a;
  --k207-neon-milk:rgba(255,247,237,.62);
  --k207-neon-blue:rgba(93,148,218,.42);
  --k207-neon-green:rgba(111,165,129,.34);
  --k207-neon-amber:rgba(237,157,104,.44);
}

/* Higher-quality ambient canvas: no grid, no hard white blob, only broad blurred light fields. */
:root[data-visual-style="2040"] body{
  background:
    radial-gradient(ellipse 72% 58% at -8% 7%,rgba(91,41,22,.78) 0%,rgba(51,24,15,.42) 34%,transparent 72%),
    radial-gradient(ellipse 54% 46% at 94% 17%,rgba(255,248,238,.19) 0%,rgba(224,216,207,.085) 34%,transparent 74%),
    radial-gradient(ellipse 58% 54% at 72% 78%,rgba(65,92,73,.16) 0%,rgba(46,66,55,.07) 39%,transparent 76%),
    radial-gradient(ellipse 50% 46% at 57% 18%,rgba(70,104,157,.14) 0%,rgba(43,65,104,.055) 42%,transparent 78%),
    radial-gradient(ellipse 52% 44% at 24% 84%,rgba(245,226,205,.115) 0%,rgba(138,105,82,.055) 42%,transparent 78%),
    linear-gradient(128deg,#050302 0%,#170b07 27%,#080605 49%,#0b0c0b 68%,#07090d 84%,#040302 100%)!important;
  background-attachment:fixed!important;
}
:root[data-visual-style="2040"] body:before{
  content:""!important;display:block!important;position:fixed!important;z-index:-2!important;inset:-12%!important;pointer-events:none!important;
  opacity:.88!important;mask-image:none!important;background-size:auto!important;
  background:
    radial-gradient(ellipse 30% 34% at 89% 22%,rgba(255,249,241,.15),transparent 72%),
    radial-gradient(ellipse 30% 35% at 64% 17%,rgba(83,128,190,.13),transparent 75%),
    radial-gradient(ellipse 33% 39% at 77% 72%,rgba(83,129,95,.12),transparent 76%),
    radial-gradient(ellipse 36% 38% at 16% 28%,rgba(141,67,36,.22),transparent 78%)!important;
  filter:blur(42px) saturate(1.06)!important;
  transform:translateZ(0)!important;
}
:root[data-visual-style="2040"] body:after{display:none!important;content:none!important}
:root[data-visual-style="2040"] .page:after{
  opacity:1!important;background:
    radial-gradient(ellipse 28% 20% at 83% 14%,rgba(255,247,238,.055),transparent 80%),
    radial-gradient(ellipse 31% 25% at 60% 34%,rgba(79,123,183,.045),transparent 82%),
    radial-gradient(ellipse 34% 27% at 73% 76%,rgba(84,132,98,.04),transparent 82%)!important;
}
:root[data-visual-style="2040"] .k2040-atmosphere i{width:520px!important;height:520px!important;filter:blur(145px)!important;will-change:transform!important;mix-blend-mode:screen!important}
:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(1){left:-9%!important;top:9%!important;background:#8c4528!important;opacity:.17!important}
:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(2){right:-4%!important;top:16%!important;background:#668fc5!important;opacity:.14!important}
:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(3){left:58%!important;bottom:-13%!important;background:#668869!important;opacity:.12!important}

/* Rails: soften aliased borders while preserving the inward spatial stance. */
:root[data-visual-style="2040"] .k2040-rail{
  border:0!important;clip-path:none!important;backface-visibility:hidden!important;-webkit-font-smoothing:antialiased!important;
  background:
    radial-gradient(circle at var(--rail-x) var(--rail-y),rgba(255,247,238,.085),transparent 38%),
    linear-gradient(180deg,rgba(43,28,21,.965),rgba(17,12,10,.965))!important;
  box-shadow:0 38px 96px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,247,238,.075),inset 0 1px rgba(255,255,255,.08),inset 0 0 80px rgba(255,242,230,.018)!important;
}
:root[data-visual-style="2040"] .k2040-rail-left{transform:perspective(1800px) rotateY(-4deg) translateX(-2px) scale(.994)!important}
:root[data-visual-style="2040"] .k2040-rail-right{transform:perspective(1800px) rotateY(4deg) translateX(2px) scale(.994)!important}
:root[data-visual-style="2040"] .k2040-rail-left:hover{transform:perspective(1800px) rotateY(-1.4deg) translateX(2px) scale(.998)!important}
:root[data-visual-style="2040"] .k2040-rail-right:hover{transform:perspective(1800px) rotateY(1.4deg) translateX(-2px) scale(.998)!important}
:root[data-visual-style="2040"] .k2040-rail:after{opacity:.44!important;filter:blur(.35px)!important}

/* Balance gets shorter without shrinking the number or token. */
:root[data-visual-style="2040"] .k2040-balance{
  width:124px!important;height:48px!important;min-height:48px!important;padding:0 11px!important;gap:8px!important;border-radius:15px!important;
  box-shadow:inset 0 0 0 1px rgba(255,250,244,.16),inset 0 1px rgba(255,255,255,.10),0 11px 26px rgba(0,0,0,.20),0 0 20px rgba(255,247,237,.03)!important;
}
:root[data-visual-style="2040"] .k2040-balance strong{font-size:18px!important;line-height:1!important}
:root[data-visual-style="2040"] .k2040-balance img{width:19px!important;height:19px!important;flex-basis:19px!important}
:root[data-visual-style="2040"] .k2040-balance.is-million{height:auto!important;min-height:62px!important;padding:7px 10px!important;gap:4px!important}

/* Utility buttons: true concentric circle, icon optically centred and larger. */
:root[data-visual-style="2040"] .k2040-rail-actions{align-items:center!important;justify-content:flex-end!important;padding-inline:0!important;gap:12px!important}
:root[data-visual-style="2040"] .k2040-round-action{
  box-sizing:border-box!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0 auto!important;line-height:0!important;border-radius:999px!important;
}
:root[data-visual-style="2040"] .k2040-round-action svg{
  display:block!important;width:25px!important;height:25px!important;min-width:25px!important;min-height:25px!important;margin:0!important;transform:none!important;transform-origin:center!important;
  stroke-width:1.75!important;overflow:visible!important;
}
:root[data-visual-style="2040"] .k2040-round-action:hover svg{filter:drop-shadow(0 0 8px rgba(255,247,237,.24))!important}

/* Home statement becomes the first restrained neon landmark, with no sharp card edge. */
:root[data-visual-style="2040"][data-theme="hub"] .k2040-page-intro{
  border:0!important;box-shadow:none!important;background:
    radial-gradient(ellipse 46% 60% at 17% 45%,rgba(115,61,36,.15),transparent 72%),
    radial-gradient(ellipse 38% 48% at 78% 43%,rgba(93,137,193,.095),transparent 76%)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k2040-page-intro:after{display:none!important;content:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k2040-page-intro:before{
  content:""!important;inset:8% 3%!important;transform:none!important;opacity:.72!important;animation:k207HeroAura 7.6s ease-in-out infinite!important;
  background:radial-gradient(ellipse 52% 46% at 29% 52%,rgba(255,247,237,.075),transparent 73%),radial-gradient(ellipse 30% 38% at 74% 50%,rgba(94,148,215,.07),transparent 76%)!important;
  filter:blur(18px)!important;pointer-events:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k2040-intro-copy h1{
  text-shadow:0 0 24px rgba(255,247,237,.055),0 16px 44px rgba(0,0,0,.30)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k2040-intro-copy h1 em{
  color:#f4b28b!important;text-shadow:0 0 18px rgba(244,178,139,.20),0 0 42px rgba(244,178,139,.075)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k2040-intro-ring.ring-a{border-color:rgba(255,244,234,.22)!important;box-shadow:0 0 24px rgba(255,244,234,.055)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k2040-intro-ring.ring-b{border-color:rgba(94,148,214,.30)!important;box-shadow:0 0 24px rgba(94,148,214,.08)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k2040-intro-core{box-shadow:0 28px 60px rgba(0,0,0,.46),0 0 30px rgba(255,247,237,.10),0 0 62px rgba(92,144,204,.07),inset 0 1px rgba(255,255,255,.14)!important}
@keyframes k207HeroAura{0%,100%{opacity:.52;filter:blur(21px)}50%{opacity:.90;filter:blur(15px)}}

/* Site-wide milk neon details, kept sparse and non-esports. */
:root[data-visual-style="2040"] .k2040-nav button.active{
  color:#fff8ef!important;border-color:rgba(255,246,235,.23)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.11),0 12px 26px rgba(0,0,0,.26),0 0 20px rgba(255,246,235,.055),0 0 36px rgba(91,139,197,.035)!important;
}
:root[data-visual-style="2040"] .k2040-nav button.active>i{background:#fff4e8!important;box-shadow:0 0 9px rgba(255,244,232,.58),0 0 18px rgba(95,148,210,.16)!important}
:root[data-visual-style="2040"][data-theme="hub"] .collection-heading:before{background:#f7efe6!important;box-shadow:0 0 10px rgba(255,245,235,.48),0 0 22px rgba(90,145,208,.12)!important}
:root[data-visual-style="2040"][data-theme="hub"] .collection-heading:after{background:linear-gradient(90deg,rgba(255,246,236,.19),rgba(94,145,207,.07) 34%,transparent 80%)!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-filter,.upgrade-search,.upgrade-price-range):focus-within{box-shadow:inset 0 0 0 1px rgba(255,248,239,.19),0 0 18px rgba(255,246,235,.055),0 0 28px rgba(91,142,204,.035)!important}
:root[data-visual-style="2040"][data-theme="hub"] .korzh-shared-header:before{filter:blur(.25px) drop-shadow(0 0 8px rgba(255,245,235,.16))!important}

/* OSCAR: absolutely no synthetic ring/podium layer, larger objects, common physical podium baseline. */
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-podium{display:none!important;content:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card{
  height:386px!important;min-height:386px!important;padding:0 2px 8px!important;grid-template-rows:318px 38px 28px!important;border-radius:0!important;outline:0!important;overflow:visible!important;
  background:none!important;box-shadow:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card:before,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card:after,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-art.custom-oscar-art:before,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-art.custom-oscar-art:after{display:none!important;content:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-art.custom-oscar-art{
  height:318px!important;min-height:318px!important;max-height:318px!important;overflow:visible!important;border-radius:0!important;outline:0!important;background:none!important;box-shadow:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-image{
  width:112%!important;max-width:390px!important;height:318px!important;max-height:318px!important;object-fit:contain!important;object-position:center!important;transform-origin:50% 50%!important;
  filter:drop-shadow(0 18px 18px rgba(0,0,0,.22))!important;
}
/* Source PNGs have different transparent top/bottom margins; these offsets align the actual podium bottoms. */
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-pulse>.oscar-case-image{transform:translateY(1px) scale(1.095)!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-neon>.oscar-case-image{transform:translateY(25px) scale(1.095)!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-royal>.oscar-case-image{transform:translateY(0) scale(1.095)!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-void>.oscar-case-image{transform:translateY(22px) scale(1.095)!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card:hover .case-pulse>.oscar-case-image{transform:translateY(-2px) scale(1.12)!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card:hover .case-neon>.oscar-case-image{transform:translateY(22px) scale(1.12)!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card:hover .case-royal>.oscar-case-image{transform:translateY(-3px) scale(1.12)!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card:hover .case-void>.oscar-case-image{transform:translateY(19px) scale(1.12)!important}

/* Contract guide now reads as an explicit possible result range. */
:root[data-visual-style="2040"][data-theme="hub"] .contract-result-range strong{font-size:13px!important;letter-spacing:.015em!important;white-space:nowrap!important;color:#fff7ed!important;text-shadow:0 0 16px rgba(255,247,237,.055)!important}

/* Flight 2040: same mechanic, completely re-skinned as warm spatial glass instead of esports HUD. */
:root[data-visual-style="2040"][data-theme="hub"] .plane-page-v140{max-width:1500px!important;padding-top:24px!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-hero-v136{
  min-height:132px!important;padding:28px 34px!important;border:0!important;border-radius:30px!important;
  background:radial-gradient(ellipse 44% 80% at 14% 50%,rgba(116,64,39,.20),transparent 72%),radial-gradient(ellipse 32% 80% at 84% 45%,rgba(83,128,184,.105),transparent 76%),rgba(18,12,10,.42)!important;
  box-shadow:inset 0 0 0 1px rgba(255,247,238,.07),0 28px 70px rgba(0,0,0,.22)!important;backdrop-filter:blur(24px)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .plane-hero-v136>div>span,
:root[data-visual-style="2040"][data-theme="hub"] .plane-hero-status span{color:#9d8a7e!important;letter-spacing:.12em!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-hero-v136 h1{color:#fff8ef!important;font-size:38px!important;letter-spacing:-.025em!important;text-shadow:0 0 22px rgba(255,248,239,.055)!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-hero-v136 p{color:#ab9d93!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-hero-status{border-color:rgba(255,247,238,.10)!important;background:rgba(255,248,240,.035)!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-hero-status i{background:#a9d2b5!important;box-shadow:0 0 14px rgba(126,188,148,.38)!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-flight-shell{
  margin-top:16px!important;border:0!important;border-radius:34px!important;overflow:hidden!important;
  background:linear-gradient(165deg,rgba(31,19,14,.82),rgba(9,9,10,.92))!important;
  box-shadow:inset 0 0 0 1px rgba(255,248,239,.075),0 34px 90px rgba(0,0,0,.32),0 0 54px rgba(94,143,203,.025)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .plane-shell-topbar{
  min-height:52px!important;border-bottom:0!important;background:linear-gradient(90deg,rgba(255,247,238,.035),rgba(80,121,177,.025),rgba(104,145,107,.025))!important;color:#a6968b!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .plane-shell-topbar:after{content:"";position:absolute;left:7%;right:7%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,247,238,.13),rgba(90,140,199,.10),transparent)}
:root[data-visual-style="2040"][data-theme="hub"] .plane-sky-v140{
  background:
    radial-gradient(ellipse 34% 45% at 79% 18%,rgba(255,236,211,.24),transparent 68%),
    radial-gradient(ellipse 42% 55% at 28% 24%,rgba(84,116,160,.18),transparent 72%),
    linear-gradient(180deg,#171821 0%,#34333b 36%,#695344 68%,#8a684f 100%)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .plane-sky-grade-warm{background:radial-gradient(ellipse 45% 60% at 76% 18%,rgba(255,230,194,.26),transparent 70%),linear-gradient(180deg,rgba(58,37,31,.22),rgba(147,100,70,.08) 72%,rgba(218,169,116,.08))!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-sky-grade-cool{background:linear-gradient(180deg,rgba(55,76,112,.42),rgba(69,85,111,.10) 60%,transparent)!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-multiplier-core{
  border:1px solid rgba(255,247,238,.11)!important;background:rgba(12,10,10,.40)!important;box-shadow:0 18px 42px rgba(0,0,0,.26),0 0 30px rgba(255,247,238,.035)!important;backdrop-filter:blur(18px)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .plane-multiplier-core strong{color:#fff8ef!important;text-shadow:0 0 22px rgba(255,247,237,.10)!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-flight-metrics{border-color:rgba(255,247,238,.08)!important;background:rgba(15,12,11,.30)!important;color:#d9cbc0!important;backdrop-filter:blur(14px)!important}
:root[data-visual-style="2040"][data-theme="hub"] #planeTrailGlow{stroke:#fff0df!important;opacity:.22!important;filter:blur(6px)!important}
:root[data-visual-style="2040"][data-theme="hub"] #planeTrailPath{stroke:#fff7ed!important;opacity:.88!important;filter:drop-shadow(0 0 6px rgba(255,239,221,.30))!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-milestones-v144>span{border-color:rgba(255,247,238,.17)!important;background:rgba(18,14,12,.58)!important;box-shadow:0 10px 26px rgba(0,0,0,.23),0 0 20px rgba(255,247,238,.025)!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-milestones-v144>span.is-next{border-color:rgba(255,244,232,.32)!important;background:linear-gradient(145deg,rgba(255,247,238,.10),rgba(78,119,174,.055),rgba(14,11,10,.72))!important;box-shadow:0 10px 28px rgba(0,0,0,.25),0 0 20px rgba(255,247,238,.08),0 0 34px rgba(83,129,188,.05)!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-milestones-v144>span b{color:#fff6eb!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-history-strip-v140,
:root[data-visual-style="2040"][data-theme="hub"] .plane-control-deck-v138{background:rgba(14,10,9,.54)!important;border-color:rgba(255,247,238,.06)!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.plane-stake-card,.plane-auto-card){border-color:rgba(255,247,238,.085)!important;background:linear-gradient(150deg,rgba(255,247,238,.035),rgba(14,10,9,.54))!important;box-shadow:inset 0 1px rgba(255,255,255,.035)!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-action-zone{border-color:rgba(255,247,238,.075)!important;background:linear-gradient(150deg,rgba(255,247,238,.032),rgba(72,102,82,.025),rgba(14,10,9,.54))!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-action-readout span{color:#96877e!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-action-readout b{color:#fff8ef!important;text-shadow:0 0 16px rgba(255,247,237,.08)!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-main-action{
  border:1px solid rgba(255,248,239,.20)!important;background:linear-gradient(145deg,#fff8ef,#e9ded3)!important;color:#20140e!important;
  box-shadow:0 14px 30px rgba(0,0,0,.24),0 0 24px rgba(255,247,237,.075),inset 0 1px #fff!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .plane-main-action:hover:not(:disabled){box-shadow:0 17px 34px rgba(0,0,0,.27),0 0 30px rgba(255,247,237,.13),0 0 46px rgba(91,140,199,.055)!important}

@media(max-width:1420px){
  :root[data-visual-style="2040"] .k2040-balance{width:104px!important;height:46px!important;min-height:46px!important}
  :root[data-visual-style="2040"] .k2040-round-action{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;max-width:46px!important;max-height:46px!important}
  :root[data-visual-style="2040"] .k2040-round-action svg{width:23px!important;height:23px!important;min-width:23px!important;min-height:23px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card{height:356px!important;min-height:356px!important;grid-template-rows:288px 38px 28px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-art.custom-oscar-art{height:288px!important;min-height:288px!important;max-height:288px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-image{height:288px!important;max-height:288px!important}
}

/* =========================================================
   v208 — centred probability core / tight action controls
   Visual changes below are 2040-only.
   ========================================================= */

/* Pin the probability object to the exact geometric centre of the upgrade stage.
   Flexible side cards can no longer nudge the wheel left or right. */
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-stage{
  position:relative!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-core{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  grid-column:auto!important;
  grid-row:auto!important;
  justify-self:auto!important;
  align-self:auto!important;
  margin:0!important;
  transform:translate(-50%,-50%)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel-wrap{
  margin:0!important;
  translate:0 0!important;
}

/* Upgrade action: larger 2040 bolt almost touching the action button. */
:root[data-visual-style="2040"][data-theme="hub"] .hub-u164-control-row{
  grid-template-columns:minmax(0,1fr) 336px minmax(0,1fr)!important;
  gap:0!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u164-control-row .hub-u151-actions{
  width:336px!important;
  justify-self:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u164-control-row .hub-u151-run-row{
  width:336px!important;
  grid-template-columns:minmax(0,1fr) 60px!important;
  gap:4px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u164-control-row .hub-u151-fast{
  width:60px!important;
  min-width:60px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u164-control-row .hub-u151-fast .fast-bolt-core{
  width:45px!important;
  height:45px!important;
  border-radius:14px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u164-control-row .hub-u151-fast .fast-bolt-core svg{
  width:23px!important;
  height:23px!important;
}

/* In case opening the OPEN button itself owns the exact page centre.
   x1–x5 hug its left edge, fast mode hugs its right edge. */
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166{
  width:100%!important;
  max-width:1120px!important;
  grid-template-columns:minmax(0,1fr) 290px minmax(0,1fr)!important;
  column-gap:4px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-action-left-v167,
:root[data-visual-style="2040"][data-theme="hub"] .case-action-spacer-v167{
  grid-column:1!important;
  justify-self:end!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn{
  grid-column:2!important;
  justify-self:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-action-right-v167{
  grid-column:3!important;
  justify-self:start!important;
  width:60px!important;
  min-width:60px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 .case-action-right-v167 .fast-spin-toggle{
  width:60px!important;
  min-width:60px!important;
  height:52px!important;
  min-height:52px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 .case-action-right-v167 .fast-bolt-core{
  width:45px!important;
  height:45px!important;
  border-radius:14px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 .case-action-right-v167 .fast-bolt-core svg{
  width:23px!important;
  height:23px!important;
}

/* Fast mode is deliberately much brighter when enabled. */
:root[data-visual-style="2040"] .fast-spin-toggle.active .fast-bolt-core{
  border-color:rgba(255,250,244,.78)!important;
  background:radial-gradient(circle at 34% 23%,rgba(255,255,255,.44),transparent 37%),linear-gradient(145deg,#9a5c3b,#35190f)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.30),0 10px 24px rgba(0,0,0,.34),0 0 0 4px rgba(255,247,239,.08),0 0 20px rgba(255,248,240,.30),0 0 42px rgba(255,156,91,.34)!important;
  transform:scale(1.035)!important;
}
:root[data-visual-style="2040"] .fast-spin-toggle.active .fast-bolt-core svg{
  fill:#fff!important;
  filter:drop-shadow(0 0 5px rgba(255,255,255,.72)) drop-shadow(0 0 12px rgba(255,177,119,.58))!important;
}

@media(max-width:760px){
  :root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166{
    width:calc(100% - 16px)!important;
    grid-template-columns:1fr 60px!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u164-control-row{
    grid-template-columns:1fr!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u164-control-row .hub-u151-actions,
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u164-control-row .hub-u151-run-row{
    width:min(336px,100%)!important;
  }
}

/* =========================================================
   v209 — warm milk atmosphere / fresh utility modals / paper flight
   2040 visual changes only. Shared functional bugfixes remain shared.
   ========================================================= */

/* 2040 canvas: coffee + milk only. Remove the cold blue/green wash from v207. */
:root[data-visual-style="2040"] body{
  background:
    radial-gradient(ellipse 74% 62% at -10% 8%,rgba(91,43,25,.78) 0%,rgba(51,24,15,.46) 36%,transparent 73%),
    radial-gradient(ellipse 58% 50% at 101% 16%,rgba(255,249,240,.22) 0%,rgba(238,220,203,.105) 36%,transparent 75%),
    radial-gradient(ellipse 54% 52% at 72% 80%,rgba(139,92,62,.15) 0%,rgba(81,49,34,.075) 42%,transparent 77%),
    radial-gradient(ellipse 48% 40% at 52% 19%,rgba(255,241,224,.105) 0%,rgba(190,149,116,.05) 44%,transparent 79%),
    radial-gradient(ellipse 52% 46% at 22% 86%,rgba(244,224,204,.13) 0%,rgba(125,84,59,.065) 43%,transparent 79%),
    linear-gradient(128deg,#050302 0%,#170b07 26%,#0b0705 48%,#160e0a 70%,#0a0604 86%,#040302 100%)!important;
  background-attachment:fixed!important;
}
:root[data-visual-style="2040"] body:before{
  content:""!important;display:block!important;position:fixed!important;z-index:-2!important;inset:-14%!important;pointer-events:none!important;
  opacity:.92!important;mask-image:none!important;background-size:auto!important;
  background:
    radial-gradient(ellipse 34% 38% at 88% 20%,rgba(255,250,243,.15),transparent 72%),
    radial-gradient(ellipse 31% 35% at 61% 18%,rgba(228,198,171,.105),transparent 74%),
    radial-gradient(ellipse 37% 42% at 75% 74%,rgba(130,83,57,.13),transparent 77%),
    radial-gradient(ellipse 39% 41% at 14% 27%,rgba(151,72,39,.22),transparent 78%)!important;
  filter:blur(52px) saturate(1.02)!important;transform:translateZ(0)!important;
}
:root[data-visual-style="2040"] .page:after{
  opacity:1!important;background:
    radial-gradient(ellipse 31% 23% at 84% 14%,rgba(255,247,238,.06),transparent 82%),
    radial-gradient(ellipse 34% 27% at 59% 35%,rgba(230,205,183,.045),transparent 84%),
    radial-gradient(ellipse 37% 29% at 72% 78%,rgba(139,91,62,.045),transparent 84%)!important;
}
:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(1){background:#9e5330!important;opacity:.15!important}
:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(2){background:#f1dfce!important;opacity:.10!important}
:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(3){background:#b78868!important;opacity:.085!important}

/* Remove the remaining cold-neon accents and replace them with milk light. */
:root[data-visual-style="2040"][data-theme="hub"] .k2040-page-intro{
  background:radial-gradient(ellipse 48% 58% at 17% 45%,rgba(117,61,36,.15),transparent 72%),radial-gradient(ellipse 40% 50% at 79% 44%,rgba(255,242,228,.075),transparent 76%)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k2040-page-intro:before{
  background:radial-gradient(ellipse 52% 46% at 29% 52%,rgba(255,247,237,.085),transparent 73%),radial-gradient(ellipse 30% 38% at 74% 50%,rgba(229,196,168,.055),transparent 76%)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k2040-intro-ring.ring-b{border-color:rgba(255,242,229,.21)!important;box-shadow:0 0 24px rgba(255,242,229,.055)!important}
:root[data-visual-style="2040"] .k2040-nav button.active{box-shadow:inset 0 1px rgba(255,255,255,.12),0 12px 26px rgba(0,0,0,.26),0 0 20px rgba(255,246,235,.065),0 0 38px rgba(225,188,158,.035)!important}
:root[data-visual-style="2040"] .k2040-nav button.active>i{background:#fff5ea!important;box-shadow:0 0 9px rgba(255,244,232,.62),0 0 18px rgba(232,192,160,.15)!important}
:root[data-visual-style="2040"][data-theme="hub"] .collection-heading:before{background:#fff8f0!important;box-shadow:0 0 11px rgba(255,247,238,.55),0 0 23px rgba(229,187,153,.12)!important}
:root[data-visual-style="2040"][data-theme="hub"] .collection-heading:after{background:linear-gradient(90deg,rgba(255,247,238,.21),rgba(231,199,172,.07) 35%,transparent 80%)!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-filter,.upgrade-search,.upgrade-price-range):focus-within{box-shadow:inset 0 0 0 1px rgba(255,250,244,.21),0 0 20px rgba(255,247,238,.075)!important}

/* More milk-white details without turning the page into a light theme. */
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-filter,.available-filter,.case-reset-filters,.hub-u3-browser button,.hub-u151-browser button,.upgrade-settings-btn,.sell-btn,.back-btn,.case-page-back){
  color:#f6ede5!important;border-color:rgba(255,250,244,.16)!important;background:linear-gradient(145deg,rgba(255,250,244,.10),rgba(255,239,224,.025))!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-filter,.available-filter,.case-reset-filters,.hub-u3-browser button,.hub-u151-browser button,.upgrade-settings-btn,.sell-btn,.back-btn,.case-page-back):hover{
  border-color:rgba(255,252,248,.34)!important;background:linear-gradient(145deg,rgba(255,252,247,.16),rgba(255,239,224,.045))!important;box-shadow:0 0 22px rgba(255,247,239,.075)!important;
}
:root[data-visual-style="2040"] .k2040-round-action,
:root[data-visual-style="2040"] .k2040-deposit{border-color:rgba(255,250,244,.25)!important}

/* OSCAR: restore the calmer v206 visual size while keeping the clean background. */
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card{
  height:356px!important;min-height:356px!important;padding:0 8px 8px!important;grid-template-rows:286px 38px 28px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-art.custom-oscar-art{
  height:286px!important;min-height:286px!important;max-height:286px!important;overflow:visible!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-image{
  width:100%!important;max-width:350px!important;height:278px!important;max-height:278px!important;object-fit:contain!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-pulse>.oscar-case-image{transform:translateY(0) scale(1)!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-neon>.oscar-case-image{transform:translateY(22px) scale(1)!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-royal>.oscar-case-image{transform:translateY(0) scale(1)!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-void>.oscar-case-image{transform:translateY(20px) scale(1)!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card:hover .case-pulse>.oscar-case-image{transform:translateY(-2px) scale(1.025)!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card:hover .case-neon>.oscar-case-image{transform:translateY(20px) scale(1.025)!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card:hover .case-royal>.oscar-case-image{transform:translateY(-2px) scale(1.025)!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card:hover .case-void>.oscar-case-image{transform:translateY(18px) scale(1.025)!important}

/* ---------- Settings 2040 — rebuilt from zero ---------- */
:root[data-visual-style="2040"] #siteSettingsPortal{position:fixed!important;inset:0!important;z-index:2147483200!important;pointer-events:none!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-settings-layer{
  position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;padding:20px!important;pointer-events:auto!important;
  background:rgba(7,4,3,.38)!important;backdrop-filter:blur(22px) saturate(.88)!important;-webkit-backdrop-filter:blur(22px) saturate(.88)!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-settings-card{
  box-sizing:border-box!important;position:relative!important;width:min(410px,calc(100dvw - 32px))!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 40px)!important;
  margin:0!important;padding:0!important;overflow:hidden!important;border:1px solid rgba(255,248,240,.17)!important;border-radius:26px!important;
  background:radial-gradient(circle at 12% 0,rgba(255,245,235,.075),transparent 33%),linear-gradient(155deg,rgba(34,21,15,.985),rgba(12,8,6,.995) 74%)!important;
  box-shadow:0 36px 110px rgba(0,0,0,.62),0 0 58px rgba(255,239,225,.045),inset 0 1px rgba(255,255,255,.08)!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-settings-head{height:70px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 14px 0 16px!important;border:0!important;border-bottom:1px solid rgba(255,248,240,.08)!important;background:transparent!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-settings-brand{display:flex!important;align-items:center!important;gap:11px!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-settings-brand>span{width:38px!important;height:38px!important;display:grid!important;place-items:center!important;border-radius:13px!important;border:1px solid rgba(255,248,240,.13)!important;background:rgba(255,249,242,.06)!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-settings-brand svg{width:18px!important;height:18px!important;fill:none!important;stroke:#fff7ef!important;stroke-width:1.45!important;stroke-linecap:round!important;stroke-linejoin:round!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-settings-brand small{display:block!important;margin:0 0 3px!important;color:#af8c77!important;font-size:7px!important;font-weight:900!important;letter-spacing:.14em!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-settings-brand h2{margin:0!important;color:#fffaf5!important;font-size:17px!important;line-height:1!important;letter-spacing:-.01em!important;text-transform:none!important}
:root[data-visual-style="2040"] .k209-modal-close{box-sizing:border-box!important;width:34px!important;height:34px!important;min-width:34px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid rgba(255,249,242,.13)!important;border-radius:11px!important;background:rgba(255,249,242,.055)!important;color:#f4e9e0!important;font:400 20px/1 Arial,sans-serif!important;cursor:pointer!important;box-shadow:none!important}
:root[data-visual-style="2040"] .k209-modal-close:hover{background:rgba(255,250,244,.12)!important;border-color:rgba(255,250,244,.27)!important;transform:none!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-settings-body{display:grid!important;gap:9px!important;padding:12px!important;background:transparent!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-setting-row{box-sizing:border-box!important;width:100%!important;min-height:58px!important;margin:0!important;padding:10px 11px 10px 13px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border:1px solid rgba(255,248,240,.085)!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(255,249,242,.055),rgba(255,239,224,.018))!important;color:#f6eee7!important;text-align:left!important;box-shadow:none!important}
:root[data-visual-style="2040"] #siteSettingsPortal button.k209-setting-row{cursor:pointer!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-setting-row>div:first-child{min-width:0!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-setting-row strong{display:block!important;color:#f8f1eb!important;font-size:11px!important;line-height:1.1!important;text-transform:none!important;letter-spacing:.01em!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-setting-row span{display:block!important;margin-top:4px!important;color:#96877d!important;font-size:8px!important;line-height:1.2!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-setting-toggle{box-sizing:border-box!important;position:relative!important;width:44px!important;height:26px!important;min-width:44px!important;flex:0 0 44px!important;margin:0!important;border:1px solid rgba(255,249,242,.13)!important;border-radius:999px!important;background:#241610!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.25)!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-setting-toggle b{position:absolute!important;top:3px!important;left:3px!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#d9c7b8!important;transition:transform .28s cubic-bezier(.2,.8,.2,1),background .28s ease,box-shadow .28s ease!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-setting-toggle.on{background:linear-gradient(90deg,#7f4d35,#a56749)!important;border-color:rgba(255,236,220,.26)!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-setting-toggle.on b{transform:translateX(18px)!important;background:#fffaf4!important;box-shadow:0 0 13px rgba(255,248,241,.2)!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-setting-segment{display:flex!important;align-items:center!important;gap:3px!important;padding:3px!important;border:1px solid rgba(255,248,240,.08)!important;border-radius:11px!important;background:rgba(7,4,3,.38)!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-setting-segment button{height:30px!important;min-width:42px!important;padding:0 8px!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#94867d!important;font-size:8px!important;font-weight:850!important;box-shadow:none!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k209-setting-segment button.active{background:#f7efe8!important;color:#23160f!important;box-shadow:0 5px 14px rgba(0,0,0,.18)!important}

/* ---------- Support 2040 — rebuilt from zero ---------- */
:root[data-visual-style="2040"] #supportPortal{position:fixed!important;inset:0!important;z-index:2147483100!important;pointer-events:none!important;overflow:visible!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-layer{
  position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;padding:20px!important;pointer-events:auto!important;
  background:rgba(7,4,3,.38)!important;backdrop-filter:blur(22px) saturate(.88)!important;-webkit-backdrop-filter:blur(22px) saturate(.88)!important;
}
:root[data-visual-style="2040"] #supportPortal .k209-support-card{
  box-sizing:border-box!important;position:relative!important;width:min(440px,calc(100dvw - 32px))!important;max-height:min(610px,calc(100dvh - 40px))!important;height:auto!important;margin:0!important;padding:0!important;
  display:grid!important;grid-template-rows:72px minmax(0,1fr)!important;overflow:hidden!important;border:1px solid rgba(255,248,240,.17)!important;border-radius:27px!important;
  background:radial-gradient(circle at 11% 0,rgba(255,245,235,.075),transparent 32%),linear-gradient(155deg,rgba(34,21,15,.99),rgba(11,7,6,.997) 74%)!important;
  box-shadow:0 38px 116px rgba(0,0,0,.64),0 0 60px rgba(255,239,225,.04),inset 0 1px rgba(255,255,255,.08)!important;
}
:root[data-visual-style="2040"] #supportPortal .k209-support-card *{box-sizing:border-box!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-head{height:72px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 14px 0 16px!important;border:0!important;border-bottom:1px solid rgba(255,248,240,.08)!important;background:transparent!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-brand{display:flex!important;align-items:center!important;gap:11px!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-brand>span{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:14px!important;border:1px solid rgba(255,248,240,.14)!important;background:rgba(255,249,242,.06)!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-brand img{width:32px!important;height:32px!important;display:block!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-brand small{display:block!important;margin:0 0 3px!important;color:#ad8a76!important;font-size:7px!important;font-weight:900!important;letter-spacing:.14em!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-brand b{display:block!important;color:#fffaf5!important;font-size:17px!important;line-height:1!important;text-transform:none!important;letter-spacing:-.01em!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body{min-height:0!important;padding:12px!important;overflow:auto!important;background:transparent!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body :is(.support-new-form,.support-ticket-view,.support-login-state,.support-loading){width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body .support-form-title{margin:0 0 10px!important;padding:0!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body .support-form-title>span{color:#b8876b!important;font-size:7px!important;font-weight:900!important;letter-spacing:.14em!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body .support-form-title h3{margin:4px 0 0!important;color:#fff8f2!important;font-size:19px!important;line-height:1.1!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body .support-topic-grid{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin:0!important;padding:0!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body .support-topic-grid button{min-height:46px!important;height:46px!important;margin:0!important;padding:6px 9px!important;display:grid!important;grid-template-columns:32px 1fr!important;align-items:center!important;gap:9px!important;border:1px solid rgba(255,248,240,.085)!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(255,249,242,.045),rgba(255,239,224,.015))!important;color:#eee4dc!important;box-shadow:none!important;text-align:left!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body .support-topic-grid button.active{border-color:rgba(255,220,196,.27)!important;background:linear-gradient(145deg,rgba(255,245,235,.095),rgba(162,91,58,.075))!important;box-shadow:inset 0 0 0 1px rgba(255,248,240,.025)!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body .support-topic-grid button>span{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;margin:0!important;border-radius:10px!important;background:#180f0b!important;color:#f0c4a6!important;font-size:13px!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body .support-topic-grid button b{color:#f4eae3!important;font-size:9px!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body .support-description{display:block!important;margin:10px 0 0!important;padding:0!important;background:transparent!important;border:0!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body .support-description>span{display:block!important;margin:0 0 6px!important;color:#96877d!important;font-size:7.5px!important;line-height:1.35!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body :is(.support-description textarea,.support-reply-form textarea){width:100%!important;min-height:88px!important;height:88px!important;margin:0!important;padding:10px 11px!important;border:1px solid rgba(255,248,240,.085)!important;border-radius:13px!important;background:rgba(6,4,3,.56)!important;color:#f8efe9!important;font-size:10px!important;line-height:1.4!important;resize:none!important;outline:none!important;box-shadow:inset 0 1px rgba(255,255,255,.02)!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body :is(.support-description textarea,.support-reply-form textarea):focus{border-color:rgba(255,247,238,.25)!important;box-shadow:0 0 20px rgba(255,244,234,.045)!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body .support-submit{width:100%!important;height:42px!important;min-height:42px!important;margin:8px 0 0!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:13px!important;background:linear-gradient(135deg,#fffaf4,#eee1d6)!important;color:#23150f!important;font-size:9px!important;font-weight:900!important;box-shadow:0 10px 22px rgba(0,0,0,.20),0 0 22px rgba(255,247,239,.045)!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body .support-continue{width:100%!important;min-height:50px!important;margin:8px 0 0!important;padding:7px 9px!important;border:1px solid rgba(255,248,240,.08)!important;border-radius:13px!important;background:rgba(255,249,242,.03)!important;color:#f1e8e1!important;box-shadow:none!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body .support-conversation{max-height:300px!important;overflow:auto!important;margin:0!important;padding:0!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body .support-message{margin:0 0 7px!important;padding:9px 10px!important;border:1px solid rgba(255,248,240,.07)!important;border-radius:12px!important;background:rgba(255,249,242,.025)!important;box-shadow:none!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body .support-thread-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:9px!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body .support-back{height:34px!important;padding:0 10px!important;border:1px solid rgba(255,248,240,.08)!important;border-radius:10px!important;background:rgba(255,249,242,.035)!important;color:#eee4dc!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body .support-reply-form{display:grid!important;grid-template-columns:1fr 42px!important;gap:7px!important;margin-top:8px!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body .support-reply-form textarea{height:56px!important;min-height:56px!important}
:root[data-visual-style="2040"] #supportPortal .k209-support-body .support-reply-form button{width:42px!important;height:56px!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:12px!important;background:#f7efe8!important;color:#21140e!important;font-size:18px!important}

/* ---------- Paper airplane 2040 ---------- */
:root[data-visual-style="2040"][data-theme="hub"] .plane-hero-v136{
  background:radial-gradient(ellipse 36% 70% at 84% 0,rgba(255,244,232,.10),transparent 68%),linear-gradient(145deg,rgba(36,23,17,.88),rgba(12,8,6,.82))!important;border-color:rgba(255,247,238,.11)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .plane-hero-status i{background:#fff1e4!important;box-shadow:0 0 14px rgba(255,241,228,.35)!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-flight-shell{background:linear-gradient(160deg,rgba(24,15,11,.84),rgba(9,6,5,.94))!important;border-color:rgba(255,247,238,.10)!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-shell-topbar:after{background:linear-gradient(90deg,transparent,rgba(255,247,238,.16),rgba(224,190,162,.10),transparent)!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-sky-v140{
  background:
    radial-gradient(ellipse 34% 48% at 80% 16%,rgba(255,245,229,.34),transparent 69%),
    radial-gradient(ellipse 44% 56% at 28% 23%,rgba(177,125,91,.18),transparent 74%),
    linear-gradient(180deg,#2b1e18 0%,#4a352a 32%,#7d604d 64%,#b59478 100%)!important;
  overflow:hidden!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .plane-sky-grade-warm{background:radial-gradient(ellipse 46% 62% at 78% 16%,rgba(255,236,210,.30),transparent 71%),linear-gradient(180deg,rgba(79,48,34,.18),rgba(170,119,82,.08) 72%,rgba(230,184,135,.07))!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-sky-grade-cool{background:radial-gradient(ellipse 44% 50% at 24% 26%,rgba(250,232,215,.075),transparent 76%)!important;opacity:1!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-vehicle-v140{width:180px!important;height:110px!important;filter:drop-shadow(0 18px 16px rgba(22,9,4,.36))!important;z-index:16!important;transition:none!important;will-change:left,top,transform!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-paper-svg{display:block!important;width:100%!important;height:100%!important;overflow:visible!important;filter:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-paper-svg *{vector-effect:non-scaling-stroke}
:root[data-visual-style="2040"][data-theme="hub"] .plane-paper-svg .paper-plane-body{transform-origin:50% 50%;animation:paperFlex 1.65s ease-in-out infinite alternate}
@keyframes paperFlex{from{transform:skewY(-.25deg) scaleY(.998)}to{transform:skewY(.35deg) scaleY(1.003)}}
:root[data-visual-style="2040"][data-theme="hub"] .plane-flight-shell.is-crashing .plane-vehicle-v140{animation:paperCrash 1.05s cubic-bezier(.2,.72,.27,1) forwards!important}
@keyframes paperCrash{0%{filter:drop-shadow(0 18px 16px rgba(22,9,4,.36))}35%{transform:translate(-50%,-50%) rotate(24deg) scale(.98)}100%{transform:translate(-50%,75vh) rotate(168deg) scale(.72);opacity:.2;filter:blur(1px)}}

:root[data-visual-style="2040"][data-theme="hub"] .paper-wind-hud{
  position:absolute;z-index:18;left:22px;top:22px;min-width:170px;height:48px;padding:0 10px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;
  border:1px solid rgba(255,248,240,.12);border-radius:14px;background:rgba(24,15,11,.40);backdrop-filter:blur(13px);box-shadow:inset 0 1px rgba(255,255,255,.055),0 12px 28px rgba(0,0,0,.16);
}
:root[data-visual-style="2040"][data-theme="hub"] .paper-wind-hud>span{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(255,248,240,.08);color:#fff5eb;font-size:18px;font-weight:900;transition:transform .4s ease}
:root[data-visual-style="2040"][data-theme="hub"] .paper-wind-hud small{display:block;color:#9e897b;font-size:6px;font-weight:900;letter-spacing:.12em}
:root[data-visual-style="2040"][data-theme="hub"] .paper-wind-hud b{display:block;margin-top:2px;color:#fff7ee;font-size:9px;letter-spacing:.035em}
:root[data-visual-style="2040"][data-theme="hub"] .paper-wind-hud em{color:#d9c2b1;font-size:8px;font-style:normal;font-weight:900}
:root[data-visual-style="2040"][data-theme="hub"] .paper-wind-hud[data-wind="head"]>span{transform:rotate(0deg)}
:root[data-visual-style="2040"][data-theme="hub"] .paper-wind-hud[data-wind="cross"]>span{transform:rotate(-8deg)}

:root[data-visual-style="2040"][data-theme="hub"] .paper-wind-field{position:absolute;z-index:8;inset:0;pointer-events:none;overflow:hidden;opacity:calc(.22 + var(--wind-power,.45)*.42)}
:root[data-visual-style="2040"][data-theme="hub"] .paper-wind-field i{position:absolute;left:-22%;width:18%;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,250,244,.58),transparent);filter:drop-shadow(0 0 3px rgba(255,246,237,.18));animation:paperWind 2.5s linear infinite;transform:skewX(-18deg)}
:root[data-visual-style="2040"][data-theme="hub"] .paper-wind-field i:nth-child(1){top:21%;animation-delay:-.4s}.paper-wind-field i:nth-child(2){top:34%;animation-delay:-1.4s}.paper-wind-field i:nth-child(3){top:47%;animation-delay:-2.1s}.paper-wind-field i:nth-child(4){top:58%;animation-delay:-.9s}.paper-wind-field i:nth-child(5){top:69%;animation-delay:-1.8s}.paper-wind-field i:nth-child(6){top:79%;animation-delay:-2.4s}
:root[data-visual-style="2040"][data-theme="hub"] .paper-wind-field[data-wind="head"] i{animation-direction:reverse}
:root[data-visual-style="2040"][data-theme="hub"] .paper-wind-field[data-wind="cross"] i{transform:rotate(-10deg) skewX(-18deg);animation-duration:3.2s}
@keyframes paperWind{from{left:-24%;opacity:0}12%{opacity:.8}82%{opacity:.55}to{left:108%;opacity:0}}
:root[data-visual-style="2040"][data-theme="hub"] #planeTrailPath{stroke:#fff4e9!important;opacity:.58!important;stroke-width:1.1!important;stroke-dasharray:2 2!important;filter:drop-shadow(0 0 5px rgba(255,239,222,.18))!important}
:root[data-visual-style="2040"][data-theme="hub"] #planeTrailGlow{stroke:#f0d7c3!important;opacity:.12!important;filter:blur(7px)!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-milestones-v144>span.is-next{border-color:rgba(255,244,232,.30)!important;background:linear-gradient(145deg,rgba(255,247,238,.10),rgba(161,107,74,.055),rgba(14,10,8,.72))!important;box-shadow:0 10px 28px rgba(0,0,0,.25),0 0 22px rgba(255,247,238,.07)!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-action-zone{background:linear-gradient(150deg,rgba(255,247,238,.042),rgba(121,78,53,.032),rgba(14,10,9,.56))!important}

@media(max-width:760px){
  :root[data-visual-style="2040"] #siteSettingsPortal .k209-settings-layer,
  :root[data-visual-style="2040"] #supportPortal .k209-support-layer{padding:12px!important}
  :root[data-visual-style="2040"] #supportPortal .k209-support-card{max-height:calc(100dvh - 24px)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .plane-vehicle-v140{width:138px!important;height:86px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .paper-wind-hud{left:10px;top:10px;min-width:150px;height:44px}
}

/* =========================================================
   v210 — locked upgrade geometry / inward rails / performance pass
   2040 visuals only. Shared behavior remains style-independent.
   ========================================================= */

/* Upgrade: the probability core is anchored BETWEEN the two side cards,
   not to the viewport/stage centre. Both inner gaps are therefore identical. */
@media (min-width:1121px){
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-stage{
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 340px minmax(0,1fr)!important;
    column-gap:26px!important;
    align-items:center!important;
    justify-items:stretch!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-source{
    grid-column:1!important;
    justify-self:end!important;
    width:min(100%,440px)!important;
    max-width:440px!important;
    margin:0!important;
    transform:perspective(1500px) rotateY(2.6deg)!important;
    transform-origin:right center!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-core{
    position:relative!important;
    left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
    grid-column:2!important;grid-row:1!important;
    width:340px!important;max-width:340px!important;
    height:auto!important;
    justify-self:center!important;align-self:center!important;
    margin:0!important;
    transform:none!important;translate:none!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-target{
    grid-column:3!important;
    justify-self:start!important;
    width:min(100%,440px)!important;
    max-width:440px!important;
    margin:0!important;
    transform:perspective(1500px) rotateY(-2.6deg)!important;
    transform-origin:left center!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-source:hover{
    transform:perspective(1500px) rotateY(2.6deg)!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-target:hover{
    transform:perspective(1500px) rotateY(-2.6deg)!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel-wrap{
    width:340px!important;height:340px!important;
    margin:0 auto!important;translate:none!important;transform:none!important;
  }
}

/* Rails: both cards recede toward the PAGE CENTRE.
   Geometry is deliberately identical on hover so pointer hit-testing cannot
   make the panel snap back and forth. Only light/shadow wakes up. */
:root[data-visual-style="2040"] .k2040-rail{
  --rail-x:50%;--rail-y:50%;
  transform-style:preserve-3d!important;
  backface-visibility:hidden!important;
  contain:layout paint style!important;
  will-change:auto!important;
  transition:box-shadow .72s cubic-bezier(.16,.82,.18,1),border-color .55s ease,background .72s ease,filter .72s ease!important;
}
:root[data-visual-style="2040"] .k2040-rail-left,
:root[data-visual-style="2040"] .k2040-rail-left:hover{
  transform-origin:left center!important;
  transform:perspective(1500px) rotateY(7deg) translateZ(0)!important;
}
:root[data-visual-style="2040"] .k2040-rail-right,
:root[data-visual-style="2040"] .k2040-rail-right:hover{
  transform-origin:right center!important;
  transform:perspective(1500px) rotateY(-7deg) translateZ(0)!important;
}
:root[data-visual-style="2040"] .k2040-rail:hover{
  filter:brightness(1.025)!important;
  border-color:rgba(255,247,238,.19)!important;
  box-shadow:0 40px 94px rgba(0,0,0,.50),inset 0 0 0 1px rgba(255,247,238,.105),inset 0 1px rgba(255,255,255,.09),0 0 34px rgba(255,239,225,.045)!important;
}
:root[data-visual-style="2040"] .k2040-rail :is(.k2040-rail-mark,.k2040-profile-orbit,.k2040-balance,.k2040-orb,.k2040-nav button){
  backface-visibility:hidden!important;
  transition:transform .62s cubic-bezier(.16,.82,.18,1),background .46s ease,border-color .46s ease,box-shadow .52s ease,color .42s ease,filter .46s ease!important;
}
:root[data-visual-style="2040"] .k2040-rail:hover .k2040-rail-mark{transform:scale(1.025)!important}
:root[data-visual-style="2040"] .k2040-rail-right:hover .k2040-profile-orbit{transform:scale(1.018)!important}
:root[data-visual-style="2040"] .k2040-nav button:hover{transform:translateZ(0) scale(1.012)!important}

/* Performance pass: keep the visual quality but avoid costly full-page paint work. */
:root[data-visual-style="2040"] body{background-attachment:scroll!important}
:root[data-visual-style="2040"] .k2040-atmosphere i{
  width:500px!important;height:500px!important;
  filter:blur(112px)!important;
  mix-blend-mode:normal!important;
  animation-duration:42s!important;
  will-change:transform!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-card,.skin-card,.contract-slot,.profile-page-item){
  will-change:auto!important;
  backface-visibility:hidden!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-card,.skin-card,.contract-slot,.profile-page-item):hover{will-change:transform!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-collection{
  contain:layout paint style!important;
}

@media(max-width:1120px){
  :root[data-visual-style="2040"] .k2040-rail-left,
  :root[data-visual-style="2040"] .k2040-rail-left:hover,
  :root[data-visual-style="2040"] .k2040-rail-right,
  :root[data-visual-style="2040"] .k2040-rail-right:hover{transform:none!important}
}

/* =========================================================
   v211 — Route 66 cinematic paper launch
   2040 only. CSS-driven scene keeps the intro fast and GPU-friendly.
   ========================================================= */
:root[data-visual-style="2040"][data-theme="hub"] .plane-sky-v140{
  isolation:isolate!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k211-flight-cinema{
  position:absolute;z-index:70;inset:0;overflow:hidden;pointer-events:none;
  background:#25160f;
  transform:translateZ(0);contain:layout paint style;
}
:root[data-visual-style="2040"][data-theme="hub"] .k211-flight-cinema.is-ready,
:root[data-visual-style="2040"][data-theme="hub"] .k211-flight-cinema.is-launching{pointer-events:auto}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-world{
  position:absolute;inset:-4%;overflow:hidden;transform-origin:50% 58%;
  perspective:900px;will-change:transform;
}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-sky{
  position:absolute;inset:0 0 38%;
  background:
    radial-gradient(circle at 78% 20%,rgba(255,218,169,.24) 0,rgba(255,218,169,.10) 7%,transparent 18%),
    radial-gradient(ellipse at 73% 30%,rgba(255,232,203,.22),transparent 28%),
    linear-gradient(180deg,#573326 0%,#8b5a3d 40%,#d5a878 77%,#ebcfaa 100%);
}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-sky:after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(31,15,9,.08),transparent 48%,rgba(255,239,217,.10));
}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-sun{
  position:absolute;z-index:2;right:18%;top:15%;width:54px;aspect-ratio:1;border-radius:50%;
  background:#fff3d2;box-shadow:0 0 28px rgba(255,230,186,.45),0 0 90px rgba(255,203,142,.23);
}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-mesa{position:absolute;z-index:3;bottom:35%;background:linear-gradient(180deg,#68402d,#3b241a);filter:drop-shadow(0 10px 14px rgba(39,15,6,.18));transform-origin:50% 100%}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-mesa:before,:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-mesa:after{content:"";position:absolute;background:inherit;border-radius:8px 8px 0 0}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-mesa.mesa-a{left:-3%;width:30%;height:17%;clip-path:polygon(0 42%,20% 36%,27% 17%,49% 15%,55% 5%,76% 6%,82% 29%,100% 38%,100% 100%,0 100%);opacity:.82}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-mesa.mesa-b{right:2%;width:35%;height:20%;clip-path:polygon(0 46%,12% 40%,20% 22%,43% 21%,48% 8%,69% 9%,75% 30%,100% 39%,100% 100%,0 100%);opacity:.74}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-mesa.mesa-c{left:30%;width:23%;height:10%;clip-path:polygon(0 55%,19% 47%,28% 20%,65% 19%,74% 43%,100% 52%,100% 100%,0 100%);opacity:.48}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-ground{
  position:absolute;z-index:4;left:-10%;right:-10%;bottom:-10%;height:50%;
  background:
    radial-gradient(ellipse at 25% 55%,rgba(91,66,36,.40),transparent 2.2%),
    radial-gradient(ellipse at 72% 65%,rgba(83,58,33,.42),transparent 2.4%),
    linear-gradient(180deg,#946b49 0%,#735037 35%,#533827 100%);
}
:root[data-visual-style="2040"][data-theme="hub"] .k211-route-road{
  position:absolute;z-index:6;left:50%;bottom:-8%;width:64%;height:58%;transform:translateX(-50%);transform-origin:50% 100%;
  clip-path:polygon(45.5% 0,54.5% 0,100% 100%,0 100%);
  background:linear-gradient(90deg,#3d342f,#5a504a 18%,#685e57 50%,#534944 82%,#342d2a);
  box-shadow:inset 0 0 0 2px rgba(255,238,207,.06),0 0 42px rgba(37,20,11,.28);
}
:root[data-visual-style="2040"][data-theme="hub"] .k211-route-road:before,:root[data-visual-style="2040"][data-theme="hub"] .k211-route-road:after{content:"";position:absolute;top:0;bottom:0;width:2px;background:rgba(248,225,183,.78)}
:root[data-visual-style="2040"][data-theme="hub"] .k211-route-road:before{left:26%;transform:rotate(10deg)}
:root[data-visual-style="2040"][data-theme="hub"] .k211-route-road:after{right:26%;transform:rotate(-10deg)}
:root[data-visual-style="2040"][data-theme="hub"] .k211-route-road>span{position:absolute;left:50%;top:calc(7% + var(--i)*11%);width:5px;height:8%;border-radius:5px;background:#f6e3b7;opacity:.82;transform:translateX(-50%) scale(calc(.36 + var(--i)*.09));transform-origin:50% 0}
:root[data-visual-style="2040"][data-theme="hub"] .k211-route-sign{
  position:absolute;z-index:10;right:8%;bottom:28%;width:64px;height:82px;display:grid;place-items:center;align-content:center;
  color:#fff7e6;filter:drop-shadow(0 12px 12px rgba(34,15,7,.34));transform:rotate(2deg);
}
:root[data-visual-style="2040"][data-theme="hub"] .k211-route-sign:before{content:"";position:absolute;inset:0;background:#281b15;border:3px solid #efe0c3;clip-path:polygon(20% 0,80% 0,100% 24%,92% 80%,50% 100%,8% 80%,0 24%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.05)}
:root[data-visual-style="2040"][data-theme="hub"] .k211-route-sign:after{content:"";position:absolute;width:4px;height:68px;top:75px;background:#3a281e;border-radius:5px}
:root[data-visual-style="2040"][data-theme="hub"] .k211-route-sign>*{position:relative;z-index:2;line-height:1;text-shadow:0 1px #000}
:root[data-visual-style="2040"][data-theme="hub"] .k211-route-sign small{font-size:8px;letter-spacing:.08em}
:root[data-visual-style="2040"][data-theme="hub"] .k211-route-sign strong{font-size:27px;letter-spacing:-.08em}
:root[data-visual-style="2040"][data-theme="hub"] .k211-route-sign span{font-size:7px;font-weight:900;letter-spacing:.12em}
:root[data-visual-style="2040"][data-theme="hub"] .k211-route-poles i{position:absolute;z-index:7;bottom:29%;width:3px;height:78px;background:#3a271d;transform-origin:50% 100%;opacity:.8}
:root[data-visual-style="2040"][data-theme="hub"] .k211-route-poles i:before{content:"";position:absolute;left:-12px;top:9px;width:27px;height:2px;background:#3a271d}
:root[data-visual-style="2040"][data-theme="hub"] .k211-route-poles i:nth-child(1){left:18%;transform:scale(.54)}.k211-route-poles i:nth-child(2){left:26%;transform:scale(.36)}.k211-route-poles i:nth-child(3){right:26%;transform:scale(.42)}.k211-route-poles i:nth-child(4){right:18%;transform:scale(.65)}.k211-route-poles i:nth-child(5){right:10%;transform:scale(.9)}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-dust i{position:absolute;z-index:9;bottom:17%;width:86px;height:22px;border-radius:50%;background:radial-gradient(ellipse,rgba(233,195,145,.22),transparent 70%);filter:blur(5px);opacity:.35;animation:k211Dust 5.5s ease-in-out infinite}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-dust i:nth-child(1){left:8%;animation-delay:-1.3s}.k211-cinema-dust i:nth-child(2){left:29%;bottom:22%;animation-delay:-3.6s}.k211-cinema-dust i:nth-child(3){right:18%;animation-delay:-2.2s}.k211-cinema-dust i:nth-child(4){right:3%;bottom:25%;animation-delay:-4.4s}
@keyframes k211Dust{0%,100%{transform:translate3d(-8px,0,0) scale(.8);opacity:.12}50%{transform:translate3d(24px,-4px,0) scale(1.28);opacity:.42}}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-wind{position:absolute;z-index:18;inset:0;opacity:.25;overflow:hidden}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-wind i{position:absolute;left:-20%;width:18%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,246,226,.65),transparent);animation:k211CineWind 2.3s linear infinite;transform:skewX(-22deg)}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-wind i:nth-child(1){top:26%;animation-delay:-.3s}.k211-cinema-wind i:nth-child(2){top:39%;animation-delay:-1.2s}.k211-cinema-wind i:nth-child(3){top:52%;animation-delay:-1.9s}.k211-cinema-wind i:nth-child(4){top:63%;animation-delay:-.8s}.k211-cinema-wind i:nth-child(5){top:74%;animation-delay:-1.6s}
@keyframes k211CineWind{from{left:-20%;opacity:0}12%{opacity:1}85%{opacity:.55}to{left:110%;opacity:0}}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-hand{position:absolute;z-index:34;right:-3%;bottom:-8%;width:58%;height:62%;transform-origin:82% 85%;filter:drop-shadow(-10px 15px 18px rgba(37,13,5,.22));will-change:transform,opacity}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-hand svg{width:100%;height:100%;display:block}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-plane{position:absolute;z-index:36;left:51%;top:55%;width:245px;height:145px;transform:translate(-50%,-50%) rotate(-8deg) scale(1.02);transform-origin:51% 49%;filter:drop-shadow(0 20px 16px rgba(41,16,6,.34));will-change:transform,left,top,opacity}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-plane .paper-plane-body{animation:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-title{position:absolute;z-index:42;left:28px;bottom:26px;display:flex;flex-direction:column;gap:3px;text-shadow:0 2px 16px rgba(24,10,4,.48);transition:opacity .35s ease,transform .35s ease}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-title small{font-size:7px;font-weight:900;letter-spacing:.18em;color:rgba(255,247,232,.65)}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-title strong{font-size:24px;letter-spacing:-.035em;color:#fff8ea}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-title span{font-size:9px;font-weight:700;color:rgba(255,245,230,.62)}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-status{position:absolute;z-index:42;right:22px;top:20px;height:39px;padding:0 11px;display:grid;grid-template-columns:7px auto auto;align-items:center;gap:7px;border:1px solid rgba(255,248,232,.16);border-radius:12px;background:rgba(34,19,12,.28);backdrop-filter:blur(10px);box-shadow:inset 0 1px rgba(255,255,255,.04),0 10px 26px rgba(24,10,4,.12)}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-status i{width:6px;height:6px;border-radius:50%;background:#fff2d6;box-shadow:0 0 12px rgba(255,234,194,.55)}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-status span{font-size:6px;font-weight:900;letter-spacing:.14em;color:rgba(255,245,230,.48)}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-status b{font-size:7px;color:#fff5e4;letter-spacing:.04em;min-width:88px;text-align:right}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-skip{position:absolute;z-index:45;right:24px;bottom:22px;height:34px;padding:0 13px;border:1px solid rgba(255,247,232,.16);border-radius:11px;background:rgba(36,21,14,.42);color:#fff7e9;font:900 7px/1 inherit;letter-spacing:.12em;opacity:0;pointer-events:none;transition:opacity .25s ease,background .25s ease}
:root[data-visual-style="2040"][data-theme="hub"] .k211-flight-cinema.is-running .k211-cinema-skip{opacity:.72;pointer-events:auto}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-skip:hover{opacity:1;background:rgba(255,248,234,.10)}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-bars{position:absolute;z-index:55;left:0;right:0;height:0;background:#110b08;transition:height .6s cubic-bezier(.2,.8,.2,1)}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-bars.bar-top{top:0}.k211-cinema-bars.bar-bottom{bottom:0}
:root[data-visual-style="2040"][data-theme="hub"] .k211-flight-cinema.is-running .k211-cinema-bars{height:4.6%}
:root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-vignette{position:absolute;z-index:40;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 48%,rgba(25,10,4,.18) 78%,rgba(13,7,5,.48) 110%)}

/* Launch timeline: first-person throw -> rear chase -> camera orbit -> side gameplay handoff. */
:root[data-visual-style="2040"][data-theme="hub"] .k211-flight-cinema.is-running .k211-cinema-hand{animation:k211HandThrow 4.55s cubic-bezier(.22,.7,.18,1) both}
:root[data-visual-style="2040"][data-theme="hub"] .k211-flight-cinema.is-running .k211-cinema-plane{animation:k211PlaneLaunch 4.55s linear both}
:root[data-visual-style="2040"][data-theme="hub"] .k211-flight-cinema.is-running .k211-cinema-world{animation:k211WorldCamera 4.55s cubic-bezier(.2,.72,.2,1) both}
:root[data-visual-style="2040"][data-theme="hub"] .k211-flight-cinema.is-running .k211-cinema-title{animation:k211TitleOut 4.55s ease both}
:root[data-visual-style="2040"][data-theme="hub"] .k211-flight-cinema.is-running .k211-route-road>span{animation:k211RoadRush .62s linear infinite}
:root[data-visual-style="2040"][data-theme="hub"] .k211-flight-cinema.is-handoff{animation:k211Handoff .72s ease-out both;pointer-events:none}
:root[data-visual-style="2040"][data-theme="hub"] .k211-flight-cinema.is-handoff .k211-cinema-hand,:root[data-visual-style="2040"][data-theme="hub"] .k211-flight-cinema.is-handoff .k211-cinema-title,:root[data-visual-style="2040"][data-theme="hub"] .k211-flight-cinema.is-handoff .k211-cinema-status{opacity:0!important}
:root[data-visual-style="2040"][data-theme="hub"] .k211-flight-cinema.is-handoff .k211-cinema-plane{left:30%;top:48%;width:180px;height:110px;transform:translate(-50%,-50%) rotate(0deg) scale(1)}
:root[data-visual-style="2040"][data-theme="hub"] .k211-flight-cinema.is-skipping{transition:opacity .18s ease;opacity:0}
@keyframes k211HandThrow{
  0%,8%{transform:translate3d(0,0,0) rotate(-1deg);opacity:1}
  17%{transform:translate3d(-9%,-8%,0) rotate(-8deg) scale(1.04);opacity:1}
  25%{transform:translate3d(-4%,6%,0) rotate(4deg) scale(.98);opacity:.88}
  34%,100%{transform:translate3d(22%,28%,0) rotate(12deg) scale(.92);opacity:0}
}
@keyframes k211PlaneLaunch{
  0%,9%{left:51%;top:55%;width:245px;height:145px;transform:translate(-50%,-50%) rotate(-8deg) rotateY(0deg) scale(1.02)}
  18%{left:49%;top:43%;width:220px;height:132px;transform:translate(-50%,-50%) rotate(-3deg) rotateY(4deg) scale(.94)}
  31%{left:51%;top:36%;width:124px;height:78px;transform:translate(-50%,-50%) rotate(1deg) rotateY(67deg) scale(.82)}
  45%{left:52%;top:40%;width:154px;height:94px;transform:translate(-50%,-50%) rotate(2deg) rotateY(54deg) scale(.94)}
  61%{left:47%;top:43%;width:175px;height:104px;transform:translate(-50%,-50%) rotate(-1deg) rotateY(32deg) scale(1)}
  79%{left:38%;top:46%;width:184px;height:110px;transform:translate(-50%,-50%) rotate(2deg) rotateY(12deg) scale(1.02)}
  100%{left:30%;top:48%;width:180px;height:110px;transform:translate(-50%,-50%) rotate(0deg) rotateY(0deg) scale(1)}
}
@keyframes k211WorldCamera{
  0%,13%{transform:scale(1.02) translate3d(0,0,0) rotateZ(0deg)}
  30%{transform:scale(1.12) translate3d(0,3%,0) rotateZ(.3deg)}
  48%{transform:scale(1.18) translate3d(-1%,2%,0) rotateZ(-.4deg)}
  66%{transform:scale(1.14) translate3d(2%,1%,0) rotateZ(.55deg)}
  82%{transform:scale(1.09) translate3d(5%,0,0) rotateZ(.15deg)}
  100%{transform:scale(1.05) translate3d(7%,0,0) rotateZ(0)}
}
@keyframes k211TitleOut{0%,10%{opacity:1;transform:translateY(0)}23%,100%{opacity:0;transform:translateY(8px)}}
@keyframes k211RoadRush{from{translate:0 -12%}to{translate:0 78%}}
@keyframes k211Handoff{0%{opacity:1}60%{opacity:.35}100%{opacity:0;visibility:hidden}}

/* During the cinematic the gameplay HUD waits underneath. */
:root[data-visual-style="2040"][data-theme="hub"] .plane-flight-shell.is-idle .paper-wind-hud,
:root[data-visual-style="2040"][data-theme="hub"] .plane-flight-shell.is-idle .paper-wind-field,
:root[data-visual-style="2040"][data-theme="hub"] .plane-flight-shell.is-idle .plane-multiplier-core,
:root[data-visual-style="2040"][data-theme="hub"] .plane-flight-shell.is-idle .plane-flight-metrics,
:root[data-visual-style="2040"][data-theme="hub"] .plane-flight-shell.is-idle .plane-route-v140,
:root[data-visual-style="2040"][data-theme="hub"] .plane-flight-shell.is-idle .plane-ground-v144,
:root[data-visual-style="2040"][data-theme="hub"] .plane-flight-shell.is-idle .plane-cloud-belt,
:root[data-visual-style="2040"][data-theme="hub"] .plane-flight-shell.is-idle .plane-flight-hint{opacity:0!important}

@media(max-width:760px){
  :root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-plane{width:175px;height:105px;left:52%;top:54%}
  :root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-hand{width:76%;right:-18%;bottom:-6%}
  :root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-title{left:14px;bottom:14px}.k211-cinema-title strong{font-size:18px}.k211-cinema-title span{display:none}
  :root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-status{right:10px;top:10px}
  :root[data-visual-style="2040"][data-theme="hub"] .k211-route-sign{right:5%;bottom:27%;transform:scale(.76)}
  :root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-skip{right:12px;bottom:12px}
}
@media(prefers-reduced-motion:reduce){
  :root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-dust i,
  :root[data-visual-style="2040"][data-theme="hub"] .k211-cinema-wind i{animation:none!important}
}

/* =========================================================
   v212 — v205 background + v205 Oscar geometry restore
   Keep v211 functionality/cinematic intact; only restore the requested 2040 visual baseline.
   ========================================================= */

/* Exact v205/v204 espresso + milk background baseline. */
:root[data-visual-style="2040"] body{
  background:
    radial-gradient(1050px 760px at -8% 14%,rgba(92,43,23,.62),transparent 64%),
    radial-gradient(1040px 720px at 102% 4%,rgba(255,248,239,.19),transparent 64%),
    radial-gradient(820px 620px at 58% 26%,rgba(255,236,218,.075),transparent 68%),
    radial-gradient(980px 680px at 70% 102%,rgba(91,40,20,.31),transparent 68%),
    radial-gradient(760px 560px at 18% 96%,rgba(255,244,231,.055),transparent 66%),
    linear-gradient(128deg,#050302 0%,#170b07 25%,#080403 49%,#130906 70%,#040302 100%)!important;
  background-attachment:fixed!important;
}
:root[data-visual-style="2040"] body:before{
  opacity:.9!important;
  background:
    linear-gradient(118deg,rgba(255,250,245,.03),transparent 23%,transparent 62%,rgba(255,236,220,.045)),
    radial-gradient(ellipse 52% 35% at 52% -3%,rgba(255,250,244,.09),transparent 72%),
    radial-gradient(ellipse 42% 28% at 84% 42%,rgba(255,244,232,.045),transparent 76%)!important;
}
:root[data-visual-style="2040"] .k2040-atmosphere i:first-child{background:#7c381f!important;opacity:.16!important}
:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(2){background:#f4e5d6!important;opacity:.11!important}
:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(3){background:#8c5a3d!important;opacity:.10!important}

/* Restore the Oscar Collection size and spacing from v205. */
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar{
  padding-top:12px!important;
  padding-bottom:34px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:2px 10px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card{
  height:356px!important;
  min-height:356px!important;
  padding:0 8px 8px!important;
  grid-template-rows:286px 38px 28px!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  transform:translateZ(0)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-art.custom-oscar-art{
  width:100%!important;
  height:286px!important;
  min-height:286px!important;
  max-height:286px!important;
  transform:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-pulse>.oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-neon>.oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-royal>.oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-void>.oscar-case-image{
  width:100%!important;
  max-width:350px!important;
  height:278px!important;
  max-height:278px!important;
  transform:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card:hover .case-art.custom-oscar-art{
  transform:translateY(-4px) scale(1.028)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card:hover .oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card:hover .case-pulse>.oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card:hover .case-neon>.oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card:hover .case-royal>.oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card:hover .case-void>.oscar-case-image{
  transform:none!important;
}
@media(max-width:1500px){
  :root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card{height:334px!important;min-height:334px!important;grid-template-rows:264px 38px 28px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-art.custom-oscar-art{height:264px!important;min-height:264px!important;max-height:264px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-image{height:258px!important;max-height:258px!important}
}
@media(max-width:1120px){
  :root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
  :root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid{grid-template-columns:1fr!important}
}

/* =========================================================
   v213 — compact home rhythm + sticky KORZH island
   2040 only. Keep v212/v211 mechanics intact.
   ========================================================= */

/* Keep the centered KORZH island available while browsing long collections. */
:root[data-visual-style="2040"][data-theme="hub"] .korzh-shared-header{
  position:sticky!important;
  top:8px!important;
  z-index:72!important;
  margin-top:10px!important;
}

/* Main landing: remove vertical dead space without shrinking the headline. */
:root[data-visual-style="2040"][data-theme="hub"] .page-cases>.k2040-stage main{
  padding-top:30px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .k2040-page-intro{
  min-height:232px!important;
  margin:16px 0 8px!important;
  padding:26px 42px 30px!important;
  grid-template-columns:minmax(0,1.18fr) 330px!important;
  align-items:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .k2040-intro-object{
  min-height:176px!important;
  transform:scale(.90)!important;
  transform-origin:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .cases-section{
  padding-top:20px!important;
}

/* Oscar -> Lowkey: tighter collection handoff, preserving v205 Oscar art size. */
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar{
  padding-bottom:16px!important;
  margin-bottom:12px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-starter{
  padding-top:9px!important;
}

@media(max-width:1120px){
  :root[data-visual-style="2040"][data-theme="hub"] .korzh-shared-header{top:6px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k2040-page-intro{
    min-height:220px!important;
    padding:24px 28px 28px!important;
  }
}
@media(max-width:700px){
  :root[data-visual-style="2040"][data-theme="hub"] .korzh-shared-header{top:4px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases>.k2040-stage main{padding-top:18px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k2040-page-intro{
    min-height:250px!important;
    margin:10px 0 6px!important;
    padding:24px 18px 24px!important;
  }
}

/* =========================================================
   v214 — focus island + clean modal rebuild
   2040 only. No legacy modal geometry is reused here.
   ========================================================= */

/* The sticky KORZH island gently leaves the visual focus while the page scrolls. */
:root[data-visual-style="2040"][data-theme="hub"] .korzh-shared-header{
  transition:opacity .42s cubic-bezier(.22,.8,.24,1),filter .42s cubic-bezier(.22,.8,.24,1),background .42s ease,box-shadow .42s ease,transform .42s cubic-bezier(.22,.8,.24,1)!important;
  transform-origin:50% 0!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .korzh-shared-header.k214-header-defocused{
  opacity:.60!important;
  filter:saturate(.72) brightness(.90) blur(.28px)!important;
  transform:translateY(-1px) scale(.994)!important;
  background:linear-gradient(135deg,rgba(20,12,9,.58),rgba(8,5,4,.50))!important;
  box-shadow:0 12px 34px rgba(0,0,0,.18),inset 0 1px rgba(255,250,244,.035)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .korzh-shared-header.k214-header-defocused:hover,
:root[data-visual-style="2040"][data-theme="hub"] .korzh-shared-header.k214-header-defocused:focus-within{
  opacity:.92!important;
  filter:saturate(.94) brightness(.98) blur(0)!important;
  transform:translateY(0) scale(1)!important;
}

/* Shared full-screen modal layer: one layer, one card, no ghost frame. */
:root[data-visual-style="2040"] :is(#siteSettingsPortal,#supportPortal) .k214-modal-layer{
  position:fixed!important;
  inset:0!important;
  z-index:2147483200!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
  margin:0!important;
  overflow:hidden!important;
  pointer-events:auto!important;
  background:rgba(8,5,4,.50)!important;
  backdrop-filter:blur(20px) saturate(.72)!important;
  -webkit-backdrop-filter:blur(20px) saturate(.72)!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
:root[data-visual-style="2040"] :is(#siteSettingsPortal,#supportPortal) .k214-modal-layer::before,
:root[data-visual-style="2040"] :is(#siteSettingsPortal,#supportPortal) .k214-modal-layer::after{content:none!important;display:none!important}
:root[data-visual-style="2040"] :is(#siteSettingsPortal,#supportPortal) .k214-modal-card{
  position:relative!important;
  inset:auto!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  scale:1!important;
  opacity:1!important;
  overflow:hidden!important;
  border:1px solid rgba(255,247,240,.12)!important;
  background:linear-gradient(155deg,rgba(31,20,15,.985),rgba(13,8,6,.995) 72%)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.56),inset 0 1px rgba(255,255,255,.055)!important;
  isolation:isolate!important;
  box-sizing:border-box!important;
}
:root[data-visual-style="2040"] :is(#siteSettingsPortal,#supportPortal) .k214-modal-card::before,
:root[data-visual-style="2040"] :is(#siteSettingsPortal,#supportPortal) .k214-modal-card::after{content:none!important;display:none!important}
:root[data-visual-style="2040"] :is(#siteSettingsPortal,#supportPortal) .k214-modal-card *{box-sizing:border-box!important}
:root[data-visual-style="2040"] :is(#siteSettingsPortal,#supportPortal) .k214-modal-close{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(255,248,241,.10)!important;
  border-radius:11px!important;
  background:rgba(255,248,242,.045)!important;
  color:#d9c8bd!important;
  font:400 20px/1 Arial,sans-serif!important;
  cursor:pointer!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s ease!important;
}
:root[data-visual-style="2040"] :is(#siteSettingsPortal,#supportPortal) .k214-modal-close:hover{background:rgba(255,250,245,.10)!important;color:#fffaf5!important;border-color:rgba(255,250,245,.22)!important;transform:scale(1.04)!important}

/* Settings: dimensions intentionally mirror the profile modal the user approved. */
:root[data-visual-style="2040"] #siteSettingsPortal .k214-settings-card{
  width:min(430px,calc(100dvw - 30px))!important;
  max-width:430px!important;
  border-radius:22px!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .k214-settings-head{
  height:64px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 13px 0 15px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,247,240,.075)!important;
  background:linear-gradient(180deg,rgba(255,250,244,.034),transparent)!important;
}
:root[data-visual-style="2040"] #siteSettingsPortal .k214-settings-title{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k214-settings-title>span{width:36px!important;height:36px!important;display:grid!important;place-items:center!important;flex:0 0 36px!important;border-radius:11px!important;border:1px solid rgba(255,244,235,.12)!important;background:rgba(255,249,242,.055)!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k214-settings-title svg{width:19px!important;height:19px!important;fill:none!important;stroke:#f7eee7!important;stroke-width:1.35!important;stroke-linecap:round!important;stroke-linejoin:round!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k214-settings-title small{display:block!important;margin:0!important;color:#aa8c7b!important;font-size:6.5px!important;font-weight:900!important;letter-spacing:.14em!important;line-height:1!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k214-settings-title h2{margin:4px 0 0!important;color:#fff9f4!important;font-size:15px!important;line-height:1!important;letter-spacing:.015em!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k214-settings-body{width:100%!important;padding:12px!important;display:grid!important;gap:8px!important;background:transparent!important}
:root[data-visual-style="2040"] #siteSettingsPortal :is(.k214-setting-line,.k214-setting-group){width:100%!important;min-height:58px!important;margin:0!important;padding:9px 11px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;border:1px solid rgba(255,247,240,.075)!important;border-radius:15px!important;background:rgba(255,250,245,.027)!important;color:#f6eee8!important;box-shadow:none!important;text-align:left!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k214-setting-line{appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important}
:root[data-visual-style="2040"] #siteSettingsPortal :is(.k214-setting-line,.k214-setting-group)>div:first-child{min-width:0!important}
:root[data-visual-style="2040"] #siteSettingsPortal :is(.k214-setting-line,.k214-setting-copy) strong{display:block!important;color:#f7eee8!important;font-size:11px!important;line-height:1.1!important}
:root[data-visual-style="2040"] #siteSettingsPortal :is(.k214-setting-line,.k214-setting-copy) span{display:block!important;margin-top:4px!important;color:#95867d!important;font-size:8px!important;line-height:1.2!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k214-switch{position:relative!important;width:44px!important;height:26px!important;min-width:44px!important;flex:0 0 44px!important;margin:0!important;border:1px solid rgba(255,249,243,.12)!important;border-radius:999px!important;background:#241610!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.25)!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k214-switch b{position:absolute!important;top:3px!important;left:3px!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#d9c8bc!important;transform:none!important;transition:transform .26s cubic-bezier(.2,.8,.2,1),background .26s ease!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k214-switch.on{background:linear-gradient(90deg,#80523b,#a56a4d)!important;border-color:rgba(255,236,221,.24)!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k214-switch.on b{transform:translateX(18px)!important;background:#fffaf5!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k214-segment{display:flex!important;align-items:center!important;gap:3px!important;padding:3px!important;border:1px solid rgba(255,248,241,.07)!important;border-radius:11px!important;background:rgba(7,4,3,.38)!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k214-segment button{appearance:none!important;-webkit-appearance:none!important;height:30px!important;min-width:42px!important;padding:0 8px!important;margin:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#93867e!important;font-size:8px!important;font-weight:850!important;box-shadow:none!important;cursor:pointer!important}
:root[data-visual-style="2040"] #siteSettingsPortal .k214-segment button.active{background:#f8f0e9!important;color:#24160f!important;box-shadow:0 5px 14px rgba(0,0,0,.18)!important}

/* Support: fresh geometry and fresh frame; legacy panel dimensions cannot leak in. */
:root[data-visual-style="2040"] #supportPortal .k214-support-card{
  width:min(470px,calc(100dvw - 30px))!important;
  max-width:470px!important;
  max-height:min(640px,calc(100dvh - 30px))!important;
  display:grid!important;
  grid-template-rows:68px minmax(0,1fr)!important;
  border-radius:22px!important;
}
:root[data-visual-style="2040"] #supportPortal .k214-support-head{height:68px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:0 14px 0 16px!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(255,247,240,.075)!important;background:linear-gradient(180deg,rgba(255,250,244,.034),transparent)!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-brand{display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-brand>span{width:39px!important;height:39px!important;display:grid!important;place-items:center!important;flex:0 0 39px!important;border-radius:12px!important;border:1px solid rgba(255,248,241,.11)!important;background:rgba(255,250,245,.05)!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-brand img{width:31px!important;height:31px!important;display:block!important;object-fit:contain!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-brand small{display:block!important;margin:0!important;color:#aa8b79!important;font-size:6.5px!important;font-weight:900!important;letter-spacing:.13em!important;line-height:1!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-brand b{display:block!important;margin-top:4px!important;color:#fff9f4!important;font-size:16px!important;line-height:1!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body{min-height:0!important;width:100%!important;padding:12px!important;overflow:auto!important;background:transparent!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body :is(.support-new-form,.support-ticket-view,.support-login-state,.support-loading){position:static!important;inset:auto!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-form-title{margin:0 0 10px!important;padding:0!important;border:0!important;background:none!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-form-title>span{display:block!important;color:#b9866a!important;font-size:7px!important;font-weight:900!important;letter-spacing:.14em!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-form-title h3{margin:4px 0 0!important;color:#fff8f2!important;font-size:20px!important;line-height:1.1!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-topic-grid{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;width:100%!important;margin:0!important;padding:0!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-topic-grid button{appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:48px!important;min-height:48px!important;margin:0!important;padding:7px 10px!important;display:grid!important;grid-template-columns:32px 1fr!important;align-items:center!important;gap:9px!important;border:1px solid rgba(255,248,241,.08)!important;border-radius:13px!important;background:rgba(255,249,243,.026)!important;color:#eee4dc!important;box-shadow:none!important;text-align:left!important;cursor:pointer!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-topic-grid button.active{border-color:rgba(255,229,209,.24)!important;background:linear-gradient(145deg,rgba(255,247,240,.085),rgba(148,85,56,.07))!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-topic-grid button>span{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;margin:0!important;border-radius:10px!important;background:#180f0b!important;color:#efc2a5!important;font-size:13px!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-topic-grid button b{color:#f3e9e2!important;font-size:10px!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-description{display:block!important;width:100%!important;margin:10px 0 0!important;padding:0!important;border:0!important;background:none!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-description>span{display:block!important;margin:0 0 6px!important;color:#988980!important;font-size:8px!important;line-height:1.4!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body :is(.support-description textarea,.support-reply-form textarea){appearance:none!important;-webkit-appearance:none!important;width:100%!important;min-height:94px!important;height:94px!important;margin:0!important;padding:11px 12px!important;border:1px solid rgba(255,248,241,.085)!important;border-radius:13px!important;background:rgba(7,4,3,.55)!important;color:#f8efe9!important;font-size:11px!important;line-height:1.4!important;resize:none!important;outline:none!important;box-shadow:inset 0 1px rgba(255,255,255,.02)!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-submit{appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:44px!important;min-height:44px!important;margin:8px 0 0!important;border:1px solid rgba(255,255,255,.52)!important;border-radius:13px!important;background:linear-gradient(135deg,#fffaf5,#eee1d7)!important;color:#23150f!important;font-size:9px!important;font-weight:900!important;box-shadow:0 10px 22px rgba(0,0,0,.18)!important;cursor:pointer!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-continue{appearance:none!important;-webkit-appearance:none!important;width:100%!important;min-height:52px!important;margin:8px 0 0!important;padding:8px 10px!important;border:1px solid rgba(255,248,241,.08)!important;border-radius:13px!important;background:rgba(255,249,243,.03)!important;color:#f1e8e1!important;box-shadow:none!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-conversation{max-height:320px!important;overflow:auto!important;margin:0!important;padding:0!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-message{margin:0 0 7px!important;padding:9px 10px!important;border:1px solid rgba(255,248,241,.07)!important;border-radius:12px!important;background:rgba(255,249,243,.025)!important;box-shadow:none!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-thread-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:9px!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-reply-form{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:7px!important;margin-top:8px!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-reply-form textarea{height:58px!important;min-height:58px!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-reply-form button{width:44px!important;height:58px!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:12px!important;background:#f7efe8!important;color:#21140e!important;font-size:18px!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-login-state{text-align:center!important;padding:8px 2px 2px!important}
:root[data-visual-style="2040"] #supportPortal .k214-support-body .support-login-state .support-cookie-headset{margin:0 auto 10px!important}

@media(max-width:560px){
  :root[data-visual-style="2040"] :is(#siteSettingsPortal,#supportPortal) .k214-modal-layer{padding:10px!important}
  :root[data-visual-style="2040"] #siteSettingsPortal .k214-settings-card,
  :root[data-visual-style="2040"] #supportPortal .k214-support-card{width:calc(100dvw - 20px)!important;max-width:calc(100dvw - 20px)!important}
}

/* =========================================================
   v215 — compact rails + definitive OSCAR ring cleanup
   Visual changes are 2040-only.
   ========================================================= */

/* Desktop spatial rails: exactly 25% shorter than the original
   (100vh - 96px) rail height, while remaining vertically centred. */
@media (min-width:701px){
  :root[data-visual-style="2040"] .k2040-rail{
    top:calc(12.5vh + 36px)!important;
    bottom:calc(12.5vh + 36px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }
}

/* OSCAR catalogue: the PNG itself is the only visual object.
   Kill every possible legacy circular stage / halo / pseudo layer. */
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .oscar-case-card,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .case-art.custom-oscar-art{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .oscar-case-card::before,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .oscar-case-card::after,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .case-art.custom-oscar-art::before,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .case-art.custom-oscar-art::after,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .case-podium,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .case-floor,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .case-shadow{
  display:none!important;
  content:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
}
/* Prevent a circular focus/hover ring from being painted by legacy rules. */
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .oscar-case-card:is(:hover,:focus,:focus-visible,:active),
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .case-art.custom-oscar-art:is(:hover,:focus,:focus-visible,:active){
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* =========================================================
   v217 — OSCAR character set / locked case geometry
   2040 catalogue only: the actual case body is normalized to
   the same scale and the same anchor for all four composites.
   Oscar may overflow the visual cell by design.
   ========================================================= */
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .oscar-case-grid,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .oscar-case-card,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .case-art.custom-oscar-art{
  overflow:visible!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .oscar-case-card{
  position:relative!important;
  z-index:1!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .oscar-case-card:hover{
  z-index:8!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .case-art.custom-oscar-art{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:286px!important;
  min-height:286px!important;
  max-height:286px!important;
  transform:none!important;
}
/* Use natural 3:2 art geometry instead of a stretched image box. */
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .oscar-case-image{
  position:absolute!important;
  left:50%!important;
  top:24px!important;
  width:350px!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  object-fit:unset!important;
  object-position:initial!important;
  margin:0!important;
  transform-origin:0 0!important;
  will-change:auto!important;
  pointer-events:none!important;
}
/* Blue is the geometry reference. The transforms below were solved
   from matching rigid case hardware in the four source renders. */
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .case-neon>.oscar-case-image{
  transform:translate(-175px,0) scale(1)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .case-pulse>.oscar-case-image{
  transform:translate(-239.4px,-36.9px) scale(1.1639)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .case-royal>.oscar-case-image{
  transform:translate(-179.9px,-18.2px) scale(1.0376)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .case-void>.oscar-case-image{
  transform:translate(-157.8px,-1.6px) scale(1.0547)!important;
}
/* Hover lifts the whole art slot only, so the four locked case anchors
   cannot drift relative to one another. */
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .oscar-case-card:hover .case-art.custom-oscar-art{
  transform:translateY(-4px) scale(1.018)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .oscar-case-card:hover .oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .oscar-case-card:hover .case-pulse>.oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .oscar-case-card:hover .case-neon>.oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .oscar-case-card:hover .case-royal>.oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .oscar-case-card:hover .case-void>.oscar-case-image{
  filter:none!important;
}
@media(max-width:1500px){
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .case-art.custom-oscar-art{
    height:264px!important;min-height:264px!important;max-height:264px!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .oscar-case-image{
    top:22px!important;width:322px!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .case-neon>.oscar-case-image{transform:translate(-161px,0) scale(1)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .case-pulse>.oscar-case-image{transform:translate(-220.2px,-34.0px) scale(1.1639)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .case-royal>.oscar-case-image{transform:translate(-165.5px,-16.7px) scale(1.0376)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-oscar .case-void>.oscar-case-image{transform:translate(-145.2px,-1.5px) scale(1.0547)!important}
}

/* =========================================================
   v218 — OSCAR unclipped stage + zero-jump hover
   The previous v217 lock rules accidentally depended on a .page-cases
   ancestor that is not present in the rendered DOM.  These final rules
   target the actual collection hierarchy, remove the legacy circular
   halo completely, keep every ancestor overflow-visible, and preserve
   each solved per-art transform identically during hover.
   ========================================================= */
:root[data-visual-style="2040"][data-theme="hub"] .cases-section,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .hub-showcase-frame,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-card,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .case-art.custom-oscar-art{
  overflow:visible!important;
  clip-path:none!important;
  -webkit-mask:none!important;
  mask:none!important;
}

/* No circular card/halo boundary in OSCAR — image + name + price only. */
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-card,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .case-art.custom-oscar-art{
  background:none!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-card::before,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-card::after,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .case-art.custom-oscar-art::before,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .case-art.custom-oscar-art::after,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .case-podium,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .case-floor,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .case-shadow{
  display:none!important;
  content:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
}

/* Stable card hitbox: hovering never moves the button under the pointer. */
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-card,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-card:hover,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-card:focus,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-card:active{
  transform:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-card{
  transition:filter .34s cubic-bezier(.16,.8,.22,1)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-card:hover{
  filter:brightness(1.035) saturate(1.018)!important;
  z-index:8!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .case-art.custom-oscar-art,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-card:hover .case-art.custom-oscar-art{
  transform:none!important;
  transition:none!important;
  filter:none!important;
}

/* v217 rigid-case alignment, now attached to the actual DOM. */
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .case-art.custom-oscar-art{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:286px!important;
  min-height:286px!important;
  max-height:286px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-image{
  position:absolute!important;
  left:50%!important;
  top:24px!important;
  width:350px!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  object-fit:unset!important;
  object-position:initial!important;
  margin:0!important;
  transform-origin:0 0!important;
  pointer-events:none!important;
  will-change:auto!important;
  transition:filter .34s cubic-bezier(.16,.8,.22,1)!important;
}

:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .case-neon>.oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-card:hover .case-neon>.oscar-case-image{
  transform:translate(-175px,0) scale(1)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .case-pulse>.oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-card:hover .case-pulse>.oscar-case-image{
  transform:translate(-239.4px,-36.9px) scale(1.1639)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .case-royal>.oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-card:hover .case-royal>.oscar-case-image{
  transform:translate(-179.9px,-18.2px) scale(1.0376)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .case-void>.oscar-case-image,
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-card:hover .case-void>.oscar-case-image{
  transform:translate(-157.8px,-1.6px) scale(1.0547)!important;
}

@media(max-width:1500px){
  :root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .case-art.custom-oscar-art{
    height:264px!important;min-height:264px!important;max-height:264px!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-image{
    top:22px!important;width:322px!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .case-neon>.oscar-case-image,
  :root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-card:hover .case-neon>.oscar-case-image{transform:translate(-161px,0) scale(1)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .case-pulse>.oscar-case-image,
  :root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-card:hover .case-pulse>.oscar-case-image{transform:translate(-220.2px,-34px) scale(1.1639)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .case-royal>.oscar-case-image,
  :root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-card:hover .case-royal>.oscar-case-image{transform:translate(-165.5px,-16.7px) scale(1.0376)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .case-void>.oscar-case-image,
  :root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-oscar .oscar-case-grid .oscar-case-card:hover .case-void>.oscar-case-image{transform:translate(-145.2px,-1.5px) scale(1.0547)!important}
}


/* =========================================================
   v219 — OSCAR isolated cards
   The Oscar collection no longer uses the generic .case-card class at all.
   This prevents every legacy radial card halo / 3D hover transform / clipped
   case-card stage from ever participating in this collection.
   ========================================================= */
:root[data-visual-style="2040"] .hub-showcase-oscar,
:root[data-visual-style="2040"] .hub-showcase-oscar .hub-showcase-frame,
:root[data-visual-style="2040"] .hub-showcase-oscar .oscar-case-grid,
:root[data-visual-style="2040"] .hub-showcase-oscar .oscar-isolated-card,
:root[data-visual-style="2040"] .hub-showcase-oscar .oscar-isolated-card .custom-oscar-art{
  overflow:visible!important;
  clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
}

:root[data-visual-style="2040"] .hub-showcase-oscar .oscar-isolated-card{
  appearance:none!important;
  -webkit-appearance:none!important;
  position:relative!important;
  isolation:isolate!important;
  display:grid!important;
  grid-template-rows:286px 38px 28px!important;
  align-items:center!important;
  justify-items:center!important;
  width:100%!important;
  height:352px!important;
  min-height:352px!important;
  margin:0!important;
  padding:0 8px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  transform-style:flat!important;
  perspective:none!important;
  cursor:pointer!important;
  transition:none!important;
}
:root[data-visual-style="2040"] .hub-showcase-oscar .oscar-isolated-card::before,
:root[data-visual-style="2040"] .hub-showcase-oscar .oscar-isolated-card::after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  opacity:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}

/* The hitbox stays completely static. Only the pixels of the artwork become
   very slightly brighter, so pointer entry can never move the element away. */
:root[data-visual-style="2040"] .hub-showcase-oscar .oscar-isolated-card:is(:hover,:focus,:focus-visible,:active){
  margin:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
:root[data-visual-style="2040"] .hub-showcase-oscar .oscar-isolated-card .custom-oscar-art,
:root[data-visual-style="2040"] .hub-showcase-oscar .oscar-isolated-card:is(:hover,:focus,:focus-visible,:active) .custom-oscar-art{
  transform:none!important;
  filter:none!important;
  transition:none!important;
}
:root[data-visual-style="2040"] .hub-showcase-oscar .oscar-isolated-card .oscar-case-image{
  transition:filter .22s ease!important;
}
:root[data-visual-style="2040"] .hub-showcase-oscar .oscar-isolated-card:hover .oscar-case-image{
  filter:brightness(1.035) saturate(1.015)!important;
}

/* Absolutely no synthetic circle / stage / podium remains in Oscar. */
:root[data-visual-style="2040"] .hub-showcase-oscar .oscar-isolated-card :is(.case-podium,.case-floor,.case-shadow),
:root[data-visual-style="2040"] .hub-showcase-oscar .oscar-isolated-card .custom-oscar-art::before,
:root[data-visual-style="2040"] .hub-showcase-oscar .oscar-isolated-card .custom-oscar-art::after{
  display:none!important;
  content:none!important;
  opacity:0!important;
  visibility:hidden!important;
  background:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  filter:none!important;
}

@media(max-width:1500px){
  :root[data-visual-style="2040"] .hub-showcase-oscar .oscar-isolated-card{
    grid-template-rows:264px 38px 28px!important;
    height:330px!important;
    min-height:330px!important;
  }
}

/* =========================================================
   v220 — OSCAR HARD ISOLATION
   2040 catalogue only. This collection no longer reuses ANY
   legacy case-card / case-art / oscar-case DOM or grid classes.
   Therefore no inherited radial ring, pseudo stage, 3D hover or
   clipping rule can reach the four OSCAR catalogue tiles.
   ========================================================= */
:root[data-visual-style="2040"] .hub-showcase-oscar,
:root[data-visual-style="2040"] .hub-showcase-oscar .hub-showcase-frame,
:root[data-visual-style="2040"] .k220-oscar-grid,
:root[data-visual-style="2040"] .k220-oscar-card,
:root[data-visual-style="2040"] .k220-oscar-visual{
  overflow:visible!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
}
:root[data-visual-style="2040"] .k220-oscar-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  background:none!important;
  box-shadow:none!important;
}
:root[data-visual-style="2040"] .k220-oscar-card{
  -webkit-appearance:none!important;
  appearance:none!important;
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-rows:286px 38px 28px!important;
  align-items:center!important;
  justify-items:center!important;
  width:100%!important;
  min-width:0!important;
  height:352px!important;
  min-height:352px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  perspective:none!important;
  transform-style:flat!important;
  transition:none!important;
  cursor:pointer!important;
}
:root[data-visual-style="2040"] .k220-oscar-card::before,
:root[data-visual-style="2040"] .k220-oscar-card::after,
:root[data-visual-style="2040"] .k220-oscar-visual::before,
:root[data-visual-style="2040"] .k220-oscar-visual::after,
:root[data-visual-style="2040"] .k220-oscar-card *::before,
:root[data-visual-style="2040"] .k220-oscar-card *::after{
  content:none!important;
  display:none!important;
  border:0!important;
  outline:0!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
}
:root[data-visual-style="2040"] .k220-oscar-card:is(:hover,:focus,:focus-visible,:active){
  z-index:8!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
:root[data-visual-style="2040"] .k220-oscar-visual{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:286px!important;
  min-height:286px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:none!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
}
:root[data-visual-style="2040"] .k220-oscar-visual>img{
  position:absolute!important;
  left:50%!important;
  top:24px!important;
  width:350px!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
  transform-origin:0 0!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
  transition:filter .24s ease!important;
}
:root[data-visual-style="2040"] .k220-oscar-neon .k220-oscar-visual>img{transform:translate(-175px,0) scale(1)!important}
:root[data-visual-style="2040"] .k220-oscar-pulse .k220-oscar-visual>img{transform:translate(-239.4px,-36.9px) scale(1.1639)!important}
:root[data-visual-style="2040"] .k220-oscar-royal .k220-oscar-visual>img{transform:translate(-179.9px,-18.2px) scale(1.0376)!important}
:root[data-visual-style="2040"] .k220-oscar-void .k220-oscar-visual>img{transform:translate(-157.8px,-1.6px) scale(1.0547)!important}
:root[data-visual-style="2040"] .k220-oscar-card:hover .k220-oscar-visual>img{filter:brightness(1.025) saturate(1.01)!important}
:root[data-visual-style="2040"] .k220-oscar-name{
  align-self:end!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  color:#f5f0ea!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  text-align:center!important;
}
:root[data-visual-style="2040"] .k220-oscar-price{
  align-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:72px!important;
  height:25px!important;
  padding:0 9px!important;
  margin:6px 0 0!important;
  border:0!important;
  border-radius:9px!important;
  outline:0!important;
  background:#07090d80!important;
  box-shadow:none!important;
  color:#eee9e3!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
}
:root[data-visual-style="2040"] .k220-oscar-price>img{
  position:static!important;
  width:12px!important;
  height:12px!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
@media(max-width:1500px){
  :root[data-visual-style="2040"] .k220-oscar-card{grid-template-rows:264px 38px 28px!important;height:330px!important;min-height:330px!important}
  :root[data-visual-style="2040"] .k220-oscar-visual{height:264px!important;min-height:264px!important}
  :root[data-visual-style="2040"] .k220-oscar-visual>img{top:22px!important;width:322px!important}
  :root[data-visual-style="2040"] .k220-oscar-neon .k220-oscar-visual>img{transform:translate(-161px,0) scale(1)!important}
  :root[data-visual-style="2040"] .k220-oscar-pulse .k220-oscar-visual>img{transform:translate(-220.2px,-34px) scale(1.1639)!important}
  :root[data-visual-style="2040"] .k220-oscar-royal .k220-oscar-visual>img{transform:translate(-165.5px,-16.7px) scale(1.0376)!important}
  :root[data-visual-style="2040"] .k220-oscar-void .k220-oscar-visual>img{transform:translate(-145.2px,-1.5px) scale(1.0547)!important}
}
@media(max-width:1100px){
  :root[data-visual-style="2040"] .k220-oscar-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:12px!important}
}
@media(max-width:620px){
  :root[data-visual-style="2040"] .k220-oscar-grid{grid-template-columns:1fr!important}
}

/* =========================================================
   v221 — OSCAR TRUE CLEAN LAYER
   2040 only. The OSCAR catalogue is rendered outside every
   legacy hub/case-card wrapper. No circular stage can inherit.
   ========================================================= */
:root[data-visual-style="2040"] .k221-oscar-section,
:root[data-visual-style="2040"] .k221-oscar-section *,
:root[data-visual-style="2040"] .k221-oscar-section *::before,
:root[data-visual-style="2040"] .k221-oscar-section *::after{
  box-sizing:border-box;
}
:root[data-visual-style="2040"] .k221-oscar-section{
  position:relative!important;
  width:100%!important;
  margin:0 0 24px!important;
  padding:12px 0 22px!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
  isolation:isolate!important;
}
:root[data-visual-style="2040"] .k221-oscar-heading{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-height:30px!important;
  margin:0 0 8px!important;
  padding:0 8px!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
:root[data-visual-style="2040"] .k221-oscar-heading::before{
  content:""!important;
  width:7px!important;height:7px!important;flex:0 0 7px!important;
  margin-right:11px!important;border-radius:50%!important;
  background:#f5eee7!important;
  box-shadow:0 0 13px rgba(255,248,240,.38)!important;
}
:root[data-visual-style="2040"] .k221-oscar-heading::after{
  content:""!important;
  height:1px!important;flex:1 1 auto!important;margin-left:14px!important;
  background:linear-gradient(90deg,rgba(255,244,235,.18),transparent 86%)!important;
}
:root[data-visual-style="2040"] .k221-oscar-heading>span{
  color:#d9d0c8!important;font-size:9px!important;line-height:1!important;font-weight:900!important;
  letter-spacing:.19em!important;white-space:nowrap!important;
}
:root[data-visual-style="2040"] .k221-oscar-grid{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  min-height:340px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:none!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
}
:root[data-visual-style="2040"] .k221-oscar-tile{
  all:unset;
  box-sizing:border-box!important;
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-rows:286px 38px 28px!important;
  align-items:center!important;
  justify-items:center!important;
  width:100%!important;
  min-width:0!important;
  height:352px!important;
  min-height:352px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  cursor:pointer!important;
  transform:translate3d(0,0,0) scale(1)!important;
  transform-origin:50% 62%!important;
  transition:transform .30s cubic-bezier(.16,.82,.24,1),filter .30s ease!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  -webkit-font-smoothing:antialiased!important;
}
:root[data-visual-style="2040"] .k221-oscar-tile::before,
:root[data-visual-style="2040"] .k221-oscar-tile::after,
:root[data-visual-style="2040"] .k221-oscar-visual::before,
:root[data-visual-style="2040"] .k221-oscar-visual::after{
  content:none!important;
  display:none!important;
}
:root[data-visual-style="2040"] .k221-oscar-tile:is(:hover,:focus-visible){
  z-index:20!important;
  transform:translate3d(0,-5px,0) scale(1.01)!important;
  filter:brightness(1.025) saturate(1.01)!important;
  outline:none!important;
}
:root[data-visual-style="2040"] .k221-oscar-tile:active{
  transform:translate3d(0,-2px,0) scale(.997)!important;
  transition-duration:.10s!important;
}
:root[data-visual-style="2040"] .k221-oscar-visual{
  all:unset;
  box-sizing:border-box!important;
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:286px!important;
  min-height:286px!important;
  overflow:visible!important;
  pointer-events:none!important;
}
:root[data-visual-style="2040"] .k221-oscar-visual>img{
  all:unset;
  box-sizing:border-box!important;
  position:absolute!important;
  left:50%!important;
  top:24px!important;
  display:block!important;
  width:350px!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
  transform-origin:0 0!important;
  backface-visibility:hidden!important;
}
/* Same physical case scale/alignment as v217; Oscar is free to overflow. */
:root[data-visual-style="2040"] .k221-oscar-neon .k221-oscar-visual>img{transform:translate(-175px,0) scale(1)!important}
:root[data-visual-style="2040"] .k221-oscar-pulse .k221-oscar-visual>img{transform:translate(-239.4px,-36.9px) scale(1.1639)!important}
:root[data-visual-style="2040"] .k221-oscar-royal .k221-oscar-visual>img{transform:translate(-179.9px,-18.2px) scale(1.0376)!important}
:root[data-visual-style="2040"] .k221-oscar-void .k221-oscar-visual>img{transform:translate(-157.8px,-1.6px) scale(1.0547)!important}
:root[data-visual-style="2040"] .k221-oscar-name{
  all:unset;
  align-self:end!important;
  color:#f5f0ea!important;
  font-family:inherit!important;
  font-size:17px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
  text-align:center!important;
}
:root[data-visual-style="2040"] .k221-oscar-price{
  all:unset;
  align-self:start!important;
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:72px!important;
  height:25px!important;
  padding:0 9px!important;
  margin:6px 0 0!important;
  border-radius:9px!important;
  background:#07090d80!important;
  color:#eee9e3!important;
  font-family:inherit!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:900!important;
}
:root[data-visual-style="2040"] .k221-oscar-price>img{
  all:unset;
  display:block!important;
  width:12px!important;
  height:12px!important;
  object-fit:contain!important;
}
@media(max-width:1500px){
  :root[data-visual-style="2040"] .k221-oscar-grid{min-height:318px!important}
  :root[data-visual-style="2040"] .k221-oscar-tile{grid-template-rows:264px 38px 28px!important;height:330px!important;min-height:330px!important}
  :root[data-visual-style="2040"] .k221-oscar-visual{height:264px!important;min-height:264px!important}
  :root[data-visual-style="2040"] .k221-oscar-visual>img{top:22px!important;width:322px!important}
  :root[data-visual-style="2040"] .k221-oscar-neon .k221-oscar-visual>img{transform:translate(-161px,0) scale(1)!important}
  :root[data-visual-style="2040"] .k221-oscar-pulse .k221-oscar-visual>img{transform:translate(-220.2px,-34px) scale(1.1639)!important}
  :root[data-visual-style="2040"] .k221-oscar-royal .k221-oscar-visual>img{transform:translate(-165.5px,-16.7px) scale(1.0376)!important}
  :root[data-visual-style="2040"] .k221-oscar-void .k221-oscar-visual>img{transform:translate(-145.2px,-1.5px) scale(1.0547)!important}
}
@media(max-width:1100px){:root[data-visual-style="2040"] .k221-oscar-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:14px!important}}
@media(max-width:650px){:root[data-visual-style="2040"] .k221-oscar-grid{grid-template-columns:1fr!important}}

/* =========================================================
   v222 — KORZH CORE / contract result ritual (2040 only)
   Replaces the placeholder gray/white/gold crate reveal in 2040.
   Standard keeps the legacy contract reveal unchanged.
   ========================================================= */
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-overlay{
  padding:28px!important;
  background:
    radial-gradient(circle at 50% 47%,rgba(244,229,208,.055),transparent 28%),
    rgba(7,5,4,.74)!important;
  backdrop-filter:blur(18px) saturate(.86)!important;
  -webkit-backdrop-filter:blur(18px) saturate(.86)!important;
  overflow:auto!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-stage{
  --core-milk:#f4e8d8;
  --core-milk-soft:#d9c8b3;
  --core-coffee:#1b100c;
  --core-copper:#c17d56;
  box-sizing:border-box!important;
  position:relative!important;
  width:min(850px,94vw)!important;
  min-height:620px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:34px 44px 30px!important;
  border:1px solid rgba(244,232,216,.11)!important;
  border-radius:42px!important;
  background:
    radial-gradient(circle at 50% 44%,rgba(244,232,216,.045),transparent 29%),
    radial-gradient(circle at 20% 6%,rgba(193,125,86,.035),transparent 29%),
    linear-gradient(155deg,rgba(27,16,12,.975),rgba(8,6,5,.985) 64%,rgba(15,10,8,.985))!important;
  box-shadow:
    0 55px 150px rgba(0,0,0,.68),
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -1px 0 rgba(255,255,255,.018)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  animation:k222StageIn .48s cubic-bezier(.16,.88,.24,1) both!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-stage:before{
  content:""!important;
  position:absolute!important;
  inset:-30%!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,246,234,.045),transparent 22%),
    conic-gradient(from 20deg,transparent 0 28%,rgba(193,125,86,.035) 31%,transparent 35% 68%,rgba(244,232,216,.025) 71%,transparent 75%)!important;
  animation:k222AmbientTurn 18s linear infinite!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-stage:after{
  content:""!important;
  position:absolute!important;
  left:12%!important;right:12%!important;bottom:18px!important;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(244,232,216,.13),rgba(193,125,86,.22),rgba(244,232,216,.13),transparent)!important;
  box-shadow:0 0 22px rgba(244,232,216,.045)!important;
  opacity:.72!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-copy{
  position:relative!important;z-index:20!important;
  display:grid!important;justify-items:center!important;gap:5px!important;
  margin:0 0 8px!important;text-align:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-copy small{
  color:rgba(244,232,216,.46)!important;font-size:8px!important;font-weight:850!important;letter-spacing:.22em!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-copy strong{
  color:#fff8ef!important;font-size:24px!important;line-height:1!important;font-weight:950!important;letter-spacing:.08em!important;
  text-shadow:0 0 24px rgba(255,248,239,.055)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-copy span{
  color:rgba(244,232,216,.56)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.14em!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-field{
  position:relative!important;z-index:5!important;
  width:min(690px,84vw)!important;height:410px!important;
  margin:0 auto!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-field:before{
  content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:340px!important;height:340px!important;
  transform:translate(-50%,-50%)!important;border-radius:50%!important;
  background:radial-gradient(circle,rgba(244,232,216,.075),rgba(193,125,86,.026) 34%,transparent 68%)!important;
  filter:blur(2px)!important;animation:k222CoreBreathe 1.7s ease-in-out infinite!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-orbits,
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-orbits{
  position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  width:330px!important;height:330px!important;pointer-events:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-orbits i,
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-orbits i{
  position:absolute!important;left:50%!important;top:50%!important;border-radius:50%!important;
  border:1px solid rgba(244,232,216,.17)!important;
  box-shadow:0 0 18px rgba(244,232,216,.025)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-orbits i:nth-child(1){width:320px!important;height:120px!important;margin:-60px 0 0 -160px!important;transform:rotate(13deg)!important;animation:k222OrbitFastA 2.2s linear infinite!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-orbits i:nth-child(2){width:270px!important;height:155px!important;margin:-77.5px 0 0 -135px!important;transform:rotate(-33deg)!important;border-color:rgba(193,125,86,.26)!important;animation:k222OrbitFastB 1.55s linear infinite reverse!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-orbits i:nth-child(3){width:210px!important;height:210px!important;margin:-105px 0 0 -105px!important;border-style:dashed!important;border-color:rgba(244,232,216,.12)!important;animation:k222OrbitFastC 1.2s linear infinite!important}

:root[data-visual-style="2040"][data-theme="hub"] .k222-core-capsule{
  position:absolute!important;left:50%!important;top:50%!important;z-index:10!important;
  width:170px!important;height:238px!important;transform:translate(-50%,-50%)!important;
  display:grid!important;place-items:center!important;border-radius:58px!important;
  background:linear-gradient(155deg,rgba(244,232,216,.075),rgba(12,8,6,.36))!important;
  border:1px solid rgba(244,232,216,.18)!important;
  box-shadow:0 30px 66px rgba(0,0,0,.5),0 0 44px rgba(244,232,216,.055),inset 0 0 38px rgba(255,255,255,.028)!important;
  overflow:visible!important;
  animation:k222CapsuleCharge 1.75s cubic-bezier(.2,.82,.2,1) both!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-capsule>img{
  position:relative!important;z-index:8!important;width:82px!important;height:82px!important;object-fit:contain!important;
  filter:drop-shadow(0 12px 16px rgba(0,0,0,.34)) saturate(.86)!important;
  animation:k222TokenCharge 1.7s ease-in-out both!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-door{
  position:absolute!important;top:8px!important;bottom:8px!important;width:calc(50% - 5px)!important;z-index:6!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.055),transparent 16%),
    linear-gradient(155deg,#24150f,#100b08 62%,#17100d)!important;
  border:1px solid rgba(244,232,216,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -20px 40px rgba(0,0,0,.22)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-door-left{
  left:8px!important;border-radius:50px 13px 13px 50px!important;transform-origin:left center!important;animation:k222DoorLeft 1.72s cubic-bezier(.18,.74,.17,1) both!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-door-right{
  right:8px!important;border-radius:13px 50px 50px 13px!important;transform-origin:right center!important;animation:k222DoorRight 1.72s cubic-bezier(.18,.74,.17,1) both!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-capsule-seam{
  position:absolute!important;left:50%!important;top:22px!important;bottom:22px!important;width:1px!important;z-index:7!important;
  background:linear-gradient(transparent,rgba(244,232,216,.72) 20%,rgba(193,125,86,.7) 50%,rgba(244,232,216,.72) 80%,transparent)!important;
  box-shadow:0 0 13px rgba(244,232,216,.32)!important;animation:k222SeamFlash 1.7s ease-in-out both!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-pulse{
  position:absolute!important;left:50%!important;top:50%!important;z-index:14!important;width:48px!important;height:48px!important;border-radius:50%!important;
  transform:translate(-50%,-50%) scale(.3)!important;border:1px solid rgba(255,248,239,.8)!important;opacity:0!important;
  box-shadow:0 0 42px rgba(255,248,239,.55)!important;animation:k222CorePulse 1.82s ease-out both!important;pointer-events:none!important;
}

:root[data-visual-style="2040"][data-theme="hub"] .k222-core-source{
  position:absolute!important;z-index:12!important;width:68px!important;height:68px!important;border-radius:19px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,rgba(244,232,216,.075),rgba(10,7,5,.66))!important;
  border:1px solid color-mix(in srgb,var(--source-rarity) 40%,rgba(244,232,216,.12))!important;
  box-shadow:0 14px 28px rgba(0,0,0,.33),0 0 18px color-mix(in srgb,var(--source-rarity) 7%,transparent),inset 0 1px 0 rgba(255,255,255,.05)!important;
  animation:k222SourceFeed 1.65s var(--source-delay) cubic-bezier(.2,.78,.2,1) both!important;
  overflow:hidden!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-source .skin-art{width:58px!important;height:58px!important;min-height:0!important;filter:saturate(.86) brightness(.92)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-source-left{left:23px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-source-right{right:23px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-source-row-0{top:67px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-source-row-1{top:171px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-source-row-2{top:275px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-ray{
  position:absolute!important;z-index:3!important;width:222px!important;height:2px!important;top:50%!important;
  background:linear-gradient(90deg,transparent,rgba(244,232,216,.22),rgba(193,125,86,.76),#fff8ef)!important;
  transform-origin:center center!important;opacity:0!important;filter:drop-shadow(0 0 5px rgba(244,232,216,.18))!important;
  animation:k222RayFeed 1.55s var(--ray-delay) ease-in-out both!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-ray-left{left:87px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-ray-right{right:87px!important;transform:scaleX(-1)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-ray-row-0{top:101px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-ray-row-1{top:205px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-ray-row-2{top:309px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-ray-left.k222-core-ray-row-0{transform:rotate(18deg)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-ray-left.k222-core-ray-row-2{transform:rotate(-18deg)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-ray-right.k222-core-ray-row-0{transform:scaleX(-1) rotate(18deg)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-ray-right.k222-core-ray-row-2{transform:scaleX(-1) rotate(-18deg)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-meta{
  position:relative!important;z-index:20!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;
  min-height:28px!important;color:rgba(244,232,216,.44)!important;font-size:8px!important;font-weight:850!important;letter-spacing:.13em!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-meta b{color:#fff8ef!important;font-size:10px!important;margin-left:4px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-meta i{width:3px!important;height:3px!important;border-radius:50%!important;background:rgba(193,125,86,.65)!important;box-shadow:0 0 8px rgba(193,125,86,.45)!important}

/* Reward state: the capsule is already open and the actual skin becomes the hero. */
:root[data-visual-style="2040"][data-theme="hub"] .k222-core-phase-reward{min-height:650px!important;padding-top:30px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-field{
  position:relative!important;z-index:5!important;width:min(570px,80vw)!important;height:300px!important;margin:4px auto 0!important;display:grid!important;place-items:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-field:before{
  content:""!important;position:absolute!important;left:50%!important;top:54%!important;width:330px!important;height:230px!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;
  background:radial-gradient(circle,color-mix(in srgb,var(--rarity) 17%,rgba(244,232,216,.05)),transparent 66%)!important;filter:blur(6px)!important;opacity:.78!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-orbits{width:390px!important;height:280px!important;top:53%!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-orbits i:nth-child(1){width:380px!important;height:116px!important;margin:-58px 0 0 -190px!important;transform:rotate(8deg)!important;animation:k222RewardOrbitA 8s linear infinite!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-orbits i:nth-child(2){width:315px!important;height:160px!important;margin:-80px 0 0 -157.5px!important;border-color:color-mix(in srgb,var(--rarity) 28%,rgba(244,232,216,.10))!important;transform:rotate(-28deg)!important;animation:k222RewardOrbitB 10s linear infinite reverse!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-orbits i:nth-child(3){width:230px!important;height:230px!important;margin:-115px 0 0 -115px!important;border-style:dashed!important;border-color:rgba(244,232,216,.095)!important;animation:k222RewardOrbitC 14s linear infinite!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-open-shell{
  position:absolute!important;top:50%!important;width:105px!important;height:225px!important;margin-top:-112.5px!important;z-index:3!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;
  background:linear-gradient(155deg,#281710,#0d0907 72%)!important;border:1px solid rgba(244,232,216,.14)!important;
  box-shadow:0 24px 50px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.04)!important;opacity:.84!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-open-shell img{width:64px!important;height:64px!important;opacity:.22!important;filter:grayscale(.25)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-open-shell-left{left:50%!important;margin-left:-205px!important;border-radius:52px 16px 16px 52px!important;transform:perspective(700px) rotateY(18deg)!important;animation:k222ShellLeftIn .7s cubic-bezier(.16,.84,.2,1) both!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-open-shell-right{right:50%!important;margin-right:-205px!important;border-radius:16px 52px 52px 16px!important;transform:perspective(700px) rotateY(-18deg)!important;animation:k222ShellRightIn .7s cubic-bezier(.16,.84,.2,1) both!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-item{
  position:relative!important;z-index:12!important;width:310px!important;height:235px!important;display:grid!important;place-items:center!important;
  filter:drop-shadow(0 28px 34px rgba(0,0,0,.46))!important;animation:k222RewardItemIn .74s .12s cubic-bezier(.14,.9,.2,1) both!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-item .skin-art{width:100%!important;height:100%!important;min-height:0!important;transform:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-copy{position:relative!important;z-index:18!important;display:grid!important;justify-items:center!important;gap:3px!important;margin-top:-7px!important;text-align:center!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-copy small{font-size:9px!important;color:rgba(244,232,216,.45)!important;font-weight:800!important;letter-spacing:.12em!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-copy strong{font-size:23px!important;color:#fff8ef!important;font-weight:950!important;line-height:1.05!important;letter-spacing:.015em!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-copy b{font-size:27px!important;color:#f8ead9!important;font-weight:950!important;margin-top:7px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-delta{
  position:relative!important;z-index:18!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:12px 0 17px!important;padding:6px 12px!important;border-radius:999px!important;
  font-size:10px!important;font-weight:900!important;letter-spacing:.04em!important;border:1px solid rgba(244,232,216,.09)!important;background:rgba(244,232,216,.026)!important;color:rgba(244,232,216,.62)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-delta.profit{color:#ead5b9!important;border-color:rgba(234,213,185,.14)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-delta.loss{color:#bbaead!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-delta i{width:3px!important;height:3px!important;border-radius:50%!important;background:currentColor!important;opacity:.6!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-actions{position:relative!important;z-index:18!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k222-reward-actions .contract-take{
  min-width:166px!important;height:42px!important;border-radius:14px!important;background:linear-gradient(180deg,#fff9f0,#e4d5c1)!important;color:#24160f!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:0 12px 30px rgba(0,0,0,.26),0 0 20px rgba(244,232,216,.04)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-contract-again{
  all:unset;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:166px!important;height:42px!important;padding:0 18px!important;border-radius:14px!important;cursor:pointer!important;
  border:1px solid rgba(244,232,216,.13)!important;background:rgba(244,232,216,.035)!important;color:#eee2d3!important;font-family:inherit!important;font-size:10px!important;font-weight:900!important;letter-spacing:.055em!important;
  transition:background .32s ease,border-color .32s ease,transform .32s cubic-bezier(.16,.82,.18,1)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k222-contract-again:hover{background:rgba(244,232,216,.075)!important;border-color:rgba(244,232,216,.24)!important;transform:translateY(-1px)!important}

@keyframes k222StageIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@keyframes k222AmbientTurn{to{transform:rotate(360deg)}}
@keyframes k222CoreBreathe{0%,100%{opacity:.52;transform:translate(-50%,-50%) scale(.94)}50%{opacity:.88;transform:translate(-50%,-50%) scale(1.04)}}
@keyframes k222OrbitFastA{to{transform:rotate(373deg)}}
@keyframes k222OrbitFastB{to{transform:rotate(327deg)}}
@keyframes k222OrbitFastC{to{transform:rotate(360deg)}}
@keyframes k222CapsuleCharge{0%{opacity:0;transform:translate(-50%,-48%) scale(.88)}24%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}68%{box-shadow:0 30px 66px rgba(0,0,0,.5),0 0 48px rgba(244,232,216,.07),inset 0 0 38px rgba(255,255,255,.03)}100%{transform:translate(-50%,-50%) scale(1);box-shadow:0 30px 66px rgba(0,0,0,.5),0 0 72px rgba(244,232,216,.12),inset 0 0 42px rgba(255,255,255,.04)}}
@keyframes k222TokenCharge{0%{opacity:0;transform:scale(.72) rotate(-8deg)}32%{opacity:1;transform:scale(1.04) rotate(2deg)}70%{transform:scale(1) rotate(0)}100%{opacity:.18;transform:scale(.82)}}
@keyframes k222DoorLeft{0%,68%{transform:translateX(0)}100%{transform:translateX(-46px) rotateY(-18deg);opacity:.65}}
@keyframes k222DoorRight{0%,68%{transform:translateX(0)}100%{transform:translateX(46px) rotateY(18deg);opacity:.65}}
@keyframes k222SeamFlash{0%{opacity:.12}35%{opacity:.55}68%{opacity:1;filter:brightness(1.7)}100%{opacity:0}}
@keyframes k222CorePulse{0%,66%{opacity:0;transform:translate(-50%,-50%) scale(.3)}72%{opacity:.92}100%{opacity:0;transform:translate(-50%,-50%) scale(6.6)}}
@keyframes k222SourceFeed{0%{opacity:0;transform:scale(.88)}18%{opacity:1;transform:scale(1)}68%{opacity:.96;transform:scale(.98)}100%{opacity:.24;transform:scale(.82)}}
@keyframes k222RayFeed{0%,12%{opacity:0;clip-path:inset(0 100% 0 0)}32%{opacity:.7;clip-path:inset(0 0 0 0)}72%{opacity:1}100%{opacity:0;filter:drop-shadow(0 0 12px rgba(244,232,216,.5))}}
@keyframes k222RewardOrbitA{to{transform:rotate(368deg)}}
@keyframes k222RewardOrbitB{to{transform:rotate(332deg)}}
@keyframes k222RewardOrbitC{to{transform:rotate(360deg)}}
@keyframes k222ShellLeftIn{from{opacity:0;transform:translateX(62px) perspective(700px) rotateY(5deg)}to{opacity:.84;transform:translateX(0) perspective(700px) rotateY(18deg)}}
@keyframes k222ShellRightIn{from{opacity:0;transform:translateX(-62px) perspective(700px) rotateY(-5deg)}to{opacity:.84;transform:translateX(0) perspective(700px) rotateY(-18deg)}}
@keyframes k222RewardItemIn{from{opacity:0;transform:translateY(18px) scale(.72);filter:blur(9px) drop-shadow(0 28px 34px rgba(0,0,0,.46))}58%{opacity:1;transform:translateY(-3px) scale(1.035);filter:blur(0) drop-shadow(0 28px 34px rgba(0,0,0,.46))}to{opacity:1;transform:none;filter:blur(0) drop-shadow(0 28px 34px rgba(0,0,0,.46))}}

@media(max-width:760px){
  :root[data-visual-style="2040"][data-theme="hub"] .k222-core-stage{min-height:580px!important;padding:28px 18px 24px!important;border-radius:30px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k222-core-field{width:min(520px,90vw)!important;height:370px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k222-core-source{width:54px!important;height:54px!important;border-radius:15px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k222-core-source .skin-art{width:48px!important;height:48px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k222-core-source-left{left:4px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k222-core-source-right{right:4px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k222-core-ray{display:none!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k222-core-capsule{width:150px!important;height:218px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k222-core-orbits{transform:translate(-50%,-50%) scale(.82)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k222-reward-field{height:275px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k222-reward-item{width:270px!important;height:205px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k222-open-shell-left{margin-left:-175px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k222-open-shell-right{margin-right:-175px!important}
}
@media(max-width:520px){
  :root[data-visual-style="2040"][data-theme="hub"] .k222-core-copy strong{font-size:20px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k222-core-source{display:none!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k222-core-field{height:330px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k222-reward-actions{width:100%!important;flex-direction:column!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k222-reward-actions>*{width:min(280px,100%)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k222-open-shell{display:none!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k222-reward-item{width:250px!important;height:190px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k222-core-meta{flex-wrap:wrap!important}
}
@media(prefers-reduced-motion:reduce){
  :root[data-visual-style="2040"][data-theme="hub"] :is(.k222-core-stage:before,.k222-core-field:before,.k222-core-orbits i,.k222-core-capsule,.k222-core-capsule>img,.k222-core-door,.k222-core-capsule-seam,.k222-core-pulse,.k222-core-source,.k222-core-ray,.k222-reward-orbits i,.k222-open-shell,.k222-reward-item){animation:none!important}
}


/* =========================================================
   v223 — KORZH CORE for STANDARD
   ========================================================= */
/* =========================================================
   v223 — KORZH CORE / shared Standard contract ritual
   Same KORZH CORE reveal is now used in Standard as requested.
   ========================================================= */
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-overlay{
  padding:28px!important;
  background:
    radial-gradient(circle at 50% 47%,rgba(244,229,208,.055),transparent 28%),
    rgba(7,5,4,.74)!important;
  backdrop-filter:blur(18px) saturate(.86)!important;
  -webkit-backdrop-filter:blur(18px) saturate(.86)!important;
  overflow:auto!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-stage{
  --core-milk:#f4e8d8;
  --core-milk-soft:#d9c8b3;
  --core-coffee:#1b100c;
  --core-copper:#c17d56;
  box-sizing:border-box!important;
  position:relative!important;
  width:min(850px,94vw)!important;
  min-height:620px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:34px 44px 30px!important;
  border:1px solid rgba(244,232,216,.11)!important;
  border-radius:42px!important;
  background:
    radial-gradient(circle at 50% 44%,rgba(244,232,216,.045),transparent 29%),
    radial-gradient(circle at 20% 6%,rgba(193,125,86,.035),transparent 29%),
    linear-gradient(155deg,rgba(27,16,12,.975),rgba(8,6,5,.985) 64%,rgba(15,10,8,.985))!important;
  box-shadow:
    0 55px 150px rgba(0,0,0,.68),
    inset 0 1px 0 rgba(255,255,255,.06),
    inset 0 -1px 0 rgba(255,255,255,.018)!important;
  overflow:hidden!important;
  isolation:isolate!important;
  animation:k222StageIn .48s cubic-bezier(.16,.88,.24,1) both!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-stage:before{
  content:""!important;
  position:absolute!important;
  inset:-30%!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,246,234,.045),transparent 22%),
    conic-gradient(from 20deg,transparent 0 28%,rgba(193,125,86,.035) 31%,transparent 35% 68%,rgba(244,232,216,.025) 71%,transparent 75%)!important;
  animation:k222AmbientTurn 18s linear infinite!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-stage:after{
  content:""!important;
  position:absolute!important;
  left:12%!important;right:12%!important;bottom:18px!important;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(244,232,216,.13),rgba(193,125,86,.22),rgba(244,232,216,.13),transparent)!important;
  box-shadow:0 0 22px rgba(244,232,216,.045)!important;
  opacity:.72!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-copy{
  position:relative!important;z-index:20!important;
  display:grid!important;justify-items:center!important;gap:5px!important;
  margin:0 0 8px!important;text-align:center!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-copy small{
  color:rgba(244,232,216,.46)!important;font-size:8px!important;font-weight:850!important;letter-spacing:.22em!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-copy strong{
  color:#fff8ef!important;font-size:24px!important;line-height:1!important;font-weight:950!important;letter-spacing:.08em!important;
  text-shadow:0 0 24px rgba(255,248,239,.055)!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-copy span{
  color:rgba(244,232,216,.56)!important;font-size:9px!important;font-weight:800!important;letter-spacing:.14em!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-field{
  position:relative!important;z-index:5!important;
  width:min(690px,84vw)!important;height:410px!important;
  margin:0 auto!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-field:before{
  content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:340px!important;height:340px!important;
  transform:translate(-50%,-50%)!important;border-radius:50%!important;
  background:radial-gradient(circle,rgba(244,232,216,.075),rgba(193,125,86,.026) 34%,transparent 68%)!important;
  filter:blur(2px)!important;animation:k222CoreBreathe 1.7s ease-in-out infinite!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-orbits,
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-orbits{
  position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;
  width:330px!important;height:330px!important;pointer-events:none!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-orbits i,
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-orbits i{
  position:absolute!important;left:50%!important;top:50%!important;border-radius:50%!important;
  border:1px solid rgba(244,232,216,.17)!important;
  box-shadow:0 0 18px rgba(244,232,216,.025)!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-orbits i:nth-child(1){width:320px!important;height:120px!important;margin:-60px 0 0 -160px!important;transform:rotate(13deg)!important;animation:k222OrbitFastA 2.2s linear infinite!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-orbits i:nth-child(2){width:270px!important;height:155px!important;margin:-77.5px 0 0 -135px!important;transform:rotate(-33deg)!important;border-color:rgba(193,125,86,.26)!important;animation:k222OrbitFastB 1.55s linear infinite reverse!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-orbits i:nth-child(3){width:210px!important;height:210px!important;margin:-105px 0 0 -105px!important;border-style:dashed!important;border-color:rgba(244,232,216,.12)!important;animation:k222OrbitFastC 1.2s linear infinite!important}

:root[data-visual-style="standard"][data-theme="hub"] .k222-core-capsule{
  position:absolute!important;left:50%!important;top:50%!important;z-index:10!important;
  width:170px!important;height:238px!important;transform:translate(-50%,-50%)!important;
  display:grid!important;place-items:center!important;border-radius:58px!important;
  background:linear-gradient(155deg,rgba(244,232,216,.075),rgba(12,8,6,.36))!important;
  border:1px solid rgba(244,232,216,.18)!important;
  box-shadow:0 30px 66px rgba(0,0,0,.5),0 0 44px rgba(244,232,216,.055),inset 0 0 38px rgba(255,255,255,.028)!important;
  overflow:visible!important;
  animation:k222CapsuleCharge 1.75s cubic-bezier(.2,.82,.2,1) both!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-capsule>img{
  position:relative!important;z-index:8!important;width:82px!important;height:82px!important;object-fit:contain!important;
  filter:drop-shadow(0 12px 16px rgba(0,0,0,.34)) saturate(.86)!important;
  animation:k222TokenCharge 1.7s ease-in-out both!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-door{
  position:absolute!important;top:8px!important;bottom:8px!important;width:calc(50% - 5px)!important;z-index:6!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.055),transparent 16%),
    linear-gradient(155deg,#24150f,#100b08 62%,#17100d)!important;
  border:1px solid rgba(244,232,216,.15)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -20px 40px rgba(0,0,0,.22)!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-door-left{
  left:8px!important;border-radius:50px 13px 13px 50px!important;transform-origin:left center!important;animation:k222DoorLeft 1.72s cubic-bezier(.18,.74,.17,1) both!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-door-right{
  right:8px!important;border-radius:13px 50px 50px 13px!important;transform-origin:right center!important;animation:k222DoorRight 1.72s cubic-bezier(.18,.74,.17,1) both!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-capsule-seam{
  position:absolute!important;left:50%!important;top:22px!important;bottom:22px!important;width:1px!important;z-index:7!important;
  background:linear-gradient(transparent,rgba(244,232,216,.72) 20%,rgba(193,125,86,.7) 50%,rgba(244,232,216,.72) 80%,transparent)!important;
  box-shadow:0 0 13px rgba(244,232,216,.32)!important;animation:k222SeamFlash 1.7s ease-in-out both!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-pulse{
  position:absolute!important;left:50%!important;top:50%!important;z-index:14!important;width:48px!important;height:48px!important;border-radius:50%!important;
  transform:translate(-50%,-50%) scale(.3)!important;border:1px solid rgba(255,248,239,.8)!important;opacity:0!important;
  box-shadow:0 0 42px rgba(255,248,239,.55)!important;animation:k222CorePulse 1.82s ease-out both!important;pointer-events:none!important;
}

:root[data-visual-style="standard"][data-theme="hub"] .k222-core-source{
  position:absolute!important;z-index:12!important;width:68px!important;height:68px!important;border-radius:19px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,rgba(244,232,216,.075),rgba(10,7,5,.66))!important;
  border:1px solid color-mix(in srgb,var(--source-rarity) 40%,rgba(244,232,216,.12))!important;
  box-shadow:0 14px 28px rgba(0,0,0,.33),0 0 18px color-mix(in srgb,var(--source-rarity) 7%,transparent),inset 0 1px 0 rgba(255,255,255,.05)!important;
  animation:k222SourceFeed 1.65s var(--source-delay) cubic-bezier(.2,.78,.2,1) both!important;
  overflow:hidden!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-source .skin-art{width:58px!important;height:58px!important;min-height:0!important;filter:saturate(.86) brightness(.92)!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-source-left{left:23px!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-source-right{right:23px!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-source-row-0{top:67px!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-source-row-1{top:171px!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-source-row-2{top:275px!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-ray{
  position:absolute!important;z-index:3!important;width:222px!important;height:2px!important;top:50%!important;
  background:linear-gradient(90deg,transparent,rgba(244,232,216,.22),rgba(193,125,86,.76),#fff8ef)!important;
  transform-origin:center center!important;opacity:0!important;filter:drop-shadow(0 0 5px rgba(244,232,216,.18))!important;
  animation:k222RayFeed 1.55s var(--ray-delay) ease-in-out both!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-ray-left{left:87px!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-ray-right{right:87px!important;transform:scaleX(-1)!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-ray-row-0{top:101px!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-ray-row-1{top:205px!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-ray-row-2{top:309px!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-ray-left.k222-core-ray-row-0{transform:rotate(18deg)!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-ray-left.k222-core-ray-row-2{transform:rotate(-18deg)!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-ray-right.k222-core-ray-row-0{transform:scaleX(-1) rotate(18deg)!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-ray-right.k222-core-ray-row-2{transform:scaleX(-1) rotate(-18deg)!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-meta{
  position:relative!important;z-index:20!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;
  min-height:28px!important;color:rgba(244,232,216,.44)!important;font-size:8px!important;font-weight:850!important;letter-spacing:.13em!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-meta b{color:#fff8ef!important;font-size:10px!important;margin-left:4px!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-meta i{width:3px!important;height:3px!important;border-radius:50%!important;background:rgba(193,125,86,.65)!important;box-shadow:0 0 8px rgba(193,125,86,.45)!important}

/* Reward state: the capsule is already open and the actual skin becomes the hero. */
:root[data-visual-style="standard"][data-theme="hub"] .k222-core-phase-reward{min-height:650px!important;padding-top:30px!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-field{
  position:relative!important;z-index:5!important;width:min(570px,80vw)!important;height:300px!important;margin:4px auto 0!important;display:grid!important;place-items:center!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-field:before{
  content:""!important;position:absolute!important;left:50%!important;top:54%!important;width:330px!important;height:230px!important;transform:translate(-50%,-50%)!important;border-radius:50%!important;
  background:radial-gradient(circle,color-mix(in srgb,var(--rarity) 17%,rgba(244,232,216,.05)),transparent 66%)!important;filter:blur(6px)!important;opacity:.78!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-orbits{width:390px!important;height:280px!important;top:53%!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-orbits i:nth-child(1){width:380px!important;height:116px!important;margin:-58px 0 0 -190px!important;transform:rotate(8deg)!important;animation:k222RewardOrbitA 8s linear infinite!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-orbits i:nth-child(2){width:315px!important;height:160px!important;margin:-80px 0 0 -157.5px!important;border-color:color-mix(in srgb,var(--rarity) 28%,rgba(244,232,216,.10))!important;transform:rotate(-28deg)!important;animation:k222RewardOrbitB 10s linear infinite reverse!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-orbits i:nth-child(3){width:230px!important;height:230px!important;margin:-115px 0 0 -115px!important;border-style:dashed!important;border-color:rgba(244,232,216,.095)!important;animation:k222RewardOrbitC 14s linear infinite!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-open-shell{
  position:absolute!important;top:50%!important;width:105px!important;height:225px!important;margin-top:-112.5px!important;z-index:3!important;
  display:grid!important;place-items:center!important;overflow:hidden!important;
  background:linear-gradient(155deg,#281710,#0d0907 72%)!important;border:1px solid rgba(244,232,216,.14)!important;
  box-shadow:0 24px 50px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.04)!important;opacity:.84!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-open-shell img{width:64px!important;height:64px!important;opacity:.22!important;filter:grayscale(.25)!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-open-shell-left{left:50%!important;margin-left:-205px!important;border-radius:52px 16px 16px 52px!important;transform:perspective(700px) rotateY(18deg)!important;animation:k222ShellLeftIn .7s cubic-bezier(.16,.84,.2,1) both!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-open-shell-right{right:50%!important;margin-right:-205px!important;border-radius:16px 52px 52px 16px!important;transform:perspective(700px) rotateY(-18deg)!important;animation:k222ShellRightIn .7s cubic-bezier(.16,.84,.2,1) both!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-item{
  position:relative!important;z-index:12!important;width:310px!important;height:235px!important;display:grid!important;place-items:center!important;
  filter:drop-shadow(0 28px 34px rgba(0,0,0,.46))!important;animation:k222RewardItemIn .74s .12s cubic-bezier(.14,.9,.2,1) both!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-item .skin-art{width:100%!important;height:100%!important;min-height:0!important;transform:none!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-copy{position:relative!important;z-index:18!important;display:grid!important;justify-items:center!important;gap:3px!important;margin-top:-7px!important;text-align:center!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-copy small{font-size:9px!important;color:rgba(244,232,216,.45)!important;font-weight:800!important;letter-spacing:.12em!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-copy strong{font-size:23px!important;color:#fff8ef!important;font-weight:950!important;line-height:1.05!important;letter-spacing:.015em!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-copy b{font-size:27px!important;color:#f8ead9!important;font-weight:950!important;margin-top:7px!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-delta{
  position:relative!important;z-index:18!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:12px 0 17px!important;padding:6px 12px!important;border-radius:999px!important;
  font-size:10px!important;font-weight:900!important;letter-spacing:.04em!important;border:1px solid rgba(244,232,216,.09)!important;background:rgba(244,232,216,.026)!important;color:rgba(244,232,216,.62)!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-delta.profit{color:#ead5b9!important;border-color:rgba(234,213,185,.14)!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-delta.loss{color:#bbaead!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-delta i{width:3px!important;height:3px!important;border-radius:50%!important;background:currentColor!important;opacity:.6!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-actions{position:relative!important;z-index:18!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}
:root[data-visual-style="standard"][data-theme="hub"] .k222-reward-actions .contract-take{
  min-width:166px!important;height:42px!important;border-radius:14px!important;background:linear-gradient(180deg,#fff9f0,#e4d5c1)!important;color:#24160f!important;border:1px solid rgba(255,255,255,.45)!important;box-shadow:0 12px 30px rgba(0,0,0,.26),0 0 20px rgba(244,232,216,.04)!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-contract-again{
  all:unset;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:166px!important;height:42px!important;padding:0 18px!important;border-radius:14px!important;cursor:pointer!important;
  border:1px solid rgba(244,232,216,.13)!important;background:rgba(244,232,216,.035)!important;color:#eee2d3!important;font-family:inherit!important;font-size:10px!important;font-weight:900!important;letter-spacing:.055em!important;
  transition:background .32s ease,border-color .32s ease,transform .32s cubic-bezier(.16,.82,.18,1)!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k222-contract-again:hover{background:rgba(244,232,216,.075)!important;border-color:rgba(244,232,216,.24)!important;transform:translateY(-1px)!important}

@media(max-width:760px){
  :root[data-visual-style="standard"][data-theme="hub"] .k222-core-stage{min-height:580px!important;padding:28px 18px 24px!important;border-radius:30px!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k222-core-field{width:min(520px,90vw)!important;height:370px!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k222-core-source{width:54px!important;height:54px!important;border-radius:15px!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k222-core-source .skin-art{width:48px!important;height:48px!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k222-core-source-left{left:4px!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k222-core-source-right{right:4px!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k222-core-ray{display:none!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k222-core-capsule{width:150px!important;height:218px!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k222-core-orbits{transform:translate(-50%,-50%) scale(.82)!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k222-reward-field{height:275px!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k222-reward-item{width:270px!important;height:205px!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k222-open-shell-left{margin-left:-175px!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k222-open-shell-right{margin-right:-175px!important}
}
@media(max-width:520px){
  :root[data-visual-style="standard"][data-theme="hub"] .k222-core-copy strong{font-size:20px!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k222-core-source{display:none!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k222-core-field{height:330px!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k222-reward-actions{width:100%!important;flex-direction:column!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k222-reward-actions>*{width:min(280px,100%)!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k222-open-shell{display:none!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k222-reward-item{width:250px!important;height:190px!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k222-core-meta{flex-wrap:wrap!important}
}
@media(prefers-reduced-motion:reduce){
  :root[data-visual-style="standard"][data-theme="hub"] :is(.k222-core-stage:before,.k222-core-field:before,.k222-core-orbits i,.k222-core-capsule,.k222-core-capsule>img,.k222-core-door,.k222-core-capsule-seam,.k222-core-pulse,.k222-core-source,.k222-core-ray,.k222-reward-orbits i,.k222-open-shell,.k222-reward-item){animation:none!important}
}


/* =========================================================
   v223 — compact case OPEN control + zero-gap side controls
   ========================================================= */
/* 2040: use the compact visual footprint requested, like the Standard control. */
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166{
  grid-template-columns:minmax(0,1fr) 232px minmax(0,1fr)!important;
  column-gap:0!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn{
  width:232px!important;
  min-width:232px!important;
  max-width:232px!important;
  height:52px!important;
  min-height:52px!important;
  padding:0 18px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-action-left-v167{
  margin-right:-2px!important;
  transform:translateX(2px)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-action-right-v167{
  margin-left:-2px!important;
  transform:translateX(-2px)!important;
  width:54px!important;
  min-width:54px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 .case-action-right-v167 .fast-spin-toggle{
  width:54px!important;
  min-width:54px!important;
}

/* Standard: keep its existing button size/design, only pull x1–x5 and lightning tight to it. */
:root[data-visual-style="standard"][data-theme="hub"] .case-page-actions-v166{
  column-gap:0!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .case-action-left-v167{
  margin-right:-2px!important;
  transform:translateX(2px)!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .case-action-right-v167{
  margin-left:-2px!important;
  transform:translateX(-2px)!important;
}

@media(max-width:760px){
  :root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn{
    width:min(232px,calc(100vw - 86px))!important;
    min-width:0!important;
    max-width:none!important;
  }
}

/* =========================================================
   v224 — KORZH CORE readability + dense capsule (Standard + 2040)
   ========================================================= */
:root[data-theme="hub"] .edition-prefix{
  display:inline!important;
  color:#e6b84f!important;
  font:inherit!important;
  font-weight:950!important;
  letter-spacing:inherit!important;
  text-shadow:0 0 10px rgba(230,184,79,.18)!important;
}
:root[data-theme="hub"] .k222-core-capsule{
  background:linear-gradient(155deg,#3b2419 0%,#21140f 42%,#100a08 100%)!important;
  border-color:rgba(244,232,216,.24)!important;
  box-shadow:0 30px 66px rgba(0,0,0,.56),0 0 44px rgba(244,232,216,.07),inset 0 1px 0 rgba(255,255,255,.09),inset 0 0 42px rgba(193,125,86,.06)!important;
}
:root[data-theme="hub"] .k222-core-door{
  background:linear-gradient(155deg,#3a2118,#1e120d 56%,#100a08)!important;
  border-color:rgba(244,232,216,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),inset 0 -24px 46px rgba(0,0,0,.30),0 0 22px rgba(193,125,86,.035)!important;
}
:root[data-theme="hub"] .k222-core-meta{
  min-height:34px!important;
  gap:15px!important;
  color:rgba(244,232,216,.72)!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.07em!important;
}
:root[data-theme="hub"] .k222-core-meta span,
:root[data-theme="hub"] .k222-core-meta b{
  font-size:13px!important;
  line-height:1!important;
  font-weight:900!important;
}
:root[data-theme="hub"] .k222-core-meta b{color:#fff8ef!important;margin-left:5px!important}
:root[data-theme="hub"] .k222-core-meta i{width:4px!important;height:4px!important}

:root[data-theme="hub"] .k222-core-phase-reward .k222-core-copy{margin-bottom:3px!important}
:root[data-theme="hub"] .k222-reward-copy{gap:5px!important;margin-top:-2px!important}
:root[data-theme="hub"] .k222-reward-copy .k224-reward-type{
  display:block!important;
  font-size:16px!important;
  line-height:1.15!important;
  color:#eadfce!important;
  font-weight:900!important;
  letter-spacing:.035em!important;
  text-transform:none!important;
}
:root[data-theme="hub"] .k222-reward-copy .k224-reward-type em{
  font:inherit!important;
  color:rgba(244,232,216,.70)!important;
  font-style:normal!important;
}
:root[data-theme="hub"] .k222-reward-copy strong{
  font-size:28px!important;
  line-height:1.04!important;
  font-weight:950!important;
}
:root[data-theme="hub"] .k222-reward-copy b{
  font-size:29px!important;
  line-height:1!important;
  margin-top:9px!important;
}
:root[data-theme="hub"] .k222-reward-delta{
  gap:12px!important;
  margin:14px 0 18px!important;
  padding:8px 15px!important;
  font-size:15px!important;
  line-height:1!important;
  font-weight:950!important;
}
:root[data-theme="hub"] .k222-reward-delta span{
  font-size:15px!important;
  line-height:1!important;
  font-weight:950!important;
}
:root[data-theme="hub"] .k222-reward-delta i{width:4px!important;height:4px!important}

/* =========================================================
   v225 — stable style swap + staged KORZH RESULT CARD
   Shared by Standard and 2040 contract reveal.
   ========================================================= */
html.k225-style-swap *,
html.k225-style-swap *::before,
html.k225-style-swap *::after{
  transition:none!important;
  animation:none!important;
}

/* The reward no longer appears as a naked skin. The opened CORE reveals
   an empty KORZH card first, then the information is assembled in sequence. */
:root[data-theme="hub"] .k225-core-reward{
  min-height:720px!important;
  padding-top:28px!important;
  animation:none!important;
}
:root[data-theme="hub"] .k225-reward-field{
  width:min(610px,84vw)!important;
  height:382px!important;
  margin:0 auto!important;
  overflow:visible!important;
}
:root[data-theme="hub"] .k225-result-card{
  box-sizing:border-box!important;
  position:relative!important;
  z-index:14!important;
  width:266px!important;
  height:344px!important;
  display:grid!important;
  grid-template-rows:42px 42px 1fr 54px!important;
  align-items:center!important;
  justify-items:center!important;
  padding:20px 20px 18px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  clip-path:polygon(8% 0,92% 0,100% 6%,100% 94%,92% 100%,8% 100%,0 94%,0 6%)!important;
  background:
    radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--rarity) 10%,rgba(245,233,218,.04)),transparent 43%),
    linear-gradient(160deg,#2b1b14 0%,#17100d 48%,#0c0908 100%)!important;
  box-shadow:
    0 28px 52px rgba(0,0,0,.52),
    0 0 36px color-mix(in srgb,var(--rarity) 10%,transparent),
    inset 0 0 0 1px rgba(246,233,217,.16),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
  opacity:0;
  transform:translateY(18px) scale(.86);
  animation:k225CardBlankIn .62s .12s cubic-bezier(.16,.88,.2,1) both!important;
}
:root[data-theme="hub"] .k225-result-card::before{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  z-index:-1!important;
  clip-path:inherit!important;
  border:1px solid rgba(244,232,216,.10)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 36%,rgba(0,0,0,.14))!important;
  pointer-events:none!important;
}
:root[data-theme="hub"] .k225-result-card::after{
  content:""!important;
  position:absolute!important;
  left:14%!important;
  right:14%!important;
  top:0!important;
  height:2px!important;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--rarity) 62%,#f5e7d5),transparent)!important;
  opacity:.75!important;
  box-shadow:0 0 16px color-mix(in srgb,var(--rarity) 24%,transparent)!important;
}
:root[data-theme="hub"] .k225-card-line{
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:linear-gradient(112deg,transparent 0 43%,rgba(255,255,255,.04) 49%,transparent 55%)!important;
  transform:translateX(-76%);
  animation:k225CardSweep 1.1s .18s cubic-bezier(.2,.72,.2,1) both!important;
}
:root[data-theme="hub"] .k225-card-mark{
  position:absolute!important;
  left:18px!important;
  top:17px!important;
  width:26px!important;
  height:26px!important;
  object-fit:contain!important;
  opacity:.22!important;
  filter:grayscale(.2)!important;
}
:root[data-theme="hub"] .k225-card-weapon,
:root[data-theme="hub"] .k225-card-skin,
:root[data-theme="hub"] .k225-card-art,
:root[data-theme="hub"] .k225-card-price{
  opacity:0;
}
:root[data-theme="hub"] .k225-card-weapon{
  align-self:end!important;
  max-width:100%!important;
  font-size:15px!important;
  line-height:1.1!important;
  font-weight:950!important;
  letter-spacing:.035em!important;
  color:#f4e8d9!important;
  white-space:nowrap!important;
  text-align:center!important;
  animation:k225CardTextIn .42s .72s ease-out both!important;
}
:root[data-theme="hub"] .k225-card-weapon em{
  font:inherit!important;
  font-style:normal!important;
  color:rgba(244,232,217,.68)!important;
}
:root[data-theme="hub"] .k225-card-skin{
  align-self:start!important;
  max-width:100%!important;
  margin-top:5px!important;
  font-size:22px!important;
  line-height:1.04!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  color:#fff9f1!important;
  text-align:center!important;
  animation:k225CardTextIn .45s .98s ease-out both!important;
}
:root[data-theme="hub"] .k225-card-art{
  position:relative!important;
  width:220px!important;
  height:154px!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  animation:k225CardArtIn .62s 1.22s cubic-bezier(.14,.9,.2,1) both!important;
}
:root[data-theme="hub"] .k225-card-art .skin-art{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  transform:none!important;
  background:transparent!important;
}
:root[data-theme="hub"] .k225-card-art .skin-art::before,
:root[data-theme="hub"] .k225-card-art .skin-art::after{
  opacity:.32!important;
}
:root[data-theme="hub"] .k225-card-art .real-skin img{
  width:100%!important;
  height:100%!important;
  max-width:96%!important;
  max-height:90%!important;
  object-fit:contain!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  animation:none!important;
}
:root[data-theme="hub"] .k225-card-price{
  align-self:end!important;
  min-width:112px!important;
  height:38px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
  border-radius:13px!important;
  border:1px solid rgba(244,232,216,.13)!important;
  background:rgba(244,232,216,.045)!important;
  color:#fff7ed!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  animation:k225CardPriceIn .46s 1.58s cubic-bezier(.16,.82,.2,1) both!important;
}
:root[data-theme="hub"] .k225-reward-delta{
  position:relative!important;
  z-index:18!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  min-height:42px!important;
  margin:10px 0 15px!important;
  padding:8px 16px!important;
  border-radius:999px!important;
  border:1px solid rgba(244,232,216,.12)!important;
  background:rgba(244,232,216,.035)!important;
  color:#d9cdbf!important;
  opacity:0;
  transform:translateY(8px);
  animation:k225DeltaIn .42s 1.88s ease-out both!important;
}
:root[data-theme="hub"] .k225-reward-delta span{
  font-size:16px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.025em!important;
}
:root[data-theme="hub"] .k225-reward-delta i{
  width:4px!important;
  height:4px!important;
  border-radius:50%!important;
  background:currentColor!important;
  opacity:.58!important;
}
:root[data-theme="hub"] .k225-reward-delta.profit{color:#ead6ba!important;border-color:rgba(234,214,186,.18)!important}
:root[data-theme="hub"] .k225-reward-delta.loss{color:#d8b7b3!important;border-color:rgba(216,183,179,.16)!important}
:root[data-theme="hub"] .k225-reward-actions{
  opacity:0;
  transform:translateY(8px);
  animation:k225ActionsIn .42s 2.10s ease-out both!important;
}

@keyframes k225CardBlankIn{
  0%{opacity:0;transform:translateY(18px) scale(.86);filter:blur(5px)}
  72%{opacity:1;transform:translateY(-3px) scale(1.018);filter:blur(0)}
  100%{opacity:1;transform:none;filter:none}
}
@keyframes k225CardSweep{from{transform:translateX(-76%)}to{transform:translateX(76%)}}
@keyframes k225CardTextIn{from{opacity:0;transform:translateY(7px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes k225CardArtIn{from{opacity:0;transform:translateY(12px) scale(.78);filter:blur(7px)}65%{opacity:1;transform:translateY(-2px) scale(1.025);filter:blur(0)}to{opacity:1;transform:none;filter:none}}
@keyframes k225CardPriceIn{from{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}
@keyframes k225DeltaIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes k225ActionsIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media(max-width:760px){
  :root[data-theme="hub"] .k225-core-reward{min-height:680px!important}
  :root[data-theme="hub"] .k225-reward-field{height:354px!important}
  :root[data-theme="hub"] .k225-result-card{width:242px!important;height:316px!important;grid-template-rows:38px 38px 1fr 48px!important;padding:18px 16px 16px!important}
  :root[data-theme="hub"] .k225-card-skin{font-size:19px!important}
  :root[data-theme="hub"] .k225-card-art{width:202px!important;height:140px!important}
  :root[data-theme="hub"] .k225-card-price{font-size:18px!important;height:35px!important}
}
@media(max-width:520px){
  :root[data-theme="hub"] .k225-core-reward{min-height:640px!important}
  :root[data-theme="hub"] .k225-reward-field{height:330px!important;width:94vw!important}
  :root[data-theme="hub"] .k225-result-card{width:224px!important;height:296px!important}
  :root[data-theme="hub"] .k225-card-weapon{font-size:13px!important}
  :root[data-theme="hub"] .k225-card-skin{font-size:18px!important}
  :root[data-theme="hub"] .k225-card-art{width:188px!important;height:130px!important}
  :root[data-theme="hub"] .k225-reward-delta span{font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){
  :root[data-theme="hub"] :is(.k225-result-card,.k225-card-line,.k225-card-weapon,.k225-card-skin,.k225-card-art,.k225-card-price,.k225-reward-delta,.k225-reward-actions){
    animation:none!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }
}

/* =========================================================
   v226 — stable slow CORE reveal / rarity card sequence
   Shared by Standard + 2040.
   The result DOM stays mounted while background data refreshes are queued.
   Sequence: neutral card -> rarity colour -> weapon -> skin -> art -> price
             -> result delta -> actions.
   ========================================================= */
:root[data-theme="hub"] .k226-core-reward{
  min-height:760px!important;
  padding:30px 42px 34px!important;
  justify-content:center!important;
  animation:none!important;
}
:root[data-theme="hub"] .k226-core-reward::before{
  animation:k222AmbientTurn 24s linear infinite!important;
}
:root[data-theme="hub"] .k226-core-copy{
  flex:0 0 auto!important;
  margin:0 0 12px!important;
}
:root[data-theme="hub"] .k226-reward-field{
  box-sizing:border-box!important;
  flex:0 0 414px!important;
  width:min(640px,86vw)!important;
  height:414px!important;
  margin:0 auto!important;
  overflow:visible!important;
  display:grid!important;
  place-items:center!important;
}
:root[data-theme="hub"] .k226-reward-field::before{
  width:380px!important;
  height:270px!important;
  opacity:.46!important;
  filter:blur(14px)!important;
}
:root[data-theme="hub"] .k226-reward-orbits{
  opacity:.52!important;
  transform:scale(.94)!important;
}
:root[data-theme="hub"] .k226-open-shell{
  opacity:.58!important;
  filter:saturate(.72) brightness(.82)!important;
}

/* Stable neutral shell. Never fades out/in, so there is no card flash. */
:root[data-theme="hub"] .k226-result-card{
  box-sizing:border-box!important;
  position:relative!important;
  z-index:14!important;
  width:300px!important;
  height:384px!important;
  display:grid!important;
  grid-template-rows:48px 46px 1fr 58px!important;
  align-items:center!important;
  justify-items:center!important;
  padding:24px 22px 20px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  clip-path:polygon(8% 0,92% 0,100% 6%,100% 94%,92% 100%,8% 100%,0 94%,0 6%)!important;
  background:linear-gradient(160deg,#241d1a 0%,#15110f 48%,#0a0908 100%)!important;
  border:0!important;
  box-shadow:
    0 32px 68px rgba(0,0,0,.55),
    inset 0 0 0 1px rgba(246,233,217,.16),
    inset 0 1px 0 rgba(255,255,255,.07)!important;
  opacity:1!important;
  filter:none!important;
  transform:translateY(12px) scale(.94);
  animation:k226CardFrameIn .90s .12s cubic-bezier(.16,.84,.2,1) both!important;
  will-change:auto!important;
}
:root[data-theme="hub"] .k226-result-card::before,
:root[data-theme="hub"] .k226-result-card::after{
  content:none!important;
  display:none!important;
}
:root[data-theme="hub"] .k226-rarity-layer{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  opacity:0;
  background:
    radial-gradient(circle at 50% 39%,color-mix(in srgb,var(--rarity) 34%,transparent) 0%,color-mix(in srgb,var(--rarity) 14%,transparent) 31%,transparent 61%),
    linear-gradient(160deg,color-mix(in srgb,var(--rarity) 12%,transparent),transparent 42%,color-mix(in srgb,var(--rarity) 7%,transparent))!important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,var(--rarity) 46%,rgba(246,233,217,.10)),
    inset 0 0 48px color-mix(in srgb,var(--rarity) 13%,transparent)!important;
  animation:k226RarityIn 1.05s 1.18s ease both!important;
}
:root[data-theme="hub"] .k226-card-sheen{
  position:absolute!important;
  left:15%!important;
  right:15%!important;
  top:0!important;
  height:2px!important;
  z-index:1!important;
  pointer-events:none!important;
  opacity:0;
  background:linear-gradient(90deg,transparent,var(--rarity),#fff2df,var(--rarity),transparent)!important;
  box-shadow:0 0 20px color-mix(in srgb,var(--rarity) 42%,transparent)!important;
  animation:k226RarityLineIn .82s 1.44s ease both!important;
}
:root[data-theme="hub"] .k226-card-mark{
  z-index:2!important;
  left:19px!important;
  top:18px!important;
  width:27px!important;
  height:27px!important;
  opacity:.20!important;
  animation:none!important;
}
:root[data-theme="hub"] .k226-card-weapon,
:root[data-theme="hub"] .k226-card-skin,
:root[data-theme="hub"] .k226-card-art,
:root[data-theme="hub"] .k226-card-price{
  position:relative!important;
  z-index:2!important;
  opacity:0;
  filter:none!important;
}
:root[data-theme="hub"] .k226-card-weapon{
  align-self:end!important;
  max-width:100%!important;
  font-size:16px!important;
  line-height:1.12!important;
  font-weight:950!important;
  letter-spacing:.035em!important;
  color:#f4e8d9!important;
  white-space:nowrap!important;
  text-align:center!important;
  animation:k226InfoIn .52s 2.05s ease-out both!important;
}
:root[data-theme="hub"] .k226-card-weapon em{
  font:inherit!important;
  font-style:normal!important;
  color:rgba(244,232,217,.70)!important;
}
:root[data-theme="hub"] .k226-card-skin{
  align-self:start!important;
  max-width:100%!important;
  margin-top:5px!important;
  font-size:23px!important;
  line-height:1.04!important;
  font-weight:950!important;
  color:#fff9f1!important;
  text-align:center!important;
  animation:k226InfoIn .54s 2.72s ease-out both!important;
}
:root[data-theme="hub"] .k226-card-art{
  width:246px!important;
  height:164px!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  animation:k226ArtIn .78s 3.38s cubic-bezier(.18,.78,.2,1) both!important;
}
/* Kill every inherited skin shimmer/glow in this reveal. It was another source
   of one-frame flashes while the image layer was being painted. */
:root[data-theme="hub"] .k226-card-art .skin-art{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:visible!important;
  background:transparent!important;
  transform:none!important;
  animation:none!important;
}
:root[data-theme="hub"] .k226-card-art .skin-art::before,
:root[data-theme="hub"] .k226-card-art .skin-art::after,
:root[data-theme="hub"] .k226-card-art .skin-glow{
  display:none!important;
  content:none!important;
}
:root[data-theme="hub"] .k226-card-art .real-skin img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:96%!important;
  max-height:91%!important;
  object-fit:contain!important;
  opacity:1!important;
  visibility:visible!important;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.48))!important;
  transform:none!important;
  transition:none!important;
  animation:none!important;
}
:root[data-theme="hub"] .k226-card-price{
  align-self:end!important;
  min-width:132px!important;
  height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 16px!important;
  border-radius:14px!important;
  border:1px solid rgba(244,232,216,.15)!important;
  background:rgba(244,232,216,.055)!important;
  color:#fff7ed!important;
  font-size:21px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.02em!important;
  animation:k226PriceIn .55s 4.20s ease-out both!important;
}

/* Final information has its own rows; it never overlaps the card or buttons. */
:root[data-theme="hub"] .k226-reward-delta{
  box-sizing:border-box!important;
  flex:0 0 auto!important;
  position:relative!important;
  z-index:18!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  min-width:210px!important;
  min-height:46px!important;
  margin:16px 0 18px!important;
  padding:10px 18px!important;
  border-radius:999px!important;
  opacity:0;
  transform:translateY(7px);
  animation:k226InfoIn .55s 4.88s ease-out both!important;
}
:root[data-theme="hub"] .k226-reward-delta span{
  font-size:17px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.025em!important;
}
:root[data-theme="hub"] .k226-reward-delta i{
  width:4px!important;
  height:4px!important;
  flex:0 0 4px!important;
}
:root[data-theme="hub"] .k226-reward-actions{
  box-sizing:border-box!important;
  flex:0 0 50px!important;
  min-height:50px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  opacity:0;
  transform:translateY(7px);
  animation:k226InfoIn .55s 5.42s ease-out both!important;
}
:root[data-theme="hub"] .k226-reward-actions .contract-take,
:root[data-theme="hub"] .k226-reward-actions .k222-contract-again{
  box-sizing:border-box!important;
  min-width:174px!important;
  height:48px!important;
  margin:0!important;
  padding:0 20px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:15px!important;
  line-height:1!important;
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:.05em!important;
  white-space:nowrap!important;
}

@keyframes k226CardFrameIn{
  from{transform:translateY(12px) scale(.94)}
  to{transform:translateY(0) scale(1)}
}
@keyframes k226RarityIn{
  from{opacity:0}
  to{opacity:1}
}
@keyframes k226RarityLineIn{
  from{opacity:0;transform:scaleX(.3)}
  to{opacity:.92;transform:scaleX(1)}
}
@keyframes k226InfoIn{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes k226ArtIn{
  from{opacity:0;transform:translateY(10px) scale(.90)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes k226PriceIn{
  from{opacity:0;transform:translateY(6px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@media(max-width:760px){
  :root[data-theme="hub"] .k226-core-reward{min-height:710px!important;padding:26px 18px 28px!important}
  :root[data-theme="hub"] .k226-reward-field{flex-basis:378px!important;height:378px!important;width:94vw!important}
  :root[data-theme="hub"] .k226-result-card{width:268px!important;height:350px!important;grid-template-rows:44px 42px 1fr 54px!important;padding:21px 18px 18px!important}
  :root[data-theme="hub"] .k226-card-weapon{font-size:14px!important}
  :root[data-theme="hub"] .k226-card-skin{font-size:20px!important}
  :root[data-theme="hub"] .k226-card-art{width:220px!important;height:145px!important}
  :root[data-theme="hub"] .k226-card-price{font-size:19px!important;height:39px!important}
  :root[data-theme="hub"] .k226-reward-actions .contract-take,
  :root[data-theme="hub"] .k226-reward-actions .k222-contract-again{min-width:154px!important;height:46px!important}
}
@media(max-width:520px){
  :root[data-theme="hub"] .k226-core-reward{min-height:680px!important;padding:24px 12px 24px!important}
  :root[data-theme="hub"] .k226-reward-field{flex-basis:350px!important;height:350px!important}
  :root[data-theme="hub"] .k226-result-card{width:244px!important;height:324px!important;grid-template-rows:40px 40px 1fr 50px!important;padding:18px 15px 16px!important}
  :root[data-theme="hub"] .k226-card-weapon{font-size:13px!important}
  :root[data-theme="hub"] .k226-card-skin{font-size:18px!important}
  :root[data-theme="hub"] .k226-card-art{width:202px!important;height:132px!important}
  :root[data-theme="hub"] .k226-card-price{font-size:18px!important;height:37px!important}
  :root[data-theme="hub"] .k226-reward-delta{min-height:42px!important;margin:13px 0 15px!important;padding:8px 14px!important}
  :root[data-theme="hub"] .k226-reward-delta span{font-size:15px!important}
  :root[data-theme="hub"] .k226-reward-actions{gap:8px!important}
  :root[data-theme="hub"] .k226-reward-actions .contract-take,
  :root[data-theme="hub"] .k226-reward-actions .k222-contract-again{min-width:136px!important;height:44px!important;padding:0 13px!important;font-size:10px!important}
}
@media(prefers-reduced-motion:reduce){
  :root[data-theme="hub"] :is(.k226-result-card,.k226-rarity-layer,.k226-card-sheen,.k226-card-weapon,.k226-card-skin,.k226-card-art,.k226-card-price,.k226-reward-delta,.k226-reward-actions){
    animation:none!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;
  }
}

/* =========================================================
   v227 — HARD MODAL RESET
   2040 support/settings use a completely new modal shell.
   Legacy modal geometry is intentionally bypassed.
   ========================================================= */
:root[data-visual-style="2040"] #supportPortal,
:root[data-visual-style="2040"] #siteSettingsPortal{
  position:static!important;
  inset:auto!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
  overflow:visible!important;
  pointer-events:none!important;
  isolation:auto!important;
  contain:none!important;
  z-index:auto!important;
}
:root[data-visual-style="2040"] #supportPortal::before,
:root[data-visual-style="2040"] #supportPortal::after,
:root[data-visual-style="2040"] #siteSettingsPortal::before,
:root[data-visual-style="2040"] #siteSettingsPortal::after{content:none!important;display:none!important}
:root[data-visual-style="2040"] body.support-widget-open,
:root[data-visual-style="2040"] body.site-settings-open{overflow:hidden!important}

:root[data-visual-style="2040"] .kx227-layer{
  all:initial!important;
  box-sizing:border-box!important;
  position:fixed!important;
  inset:0!important;
  z-index:2147483640!important;
  display:grid!important;
  place-items:center!important;
  width:100dvw!important;
  height:100dvh!important;
  padding:22px!important;
  margin:0!important;
  overflow:hidden!important;
  pointer-events:auto!important;
  background:rgba(8,5,4,.58)!important;
  backdrop-filter:blur(22px) saturate(.72)!important;
  -webkit-backdrop-filter:blur(22px) saturate(.72)!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  color:#f8f1eb!important;
}
:root[data-visual-style="2040"] .kx227-layer::before,
:root[data-visual-style="2040"] .kx227-layer::after{content:none!important;display:none!important}
:root[data-visual-style="2040"] .kx227-layer,
:root[data-visual-style="2040"] .kx227-layer *{box-sizing:border-box!important}

:root[data-visual-style="2040"] .kx227-card{
  all:initial!important;
  box-sizing:border-box!important;
  position:relative!important;
  display:grid!important;
  grid-template-rows:66px minmax(0,1fr)!important;
  width:min(438px,calc(100dvw - 32px))!important;
  max-width:438px!important;
  max-height:calc(100dvh - 36px)!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(255,245,237,.13)!important;
  border-radius:22px!important;
  background:linear-gradient(155deg,#261914 0%,#160e0b 46%,#0d0908 100%)!important;
  box-shadow:0 34px 110px rgba(0,0,0,.60),inset 0 1px 0 rgba(255,255,255,.055)!important;
  color:#f8f1eb!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  transform:none!important;
  filter:none!important;
  opacity:1!important;
  isolation:isolate!important;
}
:root[data-visual-style="2040"] .kx227-card::before,
:root[data-visual-style="2040"] .kx227-card::after{content:none!important;display:none!important}
:root[data-visual-style="2040"] .kx227-support{width:min(492px,calc(100dvw - 32px))!important;max-width:492px!important;max-height:min(650px,calc(100dvh - 36px))!important}

:root[data-visual-style="2040"] .kx227-head{
  all:initial!important;
  box-sizing:border-box!important;
  height:66px!important;
  min-height:66px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:0 14px 0 16px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,245,237,.08)!important;
  background:linear-gradient(180deg,rgba(255,249,242,.035),rgba(255,249,242,0))!important;
  color:#f8f1eb!important;
  font-family:inherit!important;
}
:root[data-visual-style="2040"] .kx227-brand{all:initial!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;font-family:inherit!important;color:inherit!important}
:root[data-visual-style="2040"] .kx227-icon{all:initial!important;box-sizing:border-box!important;width:37px!important;height:37px!important;flex:0 0 37px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,245,237,.12)!important;border-radius:12px!important;background:rgba(255,249,243,.055)!important}
:root[data-visual-style="2040"] .kx227-icon svg{all:initial!important;width:19px!important;height:19px!important;display:block!important;fill:none!important;stroke:#f6ede6!important;stroke-width:1.4!important;stroke-linecap:round!important;stroke-linejoin:round!important}
:root[data-visual-style="2040"] .kx227-logo img{all:initial!important;width:30px!important;height:30px!important;display:block!important;object-fit:contain!important}
:root[data-visual-style="2040"] .kx227-brand div{all:initial!important;display:block!important;min-width:0!important;font-family:inherit!important;color:inherit!important}
:root[data-visual-style="2040"] .kx227-brand small{all:initial!important;display:block!important;color:#b2907d!important;font:900 7px/1 Inter,system-ui,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important}
:root[data-visual-style="2040"] .kx227-brand h2{all:initial!important;display:block!important;margin-top:5px!important;color:#fff9f4!important;font:800 16px/1 Inter,system-ui,sans-serif!important;letter-spacing:-.01em!important}
:root[data-visual-style="2040"] .kx227-close{
  all:initial!important;
  box-sizing:border-box!important;
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;flex:0 0 36px!important;
  display:grid!important;place-items:center!important;
  border:1px solid rgba(255,245,237,.12)!important;border-radius:11px!important;
  background:rgba(255,249,243,.055)!important;color:#e7d8cd!important;
  font:400 22px/1 Arial,sans-serif!important;cursor:pointer!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease!important;
}
:root[data-visual-style="2040"] .kx227-close:hover{background:rgba(255,249,243,.11)!important;border-color:rgba(255,245,237,.24)!important;color:#fff!important;transform:scale(1.035)!important}

:root[data-visual-style="2040"] .kx227-settings-body{all:initial!important;box-sizing:border-box!important;width:100%!important;display:grid!important;gap:8px!important;padding:12px!important;font-family:inherit!important;color:inherit!important}
:root[data-visual-style="2040"] .kx227-setting-row{
  all:initial!important;box-sizing:border-box!important;width:100%!important;min-height:58px!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  padding:10px 11px 10px 13px!important;margin:0!important;
  border:1px solid rgba(255,245,237,.08)!important;border-radius:15px!important;
  background:linear-gradient(145deg,rgba(255,249,243,.052),rgba(255,235,220,.018))!important;
  color:#f7eee8!important;font-family:inherit!important;text-align:left!important;
}
:root[data-visual-style="2040"] button.kx227-setting-row{cursor:pointer!important}
:root[data-visual-style="2040"] .kx227-setting-row>div:first-child{all:initial!important;display:block!important;min-width:0!important;font-family:inherit!important;color:inherit!important}
:root[data-visual-style="2040"] .kx227-setting-row strong{all:initial!important;display:block!important;color:#f8f0ea!important;font:800 11px/1.1 Inter,system-ui,sans-serif!important}
:root[data-visual-style="2040"] .kx227-setting-row span{all:initial!important;display:block!important;margin-top:4px!important;color:#99887e!important;font:500 8px/1.2 Inter,system-ui,sans-serif!important}
:root[data-visual-style="2040"] .kx227-switch{all:initial!important;box-sizing:border-box!important;position:relative!important;width:44px!important;height:26px!important;flex:0 0 44px!important;border:1px solid rgba(255,245,237,.12)!important;border-radius:999px!important;background:#251711!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.25)!important}
:root[data-visual-style="2040"] .kx227-switch b{all:initial!important;box-sizing:border-box!important;position:absolute!important;top:3px!important;left:3px!important;width:18px!important;height:18px!important;border-radius:50%!important;background:#dbc9bb!important;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .25s ease!important}
:root[data-visual-style="2040"] .kx227-switch.on{background:linear-gradient(90deg,#7d513b,#a66a4d)!important;border-color:rgba(255,236,221,.24)!important}
:root[data-visual-style="2040"] .kx227-switch.on b{transform:translateX(18px)!important;background:#fffaf5!important}
:root[data-visual-style="2040"] .kx227-segment{all:initial!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:3px!important;padding:3px!important;border:1px solid rgba(255,245,237,.08)!important;border-radius:11px!important;background:rgba(8,5,4,.42)!important;font-family:inherit!important}
:root[data-visual-style="2040"] .kx227-segment button{all:initial!important;box-sizing:border-box!important;height:30px!important;min-width:42px!important;display:grid!important;place-items:center!important;padding:0 8px!important;border-radius:8px!important;color:#9a8a81!important;font:800 8px/1 Inter,system-ui,sans-serif!important;cursor:pointer!important}
:root[data-visual-style="2040"] .kx227-segment button.active{background:#f7efe8!important;color:#251711!important;box-shadow:0 5px 14px rgba(0,0,0,.18)!important}

:root[data-visual-style="2040"] .kx227-support-body{all:initial!important;box-sizing:border-box!important;min-height:0!important;width:100%!important;padding:14px!important;overflow:auto!important;font-family:inherit!important;color:#f7eee8!important;scrollbar-width:thin!important;scrollbar-color:rgba(255,235,220,.18) transparent!important}
:root[data-visual-style="2040"] .kx227-support-body :is(.support-new-form,.support-ticket-view,.support-login-state,.support-loading){all:initial!important;box-sizing:border-box!important;display:block!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;font-family:inherit!important;color:inherit!important}
:root[data-visual-style="2040"] .kx227-support-body .support-form-title{all:initial!important;display:block!important;margin:0 0 12px!important;font-family:inherit!important;color:inherit!important}
:root[data-visual-style="2040"] .kx227-support-body .support-form-title>span{all:initial!important;display:block!important;color:#c38f70!important;font:900 7px/1 Inter,system-ui,sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase!important}
:root[data-visual-style="2040"] .kx227-support-body .support-form-title h3{all:initial!important;display:block!important;margin-top:5px!important;color:#fff8f2!important;font:800 20px/1.1 Inter,system-ui,sans-serif!important}
:root[data-visual-style="2040"] .kx227-support-body .support-topic-grid{all:initial!important;box-sizing:border-box!important;width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;font-family:inherit!important}
:root[data-visual-style="2040"] .kx227-support-body .support-topic-grid button{all:initial!important;box-sizing:border-box!important;width:100%!important;height:49px!important;display:grid!important;grid-template-columns:33px 1fr!important;align-items:center!important;gap:9px!important;padding:7px 10px!important;border:1px solid rgba(255,245,237,.085)!important;border-radius:13px!important;background:rgba(255,249,243,.03)!important;color:#f1e7e0!important;font-family:inherit!important;cursor:pointer!important}
:root[data-visual-style="2040"] .kx227-support-body .support-topic-grid button.active{border-color:rgba(255,226,205,.28)!important;background:linear-gradient(145deg,rgba(255,247,240,.09),rgba(146,82,53,.08))!important}
:root[data-visual-style="2040"] .kx227-support-body .support-topic-grid button>span{all:initial!important;box-sizing:border-box!important;width:33px!important;height:33px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:#190f0b!important;color:#efbea0!important;font:800 13px/1 Inter,system-ui,sans-serif!important}
:root[data-visual-style="2040"] .kx227-support-body .support-topic-grid button b{all:initial!important;color:#f5ebe4!important;font:800 10px/1 Inter,system-ui,sans-serif!important}
:root[data-visual-style="2040"] .kx227-support-body .support-description{all:initial!important;box-sizing:border-box!important;display:block!important;width:100%!important;margin-top:10px!important;font-family:inherit!important;color:inherit!important}
:root[data-visual-style="2040"] .kx227-support-body .support-description>span{all:initial!important;display:block!important;margin-bottom:6px!important;color:#9f8e84!important;font:500 8px/1.4 Inter,system-ui,sans-serif!important}
:root[data-visual-style="2040"] .kx227-support-body textarea{all:initial!important;box-sizing:border-box!important;width:100%!important;display:block!important;margin:0!important;padding:11px 12px!important;border:1px solid rgba(255,245,237,.09)!important;border-radius:13px!important;background:#0d0908!important;color:#f8efe9!important;font:500 11px/1.4 Inter,system-ui,sans-serif!important;resize:none!important;outline:none!important}
:root[data-visual-style="2040"] .kx227-support-body .support-description textarea{height:96px!important;min-height:96px!important}
:root[data-visual-style="2040"] .kx227-support-body .support-submit{all:initial!important;box-sizing:border-box!important;width:100%!important;height:45px!important;display:grid!important;place-items:center!important;margin-top:9px!important;border:1px solid rgba(255,255,255,.55)!important;border-radius:13px!important;background:linear-gradient(135deg,#fffaf5,#eadbd0)!important;color:#21140e!important;font:900 10px/1 Inter,system-ui,sans-serif!important;letter-spacing:.03em!important;cursor:pointer!important;box-shadow:0 10px 22px rgba(0,0,0,.20)!important;text-align:center!important}
:root[data-visual-style="2040"] .kx227-support-body .support-submit:disabled{opacity:.58!important;cursor:default!important}
:root[data-visual-style="2040"] .kx227-support-body .support-continue{all:initial!important;box-sizing:border-box!important;width:100%!important;min-height:54px!important;display:flex!important;align-items:center!important;gap:10px!important;margin-top:8px!important;padding:8px 10px!important;border:1px solid rgba(255,245,237,.085)!important;border-radius:13px!important;background:rgba(255,249,243,.032)!important;color:#f1e8e1!important;font-family:inherit!important;cursor:pointer!important}
:root[data-visual-style="2040"] .kx227-support-body .support-continue i{all:initial!important;box-sizing:border-box!important;width:8px!important;height:8px!important;flex:0 0 8px!important;border-radius:50%!important;background:#6fe0a0!important;box-shadow:0 0 12px rgba(111,224,160,.4)!important}
:root[data-visual-style="2040"] .kx227-support-body .support-continue span{all:initial!important;display:block!important;min-width:0!important;flex:1!important;font-family:inherit!important;color:inherit!important}
:root[data-visual-style="2040"] .kx227-support-body .support-continue b{all:initial!important;display:block!important;color:#f7eee8!important;font:800 9px/1.1 Inter,system-ui,sans-serif!important}
:root[data-visual-style="2040"] .kx227-support-body .support-continue small{all:initial!important;display:block!important;margin-top:3px!important;color:#98877e!important;font:500 7px/1 Inter,system-ui,sans-serif!important}
:root[data-visual-style="2040"] .kx227-support-body .support-continue em{all:initial!important;color:#ccb3a2!important;font:700 15px/1 Inter,system-ui,sans-serif!important}

:root[data-visual-style="2040"] .kx227-support-body .support-thread-top{all:initial!important;box-sizing:border-box!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:10px!important;font-family:inherit!important}
:root[data-visual-style="2040"] .kx227-support-body .support-back{all:initial!important;color:#d9c5b8!important;font:700 9px/1 Inter,system-ui,sans-serif!important;cursor:pointer!important}
:root[data-visual-style="2040"] .kx227-support-body .support-status{all:initial!important;padding:6px 8px!important;border:1px solid rgba(255,245,237,.08)!important;border-radius:999px!important;color:#cdb9ab!important;font:800 7px/1 Inter,system-ui,sans-serif!important}
:root[data-visual-style="2040"] .kx227-support-body .support-ticket-heading{all:initial!important;display:flex!important;justify-content:space-between!important;gap:10px!important;margin-bottom:8px!important;font-family:inherit!important}
:root[data-visual-style="2040"] .kx227-support-body .support-ticket-heading span{all:initial!important;color:#fff4ec!important;font:800 12px/1 Inter,system-ui,sans-serif!important}
:root[data-visual-style="2040"] .kx227-support-body .support-ticket-heading small{all:initial!important;color:#95857b!important;font:500 8px/1 Inter,system-ui,sans-serif!important}
:root[data-visual-style="2040"] .kx227-support-body .support-conversation{all:initial!important;box-sizing:border-box!important;display:block!important;width:100%!important;max-height:330px!important;overflow:auto!important;font-family:inherit!important}
:root[data-visual-style="2040"] .kx227-support-body .support-message{all:initial!important;box-sizing:border-box!important;display:block!important;width:100%!important;margin:0 0 7px!important;padding:10px!important;border:1px solid rgba(255,245,237,.075)!important;border-radius:12px!important;background:rgba(255,249,243,.028)!important;font-family:inherit!important;color:inherit!important}
:root[data-visual-style="2040"] .kx227-support-body .support-message header{all:initial!important;display:flex!important;justify-content:space-between!important;gap:8px!important;font-family:inherit!important}
:root[data-visual-style="2040"] .kx227-support-body .support-message header b{all:initial!important;color:#f5e9e0!important;font:800 8px/1 Inter,system-ui,sans-serif!important}
:root[data-visual-style="2040"] .kx227-support-body .support-message header time{all:initial!important;color:#87786f!important;font:500 7px/1 Inter,system-ui,sans-serif!important}
:root[data-visual-style="2040"] .kx227-support-body .support-message p{all:initial!important;display:block!important;margin-top:6px!important;color:#d9cbc2!important;font:500 10px/1.35 Inter,system-ui,sans-serif!important;white-space:pre-wrap!important}
:root[data-visual-style="2040"] .kx227-support-body .support-reply-form{all:initial!important;box-sizing:border-box!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 45px!important;gap:7px!important;margin-top:8px!important;font-family:inherit!important}
:root[data-visual-style="2040"] .kx227-support-body .support-reply-form textarea{height:58px!important;min-height:58px!important}
:root[data-visual-style="2040"] .kx227-support-body .support-reply-form button{all:initial!important;box-sizing:border-box!important;width:45px!important;height:58px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.46)!important;border-radius:12px!important;background:#f7eee7!important;color:#21140e!important;font:800 18px/1 Inter,system-ui,sans-serif!important;cursor:pointer!important}
:root[data-visual-style="2040"] .kx227-support-body .support-login-state{text-align:center!important;padding:6px 4px!important}
:root[data-visual-style="2040"] .kx227-support-body .support-login-state .support-cookie-headset{all:initial!important;box-sizing:border-box!important;width:54px!important;height:54px!important;display:grid!important;place-items:center!important;margin:0 auto 10px!important;border-radius:17px!important;background:rgba(255,249,243,.055)!important;border:1px solid rgba(255,245,237,.09)!important}
:root[data-visual-style="2040"] .kx227-support-body .support-login-state .support-cookie-headset img{all:initial!important;width:42px!important;height:42px!important;display:block!important}
:root[data-visual-style="2040"] .kx227-support-body .support-login-state h3{all:initial!important;display:block!important;color:#fff5ee!important;font:800 17px/1.1 Inter,system-ui,sans-serif!important}
:root[data-visual-style="2040"] .kx227-support-body .support-login-state p{all:initial!important;display:block!important;margin:7px auto 12px!important;max-width:330px!important;color:#9e8d82!important;font:500 9px/1.45 Inter,system-ui,sans-serif!important}
:root[data-visual-style="2040"] .kx227-support-body #supportLogin{all:initial!important;box-sizing:border-box!important;height:42px!important;padding:0 18px!important;display:inline-grid!important;place-items:center!important;border-radius:12px!important;background:#f7efe8!important;color:#21140e!important;font:900 9px/1 Inter,system-ui,sans-serif!important;cursor:pointer!important}
:root[data-visual-style="2040"] .kx227-support-body .support-loading{min-height:150px!important;display:grid!important;place-items:center!important;color:#a89486!important;font:700 10px/1.2 Inter,system-ui,sans-serif!important}

@media(max-width:560px){
  :root[data-visual-style="2040"] .kx227-layer{padding:10px!important}
  :root[data-visual-style="2040"] .kx227-card,
  :root[data-visual-style="2040"] .kx227-support{width:calc(100dvw - 20px)!important;max-width:calc(100dvw - 20px)!important;max-height:calc(100dvh - 20px)!important}
}

/* =========================================================
   v228 — CONTRACT CARD DIRECTOR + OSCAR BASELINE LOCK
   No keyframe reveal: one mounted card, JS advances deterministic steps.
   Shared contract card across Standard + 2040. OSCAR layout remains 2040 only.
   ========================================================= */

/* ---------- KORZH CORE: stable, deliberately slow FIFA-style card ---------- */
:root[data-theme="hub"] .k228-core-overlay{
  --k228-cream:#f5eadc;
  --k228-muted:rgba(245,234,220,.58);
}
:root[data-theme="hub"] .k228-core-reward{
  box-sizing:border-box!important;
  width:min(760px,92vw)!important;
  min-height:760px!important;
  padding:26px 28px 30px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  overflow:visible!important;
  animation:none!important;
}
:root[data-theme="hub"] .k228-core-copy{
  flex:0 0 auto!important;
  margin:0 0 6px!important;
  animation:none!important;
}
:root[data-theme="hub"] .k228-core-copy small{font-size:8px!important;letter-spacing:.18em!important}
:root[data-theme="hub"] .k228-core-copy strong{font-size:24px!important;line-height:1!important}
:root[data-theme="hub"] .k228-reward-field{
  box-sizing:border-box!important;
  position:relative!important;
  flex:0 0 500px!important;
  width:min(640px,86vw)!important;
  height:500px!important;
  margin:0 auto!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  animation:none!important;
}
/* Reward phase is calm. The shell is a frame, not a flashing effect. */
:root[data-theme="hub"] .k228-reward-orbits,
:root[data-theme="hub"] .k228-reward-orbits i,
:root[data-theme="hub"] .k228-open-shell{
  animation:none!important;
  transition:none!important;
}
:root[data-theme="hub"] .k228-reward-orbits{opacity:.36!important;filter:none!important}
:root[data-theme="hub"] .k228-open-shell{opacity:.44!important;filter:none!important;box-shadow:none!important}

:root[data-theme="hub"] .k228-fifa-card{
  box-sizing:border-box!important;
  position:relative!important;
  z-index:20!important;
  width:306px!important;
  height:426px!important;
  margin:0!important;
  padding:46px 26px 24px!important;
  display:grid!important;
  grid-template-rows:38px 44px 1fr 52px!important;
  justify-items:center!important;
  align-items:center!important;
  overflow:hidden!important;
  isolation:isolate!important;
  clip-path:polygon(13% 0,87% 0,96% 5%,100% 17%,97% 84%,88% 96%,75% 100%,25% 100%,12% 96%,3% 84%,0 17%,4% 5%)!important;
  background:linear-gradient(156deg,#28201c 0%,#17110e 47%,#0b0807 100%)!important;
  border:0!important;
  outline:0!important;
  box-shadow:0 32px 72px rgba(0,0,0,.58),inset 0 0 0 1px rgba(245,234,220,.16)!important;
  opacity:0!important;
  transform:translateY(20px) scale(.93)!important;
  transition:opacity 1.25s cubic-bezier(.2,.72,.18,1),transform 1.25s cubic-bezier(.2,.72,.18,1),box-shadow 1.8s ease!important;
  animation:none!important;
  will-change:auto!important;
}
:root[data-theme="hub"] .k228-core-overlay.reveal-card-mounted .k228-fifa-card{
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
}
:root[data-theme="hub"] .k228-card-metal{
  position:absolute!important;inset:0!important;z-index:-4!important;pointer-events:none!important;
  background:
    linear-gradient(105deg,rgba(255,255,255,.08),transparent 20% 78%,rgba(255,255,255,.045)),
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 28%,rgba(0,0,0,.23))!important;
}
:root[data-theme="hub"] .k228-card-rarity{
  position:absolute!important;inset:0!important;z-index:-3!important;pointer-events:none!important;
  opacity:0!important;
  background:
    radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--rarity) 58%,transparent) 0%,color-mix(in srgb,var(--rarity) 26%,transparent) 34%,transparent 66%),
    linear-gradient(155deg,color-mix(in srgb,var(--rarity) 38%,#231a15),#17110e 48%,color-mix(in srgb,var(--rarity) 17%,#0b0807))!important;
  transition:opacity 1.8s ease!important;
  animation:none!important;
}
:root[data-theme="hub"] .k228-card-rim{
  position:absolute!important;inset:7px!important;z-index:-2!important;pointer-events:none!important;
  clip-path:inherit!important;
  border:1px solid rgba(245,234,220,.15)!important;
  box-shadow:inset 0 0 24px rgba(255,255,255,.025)!important;
  transition:border-color 1.8s ease,box-shadow 1.8s ease!important;
}
:root[data-theme="hub"] .k228-core-overlay.reveal-step-1 .k228-card-rarity{opacity:1!important}
:root[data-theme="hub"] .k228-core-overlay.reveal-step-1 .k228-card-rim{
  border-color:color-mix(in srgb,var(--rarity) 62%,rgba(245,234,220,.18))!important;
  box-shadow:inset 0 0 34px color-mix(in srgb,var(--rarity) 14%,transparent)!important;
}
:root[data-theme="hub"] .k228-core-overlay.reveal-step-1 .k228-fifa-card{
  box-shadow:0 34px 76px rgba(0,0,0,.60),0 0 42px color-mix(in srgb,var(--rarity) 14%,transparent),inset 0 0 0 1px rgba(245,234,220,.17)!important;
}
:root[data-theme="hub"] .k228-card-brand{
  position:absolute!important;left:23px!important;right:23px!important;top:18px!important;height:24px!important;
  display:flex!important;align-items:center!important;gap:7px!important;color:rgba(245,234,220,.48)!important;
  font-size:7px!important;line-height:1!important;font-weight:950!important;letter-spacing:.16em!important;
}
:root[data-theme="hub"] .k228-card-brand img{width:22px!important;height:22px!important;object-fit:contain!important;opacity:.45!important}
:root[data-theme="hub"] .k228-card-brand b{margin-left:auto!important;color:rgba(245,234,220,.25)!important;font-size:6px!important;letter-spacing:.20em!important}

:root[data-theme="hub"] :is(.k228-card-weapon,.k228-card-skin,.k228-card-art,.k228-card-price,.k228-reward-delta,.k228-final-actions){
  opacity:0!important;
  transform:translateY(12px)!important;
  animation:none!important;
  filter:none!important;
}
:root[data-theme="hub"] .k228-card-weapon{
  align-self:end!important;max-width:100%!important;text-align:center!important;white-space:nowrap!important;
  color:#f5eadc!important;font-size:17px!important;line-height:1.05!important;font-weight:950!important;letter-spacing:.03em!important;
  transition:opacity 1.35s ease,transform 1.35s cubic-bezier(.2,.72,.18,1)!important;
}
:root[data-theme="hub"] .k228-card-weapon em{font:inherit!important;font-style:normal!important;color:rgba(245,234,220,.68)!important}
:root[data-theme="hub"] .k228-card-skin{
  align-self:start!important;max-width:100%!important;margin-top:5px!important;text-align:center!important;
  color:#fffaf3!important;font-size:25px!important;line-height:1.02!important;font-weight:950!important;letter-spacing:.005em!important;
  transition:opacity 1.35s ease,transform 1.35s cubic-bezier(.2,.72,.18,1)!important;
}
:root[data-theme="hub"] .k228-card-art{
  width:254px!important;height:190px!important;display:grid!important;place-items:center!important;align-self:center!important;
  transform:translateY(15px) scale(.94)!important;
  transition:opacity 1.65s ease,transform 1.65s cubic-bezier(.16,.76,.16,1)!important;
}
:root[data-theme="hub"] .k228-card-art .skin-art{
  width:100%!important;height:100%!important;min-height:0!important;overflow:visible!important;background:transparent!important;
  transform:none!important;transition:none!important;animation:none!important;
}
:root[data-theme="hub"] .k228-card-art .skin-art::before,
:root[data-theme="hub"] .k228-card-art .skin-art::after,
:root[data-theme="hub"] .k228-card-art .skin-glow{display:none!important;content:none!important}
:root[data-theme="hub"] .k228-card-art .real-skin img{
  display:block!important;width:100%!important;height:100%!important;max-width:96%!important;max-height:92%!important;object-fit:contain!important;
  opacity:1!important;visibility:visible!important;filter:drop-shadow(0 18px 25px rgba(0,0,0,.50))!important;
  transform:none!important;transition:none!important;animation:none!important;
}
:root[data-theme="hub"] .k228-card-price{
  align-self:end!important;min-width:142px!important;height:44px!important;padding:0 16px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;
  border:1px solid rgba(245,234,220,.14)!important;background:rgba(9,7,6,.38)!important;color:#fff8ee!important;
  font-size:22px!important;line-height:1!important;font-weight:950!important;
  transition:opacity 1.3s ease,transform 1.3s cubic-bezier(.2,.72,.18,1)!important;
}
:root[data-theme="hub"] .k228-card-price .korzh-money{display:inline-flex!important;align-items:center!important;gap:7px!important;font:inherit!important;color:inherit!important}
:root[data-theme="hub"] .k228-card-price .korzh-money-number{font:inherit!important;color:inherit!important}
:root[data-theme="hub"] .k228-card-price .korzh-currency-icon{width:17px!important;height:17px!important}

:root[data-theme="hub"] .k228-core-overlay.reveal-step-2 .k228-card-weapon,
:root[data-theme="hub"] .k228-core-overlay.reveal-step-3 .k228-card-skin,
:root[data-theme="hub"] .k228-core-overlay.reveal-step-4 .k228-card-art,
:root[data-theme="hub"] .k228-core-overlay.reveal-step-5 .k228-card-price,
:root[data-theme="hub"] .k228-core-overlay.reveal-step-6 .k228-reward-delta,
:root[data-theme="hub"] .k228-core-overlay.reveal-step-7 .k228-final-actions{
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
}

:root[data-theme="hub"] .k228-reward-delta{
  box-sizing:border-box!important;flex:0 0 48px!important;min-width:236px!important;min-height:48px!important;
  margin:6px 0 14px!important;padding:9px 18px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:14px!important;
  border-radius:999px!important;border:1px solid rgba(245,234,220,.13)!important;background:rgba(245,234,220,.035)!important;
  transition:opacity 1.25s ease,transform 1.25s ease!important;
}
:root[data-theme="hub"] .k228-reward-delta span{display:inline-flex!important;align-items:center!important;font-size:18px!important;line-height:1!important;font-weight:950!important;letter-spacing:.02em!important}
:root[data-theme="hub"] .k228-reward-delta i{width:4px!important;height:4px!important;border-radius:50%!important;background:currentColor!important;opacity:.6!important}
:root[data-theme="hub"] .k228-reward-delta.profit{color:#ead4b1!important}.k228-reward-delta.loss{color:#dfaaa5!important}
:root[data-theme="hub"] .k228-reward-delta .korzh-money{display:inline-flex!important;align-items:center!important;gap:6px!important;font:inherit!important;color:inherit!important}
:root[data-theme="hub"] .k228-reward-delta .korzh-money-number{font:inherit!important;color:inherit!important}
:root[data-theme="hub"] .k228-reward-delta .korzh-currency-icon{width:15px!important;height:15px!important}

:root[data-theme="hub"] .k228-reveal-controls{
  box-sizing:border-box!important;flex:0 0 54px!important;min-height:54px!important;width:100%!important;
  display:grid!important;place-items:center!important;margin:0!important;padding:0!important;
}
:root[data-theme="hub"] .k228-skip{
  grid-area:1/1!important;min-width:196px!important;height:48px!important;padding:0 22px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border-radius:15px!important;border:1px solid rgba(245,234,220,.18)!important;background:rgba(245,234,220,.055)!important;color:#f3e7d8!important;
  font-family:inherit!important;font-size:11px!important;font-weight:950!important;letter-spacing:.08em!important;cursor:pointer!important;
  opacity:1!important;pointer-events:auto!important;transition:opacity .45s ease,transform .24s ease,background .24s ease!important;
}
:root[data-theme="hub"] .k228-skip:hover{background:rgba(245,234,220,.105)!important;transform:translateY(-1px)!important}
:root[data-theme="hub"] .k228-final-actions{
  grid-area:1/1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;
  pointer-events:none!important;transition:opacity 1s ease,transform 1s ease!important;
}
:root[data-theme="hub"] .k228-core-overlay.reveal-step-7 .k228-skip{opacity:0!important;pointer-events:none!important}
:root[data-theme="hub"] .k228-core-overlay.reveal-step-7 .k228-final-actions{pointer-events:auto!important}
:root[data-theme="hub"] .k228-final-actions button{
  box-sizing:border-box!important;min-width:174px!important;height:48px!important;margin:0!important;padding:0 22px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:15px!important;
  font-family:inherit!important;font-size:11px!important;line-height:1!important;font-weight:950!important;letter-spacing:.055em!important;white-space:nowrap!important;
}
:root[data-theme="hub"] .k228-contract-sell{
  border:1px solid rgba(245,234,220,.18)!important;background:rgba(245,234,220,.055)!important;color:#f5eadc!important;cursor:pointer!important;
}
:root[data-theme="hub"] .k228-contract-sell:hover{background:rgba(245,234,220,.11)!important}

/* ---------- OSCAR: lower collection, true bed baseline, single price ---------- */
:root[data-visual-style="2040"] .k221-oscar-section{
  margin:26px 0 48px!important;
  padding-top:14px!important;
}
/* The yellow asset is our visual baseline. Red/blue/green move down so the
   lowest point of the beds reads as one straight horizontal line. */
:root[data-visual-style="2040"] .k221-oscar-pulse .k221-oscar-visual>img{transform:translate(-239.4px,4px) scale(1.1639)!important}
:root[data-visual-style="2040"] .k221-oscar-neon .k221-oscar-visual>img{transform:translate(-175px,4px) scale(1)!important}
:root[data-visual-style="2040"] .k221-oscar-royal .k221-oscar-visual>img{transform:translate(-179.9px,3px) scale(1.0376)!important}
:root[data-visual-style="2040"] .k221-oscar-void .k221-oscar-visual>img{transform:translate(-157.8px,0) scale(1.0547)!important}
:root[data-visual-style="2040"] .k221-oscar-price{
  min-width:82px!important;height:30px!important;padding:0 11px!important;margin-top:5px!important;border-radius:10px!important;
  font-size:14px!important;background:rgba(7,9,13,.68)!important;
}
:root[data-visual-style="2040"] .k221-oscar-price .korzh-money{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font:inherit!important;color:inherit!important;
}
:root[data-visual-style="2040"] .k221-oscar-price .korzh-money-number{font:inherit!important;color:inherit!important}
:root[data-visual-style="2040"] .k221-oscar-price .korzh-currency-icon{width:14px!important;height:14px!important}
@media(max-width:1500px){
  :root[data-visual-style="2040"] .k221-oscar-pulse .k221-oscar-visual>img{transform:translate(-220.2px,4px) scale(1.1639)!important}
  :root[data-visual-style="2040"] .k221-oscar-neon .k221-oscar-visual>img{transform:translate(-161px,4px) scale(1)!important}
  :root[data-visual-style="2040"] .k221-oscar-royal .k221-oscar-visual>img{transform:translate(-165.5px,3px) scale(1.0376)!important}
  :root[data-visual-style="2040"] .k221-oscar-void .k221-oscar-visual>img{transform:translate(-145.2px,0) scale(1.0547)!important}
}

@media(max-width:760px){
  :root[data-theme="hub"] .k228-core-reward{min-height:700px!important;padding:22px 14px 24px!important}
  :root[data-theme="hub"] .k228-reward-field{flex-basis:445px!important;height:445px!important;width:94vw!important}
  :root[data-theme="hub"] .k228-fifa-card{width:276px!important;height:392px!important;grid-template-rows:36px 42px 1fr 48px!important;padding:43px 20px 20px!important}
  :root[data-theme="hub"] .k228-card-skin{font-size:22px!important}
  :root[data-theme="hub"] .k228-card-art{width:230px!important;height:170px!important}
  :root[data-theme="hub"] .k228-final-actions button{min-width:148px!important;height:46px!important;padding:0 16px!important}
}
@media(prefers-reduced-motion:reduce){
  :root[data-theme="hub"] .k228-fifa-card,
  :root[data-theme="hub"] :is(.k228-card-rarity,.k228-card-rim,.k228-card-weapon,.k228-card-skin,.k228-card-art,.k228-card-price,.k228-reward-delta,.k228-final-actions,.k228-skip){transition:none!important}
}

/* v229 — white contrast pass for 2040 */
:root[data-visual-style="2040"][data-theme=hub] .k2040-stage{--k229-white:#fff;--k229-soft:rgba(255,255,255,.72)}
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header{border-color:rgba(255,255,255,.14)!important;box-shadow:0 12px 38px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.08)!important}
:root[data-visual-style="2040"][data-theme=hub] .korzh-shared-header .brand-word{color:#fff!important;text-shadow:0 0 22px rgba(255,255,255,.08)!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-rail{border-color:rgba(255,255,255,.11)!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 22px 70px rgba(0,0,0,.24)!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-rail:after{background:linear-gradient(180deg,transparent,rgba(255,255,255,.28),transparent)!important;opacity:.58!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-nav button.active,:root[data-visual-style="2040"][data-theme=hub] .k2040-nav button:hover{color:#fff!important;border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.07)!important}
:root[data-visual-style="2040"][data-theme=hub] .case-filters{border-color:rgba(255,255,255,.12)!important;box-shadow:inset 0 1px rgba(255,255,255,.06)!important}
:root[data-visual-style="2040"][data-theme=hub] .case-filter,:root[data-visual-style="2040"][data-theme=hub] .available-filter,:root[data-visual-style="2040"][data-theme=hub] .case-reset-filters{border-color:rgba(255,255,255,.10)!important}
:root[data-visual-style="2040"][data-theme=hub] .case-filter:focus-within,:root[data-visual-style="2040"][data-theme=hub] .available-filter:hover,:root[data-visual-style="2040"][data-theme=hub] .case-reset-filters:hover{border-color:rgba(255,255,255,.28)!important;box-shadow:0 0 22px rgba(255,255,255,.045)!important}
:root[data-visual-style="2040"][data-theme=hub] .collection-heading>span,:root[data-visual-style="2040"][data-theme=hub] .k221-oscar-heading>span{color:#f4eee9!important}
:root[data-visual-style="2040"][data-theme=hub] .collection-heading:after,:root[data-visual-style="2040"][data-theme=hub] .k221-oscar-heading:after{background:linear-gradient(90deg,rgba(255,255,255,.24),rgba(255,255,255,.045),transparent)!important}
:root[data-visual-style="2040"][data-theme=hub] .collection-collapse-toggle{border-color:rgba(255,255,255,.14)!important;color:#fff!important;background:rgba(255,255,255,.045)!important}
:root[data-visual-style="2040"][data-theme=hub] :is(.case-card,.k221-oscar-tile):hover{filter:brightness(1.055)!important}
:root[data-visual-style="2040"][data-theme=hub] :is(.open-btn,.primary-action,.upgrade-run,.contract-run,.plane-main-action){box-shadow:0 10px 28px rgba(0,0,0,.22),0 0 20px rgba(255,255,255,.045),inset 0 1px rgba(255,255,255,.62)!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-ring{border-color:rgba(255,255,255,.15)!important}:root[data-visual-style="2040"][data-theme=hub] .k2040-intro-beam{background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent)!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-admin{display:grid!important;place-items:center!important;text-decoration:none!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.06)!important}.k2040-admin svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round!important;stroke-linejoin:round!important}


/* =========================================================
   v230 — OSCAR baseline / compact case controls / FIFA CORE
   ========================================================= */

/* OSCAR: preserve calibrated case scales, but anchor every bed to one physical baseline. */
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-section{margin-top:34px!important;padding-top:18px!important;margin-bottom:54px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-grid{margin-top:24px!important;align-items:start!important;overflow:visible!important}
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-tile{overflow:visible!important}
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-visual{height:286px!important;min-height:286px!important;overflow:visible!important}
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-visual>img{
  top:auto!important;bottom:0!important;left:50%!important;width:350px!important;transform-origin:50% 100%!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-pulse .k221-oscar-visual>img{bottom:-3px!important;transform:translateX(-50%) scale(1.1639)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-neon .k221-oscar-visual>img{bottom:-4px!important;transform:translateX(-50%) scale(1)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-royal .k221-oscar-visual>img{bottom:0!important;transform:translateX(-50%) scale(1.0376)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-void .k221-oscar-visual>img{bottom:-4px!important;transform:translateX(-50%) scale(1.0547)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-price{min-width:90px!important;height:31px!important;margin-top:7px!important;padding:0 12px!important;border-radius:10px!important;font-size:15px!important;line-height:1!important;gap:6px!important;background:#07090de0!important;box-shadow:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-price::before,:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-price::after{content:none!important;display:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-price .korzh-money{display:inline-flex!important;align-items:center!important;gap:6px!important;font:inherit!important;color:inherit!important}.k221-oscar-price .korzh-money-number{font:inherit!important}.k221-oscar-price .korzh-currency-icon{width:15px!important;height:15px!important}
@media(max-width:1500px){
  :root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-visual{height:264px!important;min-height:264px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-visual>img{width:322px!important;top:auto!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-pulse .k221-oscar-visual>img{bottom:-3px!important;transform:translateX(-50%) scale(1.1639)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-neon .k221-oscar-visual>img{bottom:-4px!important;transform:translateX(-50%) scale(1)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-royal .k221-oscar-visual>img{bottom:0!important;transform:translateX(-50%) scale(1.0376)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-void .k221-oscar-visual>img{bottom:-4px!important;transform:translateX(-50%) scale(1.0547)!important}
}

/* Case OPEN cluster: pure white, smaller, and the side controls hug it. */
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166{grid-template-columns:minmax(0,1fr) 184px minmax(0,1fr)!important;column-gap:0!important;min-height:48px!important;margin-top:12px!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn{width:184px!important;min-width:184px!important;max-width:184px!important;height:46px!important;min-height:46px!important;padding:0 14px!important;border-radius:13px!important;border:1px solid #fff!important;background:#fff!important;color:#1a120f!important;box-shadow:0 9px 22px rgba(0,0,0,.25),inset 0 1px 0 #fff!important;font-size:13px!important;line-height:1!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn::before,:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn::after{content:none!important;display:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-count-row-v166{height:46px!important;gap:0!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-count-row-v166 button{width:31px!important;min-width:31px!important;height:46px!important;font-size:11px!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-action-left-v167{margin-right:-7px!important;transform:translateX(7px)!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-action-right-v167{margin-left:-7px!important;transform:translateX(-7px)!important;width:48px!important;min-width:48px!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 .case-action-right-v167 .fast-spin-toggle{width:48px!important;min-width:48px!important;height:46px!important;min-height:46px!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 .case-action-right-v167 .fast-bolt-core{width:42px!important;height:42px!important;border-radius:13px!important}

/* 2040 upgrade result buttons: explicit white/coffee contrast. */
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-result-actions{gap:8px!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-result-actions button{height:52px!important;min-height:52px!important;border-radius:14px!important;font-size:11px!important;letter-spacing:.04em!important;box-shadow:0 10px 24px rgba(0,0,0,.26)!important;transition:transform .22s ease,background .22s ease,border-color .22s ease!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-result-actions button:first-child{background:linear-gradient(150deg,#3a271e,#1c1411)!important;color:#fff!important;border:1px solid rgba(255,255,255,.26)!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-result-actions button:last-child{background:#fff!important;color:#1b120e!important;border:1px solid #fff!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-result-actions button:hover{transform:translateY(-2px)!important}

/* Right-rail logout is intentionally red. */
:root[data-visual-style="2040"] .k2040-round-action.k2040-logout{color:#ff706d!important;border-color:rgba(255,84,80,.38)!important;background:linear-gradient(145deg,rgba(160,38,35,.26),rgba(68,18,17,.34))!important;box-shadow:0 10px 24px rgba(0,0,0,.24),0 0 20px rgba(255,73,69,.08)!important}
:root[data-visual-style="2040"] .k2040-round-action.k2040-logout svg{stroke:currentColor!important;color:inherit!important}
:root[data-visual-style="2040"] .k2040-round-action.k2040-logout:hover{color:#ff8d89!important;border-color:rgba(255,111,106,.58)!important;background:linear-gradient(145deg,rgba(186,46,42,.34),rgba(80,22,20,.44))!important}

/* Weapon cards: rarity colour occupies the whole card, with a cleaner true yellow. */
:root[data-visual-style="2040"][data-theme="hub"] .tier-gold{--rarity:#ffd323!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.skin-card,.contents-card,.upgrade-inv-card .skin-card,.upgrade-target-card .skin-card,.plane-inventory-card .skin-card){
  background:
    radial-gradient(circle at 48% 33%,color-mix(in srgb,var(--rarity) 34%,transparent) 0%,color-mix(in srgb,var(--rarity) 18%,transparent) 42%,transparent 74%),
    linear-gradient(148deg,color-mix(in srgb,var(--rarity) 20%,#171411),color-mix(in srgb,var(--rarity) 10%,#0a0c11) 62%,#080a0e)!important;
  border-color:color-mix(in srgb,var(--rarity) 42%,rgba(255,255,255,.10))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 28px rgba(0,0,0,.26)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.skin-card,.contents-card):hover{border-color:color-mix(in srgb,var(--rarity) 62%,rgba(255,255,255,.16))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 16px 36px rgba(0,0,0,.31),0 0 24px color-mix(in srgb,var(--rarity) 12%,transparent)!important}

/* ---------------------------------------------------------
   KORZH CORE v230: slow FIFA-style card reveal
   --------------------------------------------------------- */
:root[data-theme="hub"] .k230-core-overlay{z-index:420!important;background:rgba(7,5,4,.76)!important;backdrop-filter:blur(18px) saturate(.82)!important;overflow:auto!important}
:root[data-theme="hub"] .k230-contract-stage{box-sizing:border-box!important;width:min(720px,94vw)!important;min-height:760px!important;padding:30px 26px 28px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;border-radius:34px!important;border:1px solid rgba(255,255,255,.12)!important;background:radial-gradient(circle at 50% 27%,color-mix(in srgb,var(--rarity) 7%,transparent),transparent 42%),linear-gradient(155deg,#1b120e,#0d0a08 68%,#070605)!important;box-shadow:0 44px 120px rgba(0,0,0,.66),inset 0 1px rgba(255,255,255,.07)!important;overflow:visible!important}
:root[data-theme="hub"] .k230-core-copy{display:grid!important;gap:5px!important;text-align:center!important;margin:0 0 12px!important}.k230-core-copy small{color:#96887e!important;font-size:8px!important;font-weight:900!important;letter-spacing:.18em!important}.k230-core-copy strong{color:#fff8ef!important;font-size:23px!important;line-height:1!important;font-weight:950!important;letter-spacing:.04em!important}
:root[data-theme="hub"] .k230-card-field{position:relative!important;width:100%!important;flex:0 0 560px!important;height:560px!important;display:grid!important;place-items:center!important;overflow:visible!important}
:root[data-theme="hub"] .k230-core-orbits{position:absolute!important;left:50%!important;top:50%!important;width:440px!important;height:440px!important;transform:translate(-50%,-50%)!important;opacity:.24!important;pointer-events:none!important}.k230-core-orbits i{position:absolute!important;inset:50%!important;width:100%!important;height:42%!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:50%!important;transform:translate(-50%,-50%) rotate(var(--r,0deg))!important}.k230-core-orbits i:nth-child(1){--r:0deg}.k230-core-orbits i:nth-child(2){--r:60deg}.k230-core-orbits i:nth-child(3){--r:120deg}
:root[data-theme="hub"] .k230-fifa-card{box-sizing:border-box!important;position:relative!important;z-index:5!important;width:330px!important;height:488px!important;padding:62px 28px 24px!important;display:grid!important;grid-template-rows:44px 48px 48px 1fr 56px!important;align-items:center!important;justify-items:center!important;clip-path:polygon(12% 0,88% 0,96% 6%,100% 18%,98% 82%,91% 94%,76% 100%,24% 100%,9% 94%,2% 82%,0 18%,4% 6%)!important;overflow:hidden!important;background:linear-gradient(160deg,#27231f,#14110f 50%,#090807)!important;border:0!important;box-shadow:0 34px 80px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,255,255,.17)!important;opacity:0!important;transform:translateY(22px) scale(.94)!important;transition:opacity 1.7s cubic-bezier(.2,.75,.18,1),transform 1.7s cubic-bezier(.2,.75,.18,1),box-shadow 2.2s ease!important;isolation:isolate!important}
:root[data-theme="hub"] .k230-core-overlay.reveal-card-mounted .k230-fifa-card{opacity:1!important;transform:none!important}
:root[data-theme="hub"] .k230-card-base{position:absolute!important;inset:0!important;z-index:-4!important;background:linear-gradient(110deg,rgba(255,255,255,.09),transparent 18% 82%,rgba(255,255,255,.055)),linear-gradient(180deg,rgba(255,255,255,.04),transparent 30%,rgba(0,0,0,.30))!important}
:root[data-theme="hub"] .k230-card-colour{position:absolute!important;inset:0!important;z-index:-3!important;opacity:0!important;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--rarity) 68%,transparent),color-mix(in srgb,var(--rarity) 30%,transparent) 36%,transparent 68%),linear-gradient(160deg,color-mix(in srgb,var(--rarity) 48%,#241b17),#15110f 50%,color-mix(in srgb,var(--rarity) 22%,#090807))!important;transition:opacity 2.4s ease!important}
:root[data-theme="hub"] .k230-card-foil{position:absolute!important;inset:9px!important;z-index:-2!important;clip-path:inherit!important;border:1px solid rgba(255,255,255,.17)!important;background:repeating-linear-gradient(118deg,rgba(255,255,255,.018) 0 1px,transparent 1px 13px)!important;box-shadow:inset 0 0 45px rgba(255,255,255,.025)!important;transition:border-color 2.4s ease,box-shadow 2.4s ease!important}
:root[data-theme="hub"] .k230-core-overlay.reveal-step-1 .k230-card-colour{opacity:1!important}:root[data-theme="hub"] .k230-core-overlay.reveal-step-1 .k230-card-foil{border-color:color-mix(in srgb,var(--rarity) 72%,rgba(255,255,255,.20))!important;box-shadow:inset 0 0 52px color-mix(in srgb,var(--rarity) 15%,transparent)!important}:root[data-theme="hub"] .k230-core-overlay.reveal-step-1 .k230-fifa-card{box-shadow:0 36px 84px rgba(0,0,0,.64),0 0 52px color-mix(in srgb,var(--rarity) 13%,transparent),inset 0 0 0 1px rgba(255,255,255,.18)!important}
:root[data-theme="hub"] .k230-card-logo{position:absolute!important;left:24px!important;top:22px!important;width:26px!important;height:26px!important;object-fit:contain!important;opacity:.78!important;filter:none!important}
:root[data-theme="hub"] :is(.k230-card-quality,.k230-card-weapon,.k230-card-skin,.k230-card-art,.k230-card-price,.k230-reward-delta,.k230-final-actions){opacity:0!important;transform:translateY(14px)!important;transition:opacity 1.9s ease,transform 1.9s cubic-bezier(.2,.75,.18,1)!important}
:root[data-theme="hub"] .k230-card-quality{align-self:end!important;color:rgba(255,250,244,.76)!important;font-size:17px!important;line-height:1!important;font-weight:950!important;letter-spacing:.18em!important}
:root[data-theme="hub"] .k230-card-weapon{align-self:center!important;max-width:100%!important;text-align:center!important;white-space:nowrap!important;color:#fffaf4!important;font-size:20px!important;line-height:1!important;font-weight:950!important;letter-spacing:.025em!important}.k230-card-weapon .edition-prefix{font-size:20px!important}
:root[data-theme="hub"] .k230-card-skin{align-self:start!important;max-width:100%!important;text-align:center!important;color:#fff!important;font-size:27px!important;line-height:1.05!important;font-weight:950!important;letter-spacing:.005em!important}
:root[data-theme="hub"] .k230-card-art{width:268px!important;height:205px!important;display:grid!important;place-items:center!important;align-self:center!important;transform:translateY(18px) scale(.94)!important}.k230-card-art .skin-art{width:100%!important;height:100%!important;min-height:0!important;background:transparent!important;overflow:visible!important;transform:none!important;transition:none!important;animation:none!important}.k230-card-art .skin-art::before,.k230-card-art .skin-art::after,.k230-card-art .skin-glow{content:none!important;display:none!important}.k230-card-art .real-skin img{display:block!important;width:100%!important;height:100%!important;max-width:96%!important;max-height:92%!important;object-fit:contain!important;opacity:1!important;visibility:visible!important;filter:drop-shadow(0 18px 26px rgba(0,0,0,.50))!important;transform:none!important;transition:none!important;animation:none!important}
:root[data-theme="hub"] .k230-card-price{align-self:end!important;min-width:156px!important;height:48px!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(7,6,5,.44)!important;color:#fff!important;font-size:23px!important;line-height:1!important;font-weight:950!important}.k230-card-price .korzh-money{display:inline-flex!important;align-items:center!important;gap:7px!important;font:inherit!important;color:inherit!important}.k230-card-price .korzh-money-number{font:inherit!important}.k230-card-price .korzh-currency-icon{width:18px!important;height:18px!important}
:root[data-theme="hub"] .k230-core-overlay.reveal-step-2 .k230-card-quality,:root[data-theme="hub"] .k230-core-overlay.reveal-step-3 .k230-card-weapon,:root[data-theme="hub"] .k230-core-overlay.reveal-step-4 .k230-card-skin,:root[data-theme="hub"] .k230-core-overlay.reveal-step-5 .k230-card-art,:root[data-theme="hub"] .k230-core-overlay.reveal-step-6 .k230-card-price,:root[data-theme="hub"] .k230-core-overlay.reveal-step-7 .k230-reward-delta,:root[data-theme="hub"] .k230-core-overlay.reveal-step-8 .k230-final-actions{opacity:1!important;transform:none!important}
:root[data-theme="hub"] .k230-reward-delta{box-sizing:border-box!important;min-width:248px!important;min-height:50px!important;margin:3px 0 14px!important;padding:10px 19px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:15px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.035)!important}.k230-reward-delta span{display:inline-flex!important;align-items:center!important;font-size:18px!important;line-height:1!important;font-weight:950!important}.k230-reward-delta i{width:4px!important;height:4px!important;border-radius:50%!important;background:currentColor!important;opacity:.6!important}.k230-reward-delta.profit{color:#f0d9b4!important}.k230-reward-delta.loss{color:#e4aaa5!important}.k230-reward-delta .korzh-money{display:inline-flex!important;align-items:center!important;gap:6px!important;font:inherit!important;color:inherit!important}.k230-reward-delta .korzh-currency-icon{width:16px!important;height:16px!important}
:root[data-theme="hub"] .k230-reveal-controls{position:relative!important;width:100%!important;min-height:56px!important;display:grid!important;place-items:center!important}.k230-skip,.k230-final-actions{grid-area:1/1!important}.k230-skip{min-width:210px!important;height:50px!important;padding:0 24px!important;border-radius:15px!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.065)!important;color:#fff!important;font-family:inherit!important;font-size:11px!important;font-weight:950!important;letter-spacing:.08em!important;cursor:pointer!important;opacity:1!important;transition:opacity .5s ease,background .22s ease,transform .22s ease!important}.k230-skip:hover{background:rgba(255,255,255,.12)!important;transform:translateY(-1px)!important}.k230-final-actions{display:flex!important;gap:10px!important;opacity:0!important;pointer-events:none!important}.k230-final-actions button{min-width:178px!important;height:50px!important;padding:0 20px!important;border-radius:15px!important;font-family:inherit!important;font-size:11px!important;font-weight:950!important;letter-spacing:.055em!important;cursor:pointer!important}.k230-take{border:1px solid #fff!important;background:#fff!important;color:#1a110d!important}.k230-sell{border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.06)!important;color:#fff!important}.k230-core-overlay.reveal-step-8 .k230-skip{opacity:0!important;pointer-events:none!important}.k230-core-overlay.reveal-step-8 .k230-final-actions{opacity:1!important;pointer-events:auto!important;transform:none!important}
@media(max-width:760px){:root[data-theme="hub"] .k230-contract-stage{min-height:690px!important;padding:22px 14px!important}:root[data-theme="hub"] .k230-card-field{flex-basis:500px!important;height:500px!important}:root[data-theme="hub"] .k230-fifa-card{width:290px!important;height:430px!important;padding:56px 22px 20px!important;grid-template-rows:38px 43px 43px 1fr 50px!important}:root[data-theme="hub"] .k230-card-art{width:235px!important;height:176px!important}:root[data-theme="hub"] .k230-card-skin{font-size:23px!important}.k230-final-actions button{min-width:145px!important}}


/* =========================================================
   v231 — persistent 2040 utilities
   ========================================================= */
:root[data-visual-style="2040"] .k2040-rail-left .k2040-style-dock{
  display:block!important;visibility:visible!important;opacity:1!important;margin-top:auto!important;flex:0 0 auto!important;position:relative!important;z-index:20!important;
}
:root[data-visual-style="2040"] .k2040-style-dock .visual-style-switch{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
:root[data-visual-style="2040"] .k2040-logout,
:root[data-visual-style="2040"] #k2040Logout,
:root[data-visual-style="2040"] #profile2040Logout{
  color:#ff6c6c!important;border-color:rgba(255,94,94,.48)!important;background:linear-gradient(145deg,rgba(137,31,31,.42),rgba(70,14,14,.28))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 20px rgba(255,70,70,.08)!important;
}
:root[data-visual-style="2040"] .k2040-logout svg,:root[data-visual-style="2040"] #k2040Logout svg,:root[data-visual-style="2040"] #profile2040Logout svg{stroke:#ff6c6c!important;color:#ff6c6c!important}
:root[data-visual-style="2040"] .k2040-logout:hover,:root[data-visual-style="2040"] #k2040Logout:hover,:root[data-visual-style="2040"] #profile2040Logout:hover{background:linear-gradient(145deg,rgba(177,39,39,.52),rgba(83,14,14,.34))!important;border-color:rgba(255,117,117,.70)!important;color:#ff8585!important}

/* =========================================================
   v234 — FINAL 2040 overrides (this file is loaded last).
   ========================================================= */
/* Simple, centred utility-modal title with a guaranteed close control. */
:root[data-visual-style="2040"] .kx234-simple-head{position:relative!important;min-height:76px!important;height:76px!important;display:grid!important;place-items:center!important;padding:0 72px!important;border:0!important;background:transparent!important;box-shadow:none!important}
:root[data-visual-style="2040"] .kx234-simple-head h2{margin:0!important;color:#fff!important;font-size:23px!important;line-height:1!important;font-weight:950!important;text-align:center!important}
:root[data-visual-style="2040"] .kx234-close{position:absolute!important;top:16px!important;right:18px!important;z-index:50!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.075)!important;color:#fff!important;font:400 27px/1 Arial,sans-serif!important;box-shadow:0 8px 24px rgba(0,0,0,.20)!important;transform:none!important}
:root[data-visual-style="2040"] .kx234-close:hover{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.36)!important;transform:none!important}
:root[data-visual-style="2040"] .kx229-card.kx229-settings{width:min(660px,calc(100dvw - 52px))!important;max-width:660px!important}
:root[data-visual-style="2040"] .kx229-card.kx229-support{width:min(790px,calc(100dvw - 52px))!important;max-width:790px!important}
:root[data-visual-style="2040"] .kx229-settings-body,:root[data-visual-style="2040"] .kx229-support-body{padding:17px 20px 20px!important}
:root[data-visual-style="2040"] .kx229-setting-row{min-height:78px!important;padding:14px 17px!important}
:root[data-visual-style="2040"] .kx229-setting-row strong{font-size:14px!important}:root[data-visual-style="2040"] .kx229-setting-row span{font-size:10px!important;line-height:1.35!important}
:root[data-visual-style="2040"] .kx229-support-body :is(.support-form-title h3,.profile-support-title h3){font-size:25px!important}:root[data-visual-style="2040"] .kx229-support-body :is(.support-topic-grid button,.profile-support-topics button){font-size:13px!important;min-height:58px!important}:root[data-visual-style="2040"] .kx229-support-body :is(.support-description>span,.profile-support-description>span){font-size:12px!important}:root[data-visual-style="2040"] .kx229-support-body :is(.support-description textarea,.profile-support-description textarea){font-size:14px!important;min-height:158px!important}

/* Case controls: larger than v233, but with a real safety gap so nothing overlaps. */
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166{
  grid-template-columns:minmax(0,1fr) 156px minmax(0,1fr)!important;
  column-gap:14px!important;row-gap:7px!important;min-height:52px!important;margin-top:14px!important;overflow:visible!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-action-left-v167,
:root[data-visual-style="2040"][data-theme="hub"] .case-action-right-v167{
  margin:0!important;transform:none!important;overflow:visible!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-action-left-v167{justify-self:end!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-action-right-v167{justify-self:start!important;width:52px!important;min-width:52px!important;display:grid!important;place-items:center!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-count-row-v166{height:50px!important;gap:3px!important;padding:0!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-count-row-v166 button{width:36px!important;min-width:36px!important;height:50px!important;min-height:50px!important;font-size:12.5px!important;line-height:1!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn,
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.skip-in-place{
  width:156px!important;min-width:156px!important;max-width:156px!important;height:50px!important;min-height:50px!important;padding:0 12px!important;border-radius:13px!important;border:1px solid #fff!important;background:#fff!important;background-image:none!important;color:#17110e!important;font-size:15px!important;font-weight:950!important;line-height:1!important;letter-spacing:.01em!important;box-shadow:0 9px 24px rgba(0,0,0,.25),inset 0 0 0 1px #fff!important;overflow:hidden!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn::before,
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn::after,
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.skip-in-place::before,
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.skip-in-place::after{display:none!important;content:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn :is(.korzh-money,.korzh-money-number,.sr-only),
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn>span{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;filter:none!important;margin:0!important;padding:0!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn .korzh-money{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;color:#17110e!important;font:inherit!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn .korzh-money-number{font-size:17px!important;line-height:1!important;color:#17110e!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166>.open-btn .korzh-currency-icon{width:19px!important;height:19px!important;flex:0 0 19px!important;background:transparent!important;box-shadow:none!important;filter:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 .case-action-right-v167 .fast-spin-toggle{width:52px!important;min-width:52px!important;height:50px!important;min-height:50px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;transform:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 .case-action-right-v167 .fast-bolt-2040{width:100%!important;height:100%!important;display:grid!important;place-items:center!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 .case-action-right-v167 .fast-bolt-core{width:44px!important;height:44px!important;margin:auto!important;display:grid!important;place-items:center!important;border-radius:13px!important;transform:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 .case-action-right-v167 .fast-bolt-core svg{display:block!important;width:19px!important;height:19px!important;margin:auto!important}

/* All post/open CTAs use one readable text scale. */
:root[data-visual-style="2040"][data-theme="hub"] .case-result-actions-v166 :is(.sell-btn,.back-btn){min-height:50px!important;font-size:15px!important;line-height:1!important;font-weight:950!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-result-actions-v166 .case-sell-label-v175,
:root[data-visual-style="2040"][data-theme="hub"] .case-result-actions-v166 .case-sell-price-v175,
:root[data-visual-style="2040"][data-theme="hub"] .case-result-actions-v166 .case-sell-price-v175 b{font-size:15px!important;line-height:1!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-result-actions-v166 .case-sell-price-v175 img{width:16px!important;height:16px!important;flex:0 0 16px!important}

/* True circular chance icon. */
:root[data-visual-style="2040"][data-theme="hub"] .drop-chance-help{width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:30px!important;max-height:30px!important;aspect-ratio:1/1!important;padding:0!important;border-radius:50%!important;display:grid!important;place-items:center!important;transform:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .drop-chance-help>span{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;font-size:14px!important;line-height:1!important;transform:none!important}

/* Upgrade balance number sits slightly higher. */
:root[data-visual-style="2040"][data-theme="hub"] .hub-u188-balance-slider-shell>.hub-u186-balance-tooltip{top:-29px!important}

/* Upgrade needle is locked to the exact first-sector boundary when idle. */
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-pointer{left:0!important;top:0!important;right:auto!important;bottom:auto!important;inset:0!important;width:330px!important;height:330px!important;margin:0!important;transform-origin:165px 165px!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-pointer>i{left:165px!important;top:-1px!important;right:auto!important;bottom:auto!important;width:14px!important;height:34px!important;margin:0!important;transform:translateX(-50%)!important;transform-origin:50% 165px!important}
@media(max-width:1120px){:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-pointer{width:308px!important;height:308px!important;transform-origin:154px 154px!important}:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-pointer>i{left:154px!important;transform-origin:50% 154px!important}}
@media(max-width:760px){:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166{grid-template-columns:minmax(0,1fr) 156px minmax(0,1fr)!important;column-gap:8px!important}:root[data-visual-style="2040"][data-theme="hub"] .case-count-row-v166 button{width:32px!important;min-width:32px!important;font-size:11px!important}:root[data-visual-style="2040"] .kx234-simple-head{height:68px!important;min-height:68px!important}:root[data-visual-style="2040"] .kx234-simple-head h2{font-size:20px!important}:root[data-visual-style="2040"] .kx234-close{top:13px!important;right:13px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}}

/* v235 — OSCAR spacing + utility modal containment */
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-pulse .k221-oscar-visual>img{transform:translateX(calc(-50% - 28px)) scale(1.1639)!important}
:root[data-visual-style="2040"] .kx229-card.kx229-settings{width:min(560px,calc(100dvw - 36px))!important;max-width:560px!important}
:root[data-visual-style="2040"] .kx229-card.kx229-support{width:min(660px,calc(100dvw - 36px))!important;max-width:660px!important}
:root[data-visual-style="2040"] .kx235-title{color:#fff!important}
:root[data-visual-style="2040"] .kx235-close{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;color:#fff!important;background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.22)!important}
@media(max-width:1500px){:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-pulse .k221-oscar-visual>img{transform:translateX(calc(-50% - 24px)) scale(1.1639)!important}}

/* V237 — WEEKLY DROP hero. Replaces the decorative spinning core on the 2040 cases home. */
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .k237-weekly-hero{
  min-height:342px!important;
  grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr)!important;
  padding:34px 44px 30px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,245,236,.11)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 78% 42%,rgba(215,128,73,.20),transparent 27%),
    radial-gradient(circle at 54% 115%,rgba(111,64,42,.16),transparent 38%),
    linear-gradient(116deg,rgba(27,18,14,.94),rgba(20,15,13,.88) 48%,rgba(31,22,17,.91))!important;
  box-shadow:0 28px 80px rgba(0,0,0,.31),inset 0 1px rgba(255,255,255,.045)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .k237-weekly-hero:before{
  opacity:.28!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-copy{
  align-self:stretch!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-copy h1{
  margin:0 0 15px!important;
  font-size:clamp(44px,4.15vw,69px)!important;
  line-height:.91!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-copy p{
  max-width:560px!important;
  margin:0 0 21px!important;
  color:rgba(229,216,207,.70)!important;
  font-size:12px!important;
  line-height:1.52!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-progress{
  width:min(620px,100%)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 174px!important;
  border:1px solid rgba(255,242,230,.105)!important;
  border-radius:17px!important;
  overflow:hidden!important;
  background:rgba(6,5,4,.22)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 16px 44px rgba(0,0,0,.16)!important;
  backdrop-filter:blur(14px)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-main{
  padding:15px 18px 14px!important;
  min-width:0!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-main>span,
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-timer>span{
  display:block!important;
  margin-bottom:6px!important;
  color:#e3a16f!important;
  font-size:7px!important;
  font-weight:850!important;
  letter-spacing:.14em!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-main>strong{
  display:block!important;
  color:#fff7ef!important;
  font-size:23px!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-main>strong b{font:inherit!important;color:inherit!important}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-track{
  height:8px!important;
  margin:12px 0 8px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,238,222,.10)!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.27)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-track i{
  display:block!important;
  width:var(--weekly-progress,0%)!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#bf7448,#f1ad72)!important;
  box-shadow:0 0 18px rgba(237,158,98,.32)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-main>small,
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-timer>small{
  color:rgba(219,205,195,.47)!important;
  font-size:7px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-main>small b{color:rgba(244,222,206,.70)!important;font-weight:750!important}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-timer{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:15px 18px!important;
  border-left:1px solid rgba(255,242,230,.08)!important;
  background:rgba(255,255,255,.018)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-timer>span{color:rgba(227,205,188,.48)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-timer>strong{
  margin:1px 0 7px!important;
  color:#f4ece5!important;
  font-size:18px!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  white-space:nowrap!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-visual{
  position:relative!important;
  z-index:2!important;
  min-height:270px!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  isolation:isolate!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-aura{
  position:absolute!important;
  width:430px!important;
  height:260px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse,rgba(223,132,75,.27),rgba(187,95,48,.07) 42%,transparent 72%)!important;
  filter:blur(13px)!important;
  transform:translateY(-6px)!important;
  animation:k237WeeklyAura 5.2s ease-in-out infinite!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-case{
  position:relative!important;
  z-index:3!important;
  width:min(440px,97%)!important;
  max-height:270px!important;
  object-fit:contain!important;
  filter:sepia(.18) saturate(1.25) drop-shadow(0 31px 34px rgba(0,0,0,.50)) drop-shadow(0 0 20px rgba(223,126,67,.13))!important;
  transform:translateY(-2px)!important;
  animation:k237WeeklyCase 5.7s ease-in-out infinite!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-podium{
  position:absolute!important;
  z-index:1!important;
  width:370px!important;
  height:78px!important;
  bottom:14px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,238,224,.10)!important;
  background:radial-gradient(ellipse at 50% 34%,rgba(215,137,83,.18),rgba(34,21,14,.64) 54%,rgba(4,3,3,.75) 72%)!important;
  box-shadow:0 22px 38px rgba(0,0,0,.40),inset 0 1px rgba(255,255,255,.055)!important;
  transform:perspective(500px) rotateX(68deg)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-token{
  position:absolute!important;
  z-index:4!important;
  display:grid!important;
  place-items:center!important;
  width:39px!important;
  height:39px!important;
  border-radius:50%!important;
  background:rgba(255,245,236,.08)!important;
  border:1px solid rgba(255,239,224,.18)!important;
  box-shadow:0 13px 28px rgba(0,0,0,.34),0 0 25px rgba(224,126,67,.16)!important;
  backdrop-filter:blur(6px)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-token img{width:31px!important;height:31px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-token.token-a{left:9%;top:28%;animation:k237TokenA 6.1s ease-in-out infinite!important}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-token.token-b{right:9%;top:38%;transform:scale(.84);animation:k237TokenB 7.2s ease-in-out infinite!important}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-token.token-c{right:27%;top:3%;transform:scale(.72);animation:k237TokenC 5.8s ease-in-out infinite!important}
@keyframes k237WeeklyAura{0%,100%{opacity:.56;transform:translateY(-6px) scale(.95)}50%{opacity:.90;transform:translateY(-9px) scale(1.035)}}
@keyframes k237WeeklyCase{0%,100%{transform:translateY(-2px)}50%{transform:translateY(-8px)}}
@keyframes k237TokenA{0%,100%{transform:translate(0,0) rotate(-8deg)}50%{transform:translate(9px,-8px) rotate(8deg)}}
@keyframes k237TokenB{0%,100%{transform:translate(0,0) scale(.84) rotate(5deg)}50%{transform:translate(-8px,7px) scale(.88) rotate(-7deg)}}
@keyframes k237TokenC{0%,100%{transform:translate(0,0) scale(.72)}50%{transform:translate(7px,-6px) scale(.76)}}
@media(max-width:980px){
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k237-weekly-hero{grid-template-columns:1fr!important;min-height:440px!important;padding:30px 28px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-visual{position:absolute!important;right:-55px!important;top:45px!important;width:430px!important;opacity:.28!important;transform:scale(.84)!important;pointer-events:none!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-copy{position:relative!important;z-index:5!important}
}
@media(max-width:650px){
  :root[data-visual-style="2040"][data-theme="hub"] .page-cases .k237-weekly-hero{min-height:430px!important;padding:25px 20px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-copy h1{font-size:40px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-progress{grid-template-columns:1fr!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-timer{border-left:0!important;border-top:1px solid rgba(255,242,230,.08)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-visual{right:-150px!important;top:80px!important;opacity:.18!important;transform:scale(.70)!important}
}
@media(prefers-reduced-motion:reduce){
  :root[data-visual-style="2040"] .k237-weekly-case,
  :root[data-visual-style="2040"] .k237-weekly-aura,
  :root[data-visual-style="2040"] .k237-weekly-token{animation:none!important}
}

/* V238 — Weekly Drop BONUS case asset + dark coffee ray glow. 2040 only. */
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-aura{
  width:540px!important;
  height:330px!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at center,rgba(97,48,25,.44) 0%,rgba(76,36,20,.24) 34%,rgba(47,23,14,.10) 56%,transparent 76%),
    repeating-conic-gradient(from -8deg at 50% 52%,rgba(154,83,44,.22) 0deg 4deg,transparent 4deg 17deg)!important;
  filter:blur(17px)!important;
  opacity:.92!important;
  mix-blend-mode:screen!important;
  transform:translateY(-4px) scale(1.02)!important;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 0 52%,transparent 78%)!important;
  mask-image:radial-gradient(ellipse at center,#000 0 52%,transparent 78%)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-case{
  width:min(520px,104%)!important;
  max-height:310px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 30px 34px rgba(0,0,0,.52)) drop-shadow(0 0 28px rgba(100,50,26,.30))!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-podium{
  display:none!important;
}
@keyframes k237WeeklyAura{0%,100%{opacity:.70;transform:translateY(-4px) scale(.98)}50%{opacity:1;transform:translateY(-7px) scale(1.055)}}

/* v239 — weekly drop honest state + clean support messenger */
:root[data-visual-style="2040"] .k239-weekly-clean .k237-weekly-main strong{font-size:21px!important;letter-spacing:.01em!important}
:root[data-visual-style="2040"] .k239-weekly-clean .k237-weekly-main small{margin-top:8px!important;color:rgba(239,220,204,.58)!important}
:root[data-visual-style="2040"] .k239-weekly-clean .k237-weekly-main{justify-content:center!important}

:root[data-visual-style="2040"] .k239-support-chat{display:flex!important;flex-direction:column!important;min-height:500px!important;max-height:66vh!important}
:root[data-visual-style="2040"] .k239-support-chat .support-ticket-heading{padding:13px 15px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:14px!important;background:rgba(255,255,255,.025)!important}
:root[data-visual-style="2040"] .k239-support-chat .support-conversation{flex:1!important;max-height:none!important;min-height:280px!important;padding:18px 4px 16px!important;display:flex!important;flex-direction:column!important;gap:10px!important}
:root[data-visual-style="2040"] .k239-support-chat .support-message{width:min(78%,470px)!important;padding:11px 14px!important;border-radius:18px!important;margin:0!important}
:root[data-visual-style="2040"] .k239-support-chat .support-message.player{align-self:flex-end!important;border-bottom-right-radius:6px!important;background:linear-gradient(145deg,#6f442e,#4d3022)!important;border:1px solid rgba(235,161,111,.20)!important}
:root[data-visual-style="2040"] .k239-support-chat .support-message.operator{align-self:flex-start!important;border-bottom-left-radius:6px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important}
:root[data-visual-style="2040"] .k239-support-chat .support-message p{margin:5px 0 0!important;font-size:13px!important;line-height:1.5!important}
:root[data-visual-style="2040"] .k239-support-waiting{align-self:center!important;display:flex!important;align-items:center!important;gap:7px!important;margin:10px auto!important;padding:8px 12px!important;border-radius:999px!important;background:rgba(255,255,255,.035)!important;color:rgba(245,231,220,.7)!important;font-size:10px!important}
:root[data-visual-style="2040"] .k239-support-waiting i{width:6px!important;height:6px!important;border-radius:50%!important;background:#d89764!important;box-shadow:0 0 12px #d89764!important}
:root[data-visual-style="2040"] .k239-support-waiting small{color:rgba(245,231,220,.38)!important}
:root[data-visual-style="2040"] .k239-support-composer{display:grid!important;grid-template-columns:1fr 48px!important;gap:9px!important;align-items:end!important;padding-top:12px!important;border-top:1px solid rgba(255,255,255,.06)!important}
:root[data-visual-style="2040"] .k239-support-composer textarea{min-height:52px!important;max-height:120px!important;padding:14px 15px!important;border-radius:15px!important;resize:none!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.09)!important}
:root[data-visual-style="2040"] .k239-support-composer button{width:48px!important;height:48px!important;border-radius:14px!important}

/* v239 — weekly drop honest state + clean support messenger */
:root[data-visual-style="2040"] .k239-weekly-clean .k237-weekly-main strong{font-size:21px!important;letter-spacing:.01em!important}
:root[data-visual-style="2040"] .k239-weekly-clean .k237-weekly-main small{margin-top:8px!important;color:rgba(239,220,204,.58)!important}
:root[data-visual-style="2040"] .k239-weekly-clean .k237-weekly-main{justify-content:center!important}
:root[data-visual-style="2040"] .k239-support-chat{display:flex!important;flex-direction:column!important;min-height:500px!important;max-height:66vh!important}
:root[data-visual-style="2040"] .k239-support-chat .support-ticket-heading{padding:13px 15px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:14px!important;background:rgba(255,255,255,.025)!important}
:root[data-visual-style="2040"] .k239-support-chat .support-conversation{flex:1!important;max-height:none!important;min-height:280px!important;padding:18px 4px 16px!important;display:flex!important;flex-direction:column!important;gap:10px!important}
:root[data-visual-style="2040"] .k239-support-chat .support-message{width:min(78%,470px)!important;padding:11px 14px!important;border-radius:18px!important;margin:0!important}
:root[data-visual-style="2040"] .k239-support-chat .support-message.player{align-self:flex-end!important;border-bottom-right-radius:6px!important;background:linear-gradient(145deg,#6f442e,#4d3022)!important;border:1px solid rgba(235,161,111,.20)!important}
:root[data-visual-style="2040"] .k239-support-chat .support-message.operator{align-self:flex-start!important;border-bottom-left-radius:6px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.08)!important}
:root[data-visual-style="2040"] .k239-support-chat .support-message p{margin:5px 0 0!important;font-size:13px!important;line-height:1.5!important}
:root[data-visual-style="2040"] .k239-support-waiting{align-self:center!important;display:flex!important;align-items:center!important;gap:7px!important;margin:10px auto!important;padding:8px 12px!important;border-radius:999px!important;background:rgba(255,255,255,.035)!important;color:rgba(245,231,220,.7)!important;font-size:10px!important}
:root[data-visual-style="2040"] .k239-support-waiting i{width:6px!important;height:6px!important;border-radius:50%!important;background:#d89764!important;box-shadow:0 0 12px #d89764!important}
:root[data-visual-style="2040"] .k239-support-waiting small{color:rgba(245,231,220,.38)!important}
:root[data-visual-style="2040"] .k239-support-composer{display:grid!important;grid-template-columns:1fr 48px!important;gap:9px!important;align-items:end!important;padding-top:12px!important;border-top:1px solid rgba(255,255,255,.06)!important}
:root[data-visual-style="2040"] .k239-support-composer textarea{min-height:52px!important;max-height:120px!important;padding:14px 15px!important;border-radius:15px!important;resize:none!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.09)!important}
:root[data-visual-style="2040"] .k239-support-composer button{width:48px!important;height:48px!important;border-radius:14px!important}

/* v240 — compact 2040 support messenger */
:root[data-visual-style="2040"] #supportPortal .kx229-card.kx229-support{
  width:min(510px,calc(100dvw - 34px))!important;
  max-width:510px!important;
  max-height:min(620px,calc(100dvh - 34px))!important;
  border-radius:24px!important;
}
:root[data-visual-style="2040"] #supportPortal .kx229-support-body{padding:8px 14px 14px!important;overflow:hidden!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-chat{min-height:0!important;height:auto!important;max-height:500px!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-chat .support-thread-top{min-height:30px!important;margin-bottom:7px!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-chat .support-ticket-heading{padding:9px 11px!important;border-radius:11px!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-chat .support-ticket-heading>span{font-size:11px!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-chat .support-ticket-heading>small{font-size:8px!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-chat .support-conversation{
  flex:0 1 auto!important;min-height:130px!important;max-height:270px!important;padding:10px 2px!important;gap:7px!important;overflow:auto!important;
}
:root[data-visual-style="2040"] #supportPortal .k239-support-chat .support-message{width:min(82%,360px)!important;padding:8px 10px!important;border-radius:13px!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-chat .support-message header b{font-size:8px!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-chat .support-message header time{font-size:7px!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-chat .support-message p{margin-top:3px!important;font-size:10px!important;line-height:1.42!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-waiting{margin:4px auto!important;padding:6px 9px!important;font-size:8px!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-waiting small{display:none!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-composer{grid-template-columns:minmax(0,1fr) 40px!important;gap:7px!important;padding-top:8px!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-composer textarea{height:44px!important;min-height:44px!important;max-height:88px!important;padding:10px 11px!important;font-size:10px!important;border-radius:12px!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-composer button{width:40px!important;height:44px!important;border-radius:12px!important;font-size:15px!important}
:root[data-visual-style="2040"] #supportPortal .support-new-form .support-form-title{margin-bottom:10px!important}
:root[data-visual-style="2040"] #supportPortal .support-new-form .support-form-title h3{font-size:19px!important}
:root[data-visual-style="2040"] #supportPortal .support-topic-grid{gap:7px!important}
:root[data-visual-style="2040"] #supportPortal .support-topic-grid button{min-height:47px!important;height:47px!important;padding:7px 9px!important;border-radius:12px!important;font-size:10px!important}
:root[data-visual-style="2040"] #supportPortal .support-topic-grid button>span{width:32px!important;height:32px!important;border-radius:10px!important;font-size:13px!important}
:root[data-visual-style="2040"] #supportPortal .support-description{margin-top:9px!important;gap:5px!important}
:root[data-visual-style="2040"] #supportPortal .support-description>span{font-size:9px!important;margin-bottom:2px!important}
:root[data-visual-style="2040"] #supportPortal .support-description textarea{height:92px!important;min-height:92px!important;max-height:130px!important;padding:11px 12px!important;font-size:11px!important;border-radius:12px!important;resize:none!important}
:root[data-visual-style="2040"] #supportPortal .support-submit{height:44px!important;min-height:44px!important;margin-top:8px!important;border-radius:12px!important;font-size:10px!important}
:root[data-visual-style="2040"] #supportPortal .support-continue{min-height:46px!important;margin-top:7px!important;padding:8px 11px!important;border-radius:12px!important}
@media(max-width:560px){:root[data-visual-style="2040"] #supportPortal .kx229-card.kx229-support{width:calc(100dvw - 18px)!important;max-width:calc(100dvw - 18px)!important;max-height:calc(100dvh - 18px)!important}}

/* =========================================================
   v244 — compact 2040 support chat, authoritative final override
   ========================================================= */
:root[data-visual-style="2040"] #supportPortal .kx229-layer{
  position:fixed!important;inset:0!important;display:grid!important;place-items:center!important;
  padding:18px!important;background:rgba(9,5,3,.54)!important;backdrop-filter:blur(13px)!important;
  pointer-events:auto!important;overflow:hidden!important;
}
:root[data-visual-style="2040"] #supportPortal .kx229-card.kx229-support{
  position:relative!important;width:min(460px,calc(100vw - 36px))!important;
  max-width:460px!important;height:auto!important;max-height:min(590px,calc(100dvh - 36px))!important;
  margin:0!important;padding:0!important;border:1px solid rgba(238,205,181,.12)!important;
  border-radius:22px!important;background:linear-gradient(155deg,#1a110d 0%,#0d0907 75%)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.025)!important;
  overflow:hidden!important;transform:none!important;
}
:root[data-visual-style="2040"] #supportPortal .kx229-support .kx235-title{
  height:64px!important;margin:0!important;padding:0 62px!important;display:grid!important;place-items:center!important;
  border-bottom:1px solid rgba(238,205,181,.07)!important;font-size:20px!important;line-height:1!important;color:#f6eee8!important;
}
:root[data-visual-style="2040"] #supportPortal .kx229-support .kx235-close{top:12px!important;right:12px!important;width:40px!important;height:40px!important}
:root[data-visual-style="2040"] #supportPortal .kx229-support-body{
  width:100%!important;max-width:100%!important;padding:12px 14px 14px!important;overflow:hidden!important;min-width:0!important;
}
:root[data-visual-style="2040"] #supportPortal .k239-support-chat{
  display:grid!important;grid-template-rows:auto auto minmax(0,1fr) auto!important;
  width:100%!important;min-width:0!important;max-width:100%!important;height:430px!important;max-height:calc(100dvh - 130px)!important;overflow:hidden!important;
}
:root[data-visual-style="2040"] #supportPortal .k239-support-chat .support-thread-top{margin:0 0 7px!important;min-height:28px!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-chat .support-ticket-heading{margin:0 0 8px!important;padding:8px 10px!important;border-radius:11px!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-chat .support-conversation{
  min-width:0!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;
  margin:0!important;padding:4px 2px 8px!important;overflow-y:auto!important;overflow-x:hidden!important;gap:7px!important;
  scrollbar-width:thin!important;
}
:root[data-visual-style="2040"] #supportPortal .k239-support-chat .support-message{
  box-sizing:border-box!important;width:auto!important;min-width:0!important;max-width:78%!important;
  margin:0!important;padding:8px 10px!important;border-radius:12px!important;overflow:hidden!important;
}
:root[data-visual-style="2040"] #supportPortal .k239-support-chat .support-message.player{align-self:flex-end!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-chat .support-message.operator{align-self:flex-start!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-chat .support-message p{font-size:10px!important;line-height:1.42!important;overflow-wrap:anywhere!important;word-break:break-word!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-composer{
  min-width:0!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;
  gap:7px!important;margin:0!important;padding:8px 0 0!important;border-top:1px solid rgba(238,205,181,.06)!important;
}
:root[data-visual-style="2040"] #supportPortal .k239-support-composer textarea{width:100%!important;height:46px!important;min-height:46px!important;max-height:82px!important;min-width:0!important;resize:none!important}
:root[data-visual-style="2040"] #supportPortal .k239-support-composer button{width:42px!important;height:46px!important;min-width:42px!important}
:root[data-visual-style="2040"] #supportPortal .support-new-form{max-height:470px!important;overflow-y:auto!important;overflow-x:hidden!important}
@media(max-width:520px){
  :root[data-visual-style="2040"] #supportPortal .kx229-layer{padding:8px!important}
  :root[data-visual-style="2040"] #supportPortal .kx229-card.kx229-support{width:calc(100vw - 16px)!important;max-width:none!important;max-height:calc(100dvh - 16px)!important}
  :root[data-visual-style="2040"] #supportPortal .k239-support-chat{height:calc(100dvh - 110px)!important;max-height:520px!important}
}

/* =========================================================
   v251 — shared functional polish + readable contracts
   ========================================================= */

/* Rarity colour now fills the whole item surface everywhere, not just the bottom line. */
:root[data-theme="hub"] :is(
  .skin-card,
  .contents-card,
  .case-roulette-card-v166,
  .reel-card,
  .opening-slot-card,
  .case-result-card-v167,
  .multi-result-card,
  .inline-result,
  .compact-skin,
  .plane-inventory-card .skin-card,
  .upgrade-inv-card .skin-card,
  .upgrade-target-card .skin-card,
  .contract-slot.filled,
  .live-item,
  .profile-page-item
){
  background:
    radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--rarity) 38%,transparent) 0%,color-mix(in srgb,var(--rarity) 20%,transparent) 43%,transparent 72%),
    linear-gradient(150deg,color-mix(in srgb,var(--rarity) 25%,#171411),color-mix(in srgb,var(--rarity) 12%,#090b10) 64%,#08090d)!important;
  border-color:color-mix(in srgb,var(--rarity) 46%,rgba(255,255,255,.10))!important;
}
:root[data-theme="hub"] :is(.case-roulette-card-v166,.reel-card,.skin-card,.contents-card):after{
  opacity:.92!important;
  box-shadow:0 0 15px color-mix(in srgb,var(--rarity) 70%,transparent)!important;
}

/* Weekly Drop is a real feature in Standard too. */
:root[data-visual-style="standard"][data-theme="hub"] .page-cases>.k2040-stage main>.hero,
:root[data-visual-style="standard"][data-theme="hub"] .page-cases main>.hero{display:none!important}
:root[data-visual-style="standard"][data-theme="hub"] .page-cases .k237-weekly-hero{
  position:relative!important;display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)!important;
  min-height:330px!important;margin:30px 0 26px!important;padding:36px 42px 30px!important;overflow:hidden!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:26px!important;
  background:radial-gradient(circle at 80% 42%,rgba(208,126,77,.18),transparent 28%),linear-gradient(145deg,#181312,#0d0d11 68%)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.045)!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-copy{position:relative!important;z-index:3!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important}
:root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-copy h1{margin:0 0 18px!important;font-size:clamp(42px,4.1vw,66px)!important;line-height:.92!important;color:#f5f0eb!important;letter-spacing:-.05em!important}
:root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-copy h1 em{font-style:normal!important;color:#e8a176!important}
:root[data-visual-style="standard"][data-theme="hub"] .k251-weekly-description{display:block!important;max-width:590px!important;margin:0 0 22px!important;color:#b5a79e!important;font-size:13px!important;line-height:1.55!important;font-weight:650!important}
:root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-progress{width:min(650px,100%)!important;display:grid!important;grid-template-columns:minmax(0,1fr) 190px!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:17px!important;overflow:hidden!important;background:rgba(5,5,7,.38)!important}
:root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-main,
:root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-timer{padding:16px 18px!important}
:root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-timer{display:flex!important;flex-direction:column!important;justify-content:center!important;border-left:1px solid rgba(255,255,255,.08)!important}
:root[data-visual-style="standard"][data-theme="hub"] :is(.k237-weekly-main,.k237-weekly-timer)>span{display:block!important;margin:0 0 7px!important;color:#d99267!important;font-size:10px!important;line-height:1.1!important;font-weight:900!important;letter-spacing:.11em!important}
:root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-main>strong{display:block!important;color:#fff!important;font-size:22px!important;line-height:1!important}
:root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-timer>strong{display:block!important;margin:0 0 8px!important;color:#f6f1ed!important;font-size:19px!important;line-height:1!important;white-space:nowrap!important}
:root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-timer>small{color:#9c8e85!important;font-size:9px!important;line-height:1!important;font-weight:800!important;letter-spacing:.07em!important}
:root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-visual{position:relative!important;z-index:2!important;min-height:260px!important;display:grid!important;place-items:center!important}
:root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-aura{position:absolute!important;width:520px!important;height:300px!important;border-radius:50%!important;background:radial-gradient(ellipse at center,rgba(105,51,28,.42),rgba(74,35,20,.22) 36%,transparent 72%),repeating-conic-gradient(from -8deg at 50% 52%,rgba(154,83,44,.17) 0deg 4deg,transparent 4deg 18deg)!important;filter:blur(18px)!important;opacity:.88!important}
:root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-case{position:relative!important;z-index:2!important;width:min(500px,102%)!important;max-height:300px!important;object-fit:contain!important;filter:drop-shadow(0 28px 30px rgba(0,0,0,.55)) drop-shadow(0 0 25px rgba(99,48,25,.28))!important}
:root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-podium{display:none!important}
:root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-token{position:absolute!important;z-index:3!important;width:34px!important;height:34px!important}
:root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-token img{width:100%!important;height:100%!important}
:root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-token.token-a{left:9%!important;top:31%!important}
:root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-token.token-b{right:8%!important;top:43%!important}
:root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-token.token-c{right:27%!important;top:7%!important}

/* Weekly copy in 2040: readable labels and description, without tiny throwaway copy. */
:root[data-visual-style="2040"][data-theme="hub"] .k251-weekly-description{display:block!important;position:relative!important;z-index:4!important;max-width:610px!important;margin:2px 0 22px!important;color:rgba(236,220,209,.78)!important;font-size:13px!important;line-height:1.52!important;font-weight:650!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.k237-weekly-main,.k237-weekly-timer)>span{font-size:10px!important;line-height:1.1!important;letter-spacing:.10em!important;margin-bottom:7px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k237-weekly-timer>small{font-size:9px!important;line-height:1!important;font-weight:800!important;letter-spacing:.065em!important;color:rgba(229,211,198,.58)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k239-weekly-clean .k237-weekly-main strong{font-size:22px!important}
:root[data-visual-style="2040"][data-theme="hub"] .cases-section:after{display:none!important;content:none!important}

/* Standard header gets Support back as a visible first-class control. */
:root[data-visual-style="standard"][data-theme="hub"] .standard-support-btn{
  width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(255,255,255,.10)!important;border-radius:12px!important;background:#17171d!important;color:#b9b3ad!important;
}
:root[data-visual-style="standard"][data-theme="hub"] .standard-support-btn svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
:root[data-visual-style="standard"][data-theme="hub"] .standard-support-btn:hover{color:#fff!important;border-color:rgba(226,151,111,.35)!important;background:#211812!important}
:root[data-visual-style="2040"] .standard-support-btn{display:none!important}

/* Telegram card works in both styles and uses a complete, clean logo. */
:root[data-visual-style="standard"] .k251-telegram-card{width:min(500px,calc(100vw - 32px))!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 32px)!important;padding:0!important;overflow:hidden!important;border-radius:25px!important;border:1px solid rgba(255,255,255,.12)!important;background:radial-gradient(100% 90% at 50% 0%,rgba(45,132,183,.12),transparent 50%),linear-gradient(155deg,#18181e,#0d0d11)!important;box-shadow:0 34px 100px rgba(0,0,0,.62)!important}
.k251-telegram-logo{transform:none!important;overflow:hidden!important}
.k251-telegram-logo svg{width:62px!important;height:62px!important;overflow:visible!important}
.k251-telegram-logo svg circle{fill:#2a9ed8!important}
.k251-telegram-logo svg path{fill:#fff!important}

/* Upgrade: no redundant giant title block above the workspace. */
:root[data-theme="hub"] .k251-upgrade-page{padding-top:24px!important}

/* Contracts: remove redundant hero and make the working labels readable. */
:root[data-theme="hub"] .k251-contracts-page{padding-top:28px!important}
:root[data-theme="hub"] .k251-contract-summary small{display:block!important;margin:0 0 8px!important;color:#92857d!important;font-size:11px!important;line-height:1!important;font-weight:900!important;letter-spacing:.09em!important}
:root[data-theme="hub"] .k251-contract-summary .k251-contract-sum>strong{display:inline-flex!important;align-items:center!important;color:#fff!important;font-size:20px!important;line-height:1!important;font-weight:950!important}
:root[data-theme="hub"] .k251-contract-summary .k251-contract-sum .korzh-money{gap:6px!important;font:inherit!important}
:root[data-theme="hub"] .k251-contract-summary .k251-contract-sum .korzh-money-number{font-size:20px!important;line-height:1!important;font-weight:950!important}
:root[data-theme="hub"] .k251-contract-summary .k251-contract-sum .korzh-currency-icon{width:18px!important;height:18px!important;flex:0 0 18px!important}
:root[data-theme="hub"] .k251-contract-range{display:flex!important;align-items:center!important;gap:7px!important;color:#fff!important;white-space:nowrap!important;font-size:16px!important;line-height:1!important;font-weight:950!important}
:root[data-theme="hub"] .k251-contract-range>span{font-size:16px!important;line-height:1!important;font-weight:950!important;color:#f7f1ec!important}
:root[data-theme="hub"] .k251-contract-range>i{font-style:normal!important;color:#786c65!important;font-size:13px!important}
:root[data-theme="hub"] .k251-contract-range .korzh-money{display:inline-flex!important;align-items:center!important;gap:5px!important;font:inherit!important}
:root[data-theme="hub"] .k251-contract-range .korzh-money-number{font-size:16px!important;line-height:1!important;font-weight:950!important;color:#fff!important}
:root[data-theme="hub"] .k251-contract-range .korzh-currency-icon{width:16px!important;height:16px!important;flex:0 0 16px!important}
:root[data-theme="hub"] .k251-contract-inventory-title{align-items:center!important;margin-top:4px!important;margin-bottom:18px!important}
:root[data-theme="hub"] .k251-contract-title-line{display:flex!important;align-items:baseline!important;gap:18px!important;min-width:0!important}
:root[data-theme="hub"] .k251-contract-title-line h2{margin:0!important;color:#f1ede8!important;font-size:17px!important;line-height:1!important;letter-spacing:.075em!important;font-weight:950!important}
:root[data-theme="hub"] .k251-contract-title-line p{margin:0!important;color:#9a8f87!important;font-size:13px!important;line-height:1.25!important;font-weight:700!important}
:root[data-theme="hub"] .k251-contract-inventory-title>span{font-size:12px!important;color:#b3a69d!important;font-weight:900!important}

/* KORZH CORE metadata: labels, numbers and token sit on one clean baseline. */
:root[data-theme="hub"] .k222-core-meta{font-size:14px!important;line-height:1!important;align-items:center!important}
:root[data-theme="hub"] .k222-core-meta span{display:inline-flex!important;align-items:center!important;gap:5px!important;font-size:14px!important;line-height:1!important}
:root[data-theme="hub"] .k222-core-meta b{display:inline-flex!important;align-items:center!important;margin-left:0!important;font-size:14px!important;line-height:1!important}
:root[data-theme="hub"] .k222-core-meta .korzh-money{display:inline-flex!important;align-items:center!important;gap:5px!important;font:inherit!important}
:root[data-theme="hub"] .k222-core-meta .korzh-money-number{font-size:14px!important;line-height:1!important;font-weight:950!important}
:root[data-theme="hub"] .k222-core-meta .korzh-currency-icon{width:14px!important;height:14px!important;flex:0 0 14px!important}

@media(max-width:980px){
  :root[data-visual-style="standard"][data-theme="hub"] .page-cases .k237-weekly-hero{grid-template-columns:1fr!important;min-height:420px!important}
  :root[data-visual-style="standard"][data-theme="hub"] .k237-weekly-visual{position:absolute!important;right:-70px!important;top:80px!important;width:420px!important;opacity:.25!important}
  :root[data-theme="hub"] .k251-contract-title-line{align-items:flex-start!important;flex-direction:column!important;gap:7px!important}
}


/* =========================================================
   v259 — WEEKLY DROP PROGRESS + STACK ART POLISH
   ========================================================= */
:root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-row{width:min(680px,100%)!important;display:flex!important;align-items:center!important;gap:11px!important;position:relative!important;z-index:6!important}
:root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-row .k237-weekly-progress{width:auto!important;flex:1 1 auto!important;grid-template-columns:minmax(0,1fr) 174px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-row .k237-weekly-main{padding:14px 18px 12px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-row .k237-weekly-main>span{font-size:9px!important;letter-spacing:.105em!important;margin-bottom:8px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-row .k237-weekly-main>strong{font-size:22px!important;letter-spacing:-.025em!important}
:root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-row .k237-weekly-track{height:7px!important;margin:11px 0 0!important;background:rgba(0,0,0,.34)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-row .k237-weekly-timer>span{font-size:9px!important;line-height:1.2!important}
:root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-row .k237-weekly-timer>small{font-size:8px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-help{position:relative!important;flex:0 0 46px!important;width:46px!important;height:46px!important;z-index:20!important}
:root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-help>summary{list-style:none!important;width:46px!important;height:46px!important;display:grid!important;place-items:center!important;border:1px solid rgba(244,211,186,.18)!important;border-radius:50%!important;background:linear-gradient(145deg,rgba(51,34,26,.92),rgba(22,16,13,.96))!important;color:#f2b386!important;font-size:18px!important;font-weight:900!important;cursor:pointer!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 12px 30px rgba(0,0,0,.22)!important;user-select:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-help>summary::-webkit-details-marker{display:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-help[open]>summary{border-color:rgba(240,166,112,.42)!important;box-shadow:0 0 0 4px rgba(211,125,72,.08),0 12px 30px rgba(0,0,0,.24)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-help>div{position:absolute!important;right:0!important;bottom:58px!important;width:min(315px,calc(100vw - 42px))!important;padding:15px 16px!important;border:1px solid rgba(244,216,196,.15)!important;border-radius:16px!important;background:rgba(20,14,12,.97)!important;box-shadow:0 22px 55px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.04)!important;backdrop-filter:blur(18px)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-help>div strong{display:block!important;margin-bottom:7px!important;color:#fff4ec!important;font-size:13px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-help>div p{margin:0!important;color:rgba(234,216,203,.70)!important;font-size:10px!important;line-height:1.45!important}
:root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-help>div p+p{margin-top:7px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k251-weekly-description{margin:13px 0 0!important;max-width:665px!important;font-size:11px!important;line-height:1.45!important;color:rgba(231,214,202,.62)!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-stack-gloves .stack-case-product-image{transform:translate(0,-4px) scale(1.14)!important;transform-origin:center 62%!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-stack-agent .stack-case-product-image{transform:translate(0,-12px) scale(1.075)!important;transform-origin:center bottom!important}
@media(max-width:760px){
  :root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-row{align-items:stretch!important;gap:8px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-row .k237-weekly-progress{grid-template-columns:1fr!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-row .k237-weekly-timer{border-left:0!important;border-top:1px solid rgba(255,242,230,.08)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k259-weekly-help{margin-top:8px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k251-weekly-description{font-size:10px!important;margin-top:11px!important}
}
:root[data-visual-style="standard"][data-theme="hub"] .k259-weekly-row{display:flex!important;align-items:center!important;gap:10px!important;width:min(700px,100%)!important}
:root[data-visual-style="standard"][data-theme="hub"] .k259-weekly-row .k237-weekly-progress{flex:1 1 auto!important;width:auto!important}
:root[data-visual-style="standard"][data-theme="hub"] .k259-weekly-row .k237-weekly-track{height:7px!important;margin-top:10px!important;border-radius:999px!important;overflow:hidden!important;background:rgba(255,255,255,.08)!important}
:root[data-visual-style="standard"][data-theme="hub"] .k259-weekly-row .k237-weekly-track i{display:block!important;width:var(--weekly-progress,0%)!important;height:100%!important;background:linear-gradient(90deg,#bd744c,#e9a271)!important;border-radius:inherit!important}
:root[data-visual-style="standard"][data-theme="hub"] .k259-weekly-help{position:relative!important;flex:0 0 42px!important}
:root[data-visual-style="standard"][data-theme="hub"] .k259-weekly-help>summary{list-style:none!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:50%!important;background:#17171d!important;color:#d99267!important;font-weight:900!important;cursor:pointer!important}
:root[data-visual-style="standard"][data-theme="hub"] .k259-weekly-help>summary::-webkit-details-marker{display:none!important}
:root[data-visual-style="standard"][data-theme="hub"] .k259-weekly-help>div{position:absolute!important;right:0!important;bottom:54px!important;width:min(300px,calc(100vw - 40px))!important;padding:14px!important;border:1px solid rgba(255,255,255,.11)!important;border-radius:14px!important;background:#111216!important;box-shadow:0 20px 45px rgba(0,0,0,.45)!important;z-index:50!important}
:root[data-visual-style="standard"][data-theme="hub"] .k259-weekly-help>div strong{display:block!important;color:#fff!important;font-size:13px!important;margin-bottom:6px!important}
:root[data-visual-style="standard"][data-theme="hub"] .k259-weekly-help>div p{margin:0!important;color:#9d9690!important;font-size:10px!important;line-height:1.45!important}
:root[data-visual-style="standard"][data-theme="hub"] .k259-weekly-help>div p+p{margin-top:7px!important}
:root[data-visual-style="standard"][data-theme="hub"] .k251-weekly-description{margin:13px 0 0!important}

/* ================================================================
   v269 — WEEKLY DROP INTERACTION / RESULT
   ================================================================ */
.k269-weekly-visual{position:relative!important}
.k269-weekly-visual.is-ready{cursor:pointer!important;pointer-events:auto!important;outline:none!important}
.k269-weekly-visual.is-ready .k237-weekly-case{filter:drop-shadow(0 20px 34px rgba(0,0,0,.38)) drop-shadow(0 0 24px rgba(244,154,93,.18))!important;transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s ease!important}
.k269-weekly-visual.is-ready:hover .k237-weekly-case,.k269-weekly-visual.is-ready:focus-visible .k237-weekly-case{transform:translateY(-9px) scale(1.025)!important;filter:drop-shadow(0 24px 38px rgba(0,0,0,.42)) drop-shadow(0 0 34px rgba(244,154,93,.30))!important}
.k269-weekly-open-badge{position:absolute!important;z-index:20!important;right:17%!important;top:8%!important;transform:rotate(6deg)!important;padding:9px 13px!important;border:1px solid rgba(255,235,217,.24)!important;border-radius:10px!important;background:linear-gradient(135deg,#f7c098,#d77b4d)!important;color:#1b100c!important;font:950 10px/1 Inter,Manrope,system-ui,sans-serif!important;letter-spacing:.08em!important;box-shadow:0 12px 30px rgba(0,0,0,.30),0 0 24px rgba(235,143,82,.18)!important;white-space:nowrap!important}
.k269-weekly-visual.is-opening .k237-weekly-case{animation:k269WeeklyOpen .82s cubic-bezier(.2,.75,.25,1) both!important}
.k269-weekly-visual.is-opening{pointer-events:none!important}
@keyframes k269WeeklyOpen{0%{transform:translateY(-2px) rotate(0) scale(1)}22%{transform:translateY(-8px) rotate(-1.8deg) scale(1.025)}44%{transform:translateY(-5px) rotate(1.6deg) scale(1.035)}68%{transform:translateY(-10px) rotate(-.8deg) scale(1.045)}100%{transform:translateY(-6px) rotate(0) scale(1.03)}}
.k269-weekly-result-overlay{position:fixed!important;inset:0!important;z-index:1400!important;display:grid!important;place-items:center!important;padding:22px!important;background:rgba(7,4,4,.68)!important;backdrop-filter:blur(18px) saturate(.88)!important;animation:k269WeeklyBackdrop .22s ease-out both!important}
.k269-weekly-result{position:relative!important;width:min(470px,calc(100vw - 28px))!important;padding:28px!important;border:1px solid color-mix(in srgb,var(--weekly-rarity) 34%,rgba(255,255,255,.08))!important;border-radius:24px!important;background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--weekly-rarity) 16%,transparent),transparent 48%),linear-gradient(155deg,#211613,#0c090a 72%)!important;box-shadow:0 34px 110px rgba(0,0,0,.62),0 0 60px color-mix(in srgb,var(--weekly-rarity) 12%,transparent)!important;text-align:center!important;animation:k269WeeklyCard .32s cubic-bezier(.2,.8,.2,1) both!important}
.k269-weekly-result>button:first-child{position:absolute!important;right:16px!important;top:16px!important;width:38px!important;height:38px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.10)!important;background:rgba(255,255,255,.035)!important;color:#eee!important;font-size:20px!important;cursor:pointer!important}
.k269-weekly-result>small{display:block!important;margin-top:8px!important;color:#e4a47f!important;font:900 9px/1 Inter,system-ui,sans-serif!important;letter-spacing:.16em!important}
.k269-weekly-result>h2{margin:10px 0 14px!important;color:#fff!important;font:950 30px/.95 Inter,Manrope,system-ui,sans-serif!important}
.k269-weekly-result-case{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-bottom:12px!important;color:rgba(235,219,209,.62)!important;font-size:10px!important}.k269-weekly-result-case strong{color:#f6d4bf!important;font-size:12px!important}
.k269-weekly-result-item{min-height:250px!important;display:grid!important;grid-template-rows:minmax(150px,1fr) auto!important;align-items:center!important;padding:14px 18px 18px!important;border:1px solid color-mix(in srgb,var(--rarity) 34%,rgba(255,255,255,.07))!important;border-radius:18px!important;background:radial-gradient(circle at 50% 34%,var(--tier-bg),rgba(12,10,12,.88) 66%)!important;overflow:hidden!important}
.k269-weekly-result-item .skin-art{height:160px!important}.k269-weekly-result-item .skin-art img{max-width:88%!important;max-height:88%!important}
.k269-weekly-result-item>div{display:grid!important;gap:5px!important}.k269-weekly-result-item small{color:rgba(235,223,216,.56)!important;font-size:10px!important}.k269-weekly-result-item strong{color:#fff!important;font:950 19px/1.05 Inter,Manrope,system-ui,sans-serif!important}.k269-weekly-result-item b{margin-top:5px!important;color:#f4c2a3!important;font-size:16px!important}
.k269-weekly-result #weeklyDropResultDone{width:100%!important;height:50px!important;margin-top:14px!important;border:0!important;border-radius:14px!important;background:linear-gradient(100deg,#f3b17f,#d2764e)!important;color:#1b100b!important;font:950 11px/1 Inter,system-ui,sans-serif!important;letter-spacing:.08em!important;cursor:pointer!important}
@keyframes k269WeeklyBackdrop{from{opacity:0}to{opacity:1}}@keyframes k269WeeklyCard{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:760px){.k269-weekly-open-badge{right:7%!important;top:10%!important}.k269-weekly-result{padding:22px 16px!important}.k269-weekly-result-item{min-height:220px!important}}

/* v275 — tactile 2040 polish, smooth upgrade wheel, live-drop profile hover, weekly layout */
:root[data-visual-style="2040"] .k2040-stage button,
:root[data-visual-style="2040"] .k2040-stage .case-filter,
:root[data-visual-style="2040"] .k2040-stage .upgrade-search,
:root[data-visual-style="2040"] .k2040-stage .upgrade-price-range>label{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -1px 0 rgba(0,0,0,.28),0 5px 12px rgba(0,0,0,.14)!important;
}
:root[data-visual-style="2040"] .k2040-stage button{transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .22s ease,border-color .22s ease!important}
:root[data-visual-style="2040"] .k2040-stage button:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -1px 0 rgba(0,0,0,.3),0 8px 18px rgba(0,0,0,.20)!important}
:root[data-visual-style="2040"] .k2040-stage button:active:not(:disabled){transform:translateY(1px)!important;box-shadow:inset 0 2px 5px rgba(0,0,0,.26),0 2px 6px rgba(0,0,0,.15)!important}
:root[data-visual-style="2040"] .k2040-stage h1,
:root[data-visual-style="2040"] .k2040-stage h2,
:root[data-visual-style="2040"] .k2040-stage h3,
:root[data-visual-style="2040"] .k2040-stage strong,
:root[data-visual-style="2040"] .k2040-stage b{ text-shadow:0 1px 0 rgba(255,255,255,.035),0 2px 7px rgba(0,0,0,.28) }

:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel{
  --wheel-rest:#2e2b29;
  border-radius:50%!important;
  overflow:hidden!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
  background:conic-gradient(from 0deg,
    var(--sector-color) 0 calc(var(--chance-pct,0%) - .12%),
    color-mix(in srgb,var(--sector-color) 56%,var(--wheel-rest)) calc(var(--chance-pct,0%) - .03%),
    var(--wheel-rest) calc(var(--chance-pct,0%) + .12%) 100%)!important;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.12),inset 0 -18px 30px rgba(0,0,0,.34),0 18px 44px rgba(0,0,0,.42),0 0 0 1px rgba(255,239,226,.08)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel:before{
  box-shadow:inset 0 2px 0 rgba(255,255,255,.06),inset 0 -10px 20px rgba(0,0,0,.38),0 5px 12px rgba(0,0,0,.34)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-wheel-inner{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 9px 22px rgba(0,0,0,.3)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-run{
  background:linear-gradient(180deg,#fff 0%,#f5f0eb 100%)!important;
  border-color:rgba(255,255,255,.9)!important;
  color:#231b17!important;
  opacity:1!important;
  box-shadow:inset 0 1px 0 #fff,0 8px 20px rgba(0,0,0,.25)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-run:disabled,
:root[data-visual-style="2040"][data-theme=hub] .hub-u151-run.is-idle{color:rgba(52,43,38,.38)!important;cursor:not-allowed!important}
:root[data-visual-style="2040"][data-theme=hub] .hub-u3-browser-presets button{
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -2px 4px rgba(0,0,0,.22),0 5px 11px rgba(0,0,0,.20)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .hub-u3-browser-presets button.active{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 5px rgba(0,0,0,.25),0 0 16px rgba(235,151,103,.18),0 6px 13px rgba(0,0,0,.22)!important;
}

:root[data-visual-style="2040"] .live-item{position:relative!important;overflow:hidden!important}
:root[data-visual-style="2040"] .k275-live-player{
  position:absolute;z-index:8;left:8px;right:8px;bottom:7px;height:42px;border:1px solid rgba(255,239,226,.13);border-radius:10px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#fff!important;
  background:linear-gradient(180deg,rgba(44,32,25,.92),rgba(20,15,12,.94));backdrop-filter:blur(12px);
  opacity:0;transform:translateY(115%);transition:opacity .24s ease,transform .30s cubic-bezier(.2,.8,.2,1);pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 18px rgba(0,0,0,.30);
}
:root[data-visual-style="2040"] .k275-live-player span{font-size:10px;font-weight:900;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root[data-visual-style="2040"] .k275-live-player small{font-size:6px;letter-spacing:.12em;color:#c79b7f;margin-top:2px}
:root[data-visual-style="2040"] .live-item:hover .k275-live-player{opacity:1;transform:translateY(0);pointer-events:auto}

:root[data-visual-style="2040"] .k259-weekly-row{margin-top:24px!important;align-items:center!important}
:root[data-visual-style="2040"] .k251-weekly-description{display:block!important;width:min(100%,690px)!important;text-align:center!important;margin:10px 0 0!important;color:rgba(244,232,222,.58)!important}
:root[data-visual-style="2040"] .k275-weekly-progress-value{display:flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important}
:root[data-visual-style="2040"] .k275-weekly-progress-value img{width:17px!important;height:17px!important;object-fit:contain!important;vertical-align:middle!important}
:root[data-visual-style="2040"] .k269-weekly-visual.is-ready{transition:transform .48s cubic-bezier(.18,.8,.2,1),filter .48s ease!important}
:root[data-visual-style="2040"] .k269-weekly-visual.is-ready:hover{transform:translateY(-3px) scale(1.012)!important;filter:drop-shadow(0 14px 30px rgba(211,126,70,.16))!important}

/* public profile + privacy */
.k275-history-privacy{display:flex!important;align-items:center!important;gap:8px!important;margin-right:12px!important;color:#8e8177!important;font-size:8px!important;font-weight:800!important;letter-spacing:.08em!important}
.k275-history-privacy button{width:42px!important;height:22px!important;padding:2px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.09)!important;background:#211a16!important;position:relative!important}
.k275-history-privacy button i{display:block!important;width:16px!important;height:16px!important;border-radius:50%!important;background:#8d7d72!important;transform:translateX(0);transition:.22s ease!important}
.k275-history-privacy button.on i{transform:translateX(18px);background:#f1b48e!important;box-shadow:0 0 11px rgba(241,180,142,.28)!important}
.k275-private-history{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#d9c8bb}
.k275-private-history strong{font-size:18px}.k275-private-history span{font-size:11px;color:#7f7168}

/* v275 — Weekly Drop roulette + tactile/smooth polish */
.k275-weekly-modal{position:fixed;inset:0;z-index:10040;display:grid;place-items:center;padding:28px;background:rgba(7,3,2,.68);backdrop-filter:blur(15px);animation:k275Fade .22s ease both}
.k275-weekly-modal>section{position:relative;width:min(980px,calc(100vw - 48px));max-height:min(760px,calc(100vh - 64px));overflow:hidden;border:1px solid rgba(239,178,126,.24);border-radius:30px;background:radial-gradient(circle at 50% 0,rgba(140,78,40,.24),transparent 38%),linear-gradient(155deg,rgba(34,19,13,.98),rgba(11,7,6,.98));box-shadow:0 34px 100px rgba(0,0,0,.62),inset 0 1px rgba(255,235,216,.08);padding:30px;text-align:center}
.k275-weekly-modal small{font-weight:900;letter-spacing:.18em;color:#e9a76f}.k275-weekly-modal h2{margin:6px 0 8px;font-size:34px}.k275-weekly-modal p{margin:0 auto 20px;max-width:620px;color:#a89589;font-size:13px;line-height:1.6}
.k275-weekly-close{position:absolute;right:18px;top:18px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);color:#fff;font-size:23px;box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.25)}
.k275-weekly-case-content{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;max-height:405px;overflow:auto;padding:10px;border-radius:22px;background:rgba(5,4,4,.4);border:1px solid rgba(255,255,255,.07)}
.k275-weekly-case-tile{flex:0 0 144px;min-width:0;height:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9px;border-radius:16px;border:1px solid rgba(255,193,139,.14);background:linear-gradient(160deg,rgba(62,34,23,.72),rgba(15,10,9,.74));box-shadow:inset 0 1px rgba(255,255,255,.06),0 9px 28px rgba(0,0,0,.2)}
.k275-weekly-case-tile img{width:108px;height:76px;object-fit:contain;filter:drop-shadow(0 9px 12px rgba(0,0,0,.35))}.k275-weekly-case-tile strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.k275-weekly-case-tile small{font-size:9px;letter-spacing:0;color:#a99385;margin-top:2px}
.k275-weekly-open{margin-top:18px;min-width:240px;height:50px;border:0;border-radius:15px;background:#fff;color:#1b100d;font-weight:1000;letter-spacing:.06em;box-shadow:inset 0 -3px rgba(0,0,0,.09),0 12px 30px rgba(234,151,90,.13);transition:.2s ease}.k275-weekly-open:hover{transform:translateY(-2px);box-shadow:inset 0 -3px rgba(0,0,0,.09),0 16px 38px rgba(234,151,90,.22)}
.k275-weekly-reel-window{position:relative;overflow:hidden;height:175px;margin:28px 0 6px;border-radius:20px;border:1px solid rgba(255,190,135,.18);background:rgba(4,3,3,.65);mask-image:linear-gradient(90deg,transparent,#000 11%,#000 89%,transparent)}
.k275-weekly-reel-window>i{position:absolute;z-index:3;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(transparent,#ffb172 12%,#fff 50%,#ffb172 88%,transparent);box-shadow:0 0 18px #f59b5d;transform:translateX(-50%)}
.k275-weekly-reel{height:100%;display:flex;align-items:center;gap:10px;padding-left:420px;will-change:transform;transition:transform 4.6s cubic-bezier(.08,.68,.08,1)}
.k275-weekly-case-result{--weekly-rarity:#e69a5f}.k275-weekly-won-case{margin:18px auto 22px;display:grid;place-items:center;min-height:280px;border-radius:24px;border:1px solid rgba(255,178,112,.25);background:radial-gradient(circle at 50% 52%,rgba(196,96,42,.24),transparent 57%),rgba(14,9,8,.72);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.k275-weekly-won-case img{width:min(360px,75%);height:205px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}.k275-weekly-won-case strong{font-size:25px}.k275-weekly-won-case span{font-size:13px;color:#e9aa78;font-weight:900}
.bonus-case-token-art img{transform:scale(1.04)}.bonus-case-actions button:last-child{font-size:20px;font-weight:900}
@keyframes k275Fade{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.k275-weekly-modal{padding:12px}.k275-weekly-modal>section{width:100%;padding:22px 14px}.k275-weekly-case-content{grid-template-columns:repeat(2,minmax(0,1fr));max-height:430px}.k275-weekly-reel{padding-left:calc(50vw - 80px)}.k275-weekly-won-case img{height:160px}}

/* ===== profile-2040.css ===== */
/* Profile continuation of KORZH 2040. */
:root[data-visual-style="2040"][data-theme=hub] #profileApp{min-height:100vh}:root[data-visual-style="2040"][data-theme=hub] .profile-page.profile-v80{width:100%!important;max-width:1480px!important;margin:0 auto!important;padding:28px 0 110px!important;background:transparent!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v80-main{display:grid!important;gap:18px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v80-command{position:relative!important;min-height:150px!important;padding:20px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:20px!important;border:1px solid var(--line)!important;border-radius:29px!important;background:#11141db8!important;box-shadow:0 28px 74px #0005,inset 0 1px #ffffff0b!important;overflow:hidden!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v80-command:before{content:"PROFILE OBJECT / VERIFIED";position:absolute;right:24px;top:16px;color:#4d5460;font-size:6px;font-weight:850;letter-spacing:.2em}:root[data-visual-style="2040"][data-theme=hub] .profile-v160-info-row{display:grid!important;grid-template-columns:minmax(260px,1.6fr) repeat(2,minmax(150px,.8fr))!important;gap:10px!important;align-items:stretch!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-primary-card{min-height:91px!important;padding:16px!important;border:1px solid #ffffff0e!important;border-radius:20px!important;background:#ffffff06!important;box-shadow:inset 0 1px #ffffff08!important;transition:.25s ease!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v156-primary-card:hover{transform:translateY(-3px)!important;border-color:#e8a68224!important;background:#ffffff0b!important;box-shadow:0 16px 30px #0003!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v160-user{display:flex!important;align-items:center!important;gap:15px!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v160-user .profile-avatar-xl{width:64px!important;height:64px!important;border:1px solid #ffffff1f!important;box-shadow:0 12px 25px #0005,0 0 0 5px #ffffff05!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v160-user strong{font-size:19px!important;color:#eee9e3!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v160-user span{color:#666d79!important;font-size:7px!important;letter-spacing:.12em!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v187-stat{display:flex!important;align-items:center!important;padding-left:24px!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v187-stat .profile-v156-card-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v187-stat strong{display:flex!important;align-items:center!important;min-height:28px!important;margin:0!important;color:#ece8e2!important;font-size:24px!important;line-height:1!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v187-stat small{display:block!important;margin-top:7px!important;color:#626976!important;font-size:7px!important;line-height:1!important;letter-spacing:.12em!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v187-stat .korzh-money{display:inline-flex!important;align-items:center!important;gap:6px!important;line-height:1!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v187-stat .korzh-currency-icon{width:15px!important;height:15px!important;margin:0!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions{display:flex!important;align-items:center!important;gap:7px!important;border:0!important;background:transparent!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions>*{height:40px!important;border:1px solid #ffffff10!important;border-radius:13px!important;background:#ffffff06!important;color:#777e89!important;box-shadow:inset 0 1px #ffffff08!important;transition:.2s ease!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions>*:hover{transform:translateY(-2px)!important;color:#e4dfd9!important;border-color:#e7a58129!important;background:#ffffff0b!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v163-deposit-btn{border-color:#e9a07a33!important;background:#da855e24!important;color:#edaa86!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop,:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content{position:relative!important;border:1px solid var(--line)!important;border-radius:27px!important;background:#10131bb8!important;box-shadow:0 24px 62px #0004,inset 0 1px #ffffff0a!important;overflow:hidden!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop{padding:20px!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop:after{content:"CURATED DROPS";position:absolute;right:22px;top:22px;color:#4b515d;font-size:6px;letter-spacing:.2em}:root[data-visual-style="2040"][data-theme=hub] .profile-v81-more,:root[data-visual-style="2040"][data-theme=hub] .sell-all-btn{border:1px solid #ffffff10!important;border-radius:11px!important;background:#ffffff06!important;color:#777d88!important;transition:.2s ease!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v81-more:hover,:root[data-visual-style="2040"][data-theme=hub] .sell-all-btn:hover{transform:translateY(-2px)!important;color:#e5dfd8!important;border-color:#e9a68229!important;background:#ffffff0b!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-shell{border-color:#ffffff0d!important;border-radius:20px!important;background:#07090e73!important;box-shadow:inset 0 0 45px #0004!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-card{border-color:#ffffff0e!important;border-radius:18px!important;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--rarity) 11%,transparent),transparent 62%),#11151d!important;transition:.26s ease!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-card:hover{transform:translateY(-5px) scale(1.01)!important;border-color:color-mix(in srgb,var(--rarity) 36%,#ffffff10)!important;box-shadow:0 19px 37px #0005!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content-head{min-height:69px!important;padding:0 20px!important;border-bottom:1px solid #ffffff0e!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content-tabs{display:flex!important;gap:7px!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content-tabs button{height:38px!important;padding:0 18px!important;border:1px solid transparent!important;border-radius:12px!important;background:transparent!important;color:#666d79!important;font-size:8px!important;letter-spacing:.08em!important;transition:.2s ease!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content-tabs button.active{color:#efad88!important;border-color:#e79c752b!important;background:#da805817!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v80-content-body{padding:17px!important;background:transparent!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-page-item{border-color:#ffffff10!important;border-radius:19px!important;background:radial-gradient(circle at 50% 34%,color-mix(in srgb,var(--rarity) 11%,transparent),transparent 62%),#11151d!important;box-shadow:inset 0 1px #ffffff09,0 12px 27px #0003!important;transition:.27s cubic-bezier(.2,.8,.2,1)!important}:root[data-visual-style="2040"][data-theme=hub] .profile-page-item:hover{z-index:3!important;transform:translateY(-6px) perspective(700px) rotateX(2deg)!important;border-color:color-mix(in srgb,var(--rarity) 38%,#ffffff10)!important;box-shadow:0 23px 44px #0006!important}:root[data-visual-style="2040"][data-theme=hub] .profile-item-actions button{border-color:#ffffff10!important;border-radius:10px!important;background:#ffffff07!important;color:#7d838e!important}:root[data-visual-style="2040"][data-theme=hub] .profile-history-row{border-color:#ffffff0e!important;border-radius:18px!important;background:#ffffff06!important;transition:.22s ease!important}:root[data-visual-style="2040"][data-theme=hub] .profile-history-row:hover{transform:translateX(4px)!important;border-color:#e7a27e24!important;background:#ffffff0b!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-overlay,:root[data-visual-style="2040"][data-theme=hub] .profile-settings-overlay,:root[data-visual-style="2040"][data-theme=hub] .exchange-overlay,:root[data-visual-style="2040"][data-theme=hub] .trade-link-overlay{background:#040609b8!important;backdrop-filter:blur(17px)!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v81-archive-modal,:root[data-visual-style="2040"][data-theme=hub] .profile-v81-replay-modal,:root[data-visual-style="2040"][data-theme=hub] .profile-settings-modal,:root[data-visual-style="2040"][data-theme=hub] .exchange-modal,:root[data-visual-style="2040"][data-theme=hub] .trade-link-modal{border-color:#ffffff17!important;border-radius:28px!important;background:#121620fc!important;box-shadow:0 42px 120px #000a,inset 0 1px #ffffff0e!important}:root[data-visual-style="2040"][data-theme=hub] .profile-setting-line,:root[data-visual-style="2040"][data-theme=hub] .profile-setting-group{border-color:#ffffff0e!important;border-radius:17px!important;background:#ffffff06!important}:root[data-visual-style="2040"][data-theme=hub] .profile-support-fab{display:none!important}
@media(max-width:1120px){:root[data-visual-style="2040"][data-theme=hub] .profile-v80-command{grid-template-columns:1fr!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v160-info-row{grid-template-columns:minmax(220px,1.4fr) repeat(2,minmax(130px,.75fr))!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions{justify-content:flex-end!important}}
@media(max-width:760px){:root[data-visual-style="2040"][data-theme=hub] .profile-v160-info-row{grid-template-columns:1fr 1fr!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v160-user{grid-column:1/-1!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v80-command{padding:12px!important;border-radius:22px!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions{justify-content:flex-start!important;flex-wrap:wrap!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop:after{display:none}}

/* ===== profile-2040-rebuild.css ===== */
/* KORZH 2040 — profile command center. Loaded after the compatibility theme. */
:root[data-visual-style="2040"][data-theme=hub] .profile-page.profile-v80{
  max-width:1560px!important;padding:30px 0 120px!important;
}
:root[data-visual-style="2040"][data-theme=hub] .profile-v80-main{gap:24px!important}

/* One deliberate hero instead of a row of legacy widgets. */
:root[data-visual-style="2040"][data-theme=hub] .profile-v80-command{
  min-height:238px!important;padding:34px 36px!important;grid-template-columns:minmax(0,1fr) 420px!important;
  border-radius:38px!important;border-color:rgba(255,255,255,.1)!important;
  background:radial-gradient(circle at 78% 32%,rgba(101,121,185,.15),transparent 32%),radial-gradient(circle at 12% 15%,rgba(225,139,96,.14),transparent 34%),linear-gradient(145deg,rgba(21,23,31,.92),rgba(8,11,17,.82))!important;
  box-shadow:0 44px 110px rgba(0,0,0,.47),inset 0 1px rgba(255,255,255,.075)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .profile-v80-command:before{content:"IDENTITY SPACE  /  VERIFIED"!important;left:37px!important;right:auto!important;top:26px!important;color:#626873!important;font-size:7px!important;letter-spacing:.23em!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v80-command:after{content:"";position:absolute;right:100px;top:-125px;width:300px;height:300px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.018),0 0 0 76px rgba(255,255,255,.01);pointer-events:none}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-info-row{position:relative;z-index:2;grid-template-columns:minmax(250px,1.3fr) repeat(2,minmax(145px,.72fr))!important;gap:12px!important;padding-top:22px}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-primary-card{min-height:122px!important;padding:21px!important;border-radius:25px!important;border-color:rgba(255,255,255,.085)!important;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018))!important;box-shadow:inset 0 1px rgba(255,255,255,.075),0 22px 40px rgba(0,0,0,.22)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-primary-card:hover{transform:translateY(-5px)!important;border-color:rgba(234,163,124,.24)!important;background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.025))!important;box-shadow:0 25px 48px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.09)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-user{gap:19px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-user .profile-avatar-xl{width:82px!important;height:82px!important;border-radius:28px!important;border-color:rgba(255,255,255,.2)!important;box-shadow:0 24px 44px rgba(0,0,0,.52),0 0 0 8px rgba(255,255,255,.028)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-user .profile-avatar-xl img{border-radius:26px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-user strong{font-size:25px!important;letter-spacing:-.025em!important;color:#f2eee8!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-user span{margin-top:6px;color:#6f7580!important;font-size:7px!important;letter-spacing:.18em!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v187-stat{padding:22px!important;align-items:flex-end!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v187-stat .profile-v156-card-copy{width:100%;justify-content:flex-end!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v187-stat strong{min-height:38px!important;font-size:32px!important;color:#f3eee7!important;white-space:nowrap}
:root[data-visual-style="2040"][data-theme=hub] .profile-v187-stat small{margin-top:9px!important;color:#686e79!important;font-size:7px!important;letter-spacing:.16em!important}

:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions{position:relative;z-index:3;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;padding:18px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:27px!important;background:rgba(7,10,16,.48)!important;box-shadow:inset 0 1px rgba(255,255,255,.045)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions>*{height:57px!important;border-radius:17px!important;font-size:8px!important;letter-spacing:.08em!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v163-deposit-btn{grid-column:1/-1!important;background:linear-gradient(135deg,#eaa079,#bf7052)!important;color:#1b100b!important;border-color:rgba(255,255,255,.2)!important;box-shadow:0 17px 34px rgba(100,48,30,.36),inset 0 1px rgba(255,255,255,.38)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-trade-btn{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;color:#c7c4bf!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-admin{display:grid!important;place-items:center!important;text-decoration:none!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-logout{width:auto!important;color:#a16d70!important}

/* Top drops become a spatial display shelf. */
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop{padding:27px!important;border-radius:34px!important;border-color:rgba(255,255,255,.09)!important;background:linear-gradient(145deg,rgba(18,21,29,.88),rgba(8,11,17,.77))!important;box-shadow:0 36px 90px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.06)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop:after{content:"BEST OBJECTS  /  ALL TIME"!important;right:29px!important;top:30px!important;font-size:6px!important;letter-spacing:.22em!important;color:#565c67!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop-head{min-height:48px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop-head h2{font-size:20px!important;letter-spacing:.04em!important;color:#ece8e2!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-more{height:38px!important;padding:0 17px!important;border-radius:13px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-shell{padding:12px!important;border-radius:26px!important;background:radial-gradient(ellipse at 50% 0,rgba(228,145,101,.07),transparent 48%),rgba(4,7,11,.62)!important;box-shadow:inset 0 0 80px rgba(0,0,0,.54)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-track{gap:11px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-card{--card-rx:0deg;--card-ry:0deg;min-width:242px!important;height:264px!important;border-radius:23px!important;background:radial-gradient(circle at var(--card-x,50%) var(--card-y,35%),color-mix(in srgb,var(--rarity) 17%,transparent),transparent 45%),linear-gradient(155deg,#171b24,#0b0e14)!important;transform:perspective(760px) rotateX(var(--card-rx)) rotateY(var(--card-ry));box-shadow:inset 0 1px rgba(255,255,255,.07),0 20px 40px rgba(0,0,0,.3)!important;transition:transform .17s ease,border-color .25s ease,box-shadow .25s ease!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-card:hover{transform:perspective(760px) rotateX(var(--card-rx)) rotateY(var(--card-ry)) translateY(-7px)!important;box-shadow:0 32px 58px rgba(0,0,0,.52),0 0 30px color-mix(in srgb,var(--rarity) 9%,transparent)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-card .skin-img{filter:drop-shadow(0 22px 18px rgba(0,0,0,.38))!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-rank{top:14px!important;left:15px!important;border-radius:10px!important;background:rgba(5,7,11,.58)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-progress{height:3px!important;margin-top:14px!important;background:rgba(255,255,255,.045)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-progress i{background:linear-gradient(90deg,#d98761,#eab18f,#7689be)!important;box-shadow:0 0 14px rgba(227,145,101,.35)!important}

/* Inventory is an object library, not a generic dashboard table. */
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content{border-radius:35px!important;border-color:rgba(255,255,255,.09)!important;background:linear-gradient(145deg,rgba(17,20,28,.87),rgba(8,11,17,.76))!important;box-shadow:0 38px 95px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.06)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content-head{min-height:82px!important;padding:0 27px!important;background:rgba(255,255,255,.012)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content-tabs{gap:9px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content-tabs button{position:relative;height:48px!important;padding:0 23px!important;border-radius:16px!important;font-size:8px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content-tabs button.active{color:#f1b18e!important;border-color:rgba(234,159,119,.28)!important;background:linear-gradient(135deg,rgba(222,132,89,.19),rgba(255,255,255,.035))!important;box-shadow:inset 0 1px rgba(255,255,255,.075),0 14px 28px rgba(0,0,0,.25)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v80-content-body{min-height:310px!important;padding:22px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-page-grid{gap:13px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-page-item{--card-rx:0deg;--card-ry:0deg;min-height:260px!important;border-radius:24px!important;transform:perspective(760px) rotateX(var(--card-rx)) rotateY(var(--card-ry))!important;overflow:hidden!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-page-item:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 34%,rgba(255,255,255,.07) 50%,transparent 64%);transform:translateX(-120%);transition:.65s ease;pointer-events:none}
:root[data-visual-style="2040"][data-theme=hub] .profile-page-item:hover{transform:perspective(760px) rotateX(var(--card-rx)) rotateY(var(--card-ry)) translateY(-8px)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-page-item:hover:after{transform:translateX(120%)}
:root[data-visual-style="2040"][data-theme=hub] .profile-history-row{padding:15px 18px!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.015))!important}

@media(max-width:1450px){
  :root[data-visual-style="2040"][data-theme=hub] .profile-v80-command{grid-template-columns:1fr 330px!important;padding:29px!important}
  :root[data-visual-style="2040"][data-theme=hub] .profile-v160-info-row{grid-template-columns:minmax(220px,1.15fr) repeat(2,minmax(125px,.65fr))!important}
}
@media(max-width:1060px){
  :root[data-visual-style="2040"][data-theme=hub] .profile-v80-command{grid-template-columns:1fr!important}
  :root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions{grid-template-columns:repeat(4,1fr)!important}
  :root[data-visual-style="2040"][data-theme=hub] .profile-v163-deposit-btn{grid-column:auto!important}
}
@media(max-width:720px){
  :root[data-visual-style="2040"][data-theme=hub] .profile-v80-command{padding:22px 14px 14px!important;border-radius:29px!important}
  :root[data-visual-style="2040"][data-theme=hub] .profile-v160-info-row{grid-template-columns:1fr 1fr!important}
  :root[data-visual-style="2040"][data-theme=hub] .profile-v160-user{grid-column:1/-1!important}
  :root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions{grid-template-columns:1fr 1fr!important}
  :root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop,:root[data-visual-style="2040"][data-theme=hub] .profile-v80-content-body{padding:13px!important}
  :root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-card{min-width:210px!important}
}

/* v196 — profile follows the same calm tactile 2040 language. */
:root[data-visual-style="2040"][data-theme=hub] .profile-v80-command{
  border:0!important;border-radius:0!important;
  background:radial-gradient(circle at 78% 32%,rgba(101,121,185,.10),transparent 31%),radial-gradient(circle at 15% 20%,rgba(225,139,96,.09),transparent 32%)!important;
  box-shadow:none!important;
}
:root[data-visual-style="2040"][data-theme=hub] .profile-v80-command:after{opacity:.55!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-primary-card,
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions,
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop,
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content{
  border-color:rgba(255,255,255,.07)!important;background:linear-gradient(145deg,rgba(18,21,28,.68),rgba(8,11,17,.58))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 24px 60px rgba(0,0,0,.24)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .profile-v163-deposit-btn{background:linear-gradient(135deg,#e1a07d,#bd7355)!important;color:#17100c!important}

/* =========================================================
   v197 — COZY PROFILE
   Shorter Top Drop rail, warm quiet surfaces, no cursor-driven card wobble.
   ========================================================= */
:root[data-visual-style="2040"][data-theme=hub] .profile-page.profile-v80{padding-top:22px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v80-main{gap:18px!important}

:root[data-visual-style="2040"][data-theme=hub] .profile-v80-command{
  min-height:204px!important;padding:28px 30px!important;border-radius:30px!important;
  background:
    radial-gradient(circle at 81% 24%,rgba(169,116,85,.075),transparent 31%),
    radial-gradient(circle at 13% 18%,rgba(215,151,112,.105),transparent 35%),
    linear-gradient(145deg,rgba(31,25,22,.78),rgba(14,12,11,.66))!important;
  box-shadow:inset 0 1px rgba(255,241,230,.045),0 26px 64px rgba(0,0,0,.23)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .profile-v80-command:before{
  content:"ТВОЙ ПРОФИЛЬ"!important;left:31px!important;top:21px!important;color:#8d7667!important;font-size:7px!important;letter-spacing:.17em!important;
}
:root[data-visual-style="2040"][data-theme=hub] .profile-v80-command:after{right:112px!important;top:-170px!important;width:320px!important;height:320px!important;border-color:rgba(255,235,220,.045)!important;box-shadow:0 0 0 42px rgba(255,235,220,.009),0 0 0 84px rgba(255,235,220,.006)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-info-row{padding-top:18px!important;gap:10px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-primary-card{
  min-height:108px!important;padding:18px!important;border-radius:22px!important;border-color:rgba(255,239,226,.065)!important;
  background:linear-gradient(145deg,rgba(255,239,226,.046),rgba(255,239,226,.012))!important;
  box-shadow:inset 0 1px rgba(255,247,240,.045),0 14px 30px rgba(0,0,0,.15)!important;
  transition:transform .46s cubic-bezier(.16,.8,.22,1),background .36s ease,border-color .36s ease,box-shadow .36s ease!important;
}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-primary-card:hover{transform:translateY(-2px)!important;border-color:rgba(220,164,130,.17)!important;background:linear-gradient(145deg,rgba(255,239,226,.062),rgba(255,239,226,.016))!important;box-shadow:inset 0 1px rgba(255,247,240,.055),0 18px 35px rgba(0,0,0,.19)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-user .profile-avatar-xl{width:74px!important;height:74px!important;border-radius:25px!important;box-shadow:0 17px 32px rgba(0,0,0,.34),0 0 0 6px rgba(255,239,226,.018)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-user .profile-avatar-xl img{border-radius:23px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-user strong{color:#efe3d9!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-user span,:root[data-visual-style="2040"][data-theme=hub] .profile-v187-stat small{color:#8b7e75!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v187-stat strong{color:#eee3da!important}

:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions{
  padding:14px!important;border-radius:22px!important;border-color:rgba(255,239,226,.055)!important;
  background:rgba(25,20,18,.36)!important;box-shadow:inset 0 1px rgba(255,242,232,.03)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions>*{height:52px!important;border-radius:15px!important;transition:transform .42s cubic-bezier(.16,.8,.22,1),background .34s ease,border-color .34s ease!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v163-deposit-btn{background:linear-gradient(135deg,#d9a17e,#b97859)!important;color:#1c120e!important;box-shadow:inset 0 1px rgba(255,255,255,.25),0 10px 22px rgba(75,42,29,.20)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-trade-btn,:root[data-visual-style="2040"][data-theme=hub] .profile-v156-admin{background:linear-gradient(145deg,rgba(255,239,226,.045),rgba(255,239,226,.012))!important;color:#cfc2b8!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-logout{background:rgba(145,81,78,.16)!important;border-color:rgba(179,105,101,.20)!important;color:#c99794!important;box-shadow:none!important}

/* Top Drop is a low memory shelf instead of a tall gallery block. */
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop{
  margin-top:0!important;padding:17px 19px 14px!important;border-radius:26px!important;
  border-color:rgba(255,239,226,.06)!important;
  background:linear-gradient(145deg,rgba(30,24,21,.67),rgba(14,12,11,.56))!important;
  box-shadow:inset 0 1px rgba(255,243,234,.035),0 20px 48px rgba(0,0,0,.18)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop:after{content:"ЛУЧШИЕ ДРОПЫ"!important;right:21px!important;top:22px!important;color:#786b63!important;letter-spacing:.14em!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop-head{min-height:34px!important;padding:0 2px 9px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop-head strong{font-size:17px!important;color:#e7dbd2!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-more{height:32px!important;padding:0 12px!important;border-radius:11px!important;background:rgba(255,239,226,.025)!important;border-color:rgba(255,239,226,.055)!important;transition:transform .38s cubic-bezier(.16,.8,.22,1),background .32s ease,border-color .32s ease!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-more:hover{transform:translateY(-1px)!important;background:rgba(255,239,226,.045)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-shell{
  padding:7px!important;border-radius:19px!important;
  background:radial-gradient(ellipse at 30% 0,rgba(210,149,112,.045),transparent 48%),rgba(10,9,8,.35)!important;
  box-shadow:inset 0 0 44px rgba(0,0,0,.24)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-track{grid-auto-columns:282px!important;gap:8px!important;padding:1px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-card{
  min-width:282px!important;width:282px!important;height:116px!important;
  display:grid!important;grid-template-columns:106px 1fr!important;grid-template-rows:1fr!important;align-items:center!important;
  padding:8px 12px 8px 6px!important;border-radius:17px!important;
  background:radial-gradient(circle at var(--card-x,48%) var(--card-y,38%),color-mix(in srgb,var(--rarity) 9%,transparent),transparent 52%),linear-gradient(145deg,rgba(255,239,226,.032),rgba(255,239,226,.010))!important;
  border-color:rgba(255,239,226,.045)!important;box-shadow:inset 0 1px rgba(255,245,237,.035)!important;
  transform:translateZ(0)!important;
  transition:transform .46s cubic-bezier(.16,.8,.22,1),border-color .34s ease,background .34s ease,box-shadow .34s ease!important;
}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-card:hover{transform:translateY(-2px) scale(1.004)!important;border-color:color-mix(in srgb,var(--rarity) 20%,rgba(255,239,226,.07))!important;box-shadow:0 12px 26px rgba(0,0,0,.20)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-card .skin-art{width:100px!important;height:92px!important;min-width:100px!important;min-height:92px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-info{align-self:center!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-card .skin-caption small{font-size:8px!important;color:#847870!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-card .skin-caption strong{font-size:13px!important;margin-top:4px!important;color:#e9ddd4!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-card .skin-caption b{font-size:12px!important;margin-top:6px!important;color:#cda287!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-rank{top:8px!important;left:9px!important;padding:3px 5px!important;border-radius:7px!important;background:rgba(12,10,9,.54)!important;color:#86786f!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-progress{height:2px!important;margin:8px 9px 0!important;background:rgba(255,239,226,.032)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-progress i{background:linear-gradient(90deg,#b77b5d,#d3a17f,#9d806e)!important;box-shadow:none!important}

/* Inventory/history sits in one warm, quiet content surface. */
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content{
  margin-top:0!important;border-radius:28px!important;border-color:rgba(255,239,226,.055)!important;
  background:linear-gradient(145deg,rgba(29,24,21,.62),rgba(13,11,10,.53))!important;
  box-shadow:inset 0 1px rgba(255,243,234,.032),0 22px 54px rgba(0,0,0,.18)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content-head{min-height:68px!important;padding:0 20px!important;background:transparent!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content-tabs{gap:6px!important;padding:4px!important;border-radius:14px!important;background:rgba(8,7,7,.24)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content-tabs button{height:40px!important;min-height:40px!important;padding:0 18px!important;border-radius:11px!important;font-size:9px!important;transition:transform .38s cubic-bezier(.16,.8,.22,1),background .32s ease,color .32s ease,border-color .32s ease!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content-tabs button:hover{transform:translateY(-1px)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content-tabs button.active{color:#dfad8d!important;border-color:rgba(219,159,122,.17)!important;background:rgba(211,151,114,.10)!important;box-shadow:none!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v80-content-body{padding:17px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-page-item{transform:translateZ(0)!important;transition:transform .46s cubic-bezier(.16,.8,.22,1),border-color .34s ease,box-shadow .34s ease!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-page-item:hover{transform:translateY(-3px) scale(1.004)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-history-row{background:linear-gradient(135deg,rgba(255,239,226,.032),rgba(255,239,226,.010))!important;border-color:rgba(255,239,226,.045)!important;transition:background .32s ease,border-color .32s ease,transform .38s cubic-bezier(.16,.8,.22,1)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-history-row:hover{transform:translateY(-1px)!important;background:linear-gradient(135deg,rgba(255,239,226,.045),rgba(255,239,226,.014))!important}

@media(max-width:1450px){
  :root[data-visual-style="2040"][data-theme=hub] .profile-v80-command{padding:25px!important}
  :root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-track{grid-auto-columns:265px!important}
  :root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-card{min-width:265px!important;width:265px!important}
}
@media(max-width:720px){
  :root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-card{min-width:235px!important;width:235px!important;grid-template-columns:88px 1fr!important;height:108px!important}
  :root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-card .skin-art{width:84px!important;height:82px!important;min-width:84px!important;min-height:82px!important}
}

/* =========================================================
   v198 — profile typography + milk-neon comfort pass.
   ========================================================= */
:root[data-visual-style="2040"][data-theme=hub] .profile-v80-command:before,
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop:after{display:none!important;content:none!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v80-command{
  background:radial-gradient(circle at 82% 24%,rgba(240,207,179,.095),transparent 34%),radial-gradient(circle at 13% 10%,rgba(255,157,96,.10),transparent 34%),linear-gradient(145deg,rgba(48,34,27,.72),rgba(17,12,10,.68))!important;
  border-color:rgba(255,233,215,.075)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-primary-card,
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions,
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop,
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content{border-color:rgba(255,233,215,.07)!important;background:linear-gradient(145deg,rgba(48,34,27,.55),rgba(18,13,11,.50))!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-user span{font-size:9px!important;color:#a18d80!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v187-stat small{font-size:9px!important;color:#9b887c!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions>*{font-size:10px!important;letter-spacing:.055em!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop-head strong{font-size:19px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-more{font-size:10px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-card .skin-caption small{font-size:9px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-card .skin-caption strong{font-size:14px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-card .skin-caption b{font-size:13px!important;color:#e2ad87!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content-tabs button{font-size:10px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v163-deposit-btn{background:linear-gradient(118deg,#f0cfb3,#ffb27e 48%,#f09a65)!important;color:#24140d!important;box-shadow:inset 0 1px rgba(255,255,255,.42),0 11px 24px rgba(80,40,24,.20),0 0 20px rgba(255,143,76,.07)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content-tabs button.active{color:#ffd0af!important;border-color:rgba(255,169,105,.20)!important;background:rgba(255,151,87,.10)!important;box-shadow:0 0 18px rgba(255,137,73,.04)!important}

/* =========================================================
   v199 — profile milk-center continuity
   ========================================================= */
:root[data-visual-style="2040"] .profile-shell,
:root[data-visual-style="2040"] .profile-v81-shell,
:root[data-visual-style="2040"] .profile-v160-command,
:root[data-visual-style="2040"] .profile-v81-top-card,
:root[data-visual-style="2040"] .profile-page-item{
  border-color:rgba(255,237,218,.09)!important;
}
:root[data-visual-style="2040"] .profile-v160-command,
:root[data-visual-style="2040"] .profile-v81-top-card{
  background:linear-gradient(145deg,rgba(244,223,202,.075),rgba(39,25,19,.46))!important;
  box-shadow:inset 0 1px rgba(255,249,241,.055),0 22px 52px rgba(0,0,0,.18)!important;
}
:root[data-visual-style="2040"] .profile-page :is(button,a.profile-action,.profile-v160-command-actions button,.profile-v160-command-actions a){
  color:#f4dfca!important;
}
:root[data-visual-style="2040"] .profile-page input[type="range"]{accent-color:#f4dfca!important}

/* =========================================================
   v201 — profile dark coffee / white continuity
   ========================================================= */
:root[data-visual-style="2040"] body{
  background:
    radial-gradient(900px 640px at 8% 0%,rgba(88,42,24,.25),transparent 66%),
    radial-gradient(780px 560px at 90% 4%,rgba(255,255,255,.05),transparent 68%),
    linear-gradient(128deg,#090604 0%,#120a07 32%,#080605 62%,#100907 100%)!important;
}
:root[data-visual-style="2040"] .k2040-balance{
  min-height:56px!important;height:56px!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.025))!important;border-color:rgba(255,255,255,.12)!important;
}
:root[data-visual-style="2040"] .k2040-balance small{display:none!important}
:root[data-visual-style="2040"] .k2040-balance strong{margin:0!important;color:#fffaf4!important;font-size:18px!important;line-height:1!important}
:root[data-visual-style="2040"] .k2040-balance img{position:static!important;inset:auto!important;width:18px!important;height:18px!important;flex:0 0 18px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v80-command,
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-primary-card,
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions,
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop,
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content{
  background:linear-gradient(145deg,rgba(35,21,15,.56),rgba(9,6,5,.64))!important;border-color:rgba(255,255,255,.075)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-user strong,
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop-head strong,
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content h2,
:root[data-visual-style="2040"][data-theme=hub] .profile-page-item strong{color:#fffaf4!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v163-deposit-btn{
  color:#160d08!important;background:linear-gradient(128deg,#fffaf4,#f4e9df 55%,#ead8ca)!important;border-color:rgba(255,255,255,.55)!important;
  box-shadow:inset 0 1px #fff,0 14px 30px rgba(0,0,0,.22),0 0 22px rgba(255,255,255,.05)!important;
}

/* v203 — profile shares the deeper spatial espresso gradient. */
:root[data-visual-style="2040"] body{
  background:
    radial-gradient(1150px 760px at -7% -8%,rgba(132,72,42,.38),transparent 61%),
    radial-gradient(900px 620px at 103% 9%,rgba(255,244,233,.095),transparent 60%),
    radial-gradient(900px 640px at 72% 78%,rgba(105,50,28,.18),transparent 68%),
    radial-gradient(760px 540px at 24% 86%,rgba(246,219,196,.045),transparent 64%),
    linear-gradient(132deg,#070403 0%,#170b07 28%,#0a0604 53%,#120906 73%,#050403 100%)!important;
  background-attachment:fixed!important;
}

/* v204 — same dark espresso + milk spatial gradient used by the main 2040 shell. */
:root[data-visual-style="2040"] body{
  background:
    radial-gradient(1050px 760px at -8% 14%,rgba(92,43,23,.62),transparent 64%),
    radial-gradient(1040px 720px at 102% 4%,rgba(255,248,239,.19),transparent 64%),
    radial-gradient(820px 620px at 58% 26%,rgba(255,236,218,.075),transparent 68%),
    radial-gradient(980px 680px at 70% 102%,rgba(91,40,20,.31),transparent 68%),
    radial-gradient(760px 560px at 18% 96%,rgba(255,244,231,.055),transparent 66%),
    linear-gradient(128deg,#050302 0%,#170b07 25%,#080403 49%,#130906 70%,#040302 100%)!important;
  background-attachment:fixed!important;
}

/* =========================================================
   v205 — profile 2040 support stays on the current profile view.
   ========================================================= */
:root[data-visual-style="2040"] .profile-support-fab#profileSupportFab2040{
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
}
:root[data-visual-style="2040"] #profileSupportPortal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483100!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-overlay{
  position:absolute!important;
  inset:0!important;
  pointer-events:auto!important;
  background:rgba(7,4,3,.44)!important;
  backdrop-filter:blur(18px) saturate(.80)!important;
  -webkit-backdrop-filter:blur(18px) saturate(.80)!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-modal{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  width:min(390px,calc(100dvw - 28px))!important;
  max-width:min(390px,calc(100dvw - 28px))!important;
  max-height:min(520px,calc(100dvh - 28px))!important;
  display:grid!important;
  grid-template-rows:64px minmax(0,1fr)!important;
  overflow:hidden!important;
  transform:translate(-50%,-50%)!important;
  pointer-events:auto!important;
  border:1px solid rgba(255,245,237,.12)!important;
  border-radius:22px!important;
  background:linear-gradient(155deg,rgba(30,19,14,.99),rgba(11,7,6,.995) 72%)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.055)!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-modal>header{
  height:64px!important;
  padding:8px 10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  border-bottom:1px solid rgba(255,245,237,.075)!important;
  background:linear-gradient(180deg,rgba(255,247,240,.035),transparent)!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-brand{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-brand>img{
  width:36px!important;
  height:36px!important;
  object-fit:contain!important;
  border-radius:50%!important;
  filter:drop-shadow(0 0 10px rgba(255,160,105,.10))!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-brand b{
  display:block!important;
  color:#fff8f2!important;
  font-size:9px!important;
  letter-spacing:.08em!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-brand small{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin-top:3px!important;
  color:#a98d7d!important;
  font-size:6.5px!important;
  letter-spacing:.08em!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-brand small i{
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#75d9a0!important;
  box-shadow:0 0 8px rgba(117,217,160,.35)!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-modal>header>button{
  width:31px!important;
  height:31px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  border:1px solid rgba(255,245,237,.10)!important;
  border-radius:10px!important;
  background:rgba(255,248,242,.045)!important;
  color:#d8c7bb!important;
  font:400 19px/1 Arial,sans-serif!important;
  cursor:pointer!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-body{
  min-height:0!important;
  max-height:456px!important;
  padding:11px!important;
  overflow:auto!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-title small{
  color:#b3795d!important;
  font-size:6.5px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-title h3{
  margin:3px 0 9px!important;
  color:#fff8f2!important;
  font-size:18px!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-topics{
  display:grid!important;
  gap:6px!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-topics button{
  min-height:44px!important;
  height:44px!important;
  padding:5px 8px!important;
  display:grid!important;
  grid-template-columns:30px 1fr!important;
  align-items:center!important;
  gap:8px!important;
  text-align:left!important;
  border:1px solid rgba(255,245,237,.07)!important;
  border-radius:12px!important;
  background:rgba(255,248,242,.028)!important;
  color:#eee4dd!important;
  cursor:pointer!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-topics button.active{
  border-color:rgba(238,161,119,.34)!important;
  background:rgba(181,100,66,.12)!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-topics button i{
  width:30px!important;
  height:30px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:9px!important;
  background:#160e0b!important;
  color:#edb38e!important;
  font-style:normal!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-topics button b{font-size:8.5px!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-description{
  display:grid!important;
  margin-top:9px!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-description>span{
  margin-bottom:5px!important;
  color:#8f8179!important;
  font-size:6.8px!important;
  line-height:1.35!important;
}
:root[data-visual-style="2040"] #profileSupportPortal :is(.profile-support-description textarea,.profile-support-reply textarea){
  min-height:76px!important;
  height:76px!important;
  padding:9px 10px!important;
  border:1px solid rgba(255,245,237,.075)!important;
  border-radius:12px!important;
  outline:0!important;
  background:rgba(6,4,3,.62)!important;
  color:#f4ebe5!important;
  font-size:9.5px!important;
  resize:none!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-primary{
  width:100%!important;
  height:40px!important;
  margin-top:7px!important;
  border:0!important;
  border-radius:12px!important;
  background:#f7f1eb!important;
  color:#21150f!important;
  box-shadow:0 8px 18px rgba(0,0,0,.18)!important;
  font-size:8.5px!important;
  font-weight:900!important;
  cursor:pointer!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-continue{
  width:100%!important;
  min-height:48px!important;
  margin-top:7px!important;
  padding:7px 9px!important;
  display:grid!important;
  grid-template-columns:10px 1fr auto!important;
  align-items:center!important;
  gap:8px!important;
  text-align:left!important;
  border:1px solid rgba(255,245,237,.08)!important;
  border-radius:12px!important;
  background:rgba(255,248,242,.025)!important;
  color:#e7dbd3!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-continue>i{
  width:7px!important;height:7px!important;border-radius:50%!important;background:#72d39a!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-continue span{display:grid!important;gap:2px!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-continue b{font-size:8px!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-continue small{color:#8f8179!important;font-size:6.5px!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-ticket-top{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin-bottom:8px!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-ticket-top button{
  border:0!important;background:transparent!important;color:#dcb79f!important;font-size:7.5px!important;cursor:pointer!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-ticket-top span{
  padding:5px 7px!important;border-radius:8px!important;background:rgba(255,248,242,.045)!important;color:#b9a79c!important;font-size:6.5px!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-thread{
  max-height:286px!important;
  display:grid!important;
  gap:7px!important;
  overflow:auto!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-thread article{
  padding:9px!important;
  border:1px solid rgba(255,245,237,.07)!important;
  border-radius:12px!important;
  background:rgba(255,248,242,.025)!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-thread article.operator{background:rgba(166,92,61,.10)!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-thread header{display:flex!important;justify-content:space-between!important;gap:8px!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-thread b{color:#f2e7df!important;font-size:7.5px!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-thread time{color:#76665e!important;font-size:6px!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-thread p{margin:5px 0 0!important;color:#bfaea4!important;font-size:8px!important;line-height:1.45!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-reply{
  display:grid!important;grid-template-columns:1fr 42px!important;gap:7px!important;margin-top:8px!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-reply textarea{height:52px!important;min-height:52px!important}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-reply button{
  width:42px!important;height:52px!important;border:0!important;border-radius:12px!important;background:#f7f1eb!important;color:#21150f!important;font-size:16px!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-loading{
  min-height:220px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:10px!important;color:#9f8e84!important;font-size:8px!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .profile-support-loading i{
  width:22px!important;height:22px!important;border:2px solid rgba(255,245,237,.10)!important;border-top-color:#d69a76!important;border-radius:50%!important;animation:profileSupportSpin .7s linear infinite!important;
}
@keyframes profileSupportSpin{to{transform:rotate(360deg)}}


/* =========================================================
   v206 — profile command cleanup + richer ambient canvas
   2040-only.
   ========================================================= */
:root[data-visual-style="2040"] body{
  background:
    radial-gradient(900px 720px at 8% 12%,rgba(96,48,29,.68),transparent 62%),
    radial-gradient(760px 620px at 91% 13%,rgba(252,244,233,.20),transparent 61%),
    radial-gradient(620px 520px at 58% 12%,rgba(151,164,184,.095),transparent 58%),
    radial-gradient(780px 650px at 76% 78%,rgba(91,101,66,.12),transparent 62%),
    radial-gradient(670px 520px at 26% 83%,rgba(246,231,214,.105),transparent 58%),
    radial-gradient(520px 430px at 48% 56%,rgba(112,128,158,.065),transparent 62%),
    linear-gradient(132deg,#080403 0%,#1b0d08 26%,#0a0706 49%,#12110d 68%,#080a0d 84%,#040302 100%)!important;
  background-attachment:fixed!important;
}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:9px!important;
  padding:10px!important;border-color:rgba(255,249,241,.12)!important;background:linear-gradient(145deg,rgba(255,248,240,.045),rgba(22,13,10,.30))!important;
}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions.no-admin{grid-template-columns:repeat(2,minmax(0,1fr))!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions>*{
  min-width:0!important;height:48px!important;border-radius:14px!important;border:1px solid rgba(255,249,241,.18)!important;
  background:linear-gradient(145deg,rgba(255,250,244,.14),rgba(255,238,223,.035))!important;color:#f8f0e8!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 9px 22px rgba(0,0,0,.15)!important;
}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions>*:hover{
  transform:translateY(-1px)!important;border-color:rgba(255,252,247,.32)!important;background:linear-gradient(145deg,rgba(255,252,247,.19),rgba(255,240,227,.055))!important;
}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-logout{
  width:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;color:#f7ece7!important;
}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-logout svg{width:17px!important;height:17px!important;stroke:currentColor!important;fill:none!important;stroke-width:1.7!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-logout span{font-size:9px!important;font-weight:900!important;letter-spacing:.065em!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v156-admin{display:grid!important;place-items:center!important;color:#f8f0e8!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-trade-btn{color:#f8f0e8!important}


/* v207 — profile continuity for the new quality ambient canvas. */
:root[data-visual-style="2040"] body{
  background:
    radial-gradient(ellipse 72% 58% at -8% 7%,rgba(91,41,22,.78) 0%,rgba(51,24,15,.42) 34%,transparent 72%),
    radial-gradient(ellipse 54% 46% at 94% 17%,rgba(255,248,238,.19) 0%,rgba(224,216,207,.085) 34%,transparent 74%),
    radial-gradient(ellipse 58% 54% at 72% 78%,rgba(65,92,73,.16) 0%,rgba(46,66,55,.07) 39%,transparent 76%),
    radial-gradient(ellipse 50% 46% at 57% 18%,rgba(70,104,157,.14) 0%,rgba(43,65,104,.055) 42%,transparent 78%),
    radial-gradient(ellipse 52% 44% at 24% 84%,rgba(245,226,205,.115) 0%,rgba(138,105,82,.055) 42%,transparent 78%),
    linear-gradient(128deg,#050302 0%,#170b07 27%,#080605 49%,#0b0c0b 68%,#07090d 84%,#040302 100%)!important;
  background-attachment:fixed!important;
}
:root[data-visual-style="2040"] .k2040-balance{
  width:124px!important;height:48px!important;min-height:48px!important;padding:0 11px!important;gap:8px!important;border-radius:15px!important;
  background:linear-gradient(145deg,rgba(255,250,244,.16),rgba(255,240,227,.055))!important;
  border:0!important;box-shadow:inset 0 0 0 1px rgba(255,250,244,.16),inset 0 1px rgba(255,255,255,.10),0 11px 26px rgba(0,0,0,.20)!important;
}
:root[data-visual-style="2040"] .k2040-balance strong{font-size:18px!important}
:root[data-visual-style="2040"] .k2040-balance img{width:19px!important;height:19px!important;flex-basis:19px!important}
:root[data-visual-style="2040"] .k2040-balance.is-million{height:auto!important;min-height:62px!important;padding:7px 10px!important;flex-direction:column!important;gap:4px!important}

/* v209 — keep profile on the same warm coffee + milk canvas. */
:root[data-visual-style="2040"] body{
  background:
    radial-gradient(ellipse 74% 62% at -10% 8%,rgba(91,43,25,.78) 0%,rgba(51,24,15,.46) 36%,transparent 73%),
    radial-gradient(ellipse 58% 50% at 101% 16%,rgba(255,249,240,.22) 0%,rgba(238,220,203,.105) 36%,transparent 75%),
    radial-gradient(ellipse 54% 52% at 72% 80%,rgba(139,92,62,.15) 0%,rgba(81,49,34,.075) 42%,transparent 77%),
    radial-gradient(ellipse 48% 40% at 52% 19%,rgba(255,241,224,.105) 0%,rgba(190,149,116,.05) 44%,transparent 79%),
    radial-gradient(ellipse 52% 46% at 22% 86%,rgba(244,224,204,.13) 0%,rgba(125,84,59,.065) 43%,transparent 79%),
    linear-gradient(128deg,#050302 0%,#170b07 26%,#0b0705 48%,#160e0a 70%,#0a0604 86%,#040302 100%)!important;
  background-attachment:fixed!important;
}

/* v212 — restore the exact v205 espresso + milk background in profile 2040 too. */
:root[data-visual-style="2040"] body{
  background:
    radial-gradient(1050px 760px at -8% 14%,rgba(92,43,23,.62),transparent 64%),
    radial-gradient(1040px 720px at 102% 4%,rgba(255,248,239,.19),transparent 64%),
    radial-gradient(820px 620px at 58% 26%,rgba(255,236,218,.075),transparent 68%),
    radial-gradient(980px 680px at 70% 102%,rgba(91,40,20,.31),transparent 68%),
    radial-gradient(760px 560px at 18% 96%,rgba(255,244,231,.055),transparent 66%),
    linear-gradient(128deg,#050302 0%,#170b07 25%,#080403 49%,#130906 70%,#040302 100%)!important;
  background-attachment:fixed!important;
}

/* =========================================================
   v214 — profile support rebuilt with one centered frame.
   Profile settings stay untouched because their geometry is approved.
   ========================================================= */
:root[data-visual-style="2040"] #profileSupportPortal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483200!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-layer{
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  padding:18px!important;
  pointer-events:auto!important;
  overflow:hidden!important;
  background:rgba(8,5,4,.50)!important;
  backdrop-filter:blur(20px) saturate(.72)!important;
  -webkit-backdrop-filter:blur(20px) saturate(.72)!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-layer::before,
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-layer::after{content:none!important;display:none!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card{
  position:relative!important;
  inset:auto!important;
  width:min(470px,calc(100dvw - 30px))!important;
  max-width:470px!important;
  max-height:min(640px,calc(100dvh - 30px))!important;
  display:grid!important;
  grid-template-rows:68px minmax(0,1fr)!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  overflow:hidden!important;
  border:1px solid rgba(255,247,240,.12)!important;
  border-radius:22px!important;
  background:linear-gradient(155deg,rgba(31,20,15,.985),rgba(13,8,6,.995) 72%)!important;
  box-shadow:0 34px 100px rgba(0,0,0,.56),inset 0 1px rgba(255,255,255,.055)!important;
  pointer-events:auto!important;
  isolation:isolate!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card::before,
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card::after{content:none!important;display:none!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card *{box-sizing:border-box!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card>header{
  height:68px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:0 14px 0 16px!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid rgba(255,247,240,.075)!important;
  background:linear-gradient(180deg,rgba(255,250,244,.034),transparent)!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-brand>img{width:38px!important;height:38px!important;display:block!important;object-fit:contain!important;border-radius:50%!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-brand b{display:block!important;color:#fff9f4!important;font-size:10px!important;letter-spacing:.075em!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-brand small{display:flex!important;align-items:center!important;gap:5px!important;margin-top:3px!important;color:#a88d7e!important;font-size:6.5px!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-brand small i{width:5px!important;height:5px!important;border-radius:50%!important;background:#7cdba5!important;box-shadow:0 0 8px rgba(124,219,165,.35)!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card>header>button{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  border:1px solid rgba(255,248,241,.10)!important;
  border-radius:11px!important;
  background:rgba(255,248,242,.045)!important;
  color:#d9c8bd!important;
  font:400 20px/1 Arial,sans-serif!important;
  cursor:pointer!important;
}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-body{min-height:0!important;width:100%!important;max-height:none!important;padding:12px!important;overflow:auto!important;background:transparent!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card :is(.profile-support-form,.profile-support-ticket,.profile-support-loading){position:static!important;inset:auto!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;margin:0!important;padding:0!important;transform:none!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-title small{color:#b9866a!important;font-size:7px!important;font-weight:900!important;letter-spacing:.14em!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-title h3{margin:4px 0 10px!important;color:#fff8f2!important;font-size:20px!important;line-height:1.1!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-topics{display:grid!important;gap:7px!important;width:100%!important;margin:0!important;padding:0!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-topics button{appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:48px!important;min-height:48px!important;margin:0!important;padding:7px 10px!important;display:grid!important;grid-template-columns:32px 1fr!important;align-items:center!important;gap:9px!important;border:1px solid rgba(255,248,241,.08)!important;border-radius:13px!important;background:rgba(255,249,243,.026)!important;color:#eee4dc!important;box-shadow:none!important;text-align:left!important;cursor:pointer!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-topics button.active{border-color:rgba(255,229,209,.24)!important;background:linear-gradient(145deg,rgba(255,247,240,.085),rgba(148,85,56,.07))!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-topics button i{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;margin:0!important;border-radius:10px!important;background:#180f0b!important;color:#efc2a5!important;font-size:13px!important;font-style:normal!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-topics button b{color:#f3e9e2!important;font-size:10px!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-description{display:block!important;width:100%!important;margin:10px 0 0!important;padding:0!important;border:0!important;background:none!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-description>span{display:block!important;margin:0 0 6px!important;color:#988980!important;font-size:8px!important;line-height:1.4!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card :is(.profile-support-description textarea,.profile-support-reply textarea){appearance:none!important;-webkit-appearance:none!important;width:100%!important;min-height:94px!important;height:94px!important;margin:0!important;padding:11px 12px!important;border:1px solid rgba(255,248,241,.085)!important;border-radius:13px!important;background:rgba(7,4,3,.55)!important;color:#f8efe9!important;font-size:11px!important;line-height:1.4!important;resize:none!important;outline:none!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-primary{appearance:none!important;-webkit-appearance:none!important;width:100%!important;height:44px!important;min-height:44px!important;margin:8px 0 0!important;border:1px solid rgba(255,255,255,.52)!important;border-radius:13px!important;background:linear-gradient(135deg,#fffaf5,#eee1d7)!important;color:#23150f!important;font-size:9px!important;font-weight:900!important;box-shadow:0 10px 22px rgba(0,0,0,.18)!important;cursor:pointer!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-continue{appearance:none!important;-webkit-appearance:none!important;width:100%!important;min-height:52px!important;margin:8px 0 0!important;padding:8px 10px!important;border:1px solid rgba(255,248,241,.08)!important;border-radius:13px!important;background:rgba(255,249,243,.03)!important;color:#f1e8e1!important;box-shadow:none!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-thread{max-height:320px!important;overflow:auto!important;margin:0!important;padding:0!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-reply{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:7px!important;margin-top:8px!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-reply textarea{height:58px!important;min-height:58px!important}
:root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card .profile-support-reply button{width:44px!important;height:58px!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:12px!important;background:#f7efe8!important;color:#21140e!important;font-size:18px!important}

@media(max-width:560px){
  :root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-layer{padding:10px!important}
  :root[data-visual-style="2040"] #profileSupportPortal .k214-profile-support-card{width:calc(100dvw - 20px)!important;max-width:calc(100dvw - 20px)!important}
}

/* v229 — profile 2040 action geometry + white contrast */
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions{display:grid!important;grid-template-columns:minmax(180px,1fr) 52px!important;gap:8px!important;align-items:center!important;width:min(300px,100%)!important;padding:8px!important;border-color:rgba(255,255,255,.12)!important;background:rgba(255,255,255,.025)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions.has-admin,:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions.no-admin{grid-template-columns:minmax(180px,1fr) 52px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions .profile-v160-trade-btn{width:100%!important;height:52px!important;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.028))!important;border-color:rgba(255,255,255,.16)!important;color:#fff!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions .profile-v160-logout{width:52px!important;min-width:52px!important;max-width:52px!important;height:52px!important;background:rgba(143,36,42,.25)!important;border-color:rgba(255,85,92,.30)!important;color:#ff7b80!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-admin{color:#fff!important;border-color:rgba(255,255,255,.17)!important;background:rgba(255,255,255,.065)!important;text-decoration:none!important}.k2040-admin svg{width:21px!important;height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.6!important;stroke-linecap:round!important;stroke-linejoin:round!important}
:root[data-visual-style="2040"][data-theme=hub] .k2040-round-action{border-color:rgba(255,255,255,.14)!important;color:#fff!important}:root[data-visual-style="2040"][data-theme=hub] .k2040-logout{background:rgba(141,38,44,.22)!important;border-color:rgba(255,91,98,.28)!important;color:#ff858a!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-rank{display:none!important}:root[data-visual-style="2040"][data-theme=hub] .profile-drop-origin{right:10px!important;top:9px!important;border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.055)!important;color:#fff!important;font-size:6px!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-progress{background:rgba(255,255,255,.06)!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-progress i{background:linear-gradient(90deg,rgba(255,255,255,.28),#fff,rgba(255,255,255,.32))!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop,:root[data-visual-style="2040"][data-theme=hub] .profile-v156-content,:root[data-visual-style="2040"][data-theme=hub] .profile-v80-command{border-color:rgba(255,255,255,.10)!important;box-shadow:0 24px 70px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.06)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-topdrop-head strong,:root[data-visual-style="2040"][data-theme=hub] .profile-v80-content-head strong{color:#fff!important}:root[data-visual-style="2040"][data-theme=hub] .profile-v81-more,:root[data-visual-style="2040"][data-theme=hub] .sell-all-btn{border-color:rgba(255,255,255,.13)!important;color:#f1eeeb!important;background:rgba(255,255,255,.045)!important}
:root[data-visual-style="2040"][data-theme=hub] .history-origin-icon{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important}


/* v229 final — clean Top Drop rail + stronger profile contrast */
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-top-progress{display:none!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-archive-list .archive-rank{display:none!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-archive-head>span:first-child{visibility:hidden!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions{box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 35px rgba(0,0,0,.16)!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions .profile-v160-trade-btn:hover{border-color:rgba(255,255,255,.30)!important;background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.045))!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v160-command-actions .profile-v160-logout:hover{background:rgba(180,48,55,.35)!important;border-color:rgba(255,105,111,.48)!important;color:#ff9aa0!important}
/* v229 correction — rank removal is only for the compact Top Drop cards, not the archive table. */
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-archive-list .archive-rank{display:block!important}
:root[data-visual-style="2040"][data-theme=hub] .profile-v81-archive-head>span:first-child{visibility:visible!important}


/* v231 — profile keeps the 2040 style switch and logout treatment on every profile state. */
:root[data-visual-style="2040"] .k2040-rail-left .k2040-style-dock{display:block!important;visibility:visible!important;opacity:1!important;margin-top:auto!important;flex:0 0 auto!important;position:relative!important;z-index:20!important}
:root[data-visual-style="2040"] .k2040-style-dock .visual-style-switch{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
:root[data-visual-style="2040"] #profile2040Logout.k2040-logout{color:#ff6c6c!important;border-color:rgba(255,94,94,.50)!important;background:linear-gradient(145deg,rgba(145,30,30,.44),rgba(69,12,12,.30))!important}
:root[data-visual-style="2040"] #profile2040Logout.k2040-logout svg{stroke:#ff6c6c!important;color:#ff6c6c!important}

/* v232 — compact 2040 profile command actions */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v160-command-actions{gap:7px!important;align-items:center!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v160-command-actions .profile-v160-trade-btn{width:auto!important;min-width:116px!important;height:38px!important;min-height:38px!important;padding:0 14px!important;border-radius:11px!important;font-size:8px!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v160-command-actions .profile-v160-logout{width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;border-radius:11px!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v160-command-actions .profile-v160-logout svg{width:18px!important;height:18px!important}


/* v233 — 2040 history/replay final pass */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-history-row{grid-template-columns:58px 126px minmax(250px,1fr) 190px 126px 106px!important;height:94px!important;min-height:94px!important;padding:9px 14px!important;gap:14px!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-history-feed{scrollbar-color:rgba(247,239,232,.52) rgba(255,255,255,.035)!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-history-feed::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#fff,#d5c3b7)!important;border-color:#17110e!important}
:root[data-visual-style="2040"][data-theme="hub"] .k233-upgrade-replay{background:linear-gradient(150deg,#16100d,#0b0b0e 72%)!important;border-color:rgba(255,255,255,.16)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k233-upgrade-replay .k233-replay-close{display:grid!important;visibility:visible!important;opacity:1!important;color:#fff!important;background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.18)!important}

/* v234 — final 2040 profile modal override (loaded last). */
:root[data-visual-style="2040"] .kx234-simple-head{position:relative!important;min-height:76px!important;height:76px!important;display:grid!important;place-items:center!important;padding:0 72px!important;border:0!important;background:transparent!important;box-shadow:none!important}
:root[data-visual-style="2040"] .kx234-simple-head h2{margin:0!important;color:#fff!important;font-size:23px!important;line-height:1!important;font-weight:950!important;text-align:center!important}
:root[data-visual-style="2040"] .kx234-close{position:absolute!important;top:16px!important;right:18px!important;z-index:80!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.075)!important;color:#fff!important;font:400 27px/1 Arial,sans-serif!important;transform:none!important}
:root[data-visual-style="2040"] .kx229-card.kx229-settings{width:min(660px,calc(100dvw - 52px))!important;max-width:660px!important}:root[data-visual-style="2040"] .kx229-card.kx229-support{width:min(790px,calc(100dvw - 52px))!important;max-width:790px!important}

/* v235 — 2040 profile: separate trade/logout controls + modal close containment */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v160-command-actions{width:auto!important;min-width:0!important;padding:0!important;gap:10px!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;justify-content:flex-end!important;overflow:visible!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v160-command-actions .profile-v160-trade-btn{width:142px!important;min-width:142px!important;max-width:142px!important;height:44px!important;min-height:44px!important;padding:0 15px!important;border-radius:12px!important;font-size:9px!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v160-command-actions .profile-v160-logout{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;border-radius:12px!important}
:root[data-visual-style="2040"] #profileSettingsPortal .kx235-close,:root[data-visual-style="2040"] #profileSupportPortal .kx235-close{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}

/* v261 pending withdrawal polish */
:root[data-visual-style="2040"] .profile-page-item.withdrawal-pending{box-shadow:inset 0 0 0 1px rgba(240,176,117,.16),0 14px 30px rgba(0,0,0,.26)!important}
:root[data-visual-style="2040"] .withdrawal-pending-badge strong{color:#f7d6b8}
:root[data-visual-style="2040"] .withdrawal-pending-coin{filter:drop-shadow(0 0 12px rgba(230,151,85,.38)) drop-shadow(0 8px 14px rgba(0,0,0,.45))}
/* v275 public-profile polish */
.k275-public-profile .profile-v156-primary-row{grid-template-columns:minmax(280px,1.4fr) minmax(180px,.7fr) minmax(180px,.7fr)!important}
.k275-public-profile .profile-v160-user .profile-v156-card-copy span{font-size:10px!important;letter-spacing:.12em!important;color:#9d8f84!important}
@media(max-width:780px){.k275-public-profile .profile-v156-primary-row{grid-template-columns:1fr!important}.k275-history-privacy{margin-right:0!important}}
/* v275 bonus case inventory */
.profile-page-item .bonus-case-token-art{min-height:150px;background:radial-gradient(circle at 50% 50%,rgba(224,138,75,.22),transparent 62%)}
.profile-page-item .bonus-case-token-art img{object-fit:contain;filter:drop-shadow(0 14px 22px rgba(0,0,0,.45))}
.bonus-case-actions{gap:8px}.bonus-case-actions button{width:45px;height:45px}

/* ===== footer.css ===== */
.korzh-footer{--kf-bg:rgba(11,11,14,.88);--kf-panel:rgba(255,255,255,.035);--kf-line:rgba(255,255,255,.09);--kf-text:#f4f1ed;--kf-muted:#8f8a84;--kf-accent:#f0a36f;position:relative;margin:54px auto 0;width:min(100%,1440px);padding:34px 34px 24px;border:1px solid var(--kf-line);border-radius:28px 28px 0 0;background:linear-gradient(180deg,var(--kf-panel),transparent 46%),var(--kf-bg);box-shadow:0 -18px 70px rgba(0,0,0,.18);color:var(--kf-text);font-family:inherit;overflow:hidden}
.korzh-footer::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(700px 220px at 12% 0%,rgba(241,153,103,.08),transparent 62%)}
.korzh-footer-grid{position:relative;display:grid;grid-template-columns:minmax(250px,1.55fr) repeat(3,minmax(170px,1fr));gap:38px}
.korzh-footer-brand{max-width:360px}.korzh-footer-logo{display:inline-flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.korzh-footer-logo img{width:38px;height:38px;object-fit:contain}.korzh-footer-logo strong{font-size:20px;letter-spacing:.22em}.korzh-footer-brand p{margin:16px 0 18px;color:var(--kf-muted);font-size:13px;line-height:1.65}.korzh-footer-badges{display:flex;flex-wrap:wrap;gap:7px}.korzh-footer-badges span{padding:6px 9px;border:1px solid var(--kf-line);border-radius:999px;background:rgba(255,255,255,.025);font-size:9px;font-weight:900;letter-spacing:.12em;color:#c9c1ba}
.korzh-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:11px;background:transparent!important;border:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}.korzh-footer-col>strong{margin-bottom:3px;color:#c7beb6;font-size:10px;letter-spacing:.13em}.korzh-footer-col a{color:var(--kf-muted);text-decoration:none;font-size:12px;font-weight:700;line-height:1.35;transition:color .16s ease,transform .16s ease}.korzh-footer-col a:hover{color:var(--kf-text);transform:translateX(2px)}
.korzh-footer-rule{position:relative;height:1px;margin:30px 0 20px;background:var(--kf-line)}.korzh-footer-bottom{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;color:var(--kf-muted);font-size:10px;line-height:1.55}.korzh-footer-bottom p{margin:0}.korzh-footer-disclaimer{max-width:760px}.korzh-footer-social{display:flex;align-items:center;gap:9px}.korzh-footer-social a,.korzh-footer-social span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--kf-line);border-radius:10px;background:rgba(255,255,255,.03);color:#d8d0ca;text-decoration:none;font-size:10px;font-weight:900}.korzh-footer-social svg{width:16px;height:16px;fill:currentColor}
html[data-visual-style="2040"] .korzh-footer{--kf-bg:rgba(20,13,10,.76);--kf-panel:rgba(239,199,166,.035);--kf-line:rgba(241,196,161,.12);--kf-text:#fff8f2;--kf-muted:#aa9485;--kf-accent:#efaa7a;background:radial-gradient(700px 240px at 50% -40px,rgba(140,80,49,.10),transparent 64%),linear-gradient(180deg,rgba(34,21,15,.72),rgba(14,10,8,.92));backdrop-filter:blur(20px)}
@media(max-width:980px){.korzh-footer{margin-top:38px;padding:28px 24px 22px;border-radius:22px 22px 0 0}.korzh-footer-grid{grid-template-columns:1fr 1fr;gap:28px}.korzh-footer-brand{grid-column:1/-1;max-width:none}.korzh-footer-bottom{grid-template-columns:1fr auto}.korzh-footer-disclaimer{grid-column:1/-1;grid-row:2}}
@media(max-width:620px){.korzh-footer{width:calc(100% - 18px);padding:24px 18px 20px;margin-bottom:8px}.korzh-footer-grid{grid-template-columns:1fr;gap:24px}.korzh-footer-brand{grid-column:auto}.korzh-footer-col{gap:9px}.korzh-footer-col>strong{font-size:9px}.korzh-footer-col a{font-size:12px}.korzh-footer-rule{margin:24px 0 17px}.korzh-footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.korzh-footer-social{align-self:flex-end;margin-top:-44px}.korzh-footer-disclaimer{max-width:calc(100% - 86px);font-size:9px}}

/* ===== v270-ui.css ===== */
/* KORZH v270 — trust / growth / risk UI */
.k270-notify-orb{position:relative}.k270-notify-orb .k270-badge{position:absolute;right:-4px;top:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ff795e;color:#160b08;font:800 9px/17px Arial;text-align:center;box-shadow:0 0 0 3px rgba(13,9,8,.86)}
.k270-notify-panel{position:fixed;z-index:6000;right:104px;bottom:100px;width:min(380px,calc(100vw - 28px));max-height:520px;border:1px solid rgba(242,184,137,.18);border-radius:22px;background:rgba(18,12,10,.96);box-shadow:0 24px 70px rgba(0,0,0,.5);backdrop-filter:blur(24px);overflow:hidden;color:#f8eee8;opacity:0;transform:translateY(10px) scale(.98);pointer-events:none;transition:.22s ease}.k270-notify-panel.open{opacity:1;transform:none;pointer-events:auto}.k270-notify-head{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07)}.k270-notify-head b{font-size:15px}.k270-notify-head button{border:0;background:none;color:#a9968d;font:700 11px Arial;cursor:pointer}.k270-notify-list{max-height:440px;overflow:auto;padding:8px}.k270-note{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:11px;border-radius:14px}.k270-note:hover{background:rgba(255,255,255,.035)}.k270-note i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(242,157,105,.12);font-style:normal}.k270-note b{display:block;font-size:12px;margin-bottom:4px}.k270-note p{margin:0;color:#bdaea6;font-size:11px;line-height:1.35}.k270-note time{display:block;color:#73655f;font-size:9px;margin-top:5px}.k270-empty{text-align:center;color:#8b7b73;padding:34px 15px;font-size:12px}
.k270-toast-stack{position:fixed;right:26px;bottom:26px;z-index:7000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.k270-toast{width:min(340px,calc(100vw - 32px));display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:11px 13px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(19,13,11,.82);box-shadow:0 14px 40px rgba(0,0,0,.38);backdrop-filter:blur(18px);color:#fff;animation:k270Toast 5s both}.k270-toast i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(246,168,113,.16);font-style:normal}.k270-toast b{font-size:11px;display:block}.k270-toast span{font-size:10px;color:#b8a9a2;display:block;margin-top:2px}@keyframes k270Toast{0%{opacity:0;transform:translateX(18px)}7%,88%{opacity:1;transform:none}100%{opacity:0;transform:translateX(12px)}}
.k270-fav-filter{flex:0 0 auto;width:46px;height:46px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:rgba(255,255,255,.025);color:#8b7970;display:grid;place-items:center;cursor:pointer;font-size:19px;transition:.18s}.k270-fav-filter.active{color:#ff7a9f;border-color:rgba(255,103,149,.35);background:rgba(255,103,149,.08);box-shadow:0 0 24px rgba(255,83,137,.1)}.k270-case-heart{position:absolute;z-index:8;right:10px;top:10px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:rgba(8,8,10,.58);border:1px solid rgba(255,255,255,.11);color:#b9aaa2;font-size:15px;cursor:pointer;opacity:.78;transition:.16s}.k270-case-heart:hover,.k270-case-heart.on{opacity:1;color:#ff719b;border-color:rgba(255,113,155,.4);background:rgba(40,14,24,.72)}.case-card,.k221-oscar-tile,.k220-oscar-card{position:relative}
.k270-top-layer{position:fixed;inset:0;z-index:8000;display:grid;place-items:center;padding:24px;background:rgba(4,3,4,.7);backdrop-filter:blur(15px);animation:k270Fade .2s ease}.k270-top-modal{width:min(720px,100%);max-height:min(760px,90vh);overflow:hidden;border:1px solid rgba(242,174,123,.2);border-radius:26px;background:linear-gradient(145deg,rgba(31,20,16,.98),rgba(9,9,12,.98));box-shadow:0 30px 100px rgba(0,0,0,.55)}.k270-top-head{padding:22px 24px 15px;display:flex;align-items:flex-start;justify-content:space-between}.k270-top-head small{color:#f2a66f;font:800 10px Arial;letter-spacing:.15em}.k270-top-head h2{font-size:25px;margin:5px 0 0}.k270-close{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:#fff;font-size:20px;cursor:pointer}.k270-top-list{padding:0 14px 16px;overflow:auto;max-height:610px}.k270-top-row{position:relative;display:grid;grid-template-columns:40px 44px minmax(110px,1fr) 170px 90px;gap:10px;align-items:center;min-height:66px;padding:8px 10px;margin:4px 0;border-radius:16px;overflow:hidden;background:rgba(255,255,255,.025)}.k270-top-row:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,171,106,.09),transparent 75%);opacity:calc((11 - var(--rank))/11);pointer-events:none}.k270-rank{font-size:17px;font-weight:900;color:#f2b17d;z-index:1}.k270-top-avatar{width:38px;height:38px;border-radius:50%;object-fit:cover;background:#1a1311;z-index:1}.k270-top-user{z-index:1}.k270-top-user b{display:block;font-size:12px}.k270-top-user small{color:#776c68;font-size:9px}.k270-top-skin{z-index:1;display:flex;align-items:center;gap:8px}.k270-top-skin img{width:58px;height:42px;object-fit:contain}.k270-top-skin span b{font-size:11px;display:block}.k270-top-skin span small{font-size:9px;color:#998d87}.k270-top-price{text-align:right;font-size:12px;font-weight:900;z-index:1}.k270-top-me{margin:0 14px 16px;padding:13px 16px;border-radius:15px;border:1px solid rgba(239,164,111,.2);background:rgba(239,164,111,.06);display:flex;justify-content:space-between;font-size:11px}.k270-top-me b{color:#f3b889}@keyframes k270Fade{from{opacity:0}to{opacity:1}}
.k270-withdraw-grid{display:grid;gap:10px}.k270-withdraw-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.k270-withdraw-row b{font-size:12px;display:block}.k270-withdraw-row small{font-size:10px;color:#8c817b}.k270-withdraw-status{padding:7px 10px;border-radius:9px;font:800 9px Arial}.k270-withdraw-status.pending{background:rgba(243,166,103,.1);color:#f4ad76}.k270-withdraw-status.approved{background:rgba(89,222,151,.1);color:#75e8ad}.k270-withdraw-status.rejected{background:rgba(255,90,97,.1);color:#ff8288}
.k270-fair-box,.k270-partner-box{margin-top:28px;padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.025)}.k270-fair-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.k270-data-card{padding:13px;border-radius:13px;background:rgba(0,0,0,.18)}.k270-data-card small{display:block;color:#8d7e76;font-size:9px;margin-bottom:5px}.k270-data-card code{font-size:10px;word-break:break-all;color:#f1dfd6}.k270-fair-form,.k270-partner-form{display:flex;gap:8px;margin:14px 0}.k270-fair-form input,.k270-partner-form input,.k270-partner-form textarea{flex:1;min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#0d0a09;color:#fff;padding:12px}.k270-fair-form button,.k270-partner-form button,.k270-partner-button{border:0;border-radius:12px;padding:0 18px;background:#f2b27d;color:#21110b;font-weight:900;cursor:pointer;min-height:42px}.k270-proof{padding:12px 0;border-top:1px solid rgba(255,255,255,.06)}.k270-proof-head{display:flex;justify-content:space-between;gap:10px}.k270-proof-head b{font-size:11px}.k270-proof-head small{color:#7f746f}.k270-proof code{display:block;margin-top:7px;font-size:9px;color:#9c8c84;word-break:break-all}.k270-partner-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0}.k270-partner-stats div{padding:14px;border-radius:13px;background:rgba(0,0,0,.18)}.k270-partner-stats small{display:block;color:#8e817a;font-size:9px}.k270-partner-stats b{display:block;margin-top:4px;font-size:16px}.k270-status{display:inline-flex;padding:7px 10px;border-radius:999px;font:800 9px Arial}.k270-status.pending{background:rgba(242,174,103,.1);color:#f4b477}.k270-status.approved{background:rgba(77,220,143,.1);color:#78e8ad}.k270-status.rejected{background:rgba(255,84,91,.1);color:#ff8187}
.k270-risk-card{padding:16px;border:1px solid rgba(255,104,92,.13);border-radius:16px;background:rgba(255,65,65,.025);display:grid;grid-template-columns:1.3fr 1fr auto;gap:16px;align-items:center;margin-bottom:8px}.k270-risk-player{display:flex;align-items:center;gap:10px}.k270-risk-player img{width:38px;height:38px;border-radius:50%}.k270-risk-player small{display:block;color:#776b66;font-size:9px}.k270-risk-meta b{display:block;font-size:11px}.k270-risk-meta small{font-size:9px;color:#81736d}.k270-risk-actions{display:flex;gap:7px}.k270-risk-actions button{border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#17100e;color:#fff;padding:9px 11px;font:800 9px Arial;cursor:pointer}.k270-risk-actions .unblock{background:#f2ac75;color:#1b0d08}.k270-alert-setup{padding:16px;border-radius:16px;background:rgba(255,255,255,.025);margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.k270-alert-setup code{font-size:10px;color:#95857e}
@media(max-width:760px){.k270-notify-panel{right:14px;bottom:82px}.k270-top-row{grid-template-columns:28px 36px 1fr 100px}.k270-top-price{display:none}.k270-top-skin img{width:42px}.k270-fair-grid,.k270-partner-stats{grid-template-columns:1fr}.k270-risk-card{grid-template-columns:1fr}.k270-toast-stack{right:14px;bottom:14px}}

/* =========================================================
   v272 — stable case toolbar + render-performance hardening
   ========================================================= */
:root[data-theme="hub"] .case-filters-v163{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  gap:9px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
:root[data-theme="hub"] .case-filters-v163 > .k270-fav-filter{
  order:1!important;
  flex:0 0 44px!important;
  width:44px!important;
  height:42px!important;
  min-width:44px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  border-radius:10px!important;
}
:root[data-theme="hub"] .case-filters-v163 > .search-filter{
  order:2!important;
  flex:1 1 320px!important;
  width:auto!important;
  min-width:180px!important;
  margin:0!important;
}
:root[data-theme="hub"] .case-filters-v163 > .price-filter{
  flex:0 0 132px!important;
  width:132px!important;
  min-width:132px!important;
  margin:0!important;
}
:root[data-theme="hub"] .case-filters-v163 > .price-filter:nth-of-type(2){order:3!important}
:root[data-theme="hub"] .case-filters-v163 > .price-filter:nth-of-type(3){order:4!important}
:root[data-theme="hub"] .case-filters-v163 > .available-filter{
  order:5!important;
  flex:0 0 154px!important;
  width:154px!important;
  min-width:154px!important;
  margin:0!important;
}
:root[data-theme="hub"] .case-filters-v163 > .case-reset-filters{
  order:6!important;
  flex:0 0 44px!important;
  width:44px!important;
  min-width:44px!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
}
@media(max-width:980px){
  :root[data-theme="hub"] .case-filters-v163{flex-wrap:wrap!important}
  :root[data-theme="hub"] .case-filters-v163 > .search-filter{flex:1 1 calc(100% - 106px)!important}
  :root[data-theme="hub"] .case-filters-v163 > .price-filter{flex:1 1 calc(50% - 5px)!important;width:auto!important;min-width:0!important}
  :root[data-theme="hub"] .case-filters-v163 > .available-filter{flex:1 1 calc(100% - 53px)!important;width:auto!important;min-width:0!important}
}
@media(max-width:560px){
  :root[data-theme="hub"] .case-filters-v163 > .search-filter{min-width:0!important}
  :root[data-theme="hub"] .case-filters-v163 > .price-filter{flex:1 1 100%!important}
  :root[data-theme="hub"] .case-filters-v163 > .available-filter{flex:1 1 100%!important}
}

/* =========================================================
   v273 — 2040 notification wing / LIVE controls / case toolbar polish
   ========================================================= */

/* Notifications become a real secondary rail attached to the personal rail. */
:root[data-visual-style="2040"] .k270-notify-panel{
  top:16px!important;
  bottom:16px!important;
  right:170px!important;
  width:min(390px,calc(100vw - 370px))!important;
  max-height:none!important;
  display:flex!important;
  flex-direction:column!important;
  border:1px solid rgba(255,232,211,.14)!important;
  border-right-color:rgba(255,238,222,.22)!important;
  border-radius:30px 16px 16px 30px!important;
  background:
    radial-gradient(circle at 100% 48%,rgba(255,199,151,.095),transparent 34%),
    linear-gradient(180deg,rgba(47,31,24,.965),rgba(19,13,11,.975))!important;
  box-shadow:0 38px 92px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.075),inset 0 0 70px rgba(255,225,200,.018)!important;
  backdrop-filter:blur(30px) saturate(1.12)!important;
  overflow:hidden!important;
  opacity:0!important;
  transform:translateX(18px) scale(.992)!important;
  transform-origin:right center!important;
  transition:opacity .26s ease,transform .34s cubic-bezier(.18,.82,.18,1)!important;
}
:root[data-visual-style="2040"] .k270-notify-panel:before{
  content:"";position:absolute;z-index:0;right:9px;top:46px;bottom:46px;width:1px;
  background:linear-gradient(transparent,rgba(237,167,127,.16) 22%,rgba(255,248,239,.32) 50%,rgba(237,167,127,.13) 78%,transparent);
  pointer-events:none;
}
:root[data-visual-style="2040"] .k270-notify-panel.open{opacity:1!important;transform:none!important;pointer-events:auto!important}
:root[data-visual-style="2040"] .k270-notify-panel>*{position:relative;z-index:1}
:root[data-visual-style="2040"] .k270-notify-head{
  height:76px!important;flex:0 0 76px!important;padding:0 24px!important;
  border-bottom:1px solid rgba(255,240,226,.075)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.018),rgba(255,189,139,.025))!important;
}
:root[data-visual-style="2040"] .k270-notify-head b{font-size:13px!important;letter-spacing:.11em!important;color:#fff8f1!important}
:root[data-visual-style="2040"] .k270-notify-head button{
  height:31px!important;padding:0 12px!important;border:1px solid rgba(255,239,225,.09)!important;border-radius:999px!important;
  background:rgba(255,255,255,.025)!important;color:#a9978e!important;font:800 8px/1 Manrope,Arial,sans-serif!important;letter-spacing:.08em!important;
}
:root[data-visual-style="2040"] .k270-notify-head button:hover{color:#fff0e4!important;border-color:rgba(245,180,134,.22)!important;background:rgba(245,180,134,.055)!important}
:root[data-visual-style="2040"] .k270-notify-list{flex:1 1 auto!important;max-height:none!important;overflow:auto!important;padding:13px 14px 18px!important;scrollbar-width:thin;scrollbar-color:rgba(241,178,136,.22) transparent}
:root[data-visual-style="2040"] .k270-note{
  position:relative!important;grid-template-columns:43px 1fr!important;gap:12px!important;align-items:center!important;
  min-height:68px!important;margin:0 0 8px!important;padding:11px 13px!important;border:1px solid rgba(255,242,231,.065)!important;border-radius:17px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,191,145,.018))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
:root[data-visual-style="2040"] .k270-note:hover{transform:translateX(-2px)!important;border-color:rgba(244,177,132,.16)!important;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(231,143,91,.035))!important}
:root[data-visual-style="2040"] .k270-note i{
  width:43px!important;height:43px!important;border-radius:50%!important;
  background:radial-gradient(circle at 34% 27%,rgba(255,247,239,.16),transparent 35%),linear-gradient(145deg,rgba(236,154,104,.18),rgba(255,255,255,.035))!important;
  border:1px solid rgba(246,190,150,.16)!important;color:#f2b487!important;font-size:13px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 10px 22px rgba(0,0,0,.19)!important;
}
:root[data-visual-style="2040"] .k270-note b{font-size:10px!important;line-height:1.25!important;color:#f7eee8!important;letter-spacing:.015em!important}
:root[data-visual-style="2040"] .k270-note p{font-size:9px!important;line-height:1.35!important;color:#aa9a92!important;margin-top:3px!important}
:root[data-visual-style="2040"] .k270-note time{font-size:7px!important;letter-spacing:.04em!important;color:#695d58!important;margin-top:5px!important}

/* Premium, restrained 2040 toasts. */
:root[data-visual-style="2040"] .k270-toast-stack{right:190px!important;bottom:24px!important;gap:9px!important}
:root[data-visual-style="2040"] .k270-toast{
  position:relative!important;width:330px!important;min-height:62px!important;grid-template-columns:39px 1fr!important;gap:11px!important;padding:10px 14px 10px 11px!important;
  border:1px solid rgba(255,235,219,.13)!important;border-radius:18px!important;
  background:radial-gradient(circle at 0 50%,rgba(231,144,91,.10),transparent 44%),linear-gradient(135deg,rgba(43,29,23,.94),rgba(18,13,11,.91))!important;
  box-shadow:0 22px 60px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.07)!important;
  backdrop-filter:blur(24px) saturate(1.12)!important;
}
:root[data-visual-style="2040"] .k270-toast:after{content:"";position:absolute;left:0;top:13px;bottom:13px;width:2px;border-radius:99px;background:linear-gradient(#f2b489,#c8754d);box-shadow:0 0 10px rgba(233,140,87,.38)}
:root[data-visual-style="2040"] .k270-toast i{width:39px!important;height:39px!important;border-radius:50%!important;border:1px solid rgba(245,184,142,.16)!important;background:rgba(232,150,101,.085)!important;color:#f3b589!important;font-size:12px!important}
:root[data-visual-style="2040"] .k270-toast b{font-size:10px!important;line-height:1.25!important;color:#fff7f0!important}
:root[data-visual-style="2040"] .k270-toast span{font-size:8px!important;line-height:1.35!important;color:#9f8f87!important;margin-top:3px!important}

/* LIVE DROP controls: crown opens today's top; TOP/ALL remain real filters. */
:root[data-visual-style="2040"][data-theme="hub"] .live{grid-template-columns:76px minmax(0,1fr)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k273-live-toolbar{
  min-width:76px!important;width:76px!important;padding:0!important;display:grid!important;grid-template-columns:38px 27px!important;grid-template-rows:20px 20px!important;
  align-content:center!important;justify-content:center!important;gap:4px 4px!important;border-right:1px solid rgba(255,240,226,.06)!important;
  background:linear-gradient(90deg,rgba(34,22,18,.74),rgba(19,14,12,.50))!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k273-daily-top{
  grid-row:1/3!important;grid-column:1!important;width:38px!important;height:44px!important;padding:0!important;margin:0!important;display:grid!important;place-items:center!important;
  border:1px solid rgba(242,177,132,.15)!important;border-radius:10px!important;background:linear-gradient(145deg,rgba(231,148,95,.10),rgba(255,255,255,.018))!important;color:#eeb17f!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045)!important;transition:.18s ease!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k273-daily-top svg{width:20px!important;height:20px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important}
:root[data-visual-style="2040"][data-theme="hub"] .k273-daily-top:hover{border-color:rgba(245,185,143,.30)!important;background:rgba(232,145,91,.12)!important;box-shadow:0 0 22px rgba(231,140,85,.08),inset 0 1px rgba(255,255,255,.07)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k273-live-tabs{grid-column:2!important;grid-row:1/3!important;display:flex!important;flex-direction:column!important;gap:4px!important;margin:0!important;padding:0!important}
:root[data-visual-style="2040"][data-theme="hub"] .k273-live-tabs button{
  width:27px!important;height:20px!important;min-height:20px!important;padding:0!important;margin:0!important;border-radius:6px!important;
  border:1px solid rgba(255,255,255,.075)!important;background:rgba(255,255,255,.018)!important;color:#7d6e67!important;font-size:6px!important;font-weight:900!important;line-height:20px!important;letter-spacing:.03em!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k273-live-tabs button.active{color:#fff4ea!important;border-color:rgba(238,171,127,.22)!important;background:rgba(226,142,91,.10)!important}

/* Cases toolbar: equal-height controls, large favorite heart and larger search loupe. */
:root[data-visual-style="2040"][data-theme="hub"] .case-filters-v163 > .k270-fav-filter,
:root[data-visual-style="2040"][data-theme="hub"] .case-filters-v163 > .case-reset-filters{
  flex:0 0 48px!important;width:48px!important;min-width:48px!important;height:42px!important;min-height:42px!important;max-height:42px!important;
  padding:0!important;margin:0!important;border-radius:10px!important;display:grid!important;place-items:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-filters-v163 > .k270-fav-filter{font-size:27px!important;line-height:1!important;color:#9c8880!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-filters-v163 > .k270-fav-filter.active{color:#ff7a9f!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-filters-v163 > .case-reset-filters svg{width:20px!important;height:20px!important;margin:0!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-filters-v163 .search-icon{font-size:23px!important;line-height:1!important;min-width:24px!important;width:24px!important;display:grid!important;place-items:center!important;transform:rotate(-12deg)!important;color:#b59a88!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-filters-v163 .search-filter{gap:8px!important;padding-left:13px!important}

@media(max-width:1120px){
  :root[data-visual-style="2040"] .k270-notify-panel{right:14px!important;top:14px!important;bottom:14px!important;width:min(390px,calc(100vw - 28px))!important;border-radius:24px!important}
  :root[data-visual-style="2040"] .k270-toast-stack{right:14px!important}
}
@media(max-width:560px){
  :root[data-visual-style="2040"] .k270-notify-panel{width:calc(100vw - 20px)!important;right:10px!important;top:10px!important;bottom:10px!important}
  :root[data-visual-style="2040"] .k270-toast{width:min(330px,calc(100vw - 28px))!important}
}
:root[data-visual-style="2040"][data-theme="hub"] .live{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

/* =========================================================
   v274 — soft LIVE edges / unified case toolbar / compact rail wings
   ========================================================= */

/* LIVE DROP fades naturally on both sides. The mask is applied to the whole
   strip, so the crown also gently dissolves if it reaches the left fade. */
:root[data-visual-style="2040"][data-theme="hub"] .live{
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.38) 1.05%,#000 2.55%,#000 96.8%,rgba(0,0,0,.42) 98.45%,transparent 100%)!important;
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.38) 1.05%,#000 2.55%,#000 96.8%,rgba(0,0,0,.42) 98.45%,transparent 100%)!important;
  -webkit-mask-size:100% 100%!important;
  mask-size:100% 100%!important;
  -webkit-mask-repeat:no-repeat!important;
  mask-repeat:no-repeat!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .live-scroll{
  -webkit-mask-image:none!important;
  mask-image:none!important;
}

/* One ruler line for every case filter control. */
:root[data-visual-style="2040"][data-theme="hub"] .case-filters-v163 > .k270-fav-filter,
:root[data-visual-style="2040"][data-theme="hub"] .case-filters-v163 > .case-filter,
:root[data-visual-style="2040"][data-theme="hub"] .case-filters-v163 > .available-filter,
:root[data-visual-style="2040"][data-theme="hub"] .case-filters-v163 > .case-reset-filters{
  height:42px!important;
  min-height:42px!important;
  max-height:42px!important;
  box-sizing:border-box!important;
  align-self:center!important;
  margin-top:0!important;
  margin-bottom:0!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-filters-v163 > .case-filter,
:root[data-visual-style="2040"][data-theme="hub"] .case-filters-v163 > .available-filter{
  padding-top:0!important;
  padding-bottom:0!important;
  display:flex!important;
  align-items:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-filters-v163 .search-filter{
  gap:9px!important;
  padding-left:13px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-filters-v163 .search-icon{
  width:22px!important;
  min-width:22px!important;
  height:22px!important;
  display:grid!important;
  place-items:center!important;
  align-self:center!important;
  line-height:0!important;
  transform:none!important;
  color:#b9a08f!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-filters-v163 .search-icon svg{
  width:19px!important;
  height:19px!important;
  display:block!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.9!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-filters-v163 .search-filter input{
  height:100%!important;
  line-height:42px!important;
  align-self:center!important;
}

/* Notification wing: smaller than the right rail in height and visually a
   continuation of it instead of a full-screen drawer. */
:root[data-visual-style="2040"] .k270-notify-panel{
  z-index:6100!important;
  top:50%!important;
  bottom:auto!important;
  right:174px!important;
  width:320px!important;
  max-width:calc(100vw - 370px)!important;
  height:min(520px,calc(100dvh - 96px))!important;
  max-height:min(520px,calc(100dvh - 96px))!important;
  border:1px solid rgba(255,239,225,.13)!important;
  border-right-color:rgba(255,242,230,.22)!important;
  border-radius:28px 17px 17px 28px!important;
  background:
    radial-gradient(circle at 100% 48%,rgba(226,151,105,.11),transparent 38%),
    linear-gradient(180deg,rgba(44,29,23,.975),rgba(18,12,10,.965))!important;
  box-shadow:0 36px 90px rgba(0,0,0,.50),inset 0 1px rgba(255,255,255,.075),inset 0 0 65px rgba(255,224,198,.018)!important;
  backdrop-filter:blur(28px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(28px) saturate(1.12)!important;
  opacity:0!important;
  transform:translate(16px,-50%) scale(.992)!important;
  transform-origin:right center!important;
  transition:opacity .24s ease,transform .32s cubic-bezier(.18,.82,.18,1)!important;
}
:root[data-visual-style="2040"] .k270-notify-panel.open{
  opacity:1!important;
  transform:translate(0,-50%)!important;
}
:root[data-visual-style="2040"] .k270-notify-panel:before{
  right:8px!important;
  top:38px!important;
  bottom:38px!important;
}
:root[data-visual-style="2040"] .k270-notify-head{
  height:66px!important;
  flex:0 0 66px!important;
  padding:0 19px!important;
}
:root[data-visual-style="2040"] .k270-notify-list{padding:11px 11px 15px!important}

/* Settings and Telegram support use the very same right-rail wing geometry.
   No fullscreen backdrop, no page lock. Deposit modal is intentionally untouched. */
:root[data-visual-style="2040"] body.support-widget-open,
:root[data-visual-style="2040"] body.site-settings-open{overflow:auto!important}
:root[data-visual-style="2040"] :is(#supportOverlay,#siteSettingsOverlay,#profileSupportOverlay,#profileSettingsOverlay).k274-rail-wing-layer{
  position:fixed!important;
  z-index:6105!important;
  inset:auto!important;
  top:50%!important;
  right:174px!important;
  width:320px!important;
  height:min(520px,calc(100dvh - 96px))!important;
  max-width:calc(100vw - 370px)!important;
  max-height:min(520px,calc(100dvh - 96px))!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  overflow:visible!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  transform:translateY(-50%)!important;
  pointer-events:auto!important;
  animation:k274RailWingIn .28s cubic-bezier(.18,.82,.18,1) both!important;
}
:root[data-visual-style="2040"] :is(#supportOverlay,#siteSettingsOverlay,#profileSupportOverlay,#profileSettingsOverlay).k274-rail-wing-layer > .k274-rail-wing-card{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:100%!important;
  min-height:0!important;
  max-height:100%!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(255,239,225,.13)!important;
  border-right-color:rgba(255,242,230,.22)!important;
  border-radius:28px 17px 17px 28px!important;
  background:
    radial-gradient(circle at 100% 48%,rgba(226,151,105,.11),transparent 38%),
    linear-gradient(180deg,rgba(44,29,23,.975),rgba(18,12,10,.965))!important;
  box-shadow:0 36px 90px rgba(0,0,0,.50),inset 0 1px rgba(255,255,255,.075),inset 0 0 65px rgba(255,224,198,.018)!important;
  backdrop-filter:blur(28px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(28px) saturate(1.12)!important;
  transform:none!important;
}
:root[data-visual-style="2040"] :is(#supportOverlay,#siteSettingsOverlay,#profileSupportOverlay,#profileSettingsOverlay).k274-rail-wing-layer > .k274-rail-wing-card:before{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  right:8px!important;
  top:38px!important;
  bottom:38px!important;
  width:1px!important;
  background:linear-gradient(transparent,rgba(237,167,127,.16) 22%,rgba(255,248,239,.31) 50%,rgba(237,167,127,.13) 78%,transparent)!important;
  pointer-events:none!important;
}
:root[data-visual-style="2040"] .k274-rail-wing-card .kx235-title{
  min-height:64px!important;
  height:64px!important;
  padding:0 54px 0 19px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  border-bottom:1px solid rgba(255,240,226,.075)!important;
  background:linear-gradient(90deg,rgba(255,255,255,.018),rgba(255,189,139,.025))!important;
  font-size:13px!important;
  letter-spacing:.08em!important;
}
:root[data-visual-style="2040"] .k274-rail-wing-card .kx235-close{
  top:13px!important;
  right:14px!important;
  width:36px!important;
  min-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  border-radius:12px!important;
}
:root[data-visual-style="2040"] .k274-rail-wing-card .kx229-settings-body{
  flex:1 1 auto!important;
  min-height:0!important;
  padding:13px!important;
  overflow:auto!important;
  gap:9px!important;
}
:root[data-visual-style="2040"] .k274-rail-wing-card .kx229-setting-row{
  min-height:67px!important;
  padding:11px 12px!important;
  border-radius:16px!important;
}
/* Telegram card gets a compact rail-sized composition instead of its old modal proportions. */
:root[data-visual-style="2040"] .k274-rail-wing-card.k248-telegram-card .k248-telegram-support{
  flex:1 1 auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  padding:48px 24px 30px!important;
  box-sizing:border-box!important;
}
:root[data-visual-style="2040"] .k274-rail-wing-card.k248-telegram-card .k248-telegram-logo{
  width:78px!important;
  height:78px!important;
  margin:0 0 20px!important;
}
:root[data-visual-style="2040"] .k274-rail-wing-card.k248-telegram-card .k248-telegram-support h2{
  margin:8px 0 12px!important;
  font-size:25px!important;
  line-height:.98!important;
  text-align:center!important;
}
:root[data-visual-style="2040"] .k274-rail-wing-card.k248-telegram-card .k248-telegram-support p{
  max-width:245px!important;
  margin:0 auto 20px!important;
  font-size:10px!important;
  line-height:1.5!important;
  text-align:center!important;
}
:root[data-visual-style="2040"] .k274-rail-wing-card.k248-telegram-card .k248-telegram-button{
  width:100%!important;
  min-height:46px!important;
  height:46px!important;
  margin-top:0!important;
}
@keyframes k274RailWingIn{from{opacity:0;transform:translate(16px,-50%) scale(.992)}to{opacity:1;transform:translate(0,-50%) scale(1)}}

@media(max-width:1120px){
  :root[data-visual-style="2040"] .k270-notify-panel{
    right:14px!important;
    top:auto!important;
    bottom:78px!important;
    width:min(320px,calc(100vw - 28px))!important;
    max-width:min(320px,calc(100vw - 28px))!important;
    height:min(480px,calc(100dvh - 110px))!important;
    max-height:min(480px,calc(100dvh - 110px))!important;
    transform:translateY(12px) scale(.992)!important;
    border-radius:24px!important;
  }
  :root[data-visual-style="2040"] .k270-notify-panel.open{transform:none!important}
  :root[data-visual-style="2040"] :is(#supportOverlay,#siteSettingsOverlay,#profileSupportOverlay,#profileSettingsOverlay).k274-rail-wing-layer{
    top:auto!important;
    bottom:78px!important;
    right:14px!important;
    width:min(320px,calc(100vw - 28px))!important;
    max-width:min(320px,calc(100vw - 28px))!important;
    height:min(480px,calc(100dvh - 110px))!important;
    max-height:min(480px,calc(100dvh - 110px))!important;
    transform:none!important;
    animation:k274RailWingMobileIn .24s ease both!important;
  }
  :root[data-visual-style="2040"] :is(#supportOverlay,#siteSettingsOverlay,#profileSupportOverlay,#profileSettingsOverlay).k274-rail-wing-layer > .k274-rail-wing-card{border-radius:24px!important}
}
@keyframes k274RailWingMobileIn{from{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:none}}

/* ===== v277-hotfix.css ===== */
/* KORZH v276 — stability + UX hotfix */
html,body{scroll-behavior:auto}
body *{box-sizing:border-box}

/* Never let broken images collapse skin cards. */
.skin-art img,.real-skin img,.profile-page-item img,.exchange-v109-card img,.profile-v81-replay-card img{object-fit:contain}
.k276-img-failed{opacity:.18!important;filter:grayscale(1)!important}

/* Weekly progress: currency icon only next to 5000 and exactly on its baseline. */
.k275-weekly-progress-value{display:inline-flex!important;align-items:center!important;gap:5px!important}
.k275-weekly-progress-value .k276-weekly-goal-token{width:1em!important;height:1em!important;min-width:1em!important;object-fit:contain!important;vertical-align:middle!important;margin:0!important;transform:none!important}

/* Bonus case is alive at rest, stronger but still smooth on hover. */
:root[data-visual-style="2040"] .k237-weekly-case{animation:k276BonusIdle 4.8s cubic-bezier(.45,.05,.55,.95) infinite!important;transform-origin:50% 76%!important;will-change:transform,filter}
:root[data-visual-style="2040"] #weeklyDropVisual:hover .k237-weekly-case{animation:k276BonusHover 1.6s cubic-bezier(.36,.07,.19,.97) infinite!important;filter:drop-shadow(0 22px 26px rgba(0,0,0,.32)) drop-shadow(0 0 24px rgba(235,145,83,.18))!important}
@keyframes k276BonusIdle{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}18%{transform:translate3d(-1px,-2px,0) rotate(-.35deg)}36%{transform:translate3d(1px,0,0) rotate(.25deg)}52%{transform:translate3d(0,-3px,0) rotate(-.15deg)}68%{transform:translate3d(1px,-1px,0) rotate(.3deg)}84%{transform:translate3d(-1px,0,0) rotate(-.18deg)}}
@keyframes k276BonusHover{0%,100%{transform:translate3d(0,-3px,0) rotate(0deg) scale(1.015)}25%{transform:translate3d(-3px,-5px,0) rotate(-.65deg) scale(1.02)}55%{transform:translate3d(3px,-4px,0) rotate(.65deg) scale(1.02)}78%{transform:translate3d(-1px,-6px,0) rotate(-.25deg) scale(1.018)}}

/* Favorite filter uses hidden, not fragile inline display. */
[data-case].k276-favorite-hidden{display:none!important}

/* Live Drop hover: only compact avatar + nickname, no card-sized curtain. */
.k275-live-player{position:absolute!important;left:8px!important;right:auto!important;bottom:8px!important;top:auto!important;width:auto!important;max-width:calc(100% - 16px)!important;min-height:30px!important;padding:4px 8px 4px 4px!important;border-radius:999px!important;display:flex!important;align-items:center!important;gap:6px!important;background:rgba(10,11,14,.82)!important;border:1px solid rgba(255,255,255,.12)!important;backdrop-filter:blur(10px)!important;opacity:0!important;transform:translateY(4px)!important;transition:opacity .16s ease,transform .16s ease!important;z-index:10!important;text-decoration:none!important}
.live-item:hover .k275-live-player{opacity:1!important;transform:translateY(0)!important}
.k275-live-player img,.k275-live-player i{width:22px!important;height:22px!important;min-width:22px!important;border-radius:50%!important;object-fit:cover!important;display:grid!important;place-items:center!important;font-style:normal!important;background:#171920!important;color:#fff!important;font-size:9px!important}
.k275-live-player span{font-size:8px!important;line-height:1!important;font-weight:900!important;color:#fff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:90px!important}
.k275-live-player small{display:none!important}

/* Notifications: readable, finished, not beta-sized. */
:root[data-visual-style="2040"] .k270-notify-panel{width:390px!important}
:root[data-visual-style="2040"] .k270-notify-head{padding:19px 20px 14px!important}
:root[data-visual-style="2040"] .k270-notify-head b{font-size:13px!important;letter-spacing:.08em!important}
:root[data-visual-style="2040"] .k270-notify-head button{font-size:9px!important;padding:8px 11px!important}
:root[data-visual-style="2040"] .k270-note{min-height:82px!important;padding:14px 15px!important;grid-template-columns:46px 1fr!important;gap:13px!important}
:root[data-visual-style="2040"] .k270-note i{width:46px!important;height:46px!important;font-size:15px!important}
:root[data-visual-style="2040"] .k270-note b{font-size:12px!important;line-height:1.25!important}
:root[data-visual-style="2040"] .k270-note p{font-size:10px!important;line-height:1.45!important;margin-top:5px!important}
:root[data-visual-style="2040"] .k270-note time{font-size:8px!important;margin-top:7px!important}

/* x1-x5: flat numbers, no raised/tile effect. */
:root[data-visual-style="2040"][data-theme="hub"] .case-count-row-v166{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-count-row-v166 button,
:root[data-visual-style="2040"][data-theme="hub"] .case-count-row-v166 button.active,
:root[data-visual-style="2040"][data-theme="hub"] .case-count-row-v166 button:hover{background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;border-radius:0!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-count-row-v166 button.active{color:#fff!important;text-shadow:0 0 13px rgba(255,255,255,.28)!important}

/* Upgrade primary action is always white in 2040. */
:root[data-visual-style="2040"][data-theme="hub"] .upgrade-run,
:root[data-visual-style="2040"][data-theme="hub"] #upgradeRun,
:root[data-visual-style="2040"][data-theme="hub"] [data-upgrade-run]{background:linear-gradient(180deg,#fff,#e9e4df)!important;color:#1a1310!important;border-color:#fff!important;box-shadow:0 10px 28px rgba(255,255,255,.10),inset 0 1px #fff!important}

/* Profile privacy toggle: slim and stable. */
.k275-history-privacy{height:28px!important;display:inline-flex!important;align-items:center!important;gap:7px!important;white-space:nowrap!important}
.k275-history-privacy>span{font-size:8px!important;line-height:1!important}
#historyPrivacyToggle{width:38px!important;min-width:38px!important;height:20px!important;min-height:20px!important;padding:2px!important;border-radius:999px!important;vertical-align:middle!important}
#historyPrivacyToggle i{width:14px!important;height:14px!important;border-radius:50%!important;transition:transform .2s ease!important}
#historyPrivacyToggle.on i{transform:translateX(18px)!important}

/* No giant corner logo while public profile loads. */
.k276-profile-loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;background:#090b10;color:#a7a9af;font-size:10px;font-weight:900;letter-spacing:.12em}
.k276-loader{width:20px;height:20px;border:2px solid rgba(255,255,255,.12);border-top-color:rgba(255,255,255,.72);border-radius:50%;animation:k276Spin .7s linear infinite}
@keyframes k276Spin{to{transform:rotate(360deg)}}

/* Exchange headings removed: selected cards now align directly. */
.exchange-v109-compare>section{grid-template-rows:minmax(0,1fr)!important}
.exchange-v109-label{display:none!important}

/* Upgrade replay shows added balance instead of silently losing it. */
.k276-replay-balance{display:block;margin-top:7px;font-style:normal;font-size:8px;font-weight:900;color:#74dfb4;letter-spacing:.04em}

/* Standard weekly hero must remain Standard - no 2040-like blown-up composition. */
:root[data-visual-style="standard"] .k237-weekly-hero{min-height:290px!important;max-height:320px!important;padding:24px 28px!important;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)!important;overflow:hidden!important}
:root[data-visual-style="standard"] .k237-weekly-copy h1{font-size:36px!important;line-height:.98!important}
:root[data-visual-style="standard"] .k237-weekly-visual{position:relative!important;inset:auto!important;width:100%!important;height:250px!important;transform:none!important;opacity:1!important}
:root[data-visual-style="standard"] .k237-weekly-case{width:min(330px,90%)!important;max-height:220px!important;object-fit:contain!important}
:root[data-visual-style="standard"] .k237-weekly-token{display:none!important}

/* Faster-feeling transitions: no layout animation, only compositor properties. */
[data-page],[data-case],.case-card,.k220-oscar-card,.live-item,.upgrade-target-card,.upgrade-inventory-card{transition-property:transform,opacity,filter,border-color,background-color!important;transition-duration:.14s!important}

@media (prefers-reduced-motion:reduce){.k237-weekly-case{animation:none!important}.k276-loader{animation-duration:1.4s}}
.k276-profile-load-error{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#090b10;color:#c8c4c0;text-align:center;padding:24px}.k276-profile-load-error strong{font-size:18px}.k276-profile-load-error span{font-size:11px;color:#777b84}.k276-profile-load-error a{margin-top:8px;padding:12px 18px;border-radius:10px;background:#fff;color:#111;text-decoration:none;font-size:9px;font-weight:950}

/* ===== KORZH v277 focused fixes ===== */
html{scrollbar-gutter:stable}
body{min-height:100vh}

/* Bonus case: always feels clickable, soft contained motion. */
#weeklyDropVisual{cursor:pointer!important;outline:none!important}
#weeklyDropVisual:focus-visible{filter:drop-shadow(0 0 18px rgba(255,184,130,.24))}
:root[data-visual-style="2040"] .k237-weekly-case{animation:k277BonusCreature 5.6s cubic-bezier(.42,0,.2,1) infinite!important;transform-origin:50% 76%!important}
:root[data-visual-style="2040"] #weeklyDropVisual:hover .k237-weekly-case{animation:k277BonusCreatureHover 1.9s cubic-bezier(.34,.08,.18,1) infinite!important}
@keyframes k277BonusCreature{0%,100%{transform:translate3d(0,0,0) rotate(0)}14%{transform:translate3d(-1px,-1px,0) rotate(-.18deg)}28%{transform:translate3d(1px,-3px,0) rotate(.24deg)}42%{transform:translate3d(-1px,-1px,0) rotate(-.12deg)}58%{transform:translate3d(2px,-4px,0) rotate(.28deg)}72%{transform:translate3d(0,-1px,0) rotate(-.12deg)}86%{transform:translate3d(-1px,-2px,0) rotate(.12deg)}}
@keyframes k277BonusCreatureHover{0%,100%{transform:translate3d(0,-4px,0) rotate(0) scale(1.018)}22%{transform:translate3d(-3px,-6px,0) rotate(-.48deg) scale(1.022)}48%{transform:translate3d(2px,-7px,0) rotate(.42deg) scale(1.024)}72%{transform:translate3d(-2px,-5px,0) rotate(-.28deg) scale(1.021)}}

/* Favorites: when filter is on, non-favorites and empty collection shells are truly gone. */
.k277-favorite-hidden,.k277-empty-favorite-collection{display:none!important}
body.k277-favorites-only [data-case]:not(:has(.k270-case-heart.on)){display:none!important}

/* Live Drop profile chip: centered at the bottom, readable and compact. */
.k275-live-player{left:50%!important;right:auto!important;bottom:7px!important;top:auto!important;min-height:36px!important;max-width:calc(100% - 14px)!important;padding:4px 10px 4px 5px!important;gap:8px!important;border-radius:999px!important;background:rgba(8,10,14,.93)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 10px 26px rgba(0,0,0,.36)!important;opacity:0!important;transform:translate(-50%,8px) scale(.97)!important;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1)!important;pointer-events:none!important}
.live-item:hover .k275-live-player{opacity:1!important;transform:translate(-50%,0) scale(1)!important;pointer-events:auto!important}
.k275-live-player img,.k275-live-player i{width:28px!important;height:28px!important;min-width:28px!important;font-size:10px!important}
.k275-live-player span{font-size:10px!important;line-height:1.1!important;font-weight:900!important;max-width:118px!important;letter-spacing:.01em!important}

/* Notifications: bigger type, calmer cards, no beta-test microtext. */
:root[data-visual-style="2040"] .k270-notify-panel{width:min(430px,calc(100vw - 390px))!important}
:root[data-visual-style="2040"] .k270-notify-head{height:80px!important;flex-basis:80px!important;padding:0 24px!important}
:root[data-visual-style="2040"] .k270-notify-head b{font-size:15px!important;letter-spacing:.08em!important}
:root[data-visual-style="2040"] .k270-notify-head button{font-size:10px!important;height:34px!important;padding:0 14px!important}
:root[data-visual-style="2040"] .k270-notify-list{padding:14px 15px 20px!important}
:root[data-visual-style="2040"] .k270-note{grid-template-columns:50px minmax(0,1fr)!important;gap:14px!important;min-height:92px!important;padding:15px!important;margin-bottom:10px!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(235,151,102,.028))!important}
:root[data-visual-style="2040"] .k270-note i{width:50px!important;height:50px!important;font-size:16px!important}
:root[data-visual-style="2040"] .k270-note b{font-size:13px!important;line-height:1.28!important;letter-spacing:0!important}
:root[data-visual-style="2040"] .k270-note p{font-size:11px!important;line-height:1.5!important;margin-top:5px!important;color:#c4b5ad!important}
:root[data-visual-style="2040"] .k270-note time{font-size:9px!important;line-height:1.2!important;margin-top:7px!important;color:#81736c!important}
:root[data-visual-style="2040"] .k270-empty{font-size:12px!important;padding:42px 20px!important}

/* Standard Live Drop rebuilt to belong to Standard, not borrowed from 2040. */
:root[data-visual-style="standard"][data-theme="hub"] .live{width:min(1200px,calc(100% - 32px))!important;max-width:1200px!important;height:72px!important;margin:12px auto 0!important;grid-template-columns:82px minmax(0,1fr)!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:13px!important;background:linear-gradient(180deg,rgba(14,16,23,.98),rgba(10,12,18,.98))!important;box-shadow:0 14px 34px rgba(0,0,0,.28)!important;overflow:hidden!important}
:root[data-visual-style="standard"] .k273-live-toolbar{width:82px!important;min-width:82px!important;display:grid!important;grid-template-columns:34px 32px!important;grid-template-rows:25px 25px!important;align-content:center!important;justify-content:center!important;gap:3px 4px!important;padding:0!important;border-right:1px solid rgba(255,255,255,.07)!important;background:rgba(255,255,255,.018)!important}
:root[data-visual-style="standard"] .k273-daily-top{grid-row:1/3!important;width:34px!important;height:53px!important;border:0!important;border-radius:8px!important;background:rgba(255,255,255,.035)!important;color:#f1f2f5!important;padding:8px!important}
:root[data-visual-style="standard"] .k273-daily-top svg{width:18px!important;height:18px!important}
:root[data-visual-style="standard"] .k273-live-tabs{display:grid!important;gap:3px!important}
:root[data-visual-style="standard"] .k273-live-tabs button{width:32px!important;height:24px!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#737784!important;font-size:7px!important;font-weight:900!important}
:root[data-visual-style="standard"] .k273-live-tabs button.active{background:#fff!important;color:#0b0d12!important}
:root[data-visual-style="standard"] .live-scroll{height:100%!important}
:root[data-visual-style="standard"] .live-track{height:100%!important;align-items:stretch!important}
:root[data-visual-style="standard"] .live-item{width:158px!important;min-width:158px!important;height:100%!important;padding:7px 10px!important;gap:7px!important;border-left:1px solid rgba(255,255,255,.055)!important;background:radial-gradient(circle at 30% 50%,color-mix(in srgb,var(--rarity) 9%,transparent),transparent 68%)!important;overflow:hidden!important}
:root[data-visual-style="standard"] .live-item:hover{transform:none!important;background-color:rgba(255,255,255,.025)!important}
:root[data-visual-style="standard"] .live-item .skin-art{width:62px!important;height:52px!important;min-width:62px!important}
:root[data-visual-style="standard"] .live-item .skin-caption-live small{font-size:7px!important;color:#757985!important}
:root[data-visual-style="standard"] .live-item .skin-caption-live strong{font-size:9px!important;color:#f0f1f4!important;margin-top:2px!important}
:root[data-visual-style="standard"] .live-item .skin-caption-live b{font-size:10px!important;margin-top:4px!important}

/* Images arrive without the ugly collapsed/blank flash. */
.skin-art{min-width:0!important}
.skin-art img{opacity:1;transition:opacity .16s ease!important}
.skin-art img.k276-img-failed{opacity:.12!important}
.case-page-contents .skin-art,.profile-v81-replay-card .skin-art{contain:paint}

/* Stable profile loading: no giant brand flash. */
.k276-profile-loading{z-index:9999!important;background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.025),transparent 28%),#090b10!important}
.k276-profile-loading strong{font-size:11px!important;letter-spacing:.13em!important}

@media(max-width:760px){
  :root[data-visual-style="2040"] .k270-notify-panel{width:calc(100vw - 20px)!important}
  :root[data-visual-style="standard"][data-theme="hub"] .live{width:calc(100% - 16px)!important}
}

/* ===== v279-hotfix.css ===== */
/* KORZH v279 — weekly drop hardfix + i18n stability */
#weeklyDropVisual{
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation;
  user-select:none;
}
#weeklyDropVisual .k237-weekly-case,
#weeklyDropVisual .k237-weekly-aura,
#weeklyDropVisual .k237-weekly-token,
#weeklyDropVisual .k237-weekly-podium{pointer-events:none!important}
#weeklyDropVisual:focus-visible{outline:2px solid rgba(244,171,121,.72)!important;outline-offset:6px!important;border-radius:24px!important}
.k279-weekly-status{width:min(620px,100%);min-height:58px;margin:0 auto 16px;padding:11px 14px;display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:rgba(255,255,255,.025);color:#a9968a;text-align:left}
.k279-weekly-status b{flex:0 0 auto;color:#f3c4a4;font:950 13px/1 Inter,system-ui,sans-serif;white-space:nowrap}
.k279-weekly-status span{font:650 11px/1.35 Inter,system-ui,sans-serif;color:#a9968a}
.k279-weekly-status.is-ready{border-color:rgba(238,166,111,.24);background:rgba(221,127,69,.06)}
.k275-weekly-open:disabled{cursor:wait!important;opacity:.62!important;transform:none!important}
@media(max-width:760px){.k279-weekly-status{align-items:flex-start;flex-direction:column;gap:5px}}


/* v280 weekly entry hardfix: the bonus case is always an interaction target. */
#weeklyDropVisual{pointer-events:auto!important;cursor:pointer!important;position:relative!important;z-index:8!important}
#weeklyDropVisual .k269-weekly-open-badge{pointer-events:none!important;opacity:.86!important}
#weeklyDropVisual:hover .k269-weekly-open-badge{transform:rotate(3deg) translateY(-2px)!important;opacity:1!important}
.k280-weekly-claim{margin-top:13px;min-width:150px;height:38px;padding:0 17px;border:1px solid rgba(238,171,122,.26);border-radius:12px;background:linear-gradient(180deg,rgba(238,166,116,.16),rgba(114,57,34,.09));color:#f4d2bd;font:900 10px/1 Inter,Manrope,system-ui,sans-serif;letter-spacing:.08em;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.k280-weekly-claim:hover{transform:translateY(-2px);border-color:rgba(244,184,139,.48);background:linear-gradient(180deg,rgba(238,166,116,.24),rgba(114,57,34,.12))}

/* ===== v283-hotfix.css ===== */
/* KORZH v283 — Weekly Bonus is a real case, not a custom reward modal. */

/* No legacy claim/check button is allowed in the weekly hero. */
.k280-weekly-claim,
#weeklyDropOpenBtn,
#weeklyDropClaimBtn { display:none!important; }

/* The whole visual is clickable, while the case itself gets the same calm lift/scale
   language as the regular case cards. Old creature/shake keyframes are disabled. */
#weeklyDropVisual{
  cursor:pointer!important;
  outline:none!important;
  -webkit-tap-highlight-color:transparent;
}
#weeklyDropVisual .k282-weekly-case-motion{
  position:relative;
  z-index:2;
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  transform-origin:50% 76%;
  animation:k282WeeklyAlive 6.4s cubic-bezier(.45,.05,.35,1) infinite;
  will-change:transform;
  pointer-events:none;
}
#weeklyDropVisual .k237-weekly-case{
  animation:none!important;
  transform:translate3d(0,0,0) scale(1)!important;
  transform-origin:50% 76%!important;
  transition:transform .72s cubic-bezier(.16,1,.3,1),filter .72s ease!important;
  will-change:transform,filter;
  pointer-events:none;
}
#weeklyDropVisual:hover .k237-weekly-case,
#weeklyDropVisual:focus-visible .k237-weekly-case{
  animation:none!important;
  transform:translate3d(0,-5px,0) scale(1.028)!important;
  filter:drop-shadow(0 28px 38px rgba(0,0,0,.46)) drop-shadow(0 0 34px rgba(239,153,91,.28))!important;
}
/* Previous 2040 rule scaled the whole weekly block as well, creating a double zoom. */
:root[data-visual-style="2040"] .k269-weekly-visual.is-ready,
:root[data-visual-style="2040"] .k269-weekly-visual.is-ready:hover,
:root[data-visual-style="2040"] .k269-weekly-visual.is-ready:focus-visible{
  transform:none!important;
  transition:filter .45s ease!important;
}
#weeklyDropVisual:focus-visible{
  box-shadow:0 0 0 2px rgba(244,177,126,.18),0 0 42px rgba(210,120,66,.12)!important;
}
@keyframes k282WeeklyAlive{
  0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
  24%{transform:translate3d(-1px,-2px,0) rotate(-.12deg)}
  51%{transform:translate3d(1px,-3px,0) rotate(.14deg)}
  76%{transform:translate3d(0,-1px,0) rotate(-.07deg)}
}

/* Weekly case page uses the normal case layout/roulette. Its "items" are case arts. */
.k282-weekly-case-page .case-roulette-card-v166 .skin-art,
.k282-weekly-contents .skin-art,
.k282-case-reward-result .skin-art{
  overflow:visible!important;
}
.k282-weekly-case-page .case-roulette-card-v166 .skin-art img,
.k282-weekly-contents .skin-art img,
.k282-case-reward-result .skin-art img{
  object-fit:contain!important;
  transform:scale(.92);
  transform-origin:50% 60%;
}
.k282-weekly-case-page .case-roulette-card-v166 .skin-art img{
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.30));
}
.k282-weekly-action-spacer{min-width:56px;min-height:1px;display:block}
.k282-weekly-unavailable{display:block;text-align:center;margin-top:10px}
.k282-weekly-result-actions .sell-btn{min-width:230px}

@media (prefers-reduced-motion:reduce){
  #weeklyDropVisual .k282-weekly-case-motion{animation:none!important}
  #weeklyDropVisual .k237-weekly-case{transition:none!important}
}

/* v283: the hero must always receive clicks, including while status refreshes. */
#weeklyDropVisual{pointer-events:auto!important;user-select:none!important}
#weeklyDropVisual>*{pointer-events:none!important}

/* ===== v286-hotfix.css ===== */
/* KORZH v286 — 2040-only visual hardfix. Functional fixes live in JS/server. */

/* BONUS hero: one calm transform owner. */
:root[data-visual-style="2040"] #weeklyDropVisual .k282-weekly-case-motion{
  animation:k286WeeklyIdle 10s cubic-bezier(.45,.05,.35,1) infinite!important;
  transform-origin:50% 76%!important;
  transition:transform .82s cubic-bezier(.16,1,.3,1),filter .82s ease!important;
  will-change:transform!important;
}
:root[data-visual-style="2040"] #weeklyDropVisual .k237-weekly-case{
  animation:none!important;transform:none!important;
  transition:filter .82s ease!important;will-change:filter!important;
}
:root[data-visual-style="2040"] #weeklyDropVisual:hover .k282-weekly-case-motion,
:root[data-visual-style="2040"] #weeklyDropVisual:focus-visible .k282-weekly-case-motion{
  animation-play-state:paused!important;transform:translate3d(0,-4px,0) scale(1.022)!important;
}
:root[data-visual-style="2040"] #weeklyDropVisual:hover .k237-weekly-case,
:root[data-visual-style="2040"] #weeklyDropVisual:focus-visible .k237-weekly-case{
  transform:none!important;filter:drop-shadow(0 25px 34px rgba(0,0,0,.42)) drop-shadow(0 0 22px rgba(239,153,91,.18))!important;
}
@keyframes k286WeeklyIdle{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-1.5px,0)}}

/* BONUS contents: every case gets the exact same visual frame and baseline. */
:root[data-visual-style="2040"] .k282-weekly-contents .contents-grid{align-items:stretch!important;grid-auto-rows:196px!important}
:root[data-visual-style="2040"] .k282-weekly-contents .contents-card{
  height:196px!important;min-height:196px!important;max-height:196px!important;
  display:grid!important;grid-template-rows:142px 54px!important;padding:0!important;margin:0!important;align-self:stretch!important;
}
:root[data-visual-style="2040"] .k282-weekly-contents .contents-card .skin-art{
  height:142px!important;min-height:142px!important;max-height:142px!important;width:100%!important;
  display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:0 8px 4px!important;margin:0!important;box-sizing:border-box!important;
}
:root[data-visual-style="2040"] .k282-weekly-contents .contents-card :is(.skin-art .real-skin,.real-skin){
  width:100%!important;height:100%!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;
}
:root[data-visual-style="2040"] .k282-weekly-contents .contents-card :is(.skin-art img,.real-skin img){
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:50% 100%!important;transform:none!important;margin:0!important;
}
:root[data-visual-style="2040"] .k282-weekly-contents .contents-card .skin-info{
  height:54px!important;min-height:54px!important;max-height:54px!important;display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:flex-start!important;padding:6px 12px 8px!important;margin:0!important;box-sizing:border-box!important;
}
:root[data-visual-style="2040"] .k282-weekly-contents :is(.drop-chance-help,.chance){display:none!important}

:root[data-visual-style="2040"] .k282-weekly-case-page .case-roulette-card-v166 .skin-art{
  height:112px!important;min-height:112px!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;
}
:root[data-visual-style="2040"] .k282-weekly-case-page .case-roulette-card-v166 .skin-art img{
  width:100%!important;height:100%!important;object-fit:contain!important;object-position:50% 100%!important;transform:none!important;
}

/* Remove the extra rarity-coloured substrate from skin/case cards on case pages. */
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page :is(.contents-card,.case-roulette-card-v166){
  background:#11141a!important;background-image:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 9px 20px rgba(0,0,0,.18)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page :is(.contents-card,.case-roulette-card-v166) .skin-art::before,
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page :is(.contents-card,.case-roulette-card-v166) .skin-art::after,
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page :is(.contents-card,.case-roulette-card-v166) .skin-glow{
  display:none!important;opacity:0!important;background:none!important;filter:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page :is(.contents-card,.case-roulette-card-v166) .real-skin{
  background:none!important;box-shadow:none!important;
}

/* Upgrade action is white at every idle/disabled/hover state. */
:root[data-visual-style="2040"][data-theme="hub"] #runUpgrade,
:root[data-visual-style="2040"][data-theme="hub"] #runUpgrade:hover,
:root[data-visual-style="2040"][data-theme="hub"] #runUpgrade:focus,
:root[data-visual-style="2040"][data-theme="hub"] #runUpgrade:disabled,
:root[data-visual-style="2040"][data-theme="hub"] #runUpgrade.upgrade-skip-active{
  background:#fff!important;background-image:none!important;color:#17110e!important;border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.25),0 0 20px rgba(255,255,255,.07),inset 0 1px 0 #fff!important;filter:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] #runUpgrade:disabled{opacity:.46!important}

/* Telegram support: centered modal, never the old rail-wing layout. */
:root[data-visual-style="2040"] #supportPortal #supportOverlay,
:root[data-visual-style="2040"] #profileSupportPortal #profileSupportOverlay{
  position:fixed!important;inset:0!important;z-index:10040!important;width:auto!important;height:auto!important;min-width:0!important;min-height:0!important;
  display:grid!important;place-items:center!important;padding:24px!important;transform:none!important;translate:none!important;
  background:rgba(6,5,5,.58)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;
}
:root[data-visual-style="2040"] #supportPortal :is(.k248-telegram-card,.kx229-support),
:root[data-visual-style="2040"] #profileSupportPortal :is(.k248-telegram-card,.kx229-support){
  position:relative!important;inset:auto!important;right:auto!important;left:auto!important;top:auto!important;bottom:auto!important;
  width:min(520px,calc(100vw - 40px))!important;height:auto!important;min-height:0!important;max-height:min(650px,calc(100vh - 48px))!important;
  transform:none!important;margin:0!important;border-radius:22px!important;overflow:hidden!important;
}
:root[data-visual-style="2040"] #supportPortal .k248-telegram-support,
:root[data-visual-style="2040"] #profileSupportPortal .k248-telegram-support{padding:34px 28px 28px!important}
:root[data-visual-style="2040"] #supportPortal .k248-telegram-button,
:root[data-visual-style="2040"] #profileSupportPortal .k248-telegram-button{width:100%!important;box-sizing:border-box!important}

/* Soft same-page patches don't trigger the old entrance fade. */
:root[data-visual-style="2040"] .k286-soft-mounted{scroll-behavior:auto!important}

/* Toast lives outside #app, so showing it cannot remount the whole site. */
:root[data-visual-style="2040"] #toastPortal{position:fixed;inset:0;z-index:12000;pointer-events:none}
:root[data-visual-style="2040"] #toastPortal .toast{position:fixed!important;left:50%!important;bottom:26px!important;transform:translateX(-50%)!important;z-index:12001!important}

@media (prefers-reduced-motion:reduce){
  :root[data-visual-style="2040"] #weeklyDropVisual .k282-weekly-case-motion{animation:none!important;transition:none!important}
}

/* ===== v287-hotfix.css ===== */
/* KORZH v287 — single-layer rarity cards, weekly polish, rail wings, profile speed UI. */

/* =========================================================
   1) CASE CONTENT CARDS — one surface, no caption substrate.
   ========================================================= */

/* 2040-only full rarity palette. Standard remains untouched. */
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page :is(.contents-card,.case-roulette-card-v166).tier-gray{--rarity:#789bbd!important;--k287-card-bg:radial-gradient(circle at 22% 18%,rgba(120,155,189,.24),transparent 42%),linear-gradient(145deg,#26384a 0%,#1c2a38 52%,#151f2a 100%)!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page :is(.contents-card,.case-roulette-card-v166).tier-pink{--rarity:#df5aa1!important;--k287-card-bg:radial-gradient(circle at 78% 18%,rgba(223,90,161,.27),transparent 40%),linear-gradient(145deg,#432039 0%,#301829 52%,#21131d 100%)!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page :is(.contents-card,.case-roulette-card-v166).tier-orange{--rarity:#a66ce3!important;--k287-card-bg:radial-gradient(circle at 22% 18%,rgba(166,108,227,.28),transparent 40%),linear-gradient(145deg,#3b2852 0%,#2b1e3d 52%,#1b1525 100%)!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page :is(.contents-card,.case-roulette-card-v166).tier-red{--rarity:#e35b62!important;--k287-card-bg:radial-gradient(circle at 78% 18%,rgba(227,91,98,.27),transparent 40%),linear-gradient(145deg,#4a2026 0%,#34191f 50%,#211317 100%)!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page :is(.contents-card,.case-roulette-card-v166).tier-gold{--rarity:#e8c75e!important;--k287-card-bg:radial-gradient(circle at 24% 20%,rgba(232,199,94,.28),transparent 38%),linear-gradient(145deg,#4a3c18 0%,#322813 48%,#201b12 100%)!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .contents-card{
  position:relative!important;
  display:block!important;
  height:188px!important;
  min-height:188px!important;
  max-height:188px!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--k287-card-bg,var(--tier-bg))!important;
  background-image:var(--k287-card-bg,var(--tier-bg))!important;
  border:1px solid color-mix(in srgb,var(--rarity) 52%,rgba(255,255,255,.10))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),0 12px 28px rgba(0,0,0,.24)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .contents-card .skin-art{
  position:absolute!important;
  inset:7px 8px 24px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  background:transparent!important;
  transform:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .contents-card .skin-art img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:92%!important;
  max-height:88%!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  transform:none!important;
  filter:drop-shadow(0 14px 18px rgba(0,0,0,.33))!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .contents-card .skin-info{
  position:absolute!important;
  z-index:4!important;
  left:11px!important;
  right:11px!important;
  bottom:9px!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .contents-card .skin-info small,
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .contents-card .skin-info strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  background:none!important;
  box-shadow:none!important;
  text-shadow:0 2px 8px rgba(0,0,0,.85)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .contents-card .skin-info small{font-size:8.5px!important;opacity:.82!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .contents-card .skin-info strong{margin-top:2px!important;font-size:10.5px!important;line-height:1.05!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .contents-card .skin-glow,
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .contents-card .skin-art:before,
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .contents-card .skin-art:after{display:none!important}

/* Roulette cards use the same single-layer construction. */
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-card-v166{
  position:relative!important;
  overflow:hidden!important;
  background:var(--k287-card-bg,var(--tier-bg))!important;
  background-image:var(--k287-card-bg,var(--tier-bg))!important;
  border-color:color-mix(in srgb,var(--rarity) 50%,rgba(255,255,255,.10))!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-card-v166>.skin-art{
  position:absolute!important;
  inset:7px 7px 29px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  transform:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-card-v166>.skin-art img{
  width:100%!important;height:100%!important;max-width:92%!important;max-height:88%!important;
  object-fit:contain!important;object-position:center!important;transform:none!important;
  filter:drop-shadow(0 13px 16px rgba(0,0,0,.32))!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-card-v166>div:last-child{
  position:absolute!important;z-index:4!important;left:10px!important;right:10px!important;bottom:8px!important;
  padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-card-v166>div:last-child :is(small,strong,b){text-shadow:0 2px 8px rgba(0,0,0,.86)!important}

/* Weekly case cards: same height, same art plane, same baseline. */
:root[data-visual-style="2040"] .k282-weekly-contents .contents-grid{
  align-items:stretch!important;
  grid-auto-rows:188px!important;
}
:root[data-visual-style="2040"] .k282-weekly-contents .contents-card{
  height:188px!important;min-height:188px!important;max-height:188px!important;display:block!important;
}
:root[data-visual-style="2040"] .k282-weekly-contents .contents-card .skin-art{
  inset:5px 7px 27px!important;
  align-items:center!important;
  justify-items:center!important;
}
:root[data-visual-style="2040"] .k282-weekly-contents .contents-card .skin-art img{
  width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  object-fit:contain!important;object-position:50% 50%!important;transform:none!important;
}
:root[data-visual-style="2040"] .k282-weekly-contents :is(.drop-chance-help,.chance){display:none!important}

/* =========================================================
   2) BONUS HERO — no transform fight, almost no scale jump.
   ========================================================= */
:root[data-visual-style="2040"] #weeklyDropVisual .k282-weekly-case-motion{
  animation:none!important;
  transform:translate3d(0,0,0) scale(1)!important;
  transform-origin:50% 72%!important;
  transition:transform .72s cubic-bezier(.16,1,.3,1),filter .72s ease,opacity .72s ease!important;
  will-change:transform,filter!important;
}
:root[data-visual-style="2040"] #weeklyDropVisual .k237-weekly-case{
  animation:none!important;transform:none!important;
  transition:filter .72s ease!important;
}
:root[data-visual-style="2040"] #weeklyDropVisual:hover .k282-weekly-case-motion,
:root[data-visual-style="2040"] #weeklyDropVisual:focus-visible .k282-weekly-case-motion{
  transform:translate3d(0,-1px,0) scale(1.006)!important;
  filter:brightness(1.025)!important;
}
:root[data-visual-style="2040"] #weeklyDropVisual:hover .k237-weekly-case,
:root[data-visual-style="2040"] #weeklyDropVisual:focus-visible .k237-weekly-case{
  filter:drop-shadow(0 21px 28px rgba(0,0,0,.36)) drop-shadow(0 0 14px rgba(239,153,91,.11))!important;
}
/* OPEN badge exists in DOM only when the server says the opening is available. */
:root[data-visual-style="2040"] #weeklyDropVisual .k269-weekly-open-badge{transition:opacity .45s ease,transform .55s cubic-bezier(.16,1,.3,1)!important}

/* =========================================================
   3) SETTINGS / SUPPORT / NOTIFICATIONS = depth continuation
      of the right 3D rail, not fullscreen modals.
   ========================================================= */
:root[data-visual-style="2040"] body.support-widget-open,
:root[data-visual-style="2040"] body.profile-support-open,
:root[data-visual-style="2040"] body.site-settings-open{overflow:auto!important}

:root[data-visual-style="2040"] :is(#supportOverlay,#siteSettingsOverlay,#profileSupportOverlay,#profileSettingsOverlay).k274-rail-wing-layer{
  position:fixed!important;
  z-index:6205!important;
  inset:auto!important;
  top:50%!important;
  right:158px!important;
  width:324px!important;
  max-width:calc(100vw - 360px)!important;
  height:min(548px,calc(100dvh - 126px))!important;
  max-height:min(548px,calc(100dvh - 126px))!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
  pointer-events:none!important;
  transform:translate(24px,-50%) scale(.975)!important;
  opacity:0!important;
  animation:k287WingIn .34s cubic-bezier(.16,.86,.2,1) forwards!important;
}
:root[data-visual-style="2040"] :is(#supportOverlay,#siteSettingsOverlay,#profileSupportOverlay,#profileSettingsOverlay).k274-rail-wing-layer>.k274-rail-wing-card{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  pointer-events:auto!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  border:1px solid rgba(255,239,225,.13)!important;
  border-right-color:rgba(255,246,236,.22)!important;
  border-radius:29px 17px 17px 29px!important;
  clip-path:polygon(0 3.5%,100% 0,100% 100%,0 96.5%)!important;
  background:radial-gradient(circle at 100% 48%,rgba(229,155,108,.12),transparent 38%),linear-gradient(180deg,rgba(48,31,24,.975),rgba(19,13,11,.972))!important;
  box-shadow:0 38px 92px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.075),inset 0 0 70px rgba(255,223,197,.018)!important;
  backdrop-filter:blur(28px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(28px) saturate(1.12)!important;
  transform:perspective(1500px) rotateY(-5.2deg) scale(.955)!important;
  transform-origin:right center!important;
  backface-visibility:hidden!important;
}
:root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal) :is(.k248-telegram-card,.kx229-support).k274-rail-wing-card{
  position:relative!important;inset:auto!important;right:auto!important;left:auto!important;top:auto!important;bottom:auto!important;
  width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;
  transform:perspective(1500px) rotateY(-5.2deg) scale(.955)!important;
  border-radius:29px 17px 17px 29px!important;
}
:root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal) .k274-rail-wing-card .k248-telegram-support{
  flex:1 1 auto!important;min-height:0!important;padding:40px 24px 27px!important;justify-content:center!important;
}
:root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal) .k274-rail-wing-card .k248-telegram-logo{width:70px!important;height:70px!important;margin-bottom:17px!important}
:root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal) .k274-rail-wing-card .k248-telegram-support h2{font-size:23px!important;margin:7px 0 10px!important}
:root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal) .k274-rail-wing-card .k248-telegram-support p{font-size:10px!important;line-height:1.5!important;margin:0 auto 18px!important;max-width:240px!important}

:root[data-visual-style="2040"] .k270-notify-panel{
  right:158px!important;
  width:324px!important;
  height:min(548px,calc(100dvh - 126px))!important;
  max-height:min(548px,calc(100dvh - 126px))!important;
  max-width:calc(100vw - 360px)!important;
  border-radius:29px 17px 17px 29px!important;
  clip-path:polygon(0 3.5%,100% 0,100% 100%,0 96.5%)!important;
  opacity:0!important;
  transform:translate(24px,-50%) perspective(1500px) rotateY(-5.2deg) scale(.94)!important;
  transform-origin:right center!important;
  transition:opacity .25s ease,transform .34s cubic-bezier(.16,.86,.2,1)!important;
}
:root[data-visual-style="2040"] .k270-notify-panel.open{
  opacity:1!important;
  transform:translate(0,-50%) perspective(1500px) rotateY(-5.2deg) scale(.955)!important;
}
@keyframes k287WingIn{
  from{opacity:0;transform:translate(24px,-50%) scale(.975)}
  to{opacity:1;transform:translate(0,-50%) scale(1)}
}

/* =========================================================
   4) PROFILE — trade link lives inside the identity card.
   ========================================================= */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v156-user-card{position:relative!important;padding-right:164px!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline{
  position:absolute!important;
  right:15px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:134px!important;
  min-width:134px!important;
  max-width:134px!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 12px!important;
  border-radius:11px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.024))!important;
  color:#f5ebe3!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.055em!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:hover{border-color:rgba(245,183,139,.28)!important;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.04))!important}

/* Loading fallback itself is lighter; cached profile replaces it immediately. */
:root[data-visual-style="2040"] .k276-profile-loading{background:transparent!important;min-height:42vh!important}

@media(max-width:1120px){
  :root[data-visual-style="2040"] :is(#supportOverlay,#siteSettingsOverlay,#profileSupportOverlay,#profileSettingsOverlay).k274-rail-wing-layer{
    top:auto!important;bottom:78px!important;right:14px!important;width:min(324px,calc(100vw - 28px))!important;max-width:min(324px,calc(100vw - 28px))!important;
    height:min(500px,calc(100dvh - 110px))!important;max-height:min(500px,calc(100dvh - 110px))!important;
    transform:translateY(12px) scale(.98)!important;
  }
  :root[data-visual-style="2040"] :is(#supportOverlay,#siteSettingsOverlay,#profileSupportOverlay,#profileSettingsOverlay).k274-rail-wing-layer>.k274-rail-wing-card,
  :root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal) :is(.k248-telegram-card,.kx229-support).k274-rail-wing-card{transform:none!important;clip-path:none!important;border-radius:24px!important}
  :root[data-visual-style="2040"] .k270-notify-panel{right:14px!important;top:auto!important;bottom:78px!important;width:min(324px,calc(100vw - 28px))!important;max-width:min(324px,calc(100vw - 28px))!important;transform:translateY(12px) scale(.98)!important;clip-path:none!important;border-radius:24px!important}
  :root[data-visual-style="2040"] .k270-notify-panel.open{transform:none!important}
}
@media(max-width:760px){
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v156-user-card{padding-right:12px!important;padding-bottom:58px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline{left:12px!important;right:12px!important;bottom:10px!important;top:auto!important;transform:none!important;width:auto!important;max-width:none!important}
}

/* ===== v288-hotfix.css ===== */
/* KORZH v288 — rail notifications, stable profile, exact replays, live drop polish, smooth controls. */

/* =========================================================
   1) RIGHT-RAIL WINGS — notification panel now belongs to rail.
   ========================================================= */
:root[data-visual-style="2040"] .k270-notify-panel{
  position:fixed!important;
  z-index:6210!important;
  top:50%!important;
  right:158px!important;
  left:auto!important;
  bottom:auto!important;
  width:330px!important;
  min-width:330px!important;
  max-width:330px!important;
  height:min(566px,calc(100dvh - 116px))!important;
  max-height:min(566px,calc(100dvh - 116px))!important;
  padding:13px!important;
  border-radius:29px!important;
  clip-path:none!important;
  overflow:hidden!important;
  border:1px solid rgba(255,238,225,.105)!important;
  background:
    radial-gradient(circle at 92% 14%,rgba(220,143,91,.10),transparent 29%),
    radial-gradient(circle at 10% 88%,rgba(116,73,51,.09),transparent 32%),
    linear-gradient(164deg,rgba(54,38,29,.965),rgba(24,18,15,.982) 49%,rgba(15,12,11,.988))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),inset 0 -1px 0 rgba(0,0,0,.24),-20px 26px 60px rgba(0,0,0,.40),0 0 0 1px rgba(0,0,0,.13)!important;
  backdrop-filter:blur(22px) saturate(1.1)!important;
  -webkit-backdrop-filter:blur(22px) saturate(1.1)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform-origin:100% 50%!important;
  transform:translate(22px,-50%) perspective(1400px) rotateY(-3deg) scale(.975)!important;
  transition:opacity .28s ease,visibility .28s ease,transform .48s cubic-bezier(.16,1,.3,1)!important;
}
:root[data-visual-style="2040"] .k270-notify-panel.open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:translate(0,-50%) perspective(1400px) rotateY(-3deg) scale(.985)!important;
}
:root[data-visual-style="2040"] .k270-notify-head{
  height:48px!important;
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:0 5px 9px!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
}
:root[data-visual-style="2040"] .k270-notify-head b{font-size:10px!important;letter-spacing:.075em!important;color:#f5ebe4!important}
:root[data-visual-style="2040"] .k270-notify-head button{
  height:28px!important;padding:0 12px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.035)!important;color:rgba(244,232,222,.52)!important;font-size:7px!important;font-weight:900!important;letter-spacing:.07em!important;
  transition:background .22s ease,color .22s ease,border-color .22s ease,transform .22s cubic-bezier(.2,.8,.2,1)!important;
}
:root[data-visual-style="2040"] .k270-notify-head button:hover{background:rgba(255,255,255,.07)!important;color:#fff4ed!important;border-color:rgba(255,255,255,.15)!important}
:root[data-visual-style="2040"] .k270-notify-head button:active{transform:scale(.97)!important}
:root[data-visual-style="2040"] .k270-notify-list{
  height:calc(100% - 48px)!important;overflow:auto!important;padding:10px 2px 4px!important;display:flex!important;flex-direction:column!important;gap:8px!important;
  scrollbar-width:thin!important;scrollbar-color:rgba(233,166,122,.24) transparent!important;overscroll-behavior:contain!important;
}
:root[data-visual-style="2040"] .k270-note{
  --note:#85a9d0;
  position:relative!important;display:grid!important;grid-template-columns:35px minmax(0,1fr)!important;gap:10px!important;align-items:start!important;
  min-height:74px!important;padding:11px!important;border-radius:16px!important;overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--note) 24%,rgba(255,255,255,.055))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--note) 12%,rgba(255,255,255,.035)),rgba(255,255,255,.018) 68%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 8px 20px rgba(0,0,0,.13)!important;
  transition:transform .30s cubic-bezier(.16,1,.3,1),border-color .25s ease,background .25s ease!important;
}
:root[data-visual-style="2040"] .k270-note:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:var(--note);box-shadow:0 0 12px color-mix(in srgb,var(--note) 45%,transparent)}
:root[data-visual-style="2040"] .k270-note:hover{transform:translateX(-2px)!important;border-color:color-mix(in srgb,var(--note) 40%,rgba(255,255,255,.08))!important}
:root[data-visual-style="2040"] .k270-note.tone-gold{--note:#e6b66e}
:root[data-visual-style="2040"] .k270-note.tone-green{--note:#67d5a2}
:root[data-visual-style="2040"] .k270-note.tone-red{--note:#e47676}
:root[data-visual-style="2040"] .k270-note.tone-orange{--note:#e99661}
:root[data-visual-style="2040"] .k270-note.tone-blue{--note:#79a9d9}
:root[data-visual-style="2040"] .k270-note>i{
  width:35px!important;height:35px!important;border-radius:12px!important;display:grid!important;place-items:center!important;font-style:normal!important;
  color:var(--note)!important;border:1px solid color-mix(in srgb,var(--note) 31%,transparent)!important;
  background:color-mix(in srgb,var(--note) 12%,rgba(13,12,13,.62))!important;box-shadow:inset 0 1px rgba(255,255,255,.045)!important;
}
:root[data-visual-style="2040"] .k270-note>div{min-width:0!important}
:root[data-visual-style="2040"] .k270-note b{display:block!important;font-size:9.5px!important;line-height:1.15!important;color:#f6ede7!important;margin:1px 0 4px!important}
:root[data-visual-style="2040"] .k270-note p{margin:0!important;font-size:8px!important;line-height:1.38!important;color:rgba(244,232,222,.68)!important}
:root[data-visual-style="2040"] .k270-note time{display:block!important;margin-top:7px!important;font-size:6.5px!important;letter-spacing:.035em!important;color:rgba(240,223,211,.31)!important}

/* =========================================================
   2) PROFILE — fixed trade button + withdrawal history artwork.
   ========================================================= */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v156-user-card:hover{transform:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:hover,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:focus,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:active{
  top:50%!important;bottom:auto!important;right:15px!important;left:auto!important;
  transform:translate3d(0,-50%,0)!important;translate:none!important;scale:1!important;margin:0!important;
  transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease!important;
}
:root[data-visual-style="2040"] .profile-withdraw-history{display:flex!important;flex-direction:column!important;gap:10px!important;padding:2px!important}
:root[data-visual-style="2040"] .profile-withdraw-request{
  display:grid!important;grid-template-columns:minmax(0,1fr) 230px!important;gap:14px!important;align-items:stretch!important;
  padding:11px!important;border-radius:17px!important;border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035)!important;
}
:root[data-visual-style="2040"] .profile-withdraw-request-items{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:8px!important;min-width:0!important}
:root[data-visual-style="2040"] .profile-withdraw-item{
  position:relative!important;display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;align-items:center!important;gap:9px!important;
  min-height:82px!important;padding:7px 9px!important;border-radius:13px!important;overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--rarity) 32%,rgba(255,255,255,.06))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--rarity) 11%,rgba(255,255,255,.025)),rgba(255,255,255,.012))!important;
}
:root[data-visual-style="2040"] .profile-withdraw-art{width:74px!important;height:64px!important;display:grid!important;place-items:center!important;overflow:visible!important}
:root[data-visual-style="2040"] .profile-withdraw-art .skin-art{width:100%!important;height:100%!important;display:grid!important;place-items:center!important;background:transparent!important;overflow:visible!important}
:root[data-visual-style="2040"] .profile-withdraw-art img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))!important}
:root[data-visual-style="2040"] .profile-withdraw-copy{min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important}
:root[data-visual-style="2040"] .profile-withdraw-copy small{font-size:6.5px!important;color:color-mix(in srgb,var(--rarity) 74%,#eee)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
:root[data-visual-style="2040"] .profile-withdraw-copy strong{font-size:9px!important;color:#f3ebe5!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
:root[data-visual-style="2040"] .profile-withdraw-copy b{font-size:8px!important;color:#d9c8bb!important}
:root[data-visual-style="2040"] .profile-withdraw-request-meta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;align-content:center!important;padding:4px 2px!important}
:root[data-visual-style="2040"] .profile-withdraw-request-meta span{min-width:0!important}
:root[data-visual-style="2040"] .profile-withdraw-request-meta small{display:block!important;font-size:6px!important;color:rgba(240,225,213,.36)!important;letter-spacing:.08em!important;margin-bottom:3px!important}
:root[data-visual-style="2040"] .profile-withdraw-request-meta b{display:block!important;font-size:8px!important;color:#efe4db!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
:root[data-visual-style="2040"] .profile-withdraw-status{grid-column:1/-1!important;height:27px!important;border-radius:9px!important;display:grid!important;place-items:center!important;font-style:normal!important;font-size:6.5px!important;font-weight:950!important;letter-spacing:.065em!important;border:1px solid rgba(255,255,255,.08)!important}
:root[data-visual-style="2040"] .profile-withdraw-status.pending{color:#e8b675!important;background:rgba(232,182,117,.08)!important;border-color:rgba(232,182,117,.19)!important}
:root[data-visual-style="2040"] .profile-withdraw-status.approved{color:#70d7a6!important;background:rgba(112,215,166,.08)!important;border-color:rgba(112,215,166,.20)!important}
:root[data-visual-style="2040"] .profile-withdraw-status.rejected{color:#e57e7e!important;background:rgba(229,126,126,.08)!important;border-color:rgba(229,126,126,.20)!important}

/* =========================================================
   3) LIVE DROP — real TOP list + centered profile reveal.
   ========================================================= */
:root[data-visual-style="2040"] .live-item .k275-live-player{
  position:absolute!important;z-index:12!important;
  left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;
  width:auto!important;max-width:90%!important;height:auto!important;min-height:0!important;padding:0!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important;text-decoration:none!important;
  opacity:0!important;pointer-events:none!important;
  transform:translate3d(-50%,calc(-50% + 8px),0) scale(.92)!important;
  transition:opacity .24s ease,transform .36s cubic-bezier(.16,1,.3,1)!important;
}
:root[data-visual-style="2040"] .live-item:hover .k275-live-player{
  opacity:1!important;pointer-events:auto!important;transform:translate3d(-50%,-50%,0) scale(1)!important;
}
:root[data-visual-style="2040"] .live-item .k275-live-player img,
:root[data-visual-style="2040"] .live-item .k275-live-player i{
  width:42px!important;height:42px!important;min-width:42px!important;border-radius:50%!important;object-fit:cover!important;display:grid!important;place-items:center!important;
  font-style:normal!important;font-size:13px!important;color:#fff!important;background:#201914!important;
  border:1px solid rgba(255,235,220,.30)!important;box-shadow:0 8px 22px rgba(0,0,0,.48),0 0 0 3px rgba(255,255,255,.035)!important;
}
:root[data-visual-style="2040"] .live-item .k275-live-player span{
  display:block!important;max-width:105px!important;padding:4px 7px!important;border-radius:999px!important;
  background:rgba(16,12,11,.78)!important;border:1px solid rgba(255,255,255,.08)!important;backdrop-filter:blur(8px)!important;
  color:#fff0e6!important;font-size:7.5px!important;line-height:1!important;font-weight:900!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}

/* =========================================================
   4) SOFTNESS — no hard collection snaps, gentle tactile UI.
   ========================================================= */
html{scroll-behavior:smooth!important;scrollbar-gutter:stable!important}
:root[data-visual-style="2040"] :is(.live-scroll,.profile-v81-top-track,.profile-v81-archive-list,.profile-v80-content-body,.k270-notify-list){scroll-behavior:smooth!important;overscroll-behavior:contain!important}
:root[data-visual-style="2040"] .collection-fold{
  display:grid!important;grid-template-rows:1fr!important;max-height:none!important;opacity:1!important;overflow:hidden!important;
  transform:translate3d(0,0,0) scaleY(1)!important;transform-origin:50% 0!important;
  transition:grid-template-rows .62s cubic-bezier(.16,1,.3,1),opacity .36s ease,transform .58s cubic-bezier(.16,1,.3,1),margin .58s cubic-bezier(.16,1,.3,1)!important;
}
:root[data-visual-style="2040"] .collection-fold-inner{min-height:0!important;overflow:visible!important}
:root[data-visual-style="2040"] .collapsible-collection.is-collapsed .collection-fold{
  grid-template-rows:0fr!important;max-height:none!important;opacity:0!important;transform:translate3d(0,-5px,0) scaleY(.985)!important;margin-bottom:0!important;
}
:root[data-visual-style="2040"] .collapsible-collection.is-collapsed .collection-fold-inner{overflow:hidden!important}
:root[data-visual-style="2040"] .collection-collapse-toggle{
  transition:background .30s ease,border-color .30s ease,color .30s ease,transform .34s cubic-bezier(.16,1,.3,1)!important;
}
:root[data-visual-style="2040"] .collection-collapse-toggle:active{transform:translateY(-50%) scale(.94)!important}
:root[data-visual-style="2040"] :is(.live-tabs button,.k273-daily-top,.case-filters button,.upgrade-multipliers button,.profile-v156-content-tabs button,.profile-history-pagination button,.k2040-round-action,.k2040-deposit,.profile-v160-trade-btn){
  transition:background .24s ease,border-color .24s ease,color .24s ease,box-shadow .28s ease,filter .24s ease,opacity .24s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}
:root[data-visual-style="2040"] :is(.live-tabs button,.k273-daily-top,.case-filters button,.upgrade-multipliers button,.profile-v156-content-tabs button,.profile-history-pagination button):active{filter:brightness(.94)!important}

/* =========================================================
   5) Profile toast is a portal now — never rebuild the profile.
   ========================================================= */
#profileToastPortal{position:fixed;z-index:9000;left:50%;bottom:30px;transform:translateX(-50%);pointer-events:none}
#profileToastPortal .profile-toast{position:static!important;transform:none!important;animation:k288ToastIn .28s cubic-bezier(.16,1,.3,1) both!important}
@keyframes k288ToastIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}

@media(max-width:1120px){
  :root[data-visual-style="2040"] .k270-notify-panel{
    top:auto!important;right:14px!important;bottom:78px!important;width:min(330px,calc(100vw - 28px))!important;min-width:0!important;max-width:min(330px,calc(100vw - 28px))!important;
    height:min(520px,calc(100dvh - 110px))!important;max-height:min(520px,calc(100dvh - 110px))!important;
    transform:translateY(12px) scale(.98)!important;
  }
  :root[data-visual-style="2040"] .k270-notify-panel.open{transform:none!important}
  :root[data-visual-style="2040"] .profile-withdraw-request{grid-template-columns:1fr!important}
  :root[data-visual-style="2040"] .profile-withdraw-request-meta{grid-template-columns:1fr 1fr!important}
}
@media(max-width:760px){
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline,
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:hover,
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:active{left:12px!important;right:12px!important;top:auto!important;bottom:10px!important;transform:none!important;width:auto!important;max-width:none!important}
  :root[data-visual-style="2040"] .profile-withdraw-request-items{grid-template-columns:1fr!important}
}

/* ===== v289-hotfix.css ===== */
/* KORZH v289 — exact rail wings, vivid notifications, fixed trade control. */

:root[data-visual-style="2040"]{
  --k289-wing-right:176px;
  --k289-rail-top:16px;
  --k289-rail-height:calc(100dvh - 32px);
  --k289-rail-bg:radial-gradient(circle at 82% 18%,rgba(255,225,199,.11),transparent 34%),linear-gradient(180deg,rgba(61,42,32,.94),rgba(27,18,14,.97));
  --k289-rail-shadow:0 38px 92px rgba(0,0,0,.50),inset 0 1px rgba(255,248,238,.09),inset 0 0 76px rgba(255,226,200,.018);
}

/* Notifications: same silhouette, surface and depth language as the right rail. */
:root[data-visual-style="2040"] .k270-notify-panel{
  position:fixed!important;z-index:6210!important;
  top:var(--k289-rail-top)!important;bottom:auto!important;
  right:var(--k289-wing-right)!important;left:auto!important;
  width:340px!important;min-width:340px!important;max-width:340px!important;
  height:var(--k289-rail-height)!important;max-height:var(--k289-rail-height)!important;
  padding:17px 18px 18px!important;box-sizing:border-box!important;
  border:1px solid rgba(255,238,219,.14)!important;
  border-radius:18px 34px 34px 18px!important;
  clip-path:polygon(0 4%,100% 0,100% 100%,0 96%,12% 50%)!important;
  background:var(--k289-rail-bg)!important;
  box-shadow:var(--k289-rail-shadow)!important;
  backdrop-filter:blur(30px) saturate(1.16)!important;-webkit-backdrop-filter:blur(30px) saturate(1.16)!important;
  overflow:hidden!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transform-origin:right center!important;
  transform:perspective(1400px) rotateY(-9deg) translateX(20px) scale(.982)!important;
  transition:opacity .26s ease,visibility .26s ease,transform .48s cubic-bezier(.16,1,.3,1)!important;
}
:root[data-visual-style="2040"] .k270-notify-panel.open{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
  transform:perspective(1400px) rotateY(-9deg) translateX(0) scale(.991)!important;
}
:root[data-visual-style="2040"] .k270-notify-head{
  height:52px!important;min-height:52px!important;padding:0 10px 10px 13px!important;margin:0 0 6px!important;
  border-bottom:1px solid rgba(255,244,233,.095)!important;
}
:root[data-visual-style="2040"] .k270-notify-head b{font-size:11px!important;letter-spacing:.08em!important;color:#fff5ec!important;text-shadow:0 2px 14px rgba(255,197,151,.12)!important}
:root[data-visual-style="2040"] .k270-notify-list{height:calc(100% - 58px)!important;padding:7px 5px 18px 12px!important;gap:10px!important}

/* Notification cards are intentionally vivid; still retain the coffee-glass system. */
:root[data-visual-style="2040"] .k270-note{
  --note:#79a9d9;
  min-height:82px!important;padding:12px 12px 12px 13px!important;border-radius:17px!important;
  border:1px solid color-mix(in srgb,var(--note) 52%,rgba(255,255,255,.09))!important;
  background:
    radial-gradient(circle at 10% 15%,color-mix(in srgb,var(--note) 36%,transparent),transparent 48%),
    linear-gradient(140deg,color-mix(in srgb,var(--note) 25%,rgba(38,24,18,.88)),color-mix(in srgb,var(--note) 10%,rgba(20,14,12,.94)) 70%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 11px 28px rgba(0,0,0,.22),0 0 22px color-mix(in srgb,var(--note) 10%,transparent)!important;
}
:root[data-visual-style="2040"] .k270-note:before{width:3px!important;top:12px!important;bottom:12px!important;box-shadow:0 0 17px color-mix(in srgb,var(--note) 72%,transparent)!important}
:root[data-visual-style="2040"] .k270-note.tone-gold{--note:#ffbe4d!important}
:root[data-visual-style="2040"] .k270-note.tone-green{--note:#55e4a4!important}
:root[data-visual-style="2040"] .k270-note.tone-red{--note:#ff6969!important}
:root[data-visual-style="2040"] .k270-note.tone-orange{--note:#ff9257!important}
:root[data-visual-style="2040"] .k270-note.tone-blue{--note:#6bb8ff!important}
:root[data-visual-style="2040"] .k270-note>i{
  width:38px!important;height:38px!important;border-radius:13px!important;
  color:#fff!important;background:color-mix(in srgb,var(--note) 32%,rgba(14,12,12,.72))!important;
  border-color:color-mix(in srgb,var(--note) 60%,rgba(255,255,255,.14))!important;
  box-shadow:0 0 18px color-mix(in srgb,var(--note) 20%,transparent),inset 0 1px rgba(255,255,255,.10)!important;
}
:root[data-visual-style="2040"] .k270-note b{font-size:10px!important;color:#fff!important}
:root[data-visual-style="2040"] .k270-note p{font-size:8.4px!important;color:rgba(255,246,239,.78)!important}
:root[data-visual-style="2040"] .k270-note time{color:rgba(255,240,228,.45)!important}

/* Settings / Support: same right-rail skin, but a compact depth wing. */
:root[data-visual-style="2040"] :is(#supportOverlay,#siteSettingsOverlay,#profileSupportOverlay,#profileSettingsOverlay).k274-rail-wing-layer{
  position:fixed!important;z-index:6215!important;inset:auto!important;
  top:50%!important;right:var(--k289-wing-right)!important;
  width:340px!important;max-width:340px!important;height:min(500px,calc(100dvh - 110px))!important;max-height:min(500px,calc(100dvh - 110px))!important;
  padding:0!important;margin:0!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  overflow:visible!important;pointer-events:none!important;opacity:1!important;
  transform:translate(0,-50%)!important;animation:none!important;
}
:root[data-visual-style="2040"] :is(#supportOverlay,#siteSettingsOverlay,#profileSupportOverlay,#profileSettingsOverlay).k274-rail-wing-layer>.k274-rail-wing-card,
:root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal,#siteSettingsPortal,#profileSettingsPortal) .k274-rail-wing-card{
  position:relative!important;inset:auto!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;
  margin:0!important;box-sizing:border-box!important;overflow:hidden!important;pointer-events:auto!important;
  border:1px solid rgba(255,238,219,.14)!important;border-radius:18px 34px 34px 18px!important;
  clip-path:polygon(0 4%,100% 0,100% 100%,0 96%,12% 50%)!important;
  background:var(--k289-rail-bg)!important;box-shadow:var(--k289-rail-shadow)!important;
  backdrop-filter:blur(30px) saturate(1.16)!important;-webkit-backdrop-filter:blur(30px) saturate(1.16)!important;
  transform-origin:right center!important;transform:perspective(1400px) rotateY(-9deg) scale(.991)!important;
  animation:k289WingOpen .42s cubic-bezier(.16,1,.3,1) both!important;
}
@keyframes k289WingOpen{from{opacity:0;transform:perspective(1400px) rotateY(-9deg) translateX(20px) scale(.975)}to{opacity:1;transform:perspective(1400px) rotateY(-9deg) translateX(0) scale(.991)}}

/* Make the trade-link trigger literally immovable. Its modal lives in a portal now. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v156-user-card{position:relative!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:hover,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:focus,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:focus-visible,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:active{
  position:absolute!important;right:15px!important;left:auto!important;top:50%!important;bottom:auto!important;
  margin:0!important;translate:none!important;scale:1!important;rotate:none!important;
  transform:translate3d(0,-50%,0)!important;will-change:auto!important;
}
#tradeLinkPortal{position:relative;z-index:7600}

/* Bottom-right notification toast: grows upward from the screen edge. */
:root[data-visual-style="2040"] .k270-toast-stack{right:7px!important;bottom:7px!important;gap:8px!important;align-items:flex-end!important;z-index:8000!important}
:root[data-visual-style="2040"] .k270-toast{
  width:min(360px,calc(100vw - 14px))!important;min-height:68px!important;border-radius:18px!important;
  border:1px solid rgba(255,211,177,.20)!important;
  background:radial-gradient(circle at 5% 20%,rgba(255,145,80,.15),transparent 45%),linear-gradient(145deg,rgba(49,31,23,.97),rgba(18,13,11,.98))!important;
  box-shadow:0 24px 66px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.08)!important;
  animation:k289ToastRise 5.1s cubic-bezier(.16,1,.3,1) both!important;
}
:root[data-visual-style="2040"] .k270-toast.kind-weekly{border-color:rgba(255,190,77,.33)!important;background:radial-gradient(circle at 8% 20%,rgba(255,190,77,.24),transparent 48%),linear-gradient(145deg,rgba(57,39,19,.98),rgba(18,13,10,.98))!important}
:root[data-visual-style="2040"] .k270-toast.kind-withdrawal{border-color:rgba(88,203,255,.26)!important;background:radial-gradient(circle at 8% 20%,rgba(88,203,255,.18),transparent 48%),linear-gradient(145deg,rgba(25,40,48,.98),rgba(15,13,12,.98))!important}
@keyframes k289ToastRise{0%{opacity:0;transform:translate3d(0,calc(100% + 18px),0) scale(.96)}8%{opacity:1;transform:translate3d(0,0,0) scale(1)}88%{opacity:1;transform:translate3d(0,0,0) scale(1)}100%{opacity:0;transform:translate3d(8px,20px,0) scale(.985)}}

/* Live profile avatar should stay the focus; never expose a broken image glyph. */
:root[data-visual-style="2040"] .k275-live-player img{background:#201914!important}
:root[data-visual-style="2040"] .k275-live-player .k289-avatar-fallback{display:none!important}
:root[data-visual-style="2040"] .k275-live-player img.is-broken{display:none!important}
:root[data-visual-style="2040"] .k275-live-player img.is-broken + .k289-avatar-fallback{display:grid!important}

@media(max-width:1120px){
  :root[data-visual-style="2040"] .k270-notify-panel{right:12px!important;top:auto!important;bottom:82px!important;width:min(340px,calc(100vw - 24px))!important;min-width:0!important;max-width:min(340px,calc(100vw - 24px))!important;height:min(540px,calc(100dvh - 110px))!important;clip-path:none!important;border-radius:24px!important;transform:translateY(14px) scale(.98)!important}
  :root[data-visual-style="2040"] .k270-notify-panel.open{transform:none!important}
  :root[data-visual-style="2040"] :is(#supportOverlay,#siteSettingsOverlay,#profileSupportOverlay,#profileSettingsOverlay).k274-rail-wing-layer{right:12px!important;width:min(340px,calc(100vw - 24px))!important;max-width:min(340px,calc(100vw - 24px))!important}
  :root[data-visual-style="2040"] :is(#supportOverlay,#siteSettingsOverlay,#profileSupportOverlay,#profileSettingsOverlay).k274-rail-wing-layer>.k274-rail-wing-card{clip-path:none!important;border-radius:24px!important;transform:none!important}
}

/* ===== v290-hotfix.css ===== */
/* KORZH v290 — diverse roulette, vivid rarity, STACK master lock, OSCAR unclipping, ultra-smooth 2040 motion. */

/* =========================================================
   1) CASE ROULETTE — rarity must read instantly while moving.
   The strip uses exactly the same rarity surfaces as case content.
   ========================================================= */
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .case-roulette-card-v166{
  --k290-rarity-bg:linear-gradient(145deg,#243342,#18232f 62%,#101821);
  background:var(--k290-rarity-bg)!important;
  background-image:var(--k290-rarity-bg)!important;
  border-color:color-mix(in srgb,var(--rarity) 62%,rgba(255,255,255,.12))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.075),inset 0 -2px 0 color-mix(in srgb,var(--rarity) 64%,transparent),0 12px 27px rgba(0,0,0,.24)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .case-roulette-card-v166.tier-gray{
  --rarity:#79a8d6!important;
  --k290-rarity-bg:radial-gradient(circle at 24% 18%,rgba(93,163,224,.36),transparent 46%),linear-gradient(145deg,#29445e 0%,#1e3448 54%,#142433 100%)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .case-roulette-card-v166.tier-pink{
  --rarity:#ef5cac!important;
  --k290-rarity-bg:radial-gradient(circle at 76% 18%,rgba(239,92,172,.40),transparent 45%),linear-gradient(145deg,#52223f 0%,#3b1b31 54%,#291421 100%)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .case-roulette-card-v166.tier-orange{
  --rarity:#ae70ee!important;
  --k290-rarity-bg:radial-gradient(circle at 22% 18%,rgba(174,112,238,.42),transparent 44%),linear-gradient(145deg,#4b3267 0%,#35244b 54%,#23182f 100%)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .case-roulette-card-v166.tier-red{
  --rarity:#f05b64!important;
  --k290-rarity-bg:radial-gradient(circle at 76% 18%,rgba(240,91,100,.42),transparent 44%),linear-gradient(145deg,#59252c 0%,#411c23 54%,#2b1419 100%)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .case-roulette-card-v166.tier-gold{
  --rarity:#efd061!important;
  --k290-rarity-bg:radial-gradient(circle at 24% 18%,rgba(239,208,97,.42),transparent 43%),linear-gradient(145deg,#58491e 0%,#403515 54%,#2a2412 100%)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-v166.mode-opening .case-roulette-card-v166:not(.is-focused){
  opacity:.84!important;
  filter:saturate(.92) brightness(.91)!important;
  transform:scale(.955)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-v166.mode-opening .case-roulette-card-v166.is-focused{
  opacity:1!important;
  filter:saturate(1.12) brightness(1.08)!important;
  transform:scale(1.035)!important;
}

/* =========================================================
   2) OSCAR / PULSE — no artificial crop or left compensation.
   ========================================================= */
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-section,
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-grid,
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-tile,
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-visual{
  overflow:visible!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  mask:none!important;
  -webkit-mask:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-pulse .k221-oscar-visual>img{
  left:50%!important;
  right:auto!important;
  bottom:-3px!important;
  transform:translate3d(-50%,0,0) scale(1.12)!important;
  transform-origin:50% 100%!important;
  max-width:none!important;
}

/* =========================================================
   3) STACK — AK-47 is the single geometry master.
   Every source canvas is 1536×1024, so the element itself is
   identical for all ten cards; no per-case transform survives.
   ========================================================= */
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .stack-case-card .stack-product-art{
  width:100%!important;
  height:214px!important;
  min-height:214px!important;
  max-height:214px!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  overflow:visible!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .stack-case-card .stack-case-product-image,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-stack-ak47 .stack-case-product-image,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-stack-m4a4 .stack-case-product-image,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-stack-m4a1s .stack-case-product-image,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-stack-awp .stack-case-product-image,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-stack-glock18 .stack-case-product-image,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-stack-usps .stack-case-product-image,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-stack-deagle .stack-case-product-image,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-stack-agent .stack-case-product-image,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-stack-gloves .stack-case-product-image,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-stack-knife .stack-case-product-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  transform:translate3d(0,4px,0) scale(1)!important;
  transform-origin:50% 50%!important;
  filter:none!important;
}

/* =========================================================
   4) BUTTER MOTION — 2040 only. Keep interactions tactile but
   never jolt the page or restart unrelated animations.
   ========================================================= */
:root[data-visual-style="2040"]{scroll-behavior:smooth!important}
:root[data-visual-style="2040"] body{
  scroll-behavior:smooth!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(button,a,[role="button"],.case-card,.k221-oscar-tile,.skin-card,.contents-card){
  -webkit-tap-highlight-color:transparent;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-card,.k221-oscar-tile,.collection-collapse-toggle,.available-filter,.case-filter button,.live-tabs button,.nav-icon-button){
  transition-property:transform,filter,opacity,border-color,background-color,box-shadow!important;
  transition-duration:.34s!important;
  transition-timing-function:cubic-bezier(.16,1,.3,1)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-card,.k221-oscar-tile):active{
  transform:translate3d(0,-1px,0) scale(.992)!important;
  transition-duration:.11s!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page{
  animation:k290CasePageIn .32s cubic-bezier(.16,1,.3,1) both;
}
@keyframes k290CasePageIn{
  from{opacity:.72;transform:translate3d(0,7px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
:root[data-visual-style="2040"][data-theme="hub"] .collection-fold{
  transition:max-height .72s cubic-bezier(.16,1,.3,1),opacity .46s ease,margin .62s cubic-bezier(.16,1,.3,1)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .collection-collapse-toggle svg{
  transition:transform .58s cubic-bezier(.16,1,.3,1)!important;
}

/* Slightly softer hover lift: movement reads premium instead of snappy. */
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-static-grid .case-card:hover{
  transform:translate3d(0,-3px,0)!important;
}

@media(prefers-reduced-motion:reduce){
  :root[data-visual-style="2040"]{scroll-behavior:auto!important}
  :root[data-visual-style="2040"][data-theme="hub"] .case-detail-page{animation:none!important}
}

/* v290 final motion / replay polish. */
:root[data-visual-style="2040"] body{
  overscroll-behavior-y:none;
}
:root[data-visual-style="2040"][data-theme="hub"] .k290-pressed{
  filter:brightness(1.055) saturate(1.035)!important;
  transition-duration:.09s!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-open-button-v166,#openBtn,.case-price-open-button,.case-back-v166,.collection-collapse-toggle){
  transition:transform .34s cubic-bezier(.16,1,.3,1),background-color .34s ease,border-color .34s ease,box-shadow .34s ease,filter .34s ease!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-open-button-v166,#openBtn,.case-price-open-button):hover{
  transform:translate3d(0,-1px,0) scale(1.008)!important;
}

/* Recorded replay gets the same full-card rarity wash as a live reel. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-replay-card{
  background:
    radial-gradient(circle at 25% 12%,color-mix(in srgb,var(--rarity) 32%,transparent),transparent 48%),
    linear-gradient(145deg,color-mix(in srgb,var(--rarity) 24%,#151922),#0e1219 68%)!important;
  border-color:color-mix(in srgb,var(--rarity) 52%,rgba(255,255,255,.10))!important;
  box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--rarity) 55%,transparent),0 12px 28px rgba(0,0,0,.24)!important;
}

/* The first OSCAR tile may intentionally extend beyond its nominal grid cell. */
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-section,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-section .collection-fold,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-section .collection-fold-inner,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-grid{
  overflow:visible!important;
  contain:none!important;
}

/* Keep collection folding physically measured by v290-hotfix.js. */
:root[data-visual-style="2040"][data-theme="hub"] .collection-fold{
  will-change:max-height,opacity;
  transition:max-height .76s cubic-bezier(.16,1,.3,1),opacity .48s cubic-bezier(.22,1,.36,1),margin .66s cubic-bezier(.16,1,.3,1)!important;
}

/* ===== v291-hotfix.css ===== */
/* KORZH v291 — native wheel, clean rail panels, avatar-only LiveDrop. */

/* Native mouse wheel must feel immediate. Smooth behavior is reserved for explicit programmatic navigation. */
html,:root[data-visual-style="2040"],:root[data-visual-style="2040"] body{scroll-behavior:auto!important}

/* LIVE DROP: avatar only, exactly in the center. No initial-letter fallback, no nickname pill. */
:root[data-visual-style="2040"] .live-item .k275-live-player{
  left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
  width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important;min-height:54px!important;
  padding:0!important;display:grid!important;place-items:center!important;gap:0!important;
  opacity:0!important;pointer-events:none!important;background:transparent!important;border:0!important;box-shadow:none!important;
  transform:translate3d(-50%,calc(-50% + 7px),0) scale(.90)!important;
  transition:opacity .20s ease,transform .34s cubic-bezier(.16,1,.3,1)!important;
}
:root[data-visual-style="2040"] .live-item:hover .k275-live-player,
:root[data-visual-style="2040"] .live-item:focus-within .k275-live-player{
  opacity:1!important;pointer-events:auto!important;transform:translate3d(-50%,-50%,0) scale(1)!important;
}
:root[data-visual-style="2040"] .live-item .k275-live-player img{
  width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;
  display:block!important;object-fit:cover!important;border-radius:50%!important;
  background:rgba(27,20,17,.96)!important;border:1px solid rgba(255,229,207,.38)!important;
  box-shadow:0 13px 30px rgba(0,0,0,.52),0 0 0 4px rgba(255,255,255,.035),0 0 25px rgba(244,165,115,.12)!important;
}
:root[data-visual-style="2040"] .live-item .k275-live-player :is(i,span,small,.k289-avatar-fallback){display:none!important}

/* NOTIFICATIONS: full clean panel. Same coffee glass / outline / corners as the right rail, without a clipping polygon. */
:root[data-visual-style="2040"] .k270-notify-panel{
  position:fixed!important;z-index:6210!important;
  top:var(--k289-rail-top,18px)!important;bottom:auto!important;
  left:auto!important;right:var(--k289-wing-right,176px)!important;
  width:350px!important;min-width:350px!important;max-width:350px!important;
  height:var(--k289-rail-height,calc(100dvh - 96px))!important;max-height:var(--k289-rail-height,calc(100dvh - 96px))!important;
  margin:0!important;padding:18px!important;box-sizing:border-box!important;
  clip-path:none!important;-webkit-clip-path:none!important;mask:none!important;-webkit-mask:none!important;
  border:1px solid rgba(255,238,219,.14)!important;border-radius:18px 34px 34px 18px!important;
  background:var(--k289-rail-bg,linear-gradient(180deg,rgba(61,42,32,.96),rgba(27,18,14,.98)))!important;
  box-shadow:var(--k289-rail-shadow,0 38px 92px rgba(0,0,0,.5),inset 0 1px rgba(255,248,238,.09))!important;
  backdrop-filter:blur(30px) saturate(1.16)!important;-webkit-backdrop-filter:blur(30px) saturate(1.16)!important;
  overflow:hidden!important;transform-origin:right center!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transform:translate3d(22px,0,0) scale(.985)!important;
  transition:opacity .22s ease,visibility .22s ease,transform .42s cubic-bezier(.16,1,.3,1)!important;
}
:root[data-visual-style="2040"] .k270-notify-panel.open{
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate3d(0,0,0) scale(1)!important;
}
:root[data-visual-style="2040"] .k270-notify-list{height:calc(100% - 58px)!important;padding:8px 4px 18px!important;overflow:auto!important}

/* SETTINGS / SUPPORT: compact siblings of the right rail. No skew, no bite, no corner teleport. */
:root[data-visual-style="2040"] :is(#supportOverlay,#siteSettingsOverlay,#profileSupportOverlay,#profileSettingsOverlay).k274-rail-wing-layer{
  position:fixed!important;z-index:6215!important;inset:auto!important;
  top:50%!important;bottom:auto!important;left:auto!important;right:var(--k289-wing-right,176px)!important;
  width:350px!important;min-width:350px!important;max-width:350px!important;
  height:auto!important;max-height:calc(100dvh - 90px)!important;
  margin:0!important;padding:0!important;background:transparent!important;
  clip-path:none!important;-webkit-clip-path:none!important;mask:none!important;-webkit-mask:none!important;
  overflow:visible!important;pointer-events:none!important;
  transform:translate3d(0,-50%,0)!important;animation:none!important;
}
:root[data-visual-style="2040"] :is(#supportOverlay,#siteSettingsOverlay,#profileSupportOverlay,#profileSettingsOverlay).k274-rail-wing-layer>.k274-rail-wing-card,
:root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal,#siteSettingsPortal,#profileSettingsPortal) .k274-rail-wing-card{
  position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;
  height:auto!important;max-height:calc(100dvh - 90px)!important;margin:0!important;padding:18px!important;box-sizing:border-box!important;
  clip-path:none!important;-webkit-clip-path:none!important;mask:none!important;-webkit-mask:none!important;
  overflow:auto!important;pointer-events:auto!important;
  border:1px solid rgba(255,238,219,.14)!important;border-radius:18px 34px 34px 18px!important;
  background:var(--k289-rail-bg,linear-gradient(180deg,rgba(61,42,32,.96),rgba(27,18,14,.98)))!important;
  box-shadow:var(--k289-rail-shadow,0 38px 92px rgba(0,0,0,.5),inset 0 1px rgba(255,248,238,.09))!important;
  backdrop-filter:blur(30px) saturate(1.16)!important;-webkit-backdrop-filter:blur(30px) saturate(1.16)!important;
  transform:none!important;transform-origin:right center!important;
  animation:k291WingIn .36s cubic-bezier(.16,1,.3,1) both!important;
}
@keyframes k291WingIn{from{opacity:0;transform:translate3d(22px,0,0) scale(.98)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}

/* Support specifically should stay compact and centered like a deliberate rail card. */
:root[data-visual-style="2040"] :is(#supportOverlay,#profileSupportOverlay)>.k274-rail-wing-card{min-height:300px!important}

@media(max-width:1120px){
  :root[data-visual-style="2040"] .k270-notify-panel{right:12px!important;top:auto!important;bottom:82px!important;width:min(350px,calc(100vw - 24px))!important;min-width:0!important;max-width:min(350px,calc(100vw - 24px))!important;height:min(560px,calc(100dvh - 104px))!important;border-radius:24px!important}
  :root[data-visual-style="2040"] :is(#supportOverlay,#siteSettingsOverlay,#profileSupportOverlay,#profileSettingsOverlay).k274-rail-wing-layer{right:12px!important;width:min(350px,calc(100vw - 24px))!important;min-width:0!important;max-width:min(350px,calc(100vw - 24px))!important}
  :root[data-visual-style="2040"] :is(#supportOverlay,#siteSettingsOverlay,#profileSupportOverlay,#profileSettingsOverlay).k274-rail-wing-layer>.k274-rail-wing-card{border-radius:24px!important}
}

/* ===== v292-hotfix.css ===== */
/* KORZH v292 — inward rail geometry, reliable support placement, profile kinetic object. */

:root[data-visual-style="2040"]{
  --k292-wing-right:176px;
  --k292-wing-width:350px;
  --k292-left-radius:34px;
  --k292-right-radius:18px;
}

/* The wing is a continuation of the RIGHT rail: soft on the outside/left,
   tighter on the rail-facing/right edge. */
:root[data-visual-style="2040"] .k270-notify-panel{
  top:50%!important;bottom:auto!important;right:var(--k292-wing-right)!important;left:auto!important;
  width:var(--k292-wing-width)!important;min-width:var(--k292-wing-width)!important;max-width:var(--k292-wing-width)!important;
  height:calc(100dvh - 118px)!important;max-height:calc(100dvh - 118px)!important;
  border-radius:var(--k292-left-radius) var(--k292-right-radius) var(--k292-right-radius) var(--k292-left-radius)!important;
  transform:translate3d(22px,-50%,0) scale(.985)!important;
  transform-origin:right center!important;
}
:root[data-visual-style="2040"] .k270-notify-panel.open{
  transform:translate3d(0,-50%,0) scale(1)!important;
}
:root[data-visual-style="2040"] .k270-notify-list{height:calc(100% - 58px)!important}

/* Kill every older centered/left support rule with ID-level specificity. */
:root[data-visual-style="2040"] #supportPortal>#supportOverlay.k274-rail-wing-layer,
:root[data-visual-style="2040"] #profileSupportPortal>#profileSupportOverlay.k274-rail-wing-layer,
:root[data-visual-style="2040"] #siteSettingsPortal>#siteSettingsOverlay.k274-rail-wing-layer,
:root[data-visual-style="2040"] #profileSettingsPortal>#profileSettingsOverlay.k274-rail-wing-layer{
  position:fixed!important;z-index:6215!important;
  inset:auto!important;top:50%!important;right:var(--k292-wing-right)!important;left:auto!important;bottom:auto!important;
  width:var(--k292-wing-width)!important;min-width:var(--k292-wing-width)!important;max-width:var(--k292-wing-width)!important;
  height:auto!important;min-height:0!important;max-height:calc(100dvh - 100px)!important;
  margin:0!important;padding:0!important;
  display:block!important;place-items:initial!important;
  background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  overflow:visible!important;pointer-events:none!important;
  clip-path:none!important;-webkit-clip-path:none!important;mask:none!important;-webkit-mask:none!important;
  transform:translate3d(0,-50%,0)!important;translate:none!important;scale:1!important;rotate:none!important;
  animation:none!important;
}

:root[data-visual-style="2040"] #supportPortal>#supportOverlay.k274-rail-wing-layer>.k274-rail-wing-card,
:root[data-visual-style="2040"] #profileSupportPortal>#profileSupportOverlay.k274-rail-wing-layer>.k274-rail-wing-card,
:root[data-visual-style="2040"] #siteSettingsPortal>#siteSettingsOverlay.k274-rail-wing-layer>.k274-rail-wing-card,
:root[data-visual-style="2040"] #profileSettingsPortal>#profileSettingsOverlay.k274-rail-wing-layer>.k274-rail-wing-card{
  position:relative!important;inset:auto!important;
  width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:calc(100dvh - 100px)!important;
  margin:0!important;padding:18px!important;box-sizing:border-box!important;
  overflow:auto!important;pointer-events:auto!important;
  border:1px solid rgba(255,238,219,.14)!important;
  border-radius:var(--k292-left-radius) var(--k292-right-radius) var(--k292-right-radius) var(--k292-left-radius)!important;
  clip-path:none!important;-webkit-clip-path:none!important;mask:none!important;-webkit-mask:none!important;
  background:var(--k289-rail-bg,radial-gradient(circle at 82% 18%,rgba(255,225,199,.11),transparent 34%),linear-gradient(180deg,rgba(61,42,32,.96),rgba(27,18,14,.98)))!important;
  box-shadow:var(--k289-rail-shadow,0 38px 92px rgba(0,0,0,.5),inset 0 1px rgba(255,248,238,.09))!important;
  backdrop-filter:blur(30px) saturate(1.16)!important;-webkit-backdrop-filter:blur(30px) saturate(1.16)!important;
  transform:none!important;translate:none!important;scale:1!important;rotate:none!important;
  transform-origin:right center!important;
  animation:k292WingIn .34s cubic-bezier(.16,1,.3,1) both!important;
}

/* Support is intentionally compact, but never leaves the right rail area. */
:root[data-visual-style="2040"] #supportPortal>#supportOverlay .k274-rail-wing-card,
:root[data-visual-style="2040"] #profileSupportPortal>#profileSupportOverlay .k274-rail-wing-card{
  min-height:300px!important;
}
@keyframes k292WingIn{
  from{opacity:0;transform:translate3d(18px,0,0) scale(.985)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}

/* Profile: fill the deliberately empty command-space with a kinetic KORZH object. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v160-command-actions.no-admin{
  width:190px!important;min-width:190px!important;height:96px!important;min-height:96px!important;
  display:grid!important;place-items:center!important;position:relative!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v292-kinetic{
  width:156px;height:88px;position:relative;display:grid;place-items:center;pointer-events:none;
  filter:drop-shadow(0 18px 24px rgba(0,0,0,.32));
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v292-kinetic img{
  width:48px;height:48px;object-fit:contain;position:relative;z-index:4;
  filter:drop-shadow(0 0 17px rgba(255,168,112,.26));
  animation:k292TokenFloat 4.2s cubic-bezier(.45,.05,.35,1) infinite;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v292-orbit{
  position:absolute;left:50%;top:50%;border:1px solid rgba(255,203,166,.14);border-radius:50%;
  transform:translate(-50%,-50%) rotate(-10deg);box-shadow:inset 0 0 18px rgba(255,175,117,.035);
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v292-orbit.orbit-a{width:118px;height:42px;animation:k292OrbitA 7s linear infinite}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v292-orbit.orbit-b{width:86px;height:66px;transform:translate(-50%,-50%) rotate(24deg);border-color:rgba(255,241,227,.09);animation:k292OrbitB 9s linear infinite reverse}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v292-orbit.orbit-c{width:136px;height:72px;transform:translate(-50%,-50%) rotate(-28deg);border-color:rgba(224,132,86,.09);animation:k292OrbitC 12s linear infinite}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v292-spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#ffc394;box-shadow:0 0 11px #ffad72;z-index:5}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v292-spark.spark-a{left:20px;top:40px;animation:k292SparkA 5s ease-in-out infinite}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v292-spark.spark-b{right:18px;bottom:24px;animation:k292SparkB 6.3s ease-in-out infinite}
@keyframes k292TokenFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-7px) rotate(4deg)}}
@keyframes k292OrbitA{to{transform:translate(-50%,-50%) rotate(350deg)}}
@keyframes k292OrbitB{to{transform:translate(-50%,-50%) rotate(384deg)}}
@keyframes k292OrbitC{to{transform:translate(-50%,-50%) rotate(332deg)}}
@keyframes k292SparkA{0%,100%{opacity:.35;transform:translate(0,0) scale(.75)}50%{opacity:1;transform:translate(8px,-7px) scale(1.15)}}
@keyframes k292SparkB{0%,100%{opacity:.25;transform:translate(0,0) scale(.7)}50%{opacity:.9;transform:translate(-9px,5px) scale(1)}}

@media(max-width:1120px){
  :root[data-visual-style="2040"] .k270-notify-panel{right:12px!important;width:min(350px,calc(100vw - 24px))!important;min-width:0!important;max-width:min(350px,calc(100vw - 24px))!important;height:min(600px,calc(100dvh - 104px))!important;border-radius:24px!important}
  :root[data-visual-style="2040"] #supportPortal>#supportOverlay.k274-rail-wing-layer,
  :root[data-visual-style="2040"] #profileSupportPortal>#profileSupportOverlay.k274-rail-wing-layer,
  :root[data-visual-style="2040"] #siteSettingsPortal>#siteSettingsOverlay.k274-rail-wing-layer,
  :root[data-visual-style="2040"] #profileSettingsPortal>#profileSettingsOverlay.k274-rail-wing-layer{right:12px!important;width:min(350px,calc(100vw - 24px))!important;min-width:0!important;max-width:min(350px,calc(100vw - 24px))!important}
  :root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal,#siteSettingsPortal,#profileSettingsPortal) .k274-rail-wing-card{border-radius:24px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v160-command-actions.no-admin{display:none!important}
}

/* ===== v293-hotfix.css ===== */
/* KORZH v293 — symmetric rail wings + public profile rebuild. */
:root[data-visual-style="2040"]{
  --k293-wing-radius:34px;
  --k293-wing-right:176px;
  --k293-wing-width:350px;
}

/* All right-rail child windows use the same soft corner language on BOTH sides. */
:root[data-visual-style="2040"] .k270-notify-panel,
:root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal,#siteSettingsPortal,#profileSettingsPortal) .k274-rail-wing-card{
  border-radius:var(--k293-wing-radius)!important;
}
:root[data-visual-style="2040"] .k270-notify-panel{
  top:50%!important;bottom:auto!important;right:var(--k293-wing-right)!important;
  width:var(--k293-wing-width)!important;min-width:var(--k293-wing-width)!important;max-width:var(--k293-wing-width)!important;
  height:min(610px,calc(100dvh - 190px))!important;max-height:min(610px,calc(100dvh - 190px))!important;
  padding:18px!important;
  transform:translate3d(22px,-50%,0) scale(.985)!important;
}
:root[data-visual-style="2040"] .k270-notify-panel.open{transform:translate3d(0,-50%,0) scale(1)!important}
:root[data-visual-style="2040"] .k270-notify-list{height:calc(100% - 58px)!important;max-height:none!important}

/* Settings and support remain compact, but share the exact surface/outline/corners. */
:root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal,#siteSettingsPortal,#profileSettingsPortal) .k274-rail-wing-card{
  border:1px solid rgba(255,238,219,.15)!important;
  background:radial-gradient(circle at 78% 14%,rgba(255,225,199,.10),transparent 34%),linear-gradient(180deg,rgba(61,42,32,.97),rgba(27,18,14,.985))!important;
  box-shadow:0 38px 92px rgba(0,0,0,.50),inset 0 1px rgba(255,248,238,.09)!important;
  overflow:hidden!important;
}

/* Public profile = the same 2040 skeleton as the owner's profile, without private actions. */
:root[data-visual-style="2040"] .profile-v293-public-profile .profile-v160-user .profile-v156-card-copy span{font-size:10px;letter-spacing:.08em;opacity:.62}
:root[data-visual-style="2040"] .profile-v293-public-profile .profile-v160-command-actions{width:190px!important;min-width:190px!important;height:96px!important;display:grid!important;place-items:center!important}
:root[data-visual-style="2040"] .profile-v293-public-content{min-height:380px}
:root[data-visual-style="2040"] .profile-v293-public-content .profile-v80-content-body{min-height:310px}
:root[data-visual-style="2040"] .profile-v293-best-title{display:flex;align-items:center;gap:12px;margin:2px 2px 14px;padding:0 2px;color:#fff}
:root[data-visual-style="2040"] .profile-v293-best-title span{font-size:9px;letter-spacing:.16em;color:#f3a773;font-weight:900}
:root[data-visual-style="2040"] .profile-v293-best-title strong{font-size:12px;letter-spacing:.07em}
:root[data-visual-style="2040"] .profile-v293-public-content .profile-page-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
:root[data-visual-style="2040"] .profile-v293-public-content .profile-page-item{min-height:190px!important}
:root[data-visual-style="2040"] .profile-v293-public-content .best-number{position:absolute;z-index:6;top:10px;left:10px;padding:5px 7px;border-radius:8px;background:rgba(8,9,13,.62);border:1px solid rgba(255,255,255,.08);font-size:9px;font-weight:900;color:#fff}

/* Locked public history: a soft orbital field of padlocks instead of a dead empty box. */
:root[data-visual-style="2040"] .profile-v293-private{position:relative;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px dashed rgba(255,228,207,.10);border-radius:22px;background:radial-gradient(circle at 50% 48%,rgba(207,130,84,.08),transparent 34%)}
:root[data-visual-style="2040"] .profile-v293-private>strong{position:relative;z-index:4;font-size:16px;letter-spacing:.08em;color:#f5eee8}
:root[data-visual-style="2040"] .profile-v293-private>span{position:relative;z-index:4;margin-top:8px;font-size:10px;color:rgba(236,224,214,.48)}
:root[data-visual-style="2040"] .profile-v293-lock-orbits{position:absolute;inset:0;pointer-events:none;opacity:.72}
:root[data-visual-style="2040"] .profile-v293-lock{position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px;display:grid;place-items:center;border-radius:11px;background:rgba(37,27,22,.72);border:1px solid rgba(255,211,179,.13);box-shadow:0 12px 30px rgba(0,0,0,.22);transform-origin:center}
:root[data-visual-style="2040"] .profile-v293-lock svg{width:16px;height:16px;fill:none;stroke:rgba(255,214,184,.55);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
:root[data-visual-style="2040"] .profile-v293-lock.lock-1{animation:k293Lock1 9s linear infinite}.profile-v293-lock.lock-2{animation:k293Lock2 11s linear infinite reverse}.profile-v293-lock.lock-3{animation:k293Lock3 13s linear infinite}.profile-v293-lock.lock-4{animation:k293Lock4 10s linear infinite reverse}.profile-v293-lock.lock-5{animation:k293Lock5 14s linear infinite}.profile-v293-lock.lock-6{animation:k293Lock6 12s linear infinite reverse}.profile-v293-lock.lock-7{animation:k293Lock7 15s linear infinite}.profile-v293-lock.lock-8{animation:k293Lock8 9.5s linear infinite reverse}.profile-v293-lock.lock-9{animation:k293Lock9 12.5s linear infinite}
@keyframes k293Lock1{from{transform:rotate(0deg) translateX(145px) rotate(0deg) scale(.75)}to{transform:rotate(360deg) translateX(145px) rotate(-360deg) scale(.75)}}
@keyframes k293Lock2{from{transform:rotate(35deg) translateX(115px) rotate(-35deg) scale(.55)}to{transform:rotate(395deg) translateX(115px) rotate(-395deg) scale(.55)}}
@keyframes k293Lock3{from{transform:rotate(90deg) translateX(180px) rotate(-90deg) scale(.9)}to{transform:rotate(450deg) translateX(180px) rotate(-450deg) scale(.9)}}
@keyframes k293Lock4{from{transform:rotate(140deg) translateX(92px) rotate(-140deg) scale(.62)}to{transform:rotate(500deg) translateX(92px) rotate(-500deg) scale(.62)}}
@keyframes k293Lock5{from{transform:rotate(190deg) translateX(160px) rotate(-190deg) scale(.7)}to{transform:rotate(550deg) translateX(160px) rotate(-550deg) scale(.7)}}
@keyframes k293Lock6{from{transform:rotate(235deg) translateX(125px) rotate(-235deg) scale(.5)}to{transform:rotate(595deg) translateX(125px) rotate(-595deg) scale(.5)}}
@keyframes k293Lock7{from{transform:rotate(280deg) translateX(195px) rotate(-280deg) scale(.8)}to{transform:rotate(640deg) translateX(195px) rotate(-640deg) scale(.8)}}
@keyframes k293Lock8{from{transform:rotate(320deg) translateX(78px) rotate(-320deg) scale(.46)}to{transform:rotate(680deg) translateX(78px) rotate(-680deg) scale(.46)}}
@keyframes k293Lock9{from{transform:rotate(15deg) translateX(210px) rotate(-15deg) scale(.58)}to{transform:rotate(375deg) translateX(210px) rotate(-375deg) scale(.58)}}

@media(max-width:1120px){
  :root[data-visual-style="2040"] .k270-notify-panel{right:12px!important;width:min(350px,calc(100vw - 24px))!important;min-width:0!important;max-width:min(350px,calc(100vw - 24px))!important;height:min(560px,calc(100dvh - 130px))!important;border-radius:26px!important}
  :root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal,#siteSettingsPortal,#profileSettingsPortal) .k274-rail-wing-card{border-radius:26px!important}
  :root[data-visual-style="2040"] .profile-v293-public-content .profile-page-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ID-specific override: beats the older v292 asymmetric wing rule. */
:root[data-visual-style="2040"] #supportPortal>#supportOverlay.k274-rail-wing-layer>.k274-rail-wing-card,
:root[data-visual-style="2040"] #profileSupportPortal>#profileSupportOverlay.k274-rail-wing-layer>.k274-rail-wing-card,
:root[data-visual-style="2040"] #siteSettingsPortal>#siteSettingsOverlay.k274-rail-wing-layer>.k274-rail-wing-card,
:root[data-visual-style="2040"] #profileSettingsPortal>#profileSettingsOverlay.k274-rail-wing-layer>.k274-rail-wing-card{
  border-radius:var(--k293-wing-radius)!important;
  border:1px solid rgba(255,238,219,.15)!important;
  clip-path:none!important;-webkit-clip-path:none!important;
}

/* ===== v294-hotfix.css ===== */
/* KORZH v294 — guest UX, persistent style dock, clean rail headers, full Telegram support. */

:root[data-visual-style="2040"]{
  --k294-wing-right:176px;
  --k294-wing-width:350px;
  --k294-support-width:390px;
}

/* The style selector belongs to the left rail on EVERY 2040 page. */
:root[data-visual-style="2040"] .k2040-rail-left{position:fixed!important}
:root[data-visual-style="2040"] .k2040-rail-left .k2040-style-dock{
  position:absolute!important;left:12px!important;right:12px!important;bottom:12px!important;
  width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;
  display:block!important;visibility:visible!important;opacity:1!important;z-index:35!important;pointer-events:auto!important;
}
:root[data-visual-style="2040"] .k2040-rail-left .k2040-style-dock .visual-style-switch{
  width:100%!important;display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
}

/* Logged-out right rail: no fake wallet, no deposit/settings/notifications. */
:root[data-visual-style="2040"] .k2040-rail-right.is-guest{
  overflow:visible!important;
}
:root[data-visual-style="2040"] .k2040-rail-right.is-guest .k2040-profile-orbit{
  margin-bottom:0!important;
}
:root[data-visual-style="2040"] .k294-guest-login-callout{
  width:108px!important;margin:18px auto 0!important;padding:0!important;
  display:grid!important;place-items:center!important;gap:6px!important;text-align:center!important;
  color:#f7ece3!important;text-decoration:none!important;background:transparent!important;border:0!important;box-shadow:none!important;
}
:root[data-visual-style="2040"] .k294-guest-login-callout strong{
  font-size:11px!important;line-height:1.08!important;letter-spacing:.075em!important;font-weight:950!important;color:#fff7f0!important;
}
:root[data-visual-style="2040"] .k294-guest-login-callout small{
  font-size:7px!important;letter-spacing:.20em!important;color:#a88d7c!important;font-weight:900!important;
}
:root[data-visual-style="2040"] .k294-guest-arrow{
  width:36px!important;height:54px!important;display:grid!important;place-items:center!important;color:#f0ae87!important;
  filter:drop-shadow(0 0 10px rgba(241,158,106,.18));animation:k294GuestArrow 1.55s cubic-bezier(.4,0,.2,1) infinite!important;
}
:root[data-visual-style="2040"] .k294-guest-arrow svg{width:30px!important;height:52px!important;overflow:visible!important}
:root[data-visual-style="2040"] .k294-guest-arrow path{fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
@keyframes k294GuestArrow{0%,100%{transform:translateY(3px);opacity:.62}50%{transform:translateY(-4px);opacity:1}}
:root[data-visual-style="2040"] .k2040-rail-right.is-guest .k294-guest-actions{margin-top:auto!important}

/* Notification + Settings titles sit directly on the panel, no extra colored slab. */
:root[data-visual-style="2040"] .k270-notify-head,
:root[data-visual-style="2040"] :is(#siteSettingsPortal,#profileSettingsPortal) .k274-rail-wing-card .kx235-title{
  background:transparent!important;background-image:none!important;box-shadow:none!important;
}

/* Telegram support: full composition, no squeezed strip / internal scrollbar. */
:root[data-visual-style="2040"] #supportPortal>#supportOverlay.k274-rail-wing-layer,
:root[data-visual-style="2040"] #profileSupportPortal>#profileSupportOverlay.k274-rail-wing-layer{
  right:var(--k294-wing-right)!important;width:var(--k294-support-width)!important;min-width:var(--k294-support-width)!important;max-width:var(--k294-support-width)!important;
  height:auto!important;min-height:0!important;max-height:calc(100dvh - 96px)!important;overflow:visible!important;
}
:root[data-visual-style="2040"] #supportPortal>#supportOverlay.k274-rail-wing-layer>.k274-rail-wing-card,
:root[data-visual-style="2040"] #profileSupportPortal>#profileSupportOverlay.k274-rail-wing-layer>.k274-rail-wing-card{
  width:100%!important;height:390px!important;min-height:390px!important;max-height:390px!important;
  padding:0!important;overflow:hidden!important;border-radius:34px!important;
  display:flex!important;flex-direction:column!important;
}
:root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal) .k274-rail-wing-card .k248-telegram-support{
  width:100%!important;min-width:0!important;min-height:390px!important;height:390px!important;max-height:390px!important;
  padding:34px 30px 28px!important;box-sizing:border-box!important;overflow:visible!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
}
:root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal) .k274-rail-wing-card .k248-telegram-logo{
  width:74px!important;height:74px!important;min-width:74px!important;min-height:74px!important;margin:0 0 16px!important;flex:0 0 auto!important;
}
:root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal) .k274-rail-wing-card .k248-telegram-support>small{font-size:8px!important;line-height:1!important}
:root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal) .k274-rail-wing-card .k248-telegram-support h2{
  width:100%!important;max-width:310px!important;margin:8px auto 10px!important;font-size:25px!important;line-height:1.02!important;white-space:normal!important;text-wrap:balance!important;
}
:root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal) .k274-rail-wing-card .k248-telegram-support p{
  width:100%!important;max-width:315px!important;margin:0 auto 20px!important;font-size:10.5px!important;line-height:1.55!important;white-space:normal!important;
}
:root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal) .k274-rail-wing-card .k248-telegram-button{
  width:100%!important;min-height:50px!important;height:50px!important;margin-top:0!important;flex:0 0 50px!important;box-sizing:border-box!important;
}
:root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal) .k274-rail-wing-card .kx235-close{
  top:15px!important;right:15px!important;z-index:20!important;
}

/* Logged-out game CTA is a real active login control. */
:root[data-visual-style="2040"][data-theme="hub"] .k294-login-action,
:root[data-visual-style="2040"] .k294-login-action{
  opacity:1!important;pointer-events:auto!important;cursor:pointer!important;background:#fff!important;background-image:none!important;color:#1a110e!important;
  border-color:rgba(255,255,255,.92)!important;box-shadow:0 10px 28px rgba(0,0,0,.25),0 0 20px rgba(255,255,255,.07),inset 0 1px #fff!important;
}

/* Airplane guest history = continuous login marquee, never cached red/green rounds. */
:root[data-visual-style="2040"] .plane-history-track:has(.k294-plane-login-marquee){display:block!important;width:100%!important;overflow:hidden!important}
:root[data-visual-style="2040"] .k294-plane-login-marquee{
  width:100%!important;height:100%!important;min-height:42px!important;display:flex!important;align-items:center!important;overflow:hidden!important;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
:root[data-visual-style="2040"] .k294-plane-login-marquee>div{
  flex:0 0 auto!important;min-width:max-content!important;display:flex!important;align-items:center!important;gap:18px!important;padding-right:18px!important;
  animation:k294PlaneLoginMarquee 14s linear infinite!important;white-space:nowrap!important;
}
:root[data-visual-style="2040"] .k294-plane-login-marquee span,
:root[data-visual-style="2040"] .k294-plane-login-marquee b{font-size:9px!important;line-height:1!important;letter-spacing:.16em!important;font-weight:900!important}
:root[data-visual-style="2040"] .k294-plane-login-marquee span{color:#f4ad84!important}
:root[data-visual-style="2040"] .k294-plane-login-marquee b{color:#f7efe9!important}
:root[data-visual-style="2040"] .k294-plane-login-marquee i{font-style:normal!important;color:rgba(255,221,197,.30)!important}
@keyframes k294PlaneLoginMarquee{to{transform:translateX(-100%)}}

@media(max-width:1120px){
  :root[data-visual-style="2040"] #supportPortal>#supportOverlay.k274-rail-wing-layer,
  :root[data-visual-style="2040"] #profileSupportPortal>#profileSupportOverlay.k274-rail-wing-layer{
    right:12px!important;width:min(390px,calc(100vw - 24px))!important;min-width:0!important;max-width:min(390px,calc(100vw - 24px))!important;
  }
  :root[data-visual-style="2040"] #supportPortal>#supportOverlay.k274-rail-wing-layer>.k274-rail-wing-card,
  :root[data-visual-style="2040"] #profileSupportPortal>#profileSupportOverlay.k274-rail-wing-layer>.k274-rail-wing-card{border-radius:26px!important}
}

@media(prefers-reduced-motion:reduce){
  :root[data-visual-style="2040"] .k294-guest-arrow,:root[data-visual-style="2040"] .k294-plane-login-marquee>div{animation:none!important}
}

/* ===== v295-mobile.css ===== */
/* KORZH v295 — phone-first 2040 layout. Desktop stays untouched. */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden!important;overscroll-behavior-x:none;-webkit-text-size-adjust:100%}
  :root[data-visual-style="2040"] body{padding:0!important}
  :root[data-visual-style="2040"] .page{width:100%!important;min-width:0!important;padding:0!important}
  :root[data-visual-style="2040"] .k2040-stage{width:100%!important;max-width:100%!important;padding:74px 8px 86px!important;overflow:visible!important}

  /* Mobile chrome: account controls at the top, navigation at the bottom. */
  :root[data-visual-style="2040"] .k2040-rail{clip-path:none!important;transform:none!important;backdrop-filter:blur(22px) saturate(1.18)!important}
  :root[data-visual-style="2040"] .k2040-rail-left,
  :root[data-visual-style="2040"] .k2040-rail-left:hover{
    position:fixed!important;z-index:1000!important;left:6px!important;right:6px!important;bottom:6px!important;top:auto!important;
    width:auto!important;height:66px!important;padding:6px!important;border-radius:20px!important;transform:none!important;overflow:hidden!important;
  }
  :root[data-visual-style="2040"] .k2040-rail-left .k2040-rail-mark,
  :root[data-visual-style="2040"] .k2040-rail-left .k2040-rail-caption,
  :root[data-visual-style="2040"] .k2040-rail-left .k2040-rail-context,
  :root[data-visual-style="2040"] .k2040-rail-left .k2040-rail-status,
  :root[data-visual-style="2040"] .k2040-rail-left .k2040-rail-signal{display:none!important}
  :root[data-visual-style="2040"] .k2040-rail-left .k2040-nav{height:54px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr)) 54px!important;gap:4px!important;align-items:center!important}
  :root[data-visual-style="2040"] .k2040-rail-left .k2040-nav button{width:100%!important;min-width:0!important;height:52px!important;border-radius:14px!important;transform:none!important;padding:0!important}
  :root[data-visual-style="2040"] .k2040-rail-left .k2040-nav button svg{width:21px!important;height:21px!important}
  :root[data-visual-style="2040"] .k2040-rail-left .k2040-style-dock{position:static!important;grid-column:5!important;width:54px!important;height:52px!important;padding:0!important}
  :root[data-visual-style="2040"] .k2040-rail-left .visual-style-switch{width:54px!important;height:52px!important;min-height:52px!important;padding:5px!important;border-radius:14px!important;display:grid!important;place-items:center!important}
  :root[data-visual-style="2040"] .k2040-rail-left .visual-style-switch-copy{display:none!important}
  :root[data-visual-style="2040"] .k2040-rail-left .visual-style-switch-track{margin:0!important}

  :root[data-visual-style="2040"] .k2040-rail-right,
  :root[data-visual-style="2040"] .k2040-rail-right:hover{
    display:flex!important;position:fixed!important;z-index:1001!important;left:7px!important;right:7px!important;top:7px!important;bottom:auto!important;
    width:auto!important;height:60px!important;min-height:60px!important;padding:5px 7px!important;border-radius:19px!important;transform:none!important;overflow:hidden!important;
    align-items:center!important;justify-content:flex-end!important;gap:5px!important;
  }
  :root[data-visual-style="2040"] .k2040-rail-right .k2040-rail-signal{display:none!important}
  :root[data-visual-style="2040"] .k2040-profile-orbit{width:48px!important;height:48px!important;margin:0 auto 0 0!important;flex:0 0 48px!important}
  :root[data-visual-style="2040"] .k2040-profile-orbit>span{display:none!important}
  :root[data-visual-style="2040"] .k2040-avatar{width:43px!important;height:43px!important;min-width:43px!important;min-height:43px!important;box-shadow:none!important}
  :root[data-visual-style="2040"] .k2040-avatar img,:root[data-visual-style="2040"] .k2040-avatar>span{width:37px!important;height:37px!important}
  :root[data-visual-style="2040"] .k2040-balance{width:74px!important;min-width:74px!important;min-height:44px!important;height:44px!important;margin:0!important;padding:8px 22px 7px 9px!important;border-radius:13px!important}
  :root[data-visual-style="2040"] .k2040-balance strong{font-size:10px!important;margin:0!important;white-space:nowrap!important}
  :root[data-visual-style="2040"] .k2040-balance img{width:15px!important;height:15px!important;right:6px!important}
  :root[data-visual-style="2040"] .k2040-deposit{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important;border-radius:13px!important;display:grid!important;place-items:center!important}
  :root[data-visual-style="2040"] .k2040-deposit b{display:none!important}
  :root[data-visual-style="2040"] .k2040-deposit span{font-size:19px!important}
  :root[data-visual-style="2040"] .k2040-rail-spacer{display:none!important}
  :root[data-visual-style="2040"] .k2040-rail-actions{display:flex!important;align-items:center!important;gap:4px!important;margin:0!important}
  :root[data-visual-style="2040"] .k2040-round-action{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin:0!important;border-radius:13px!important}
  :root[data-visual-style="2040"] .k2040-round-action svg{width:18px!important;height:18px!important}
  :root[data-visual-style="2040"] .k2040-rail-right.is-guest .k294-guest-login-callout{width:auto!important;margin:0 4px 0 0!important;grid-template-columns:28px auto!important;gap:4px!important;text-align:left!important}
  :root[data-visual-style="2040"] .k2040-rail-right.is-guest .k294-guest-arrow{width:28px!important;height:40px!important}
  :root[data-visual-style="2040"] .k2040-rail-right.is-guest .k294-guest-arrow svg{width:24px!important;height:38px!important}
  :root[data-visual-style="2040"] .k2040-rail-right.is-guest .k294-guest-login-callout strong{font-size:8px!important}
  :root[data-visual-style="2040"] .k2040-rail-right.is-guest .k294-guest-login-callout small{display:none!important}

  /* Header + LiveDrop remain usable without stealing the phone viewport. */
  :root[data-visual-style="2040"] .korzh-shared-header{margin:0 auto 8px!important;width:100%!important;max-width:100%!important;min-height:54px!important;border-radius:17px!important;padding:0 10px!important}
  :root[data-visual-style="2040"] .korzh-shared-header .korzh-icon-nav{display:none!important}
  :root[data-visual-style="2040"] .korzh-shared-header .brand-word{font-size:16px!important}
  :root[data-visual-style="2040"] .korzh-shared-header .brand-emblem{width:32px!important;height:32px!important}
  :root[data-visual-style="2040"] .live-strip,.live-drop-strip,.hub-live-strip{max-width:100%!important;overflow:hidden!important}

  /* Cases home */
  :root[data-visual-style="2040"] .page-cases .k237-weekly-hero{min-height:340px!important;padding:20px 15px!important;border-radius:22px!important}
  :root[data-visual-style="2040"] .k237-weekly-copy h1{font-size:32px!important;line-height:.98!important;max-width:280px!important}
  :root[data-visual-style="2040"] .k237-weekly-progress{width:min(280px,100%)!important}
  :root[data-visual-style="2040"] .k237-weekly-visual{right:-155px!important;top:52px!important;transform:scale(.58)!important;opacity:.28!important}
  :root[data-visual-style="2040"] .cases-toolbar,.hub-cases-toolbar{display:grid!important;grid-template-columns:44px 1fr!important;gap:7px!important}
  :root[data-visual-style="2040"] .cases-toolbar>*:not(:first-child):not(:nth-child(2)),:root[data-visual-style="2040"] .hub-cases-toolbar>*:not(:first-child):not(:nth-child(2)){grid-column:auto!important}
  :root[data-visual-style="2040"] .hub-static-grid,:root[data-visual-style="2040"] .k221-oscar-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  :root[data-visual-style="2040"] .hub-static-grid .case-card{height:230px!important;min-height:230px!important}
  :root[data-visual-style="2040"] .case-card .case-art img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
  :root[data-visual-style="2040"] .collection-section,:root[data-visual-style="2040"] .hub-collection{overflow:visible!important}

  /* Case detail / roulette */
  :root[data-visual-style="2040"] .case-detail-page{width:100%!important;max-width:100%!important;padding:0!important}
  :root[data-visual-style="2040"] .case-page-topbar{min-height:60px!important;padding:8px 10px!important;grid-template-columns:auto 1fr auto!important}
  :root[data-visual-style="2040"] .case-page-heading h1{font-size:18px!important}
  :root[data-visual-style="2040"] .case-page-back{min-width:42px!important;padding:0 9px!important}
  :root[data-visual-style="2040"] .case-page-back span{display:none!important}
  :root[data-visual-style="2040"] .case-page-stage{padding:10px!important;border-radius:20px!important;overflow:hidden!important}
  :root[data-visual-style="2040"] .case-roulette-v166{width:100%!important;overflow:hidden!important}
  :root[data-visual-style="2040"] .case-roulette-v166 .roulette-card{min-width:112px!important;width:112px!important;max-width:112px!important}
  :root[data-visual-style="2040"] .case-page-actions-v166{width:100%!important;grid-template-columns:1fr!important;gap:8px!important;padding:8px 0!important}
  :root[data-visual-style="2040"] .case-count-row-v166{justify-content:center!important;order:2!important;flex-wrap:wrap!important}
  :root[data-visual-style="2040"] .case-page-actions-v166 .open-btn{width:100%!important;min-height:48px!important;order:1!important}
  :root[data-visual-style="2040"] .contents-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  :root[data-visual-style="2040"] .case-page-contents{padding:14px 8px!important}
  :root[data-visual-style="2040"] .case-page-contents .skin-card{min-width:0!important;height:190px!important}

  /* Upgrade */
  :root[data-visual-style="2040"] .hub-u151-page{width:100%!important;padding:0!important}
  :root[data-visual-style="2040"] .hub-u151-shell{border-radius:22px!important;padding:10px!important}
  :root[data-visual-style="2040"] .hub-u151-stage{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  :root[data-visual-style="2040"] .hub-u151-side{min-height:170px!important;transform:none!important;clip-path:none!important;border-radius:18px!important}
  :root[data-visual-style="2040"] .hub-u151-core{min-height:260px!important;order:2!important}
  :root[data-visual-style="2040"] .hub-u151-source{order:1!important}.hub-u151-target{order:3!important}
  :root[data-visual-style="2040"] .hub-u151-wheel-wrap{transform:scale(.78)!important;transform-origin:center!important}
  :root[data-visual-style="2040"] .hub-u151-actions{order:4!important;width:100%!important}
  :root[data-visual-style="2040"] .hub-u151-run-row{width:100%!important;grid-template-columns:1fr 46px!important}
  :root[data-visual-style="2040"] .hub-u151-browsers{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  :root[data-visual-style="2040"] .hub-u151-browser{min-width:0!important;border-radius:19px!important;padding:9px!important}
  :root[data-visual-style="2040"] .hub-u151-browser .inventory-grid,:root[data-visual-style="2040"] .hub-u151-browser .skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}

  /* Contracts */
  :root[data-visual-style="2040"] .k251-contracts-page{padding:0!important;width:100%!important}
  :root[data-visual-style="2040"] .contract-panel{padding:12px!important;border-radius:21px!important}
  :root[data-visual-style="2040"] .contract-slots{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  :root[data-visual-style="2040"] .contract-slot{min-height:120px!important;border-radius:16px!important}
  :root[data-visual-style="2040"] .k251-contract-summary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:12px!important}
  :root[data-visual-style="2040"] .k251-contract-summary .primary-action{grid-column:1/-1!important;width:100%!important}
  :root[data-visual-style="2040"] .k251-contract-summary .contract-arrow{display:none!important}
  :root[data-visual-style="2040"] .picker-section .inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  :root[data-visual-style="2040"] .k251-contract-title-line{display:block!important}.k251-contract-title-line p{margin-top:5px!important}

  /* Airplane */
  :root[data-visual-style="2040"] .plane-page-v136{width:100%!important;padding:0 0 12px!important}
  :root[data-visual-style="2040"] .plane-flight-shell{border-radius:21px!important;overflow:hidden!important}
  :root[data-visual-style="2040"] .plane-sky-v140{height:320px!important;min-height:320px!important}
  :root[data-visual-style="2040"] .plane-control-deck,:root[data-visual-style="2040"] .plane-control-deck-v138{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:9px!important}
  :root[data-visual-style="2040"] :is(.plane-stake-card,.plane-auto-card,.plane-action-zone){width:100%!important;min-width:0!important;border-radius:16px!important}
  :root[data-visual-style="2040"] .plane-inventory-panel{border-radius:21px!important;padding:12px!important}
  :root[data-visual-style="2040"] .plane-inventory-grid,:root[data-visual-style="2040"] .plane-inventory-panel .inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}

  /* Profile */
  :root[data-visual-style="2040"] .profile-page,:root[data-visual-style="2040"] .profile-v163-page{width:100%!important;max-width:100%!important;padding-left:0!important;padding-right:0!important}
  :root[data-visual-style="2040"] .profile-v163-head,:root[data-visual-style="2040"] .profile-page-head{grid-template-columns:1fr!important;gap:10px!important;padding:12px!important}
  :root[data-visual-style="2040"] .profile-v163-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  :root[data-visual-style="2040"] .profile-v81-top-grid,:root[data-visual-style="2040"] .profile-grid,:root[data-visual-style="2040"] .profile-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  :root[data-visual-style="2040"] .profile-tabs{overflow-x:auto!important;scrollbar-width:none!important}.profile-tabs::-webkit-scrollbar{display:none!important}

  /* Rail dialogs turn into safe bottom sheets on phones. */
  :root[data-visual-style="2040"] #notificationPortal>*,:root[data-visual-style="2040"] #siteSettingsPortal>*,
  :root[data-visual-style="2040"] #supportPortal>*, :root[data-visual-style="2040"] #profileSupportPortal>*,
  :root[data-visual-style="2040"] #profileSettingsPortal>*{
    position:fixed!important;z-index:1200!important;left:8px!important;right:8px!important;top:auto!important;bottom:78px!important;width:auto!important;max-width:none!important;min-width:0!important;max-height:calc(100dvh - 96px)!important;transform:none!important;clip-path:none!important;border-radius:24px!important;
  }
  :root[data-visual-style="2040"] #supportPortal .k274-rail-wing-card,:root[data-visual-style="2040"] #profileSupportPortal .k274-rail-wing-card{height:auto!important;min-height:320px!important;max-height:calc(100dvh - 110px)!important}

  /* Tap targets + touch behavior */
  :root[data-visual-style="2040"] button,:root[data-visual-style="2040"] a{touch-action:manipulation}
  :root[data-visual-style="2040"] input,:root[data-visual-style="2040"] select,:root[data-visual-style="2040"] textarea{font-size:16px!important}
}

@media(max-width:420px){
  :root[data-visual-style="2040"] .k2040-stage{padding-left:5px!important;padding-right:5px!important}
  :root[data-visual-style="2040"] .k2040-rail-left{left:4px!important;right:4px!important;bottom:4px!important}
  :root[data-visual-style="2040"] .k2040-rail-right{left:4px!important;right:4px!important;top:4px!important}
  :root[data-visual-style="2040"] .k2040-round-action{width:36px!important;min-width:36px!important;height:36px!important;min-height:36px!important}
  :root[data-visual-style="2040"] .k2040-balance{width:66px!important;min-width:66px!important}
  :root[data-visual-style="2040"] .contents-grid,:root[data-visual-style="2040"] .picker-section .inventory-grid,:root[data-visual-style="2040"] .plane-inventory-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ===== v298-hotfix.css ===== */
/* v298 — complete locale + currency polish */
.korzh-money{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;white-space:nowrap!important;vertical-align:middle!important}
.korzh-currency-symbol{display:inline-grid!important;place-items:center!important;min-width:.95em!important;height:1em!important;font:900 .86em/1 Inter,Manrope,"SF Pro Display","Segoe UI",Arial,sans-serif!important;letter-spacing:0!important;color:currentColor!important;opacity:.96!important;transform:translateY(.02em)}
.k2040-balance{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}
.k298-rail-currency{display:inline-grid;place-items:center;min-width:18px;height:18px;font:950 14px/1 Inter,Manrope,"Segoe UI",Arial,sans-serif;color:#f1c8aa;text-shadow:0 0 12px rgba(239,165,116,.22)}
.k298-weekly-currency{display:inline-grid!important;place-items:center!important;margin-left:4px!important;min-width:14px!important;font:950 12px/1 Inter,Manrope,"Segoe UI",Arial,sans-serif!important;color:#f1c3a3!important}
.case-sell-price-v175 .korzh-currency-symbol{font-size:.82em!important}
/* Ukrainian Cyrillic extensions must never fall back to a mismatched decorative font. */
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea,
html[lang="uk"] .visual-style-switch,
html[lang="uk"] .case-page-heading,
html[lang="uk"] .kx229-card,
html[lang="uk"] .profile-page,
html[lang="uk"] .korzh-footer{font-family:Inter,Manrope,"SF Pro Display","Segoe UI",Roboto,Arial,sans-serif!important}

/* ===== v299-hotfix.css ===== */
/* KORZH v299 — favorites hitbox, trade-link state, STACK ordering polish */

/* Heart is a real, isolated hit target. Clicking it must never fall through into the case card. */
:root[data-visual-style="2040"] .k270-case-heart{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  z-index:120!important;
  isolation:isolate!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}

/* Trade link: fixed geometry. No press/hover transform = no visual "drop" on first click. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  cursor:pointer!important;
  transition:border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease,filter .22s ease!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:hover,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:focus,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:focus-visible,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:active{
  translate:none!important;
  scale:1!important;
  rotate:none!important;
}
@media(min-width:761px){
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline,
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:hover,
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:focus,
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:focus-visible,
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:active{
    position:absolute!important;
    right:15px!important;
    left:auto!important;
    top:50%!important;
    bottom:auto!important;
    margin:0!important;
    transform:translate3d(0,-50%,0)!important;
  }
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline.is-linked{
  border-color:rgba(94,231,154,.54)!important;
  background:linear-gradient(145deg,rgba(44,139,89,.23),rgba(18,64,42,.18))!important;
  color:#d8ffe9!important;
  box-shadow:0 0 0 1px rgba(83,231,149,.05),0 0 22px rgba(64,218,130,.10)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline.is-unlinked{
  border-color:rgba(255,105,105,.42)!important;
  background:linear-gradient(145deg,rgba(135,43,43,.20),rgba(70,22,22,.14))!important;
  color:#ffdada!important;
  box-shadow:0 0 0 1px rgba(255,90,90,.035)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v299-trade-dot{
  width:7px!important;
  height:7px!important;
  flex:0 0 7px!important;
  border-radius:999px!important;
  background:#ff6f6f!important;
  box-shadow:0 0 10px rgba(255,86,86,.52)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline.is-linked .profile-v299-trade-dot{
  background:#63ed9d!important;
  box-shadow:0 0 12px rgba(73,236,145,.62)!important;
}

/* ===== v300-hotfix.css ===== */
/* KORZH v300 — performance, currency logo, profile readability, collection rhythm, admin flush */

/* 3) Currency: digits change by exchange rate, the KORZH token is ALWAYS the visual currency mark. */
.korzh-currency-symbol,
.k298-rail-currency,
.k298-weekly-currency{
  display:inline-block!important;
  width:1.05em!important;height:1.05em!important;min-width:1.05em!important;
  font-size:0!important;line-height:0!important;color:transparent!important;
  background:url('/assets/korzh-token.webp') center/contain no-repeat!important;
  border-radius:50%!important;vertical-align:-.14em!important;
  flex:0 0 1.05em!important;
}

/* 4) No redundant COLLECTIONS label above the case search. */
:root[data-visual-style="2040"][data-theme="hub"] .cases-section:before{content:none!important;display:none!important}

/* 6) Trade link: single line, no status dot. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline{white-space:nowrap!important;flex-wrap:nowrap!important;min-width:max-content!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline span{white-space:nowrap!important;word-break:keep-all!important}
.profile-v299-trade-dot{display:none!important}

/* 7) Notifications must be readable without zooming the browser. */
:root[data-visual-style="2040"] .k270-notify-head b{font-size:13px!important}
:root[data-visual-style="2040"] .k270-note{min-height:94px!important;padding:14px 14px 13px 14px!important;grid-template-columns:40px minmax(0,1fr)!important;gap:12px!important}
:root[data-visual-style="2040"] .k270-note>i{width:40px!important;height:40px!important}
:root[data-visual-style="2040"] .k270-note b{font-size:12.5px!important;line-height:1.18!important;margin:1px 0 5px!important}
:root[data-visual-style="2040"] .k270-note p{font-size:10.5px!important;line-height:1.42!important}
:root[data-visual-style="2040"] .k270-note time{font-size:8px!important;margin-top:8px!important}

/* 8) Main page scroll: skip paint/layout work for offscreen collections. */
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .hub-showcase-collection,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-section{
  content-visibility:auto!important;
  contain-intrinsic-size:auto 620px!important;
  contain:layout paint style!important;
}
:root[data-theme="hub"] .hub-page-progress i{
  height:100%!important;transform:scaleY(.04);transform-origin:50% 0!important;
  transition:transform .08s linear!important;will-change:transform!important;
}

/* 9) FAST is deliberately unmistakable from normal mode. */
:root[data-visual-style="2040"] .fast-spin-toggle{position:relative!important}
:root[data-visual-style="2040"] .fast-spin-toggle.active:after{
  content:"FAST";position:absolute;left:50%;top:-19px;transform:translateX(-50%);
  height:15px;padding:0 6px;display:grid;place-items:center;border-radius:999px;
  border:1px solid rgba(255,196,82,.50);background:rgba(75,39,13,.94);color:#ffd47d;
  font:950 7px/1 Inter,system-ui,sans-serif;letter-spacing:.10em;box-shadow:0 0 16px rgba(255,153,37,.25);pointer-events:none;
}
:root[data-visual-style="2040"] .fast-spin-toggle:not(.active){box-shadow:inset 0 1px rgba(255,255,255,.05)!important;filter:saturate(.45) brightness(.78)!important}
:root[data-visual-style="2040"] .fast-spin-toggle.active{transform:scale(1.07)!important}

/* 10) Put case rows lower — visually between their own heading and the next collection heading. */
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-collection .collection-fold-inner>.hub-showcase-frame{margin-top:34px!important;margin-bottom:4px!important}
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-collection{padding-top:14px!important;padding-bottom:18px!important;margin-bottom:24px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-grid{margin-top:38px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k221-oscar-section{margin-bottom:34px!important}

/* 1/2) Upgrade browser: stable compositing after source selection + visible image area. */
:root[data-visual-style="2040"][data-theme="hub"] .upgrade-inventory-grid,
:root[data-visual-style="2040"][data-theme="hub"] .upgrade-target-grid{contain:layout paint!important;transform:translateZ(0)!important}
:root[data-visual-style="2040"][data-theme="hub"] .upgrade-inv-card,
:root[data-visual-style="2040"][data-theme="hub"] .upgrade-target-card{contain:layout paint!important}
:root[data-visual-style="2040"] .upgrade-target-card .real-skin-pending,
:root[data-visual-style="2040"] .upgrade-inv-card .real-skin-pending{opacity:1!important}

/* 11) Admin workspace: no accidental second sidebar-width offset. */
@media(min-width:821px){
  .admin-shell{gap:4px!important}
  .admin-main{margin-left:0!important;padding-left:0!important;padding-right:0!important}
  .admin-topbar{padding-left:20px!important;padding-right:20px!important}
  .admin-content{padding-left:14px!important;padding-right:14px!important}
}

/* ===== v301-hotfix.css ===== */
/* KORZH v301 — profile ID, real KORZH currency mark, 2040 trade button, scroll performance */

/* Currency is always the KORZH token. Exchange selection changes digits only. */
.korzh-currency-symbol,.k298-rail-currency,.k298-weekly-currency{
  display:inline-grid!important;place-items:center!important;
  width:1.08em!important;height:1.08em!important;min-width:1.08em!important;
  background:none!important;color:transparent!important;font-size:inherit!important;line-height:1!important;
  border-radius:50%!important;vertical-align:-.16em!important;flex:0 0 1.08em!important;overflow:visible!important;
}
.korzh-currency-logo{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;border-radius:50%!important;filter:none!important}
.k2040-balance .k298-rail-currency{width:18px!important;height:18px!important;min-width:18px!important;margin-left:7px!important}

/* 2040 trade-link button: clean compact glass capsule, one line, no red/green state furniture. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline.is-linked,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline.is-unlinked,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:hover,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:focus,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:active{
  width:148px!important;min-width:148px!important;max-width:148px!important;height:40px!important;min-height:40px!important;
  padding:0 15px!important;border:1px solid rgba(255,213,187,.20)!important;border-radius:13px!important;
  background:linear-gradient(180deg,rgba(58,38,29,.94),rgba(27,20,17,.96))!important;
  color:#fff3e9!important;box-shadow:inset 0 1px rgba(255,255,255,.10),0 9px 24px rgba(0,0,0,.25),0 0 18px rgba(215,131,95,.08)!important;
  font:900 8.5px/1 Inter,Arial,sans-serif!important;letter-spacing:.095em!important;white-space:nowrap!important;
  text-shadow:0 1px 9px rgba(255,197,162,.12)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:hover{border-color:rgba(255,190,151,.38)!important;background:linear-gradient(180deg,rgba(72,45,33,.97),rgba(31,22,18,.98))!important;box-shadow:inset 0 1px rgba(255,255,255,.13),0 11px 28px rgba(0,0,0,.30),0 0 22px rgba(222,139,99,.16)!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline span{display:block!important;white-space:nowrap!important}
.profile-v299-trade-dot{display:none!important}

/* Scroll hard-fix: remove GPU-expensive live backdrop sampling from persistent 2040 chrome.
   Visual opacity is preserved with slightly denser static backgrounds. */
:root[data-visual-style="2040"] .k2040-rail{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(20,15,13,.985)!important;
  will-change:auto!important;contain:layout paint!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .korzh-shared-header{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(25,17,14,.985)!important;contain:paint!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .live{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(20,15,13,.975)!important;contain:layout paint!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-filters{
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(18,13,12,.985)!important;
}
:root[data-visual-style="2040"] .k2040-atmosphere i{animation:none!important;filter:none!important;opacity:.055!important;background:radial-gradient(circle,rgba(209,123,89,.8) 0%,rgba(209,123,89,.24) 35%,transparent 72%)!important}
:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(2){background:radial-gradient(circle,rgba(82,106,162,.65) 0%,rgba(82,106,162,.18) 36%,transparent 72%)!important}
:root[data-visual-style="2040"] .k2040-atmosphere i:nth-child(3){background:radial-gradient(circle,rgba(128,96,78,.7) 0%,rgba(128,96,78,.2) 38%,transparent 74%)!important}

/* Keep off-screen blocks out of paint/layout work across long 2040 pages. */
:root[data-visual-style="2040"] :is(.hub-showcase-collection,.k221-oscar-section,.case-page-contents,.profile-v80-content){content-visibility:auto!important;contain-intrinsic-size:auto 560px!important}

/* ===== v302-hotfix.css ===== */
/* KORZH v302 — launch performance hardfix + stable trade status + case FAST polish */

/* =========================================================
   PROFILE / TRADE LINK — fixed geometry, centered text, state by color.
   No press/hover transform is allowed to move this control.
   ========================================================= */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:hover,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:focus,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:focus-visible,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:active,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline.is-linked,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline.is-unlinked{
  position:absolute!important;
  right:15px!important;left:auto!important;top:50%!important;bottom:auto!important;
  width:150px!important;min-width:150px!important;max-width:150px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  margin:0!important;padding:0 14px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;white-space:nowrap!important;overflow:hidden!important;
  translate:none!important;scale:1!important;rotate:none!important;
  transform:translate3d(0,-50%,0)!important;
  border-radius:13px!important;
  font:900 8.5px/1 Inter,Arial,sans-serif!important;letter-spacing:.085em!important;
  cursor:pointer!important;
  transition:border-color .28s ease,background-color .28s ease,box-shadow .32s ease,color .28s ease!important;
  will-change:auto!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline>span{
  width:100%!important;margin:0!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;line-height:1!important;white-space:nowrap!important;
  transform:none!important;translate:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline.is-linked{
  color:#dfffea!important;
  border:1px solid rgba(91,236,154,.54)!important;
  background:linear-gradient(180deg,rgba(36,102,67,.55),rgba(19,55,39,.72))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 8px 18px rgba(0,0,0,.22),0 0 18px rgba(70,224,139,.13)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline.is-linked:hover{
  border-color:rgba(112,255,177,.78)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.13),0 8px 18px rgba(0,0,0,.22),0 0 23px rgba(70,224,139,.21)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline.is-unlinked{
  color:#ffe3e3!important;
  border:1px solid rgba(255,105,105,.48)!important;
  background:linear-gradient(180deg,rgba(105,42,42,.54),rgba(56,25,25,.72))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 18px rgba(0,0,0,.22),0 0 17px rgba(255,91,91,.10)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline.is-unlinked:hover{
  border-color:rgba(255,127,127,.72)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.11),0 8px 18px rgba(0,0,0,.22),0 0 22px rgba(255,91,91,.17)!important;
}
.profile-v299-trade-dot{display:none!important}
@media(max-width:760px){
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline,
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:hover,
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:focus,
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v287-trade-inline:active{
    left:12px!important;right:12px!important;top:auto!important;bottom:10px!important;
    width:auto!important;min-width:0!important;max-width:none!important;
    transform:none!important;
  }
}

/* =========================================================
   CASE FAST — no FAST badge/text. The button itself never jumps.
   Only the lightning glow fades in/out smoothly. Upgrade is untouched.
   ========================================================= */
:root[data-visual-style="2040"] #caseFastToggle::before,
:root[data-visual-style="2040"] #caseFastToggle::after{content:none!important;display:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 #caseFastToggle,
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 #caseFastToggle:hover,
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 #caseFastToggle:focus,
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 #caseFastToggle:active,
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 #caseFastToggle.active{
  background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;
  transform:none!important;translate:none!important;scale:1!important;
  color:inherit!important;text-shadow:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 #caseFastToggle .fast-bolt-core{
  background:linear-gradient(145deg,rgba(58,31,21,.98),rgba(16,10,8,.98))!important;
  border-color:rgba(255,238,224,.19)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 8px 20px rgba(0,0,0,.32),0 0 0 rgba(255,190,70,0)!important;
  filter:none!important;transform:none!important;
  transition:border-color .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s cubic-bezier(.2,.8,.2,1)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 #caseFastToggle .fast-bolt-core svg{
  fill:#bfae9f!important;filter:drop-shadow(0 0 0 rgba(255,201,86,0))!important;
  transition:fill .42s cubic-bezier(.2,.8,.2,1),filter .42s cubic-bezier(.2,.8,.2,1)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 #caseFastToggle.active .fast-bolt-core{
  border-color:rgba(255,207,92,.74)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 8px 20px rgba(0,0,0,.32),0 0 13px rgba(255,201,70,.42),0 0 28px rgba(255,157,42,.20)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166 #caseFastToggle.active .fast-bolt-core svg{
  fill:#ffd65c!important;filter:drop-shadow(0 0 6px rgba(255,218,98,.78)) drop-shadow(0 0 12px rgba(255,164,44,.30))!important;
}

/* =========================================================
   2040 LAUNCH PERFORMANCE MODE
   Chrome stays visually dense, but no element samples/blurs the page behind it.
   Fixed background repainting and decorative infinite motion are removed.
   Game animations (case roulette / upgrade / contract result / plane flight) remain.
   ========================================================= */
:root[data-visual-style="2040"] *,
:root[data-visual-style="2040"] *::before,
:root[data-visual-style="2040"] *::after{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  background-attachment:scroll!important;
}
:root[data-visual-style="2040"] body{
  background-attachment:scroll!important;
}
:root[data-visual-style="2040"] .k2040-atmosphere{display:none!important}
:root[data-visual-style="2040"] .k2040-rail-signal,
:root[data-visual-style="2040"] .k2040-rail-mark::before,
:root[data-visual-style="2040"] .k2040-profile-orbit>span,
:root[data-visual-style="2040"][data-theme="hub"] .k2040-page-intro::before,
:root[data-visual-style="2040"][data-theme="hub"] .k2040-intro-copy>span i,
:root[data-visual-style="2040"][data-theme="hub"] .k2040-intro-ring,
:root[data-visual-style="2040"][data-theme="hub"] .k2040-intro-core,
:root[data-visual-style="2040"] .k237-weekly-case,
:root[data-visual-style="2040"] .k282-weekly-case-motion,
:root[data-visual-style="2040"] .profile-v292-orbit,
:root[data-visual-style="2040"] .profile-v292-spark,
:root[data-visual-style="2040"] .profile-v293-lock{
  animation:none!important;
  will-change:auto!important;
}
:root[data-visual-style="2040"] .k2040-rail,
:root[data-visual-style="2040"] .korzh-shared-header,
:root[data-visual-style="2040"] .live,
:root[data-visual-style="2040"] .case-filters,
:root[data-visual-style="2040"] .profile-v80-command,
:root[data-visual-style="2040"] .profile-v81-topdrop,
:root[data-visual-style="2040"] .profile-v156-content{
  will-change:auto!important;
  transform:translateZ(0);
}
/* Pointer-reactive lighting is intentionally static in launch mode. */
:root[data-visual-style="2040"] :is(.case-card,.skin-card,.contract-slot,.profile-page-item,.profile-v81-top-card){
  --card-x:50%!important;--card-y:38%!important;
}
/* Persistent overlays use opaque paint instead of live blur when opened. */
:root[data-visual-style="2040"] :is(.site-settings-overlay,.deposit-overlay,.upgrade-settings-overlay,.overlay,.trade-link-overlay,.profile-settings-overlay,.exchange-overlay,.profile-v81-overlay,.k270-top-layer){
  background-color:rgba(6,4,4,.90)!important;
}

/* The old 2040 background used a viewport-sized fixed pseudo layer with 42px blur.
   That forces a full-screen repaint while scrolling. Keep the same warm/cool depth as static paint. */
:root[data-visual-style="2040"] body::before{
  content:""!important;display:block!important;position:absolute!important;z-index:-2!important;
  inset:0!important;filter:none!important;transform:none!important;opacity:1!important;mask-image:none!important;
  background:
    radial-gradient(ellipse 58% 42% at 4% 5%,rgba(111,52,29,.30),transparent 74%),
    radial-gradient(ellipse 55% 38% at 96% 8%,rgba(93,75,69,.18),transparent 76%),
    linear-gradient(135deg,#120b08 0%,#090807 50%,#0e0a08 100%)!important;
}
:root[data-visual-style="2040"] body::after{display:none!important;content:none!important}
:root[data-visual-style="2040"] .page::after{display:none!important;content:none!important}

/* v300 content-visibility caused expensive just-in-time layout/image reveal while wheeling.
   Render the sections once, then scrolling is compositor-only and stable. */
:root[data-visual-style="2040"][data-theme="hub"] :is(.hub-showcase-collection,.k221-oscar-section,.case-page-contents,.profile-v80-content){
  content-visibility:visible!important;
  contain:none!important;
  contain-intrinsic-size:none!important;
}

/* ===== v303-hotfix.css ===== */
/* KORZH v303 — favorites / compact promo / static trade orbit / rarity consistency / profile weapon scale */

/* =========================================================
   FAVORITES — heart remains an isolated hit target.
   ========================================================= */
:root[data-visual-style="2040"] .k270-case-heart{
  pointer-events:auto!important;
  z-index:140!important;
  transform:none!important;
}

/* =========================================================
   CASE PROMO — compact, colored, no empty side space.
   ========================================================= */
:root[data-visual-style="2040"] .case-page-topbar .case-page-promo,
:root[data-visual-style="2040"] .case-page-topbar .case-page-promo:hover,
:root[data-visual-style="2040"] .case-page-topbar .case-page-promo:focus,
:root[data-visual-style="2040"] .case-page-topbar .case-page-promo:active{
  justify-self:end!important;
  align-self:center!important;
  width:max-content!important;
  min-width:0!important;
  max-width:max-content!important;
  height:38px!important;
  padding:0 13px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
  border:1px solid rgba(255,182,118,.40)!important;
  border-radius:12px!important;
  background:linear-gradient(135deg,#da8357,#9c4f34)!important;
  color:#fff7ef!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 8px 20px rgba(79,31,18,.28),0 0 18px rgba(224,112,61,.12)!important;
  transform:none!important;
  translate:none!important;
  font:900 10px/1 Inter,system-ui,sans-serif!important;
  letter-spacing:.07em!important;
}
:root[data-visual-style="2040"] .case-page-topbar .case-page-promo:hover{
  border-color:rgba(255,205,159,.62)!important;
  background:linear-gradient(135deg,#e58d60,#a9573a)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.22),0 9px 22px rgba(79,31,18,.30),0 0 23px rgba(224,112,61,.18)!important;
}

:root[data-visual-style="2040"] .case-promo-overlay,
:root[data-visual-style="2040"] .case-promo-modal{
  animation:none!important;
}
:root[data-visual-style="2040"] .case-promo-modal{
  width:min(420px,calc(100vw - 28px))!important;
  padding:27px!important;
}
:root[data-visual-style="2040"] .case-promo-modal h2{
  margin:0 46px 18px 0!important;
  font-size:22px!important;
  line-height:1.12!important;
}
:root[data-visual-style="2040"] .case-promo-input{display:block!important;margin:0!important}
:root[data-visual-style="2040"] .case-promo-input>span,
:root[data-visual-style="2040"] .case-promo-kicker,
:root[data-visual-style="2040"] .case-promo-modal>p{display:none!important}
:root[data-visual-style="2040"] .case-promo-input input{
  width:100%!important;
  height:52px!important;
  margin:0!important;
  padding:0 15px!important;
  text-align:center!important;
}
:root[data-visual-style="2040"] .case-promo-apply,
:root[data-visual-style="2040"] .case-promo-apply:hover,
:root[data-visual-style="2040"] .case-promo-apply:active{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  transform:none!important;
}

/* =========================================================
   FAST — no label above lightning anywhere. Keep only glow.
   ========================================================= */
:root[data-visual-style="2040"] .fast-spin-toggle::before,
:root[data-visual-style="2040"] .fast-spin-toggle::after,
:root[data-visual-style="2040"] .fast-spin-toggle.active::before,
:root[data-visual-style="2040"] .fast-spin-toggle.active::after{
  content:none!important;
  display:none!important;
}
:root[data-visual-style="2040"] .fast-spin-toggle,
:root[data-visual-style="2040"] .fast-spin-toggle:hover,
:root[data-visual-style="2040"] .fast-spin-toggle:focus,
:root[data-visual-style="2040"] .fast-spin-toggle:active,
:root[data-visual-style="2040"] .fast-spin-toggle.active{
  transform:none!important;
  translate:none!important;
  scale:1!important;
}

/* =========================================================
   NOTIFICATIONS — text only, no leading placeholder/icon.
   ========================================================= */
:root[data-visual-style="2040"] .k270-note{
  grid-template-columns:1fr!important;
  gap:0!important;
  align-items:center!important;
  padding:13px 15px 13px 17px!important;
}
:root[data-visual-style="2040"] .k270-note>i{display:none!important}
:root[data-visual-style="2040"] .k270-note>div{min-width:0!important;width:100%!important}

/* =========================================================
   RARITY — one palette everywhere in 2040.
   rare = purple, matching the contents cards.
   ========================================================= */
:root[data-visual-style="2040"] .tier-gray{
  --rarity:#789bbd!important;
  --tier-bg:radial-gradient(circle at 22% 18%,rgba(120,155,189,.24),transparent 42%),linear-gradient(145deg,#26384a 0%,#1c2a38 52%,#151f2a 100%)!important;
  --k287-card-bg:var(--tier-bg)!important;
}
:root[data-visual-style="2040"] .tier-pink{
  --rarity:#df5aa1!important;
  --tier-bg:radial-gradient(circle at 78% 18%,rgba(223,90,161,.27),transparent 40%),linear-gradient(145deg,#432039 0%,#301829 52%,#21131d 100%)!important;
  --k287-card-bg:var(--tier-bg)!important;
}
:root[data-visual-style="2040"] .tier-orange{
  --rarity:#a66ce3!important;
  --tier-bg:radial-gradient(circle at 22% 18%,rgba(166,108,227,.28),transparent 40%),linear-gradient(145deg,#3b2852 0%,#2b1e3d 52%,#1b1525 100%)!important;
  --k287-card-bg:var(--tier-bg)!important;
}
:root[data-visual-style="2040"] .tier-red{
  --rarity:#e35b62!important;
  --tier-bg:radial-gradient(circle at 78% 18%,rgba(227,91,98,.27),transparent 40%),linear-gradient(145deg,#4a2026 0%,#34191f 50%,#211317 100%)!important;
  --k287-card-bg:var(--tier-bg)!important;
}
:root[data-visual-style="2040"] .tier-gold{
  --rarity:#e8c75e!important;
  --tier-bg:radial-gradient(circle at 24% 20%,rgba(232,199,94,.28),transparent 38%),linear-gradient(145deg,#4a3c18 0%,#322813 48%,#201b12 100%)!important;
  --k287-card-bg:var(--tier-bg)!important;
}
:root[data-visual-style="2040"] :is(.case-result-card-v167,.multi-result-card,.inline-result,.case-roulette-card-v166,.contents-card,.skin-card)[class*="tier-"]{
  background:var(--tier-bg)!important;
  border-color:color-mix(in srgb,var(--rarity) 48%,rgba(255,255,255,.10))!important;
}

/* =========================================================
   PROFILE — weapon art has one visual footprint.
   Rifles get a little more room, pistols are normalized down.
   ========================================================= */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .skin-art.real-skin>img{
  width:100%!important;
  height:100%!important;
  max-width:94%!important;
  max-height:86%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform-origin:center center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-art-rifle>img{transform:scale(1.12)!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-art-sniper>img{transform:scale(1.08)!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-art-smg>img{transform:scale(1.06)!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-art-pistol>img{transform:scale(.92)!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-art-knife>img{transform:scale(1.02)!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-art-gloves>img{transform:scale(1.04)!important}

/* =========================================================
   PROFILE TRADE LINK — moved into the old kinetic-logo position.
   Only the orbit lines move; the button itself is 100% static.
   ========================================================= */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v160-command-actions.no-admin{
  width:220px!important;
  min-width:220px!important;
  height:104px!important;
  min-height:104px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit{
  width:208px!important;
  height:96px!important;
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  pointer-events:auto!important;
  filter:none!important;
  overflow:visible!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit .profile-v292-orbit,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit .profile-v292-spark{
  pointer-events:none!important;
  will-change:transform!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit .profile-v292-orbit.orbit-a{
  width:180px!important;height:52px!important;
  animation:k292OrbitA 7s linear infinite!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit .profile-v292-orbit.orbit-b{
  width:152px!important;height:74px!important;
  animation:k292OrbitB 9s linear infinite reverse!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit .profile-v292-orbit.orbit-c{
  width:202px!important;height:84px!important;
  animation:k292OrbitC 12s linear infinite!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit .profile-v292-spark.spark-a{animation:k292SparkA 5s ease-in-out infinite!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit .profile-v292-spark.spark-b{animation:k292SparkB 6.3s ease-in-out infinite!important}

:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit .profile-v287-trade-inline,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit .profile-v287-trade-inline:hover,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit .profile-v287-trade-inline:focus,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit .profile-v287-trade-inline:focus-visible,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit .profile-v287-trade-inline:active,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit .profile-v287-trade-inline.is-linked,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit .profile-v287-trade-inline.is-unlinked{
  position:relative!important;
  z-index:7!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:146px!important;min-width:146px!important;max-width:146px!important;
  height:40px!important;min-height:40px!important;max-height:40px!important;
  margin:0!important;padding:0 12px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;white-space:nowrap!important;
  transform:none!important;translate:none!important;scale:1!important;rotate:none!important;
  border-radius:13px!important;
  transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease,color .25s ease!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit .profile-v287-trade-inline>span{
  width:100%!important;height:100%!important;margin:0!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  text-align:center!important;line-height:1!important;transform:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit .profile-v287-trade-inline.is-linked{
  color:#dfffea!important;
  border:1px solid rgba(91,236,154,.62)!important;
  background:linear-gradient(180deg,rgba(36,102,67,.66),rgba(19,55,39,.82))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.11),0 0 22px rgba(70,224,139,.18)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit .profile-v287-trade-inline.is-unlinked{
  color:#ffe3e3!important;
  border:1px solid rgba(255,105,105,.58)!important;
  background:linear-gradient(180deg,rgba(105,42,42,.63),rgba(56,25,25,.82))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 0 21px rgba(255,91,91,.15)!important;
}

@media(max-width:720px){
  :root[data-visual-style="2040"] .case-page-topbar .case-page-promo{height:36px!important;padding:0 10px!important;font-size:9px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v160-command-actions.no-admin{width:100%!important;min-width:0!important}
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit{width:min(208px,100%)!important}
}

/* The kinetic wrapper is a holder, not a clickable card: hovering the trade button
   must never move the wrapper or the button with it. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v160-command-actions>.profile-v303-trade-orbit,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v160-command-actions>.profile-v303-trade-orbit:hover,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v160-command-actions>.profile-v303-trade-orbit:focus-within{
  transform:none!important;
  translate:none!important;
  scale:1!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:inherit!important;
}

/* ===== v304-hotfix.css ===== */
/* KORZH v304 — compact kinetic profile counters + favorites stability */

:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-info-row{
  grid-template-columns:minmax(300px,1.45fr) 158px 158px!important;
  gap:20px!important;
  align-items:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  align-self:center!important;
  justify-self:center!important;
  width:154px!important;
  min-width:154px!important;
  max-width:154px!important;
  height:68px!important;
  min-height:68px!important;
  max-height:68px!important;
  margin:0!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:18px!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  translate:none!important;
  scale:1!important;
  transition:border-color .25s ease,background-color .25s ease,box-shadow .25s ease!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat:hover,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat:active{
  transform:none!important;
  translate:none!important;
  scale:1!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat::before,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  pointer-events:none!important;
  z-index:0!important;
  border-radius:50%!important;
  border:1px solid rgba(255,191,146,.14)!important;
  box-shadow:inset 0 0 16px rgba(255,175,117,.03)!important;
  will-change:transform!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat::before{
  width:178px!important;
  height:43px!important;
  animation:k304StatOrbitA 7.5s linear infinite!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat::after{
  width:146px!important;
  height:80px!important;
  border-color:rgba(255,236,221,.09)!important;
  animation:k304StatOrbitB 10.5s linear infinite reverse!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat .profile-v156-card-copy{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  gap:5px!important;
  text-align:center!important;
  border:1px solid rgba(226,159,116,.32)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(74,43,30,.72),rgba(32,22,18,.90))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 0 22px rgba(217,132,82,.10)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-withdrawn-stat .profile-v156-card-copy{
  border-color:rgba(207,164,103,.28)!important;
  background:linear-gradient(180deg,rgba(65,47,30,.70),rgba(29,24,19,.91))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 22px rgba(204,154,86,.09)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat:hover .profile-v156-card-copy{
  border-color:rgba(239,173,128,.48)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.11),0 0 26px rgba(224,143,92,.14)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat .profile-v156-card-copy>strong{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  font-size:22px!important;
  line-height:1!important;
  text-align:center!important;
  color:#f4e9df!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat .profile-v156-card-copy>small{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  font-size:7.5px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-align:center!important;
  white-space:nowrap!important;
  color:#a58f82!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat .korzh-money{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  height:auto!important;
  line-height:1!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat .korzh-currency-icon{
  width:14px!important;
  height:14px!important;
  min-width:14px!important;
  margin:0!important;
}
@keyframes k304StatOrbitA{from{transform:translate(-50%,-50%) rotate(-12deg)}to{transform:translate(-50%,-50%) rotate(348deg)}}
@keyframes k304StatOrbitB{from{transform:translate(-50%,-50%) rotate(24deg)}to{transform:translate(-50%,-50%) rotate(384deg)}}

[data-k270-favorite]{touch-action:manipulation}
body.k277-favorites-only [data-case].k277-favorite-hidden{display:none!important}
body.k277-favorites-only [data-collection-section].k277-empty-favorite-collection{display:none!important}

@media(max-width:1120px){
  :root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-info-row{grid-template-columns:minmax(260px,1fr) 150px 150px!important;gap:14px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat{width:146px!important;min-width:146px!important;max-width:146px!important}
}
@media(max-width:780px){
  :root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-info-row{grid-template-columns:1fr 1fr!important}
  :root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user{grid-column:1/-1!important}
}

/* ===== v306-hotfix.css ===== */
/* KORZH v306 — compact kinetic identity card (2040 only)
   Keep the profile masthead varied without adding expensive blur/backdrop effects. */

:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-info-row{
  grid-template-columns:minmax(330px,390px) 154px 154px!important;
  gap:18px!important;
  align-items:center!important;
}

:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user{
  position:relative!important;
  isolation:isolate!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
  max-width:390px!important;
  height:76px!important;
  min-height:76px!important;
  margin:0!important;
  padding:10px 18px 10px 11px!important;
  border:1px solid rgba(226,159,116,.28)!important;
  border-radius:19px!important;
  background:
    radial-gradient(circle at 17% 50%,rgba(223,139,88,.10),transparent 31%),
    linear-gradient(180deg,rgba(68,40,29,.69),rgba(29,21,18,.91))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 24px rgba(215,132,83,.07)!important;
  transform:none!important;
  translate:none!important;
  scale:1!important;
  transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease!important;
}

/* Tiny warm "dust" instead of another set of orbit lines. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  width:3px!important;
  height:3px!important;
  right:24px!important;
  top:14px!important;
  border-radius:50%!important;
  pointer-events:none!important;
  background:rgba(255,196,151,.78)!important;
  box-shadow:
    -22px 42px 0 0 rgba(242,157,105,.46),
    10px 29px 0 -1px rgba(255,229,209,.62),
    -47px 9px 0 -1px rgba(216,126,76,.44),
    -72px 45px 0 -1px rgba(255,191,143,.34)!important;
  animation:k306IdentityDust 8.5s ease-in-out infinite!important;
}

/* A soft breathing halo behind the avatar keeps this card distinct from the counters. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:-7px!important;
  top:50%!important;
  width:88px!important;
  height:88px!important;
  border-radius:50%!important;
  pointer-events:none!important;
  background:radial-gradient(circle,rgba(231,144,91,.13) 0,rgba(231,144,91,.055) 38%,transparent 70%)!important;
  transform:translateY(-50%) scale(.92)!important;
  animation:k306IdentityHalo 5.8s ease-in-out infinite!important;
}

:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user:hover,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user:active{
  transform:none!important;
  translate:none!important;
  scale:1!important;
  border-color:rgba(239,173,128,.43)!important;
  background:
    radial-gradient(circle at 17% 50%,rgba(223,139,88,.125),transparent 31%),
    linear-gradient(180deg,rgba(72,43,31,.72),rgba(30,22,18,.92))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 0 27px rgba(224,143,92,.10)!important;
}

:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user .profile-avatar-xl{
  position:relative!important;
  z-index:2!important;
  flex:0 0 55px!important;
  width:55px!important;
  height:55px!important;
  min-width:55px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,207,171,.30)!important;
  box-shadow:0 8px 18px rgba(0,0,0,.35),0 0 0 4px rgba(219,135,82,.055)!important;
}

:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user .profile-v156-card-copy{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}

:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user .profile-v156-card-copy strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#f4e9df!important;
  font-family:Manrope,system-ui,sans-serif!important;
  font-size:21px!important;
  font-style:normal!important;
  font-weight:900!important;
  line-height:1.05!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user .profile-v156-card-copy span{
  display:block!important;
  width:100%!important;
  margin-top:7px!important;
  color:#a48f83!important;
  font-size:8px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

@keyframes k306IdentityDust{
  0%,100%{transform:translate3d(0,0,0);opacity:.54}
  38%{transform:translate3d(-3px,2px,0);opacity:.92}
  72%{transform:translate3d(2px,-1px,0);opacity:.66}
}
@keyframes k306IdentityHalo{
  0%,100%{transform:translateY(-50%) scale(.92);opacity:.58}
  50%{transform:translateY(-50%) scale(1.05);opacity:.92}
}

@media(max-width:1120px){
  :root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-info-row{
    grid-template-columns:minmax(300px,1fr) 146px 146px!important;
    gap:14px!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user{max-width:none!important}
}
@media(max-width:780px){
  :root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-info-row{grid-template-columns:1fr 1fr!important}
  :root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user{grid-column:1/-1!important;max-width:none!important}
}
@media(max-width:520px){
  :root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user{height:70px!important;min-height:70px!important;padding:8px 13px 8px 9px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user .profile-avatar-xl{width:51px!important;height:51px!important;min-width:51px!important;flex-basis:51px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user .profile-v156-card-copy strong{font-size:19px!important}
}
@media(prefers-reduced-motion:reduce){
  :root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user::before,
  :root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user::after{animation:none!important}
}

/* ===== v308-hotfix.css ===== */
/* KORZH v308 — 2040 responsive desktop hardening
   Target: 1920x1080 physical displays, including common Windows 125% scaling
   (effective CSS viewport around 1536x800). Standard style is untouched. */

/* Fluid desktop geometry. Nothing changes on roomy 2K/4K viewports. */
@media (min-width:1121px) and (max-width:2000px),
       (min-width:1121px) and (max-height:1080px){
  :root[data-visual-style="2040"]{
    --k308-rail-w:clamp(118px,7.2vw,148px);
    --k308-rail-pad-x:clamp(9px,.72vw,13px);
    --k308-edge:clamp(9px,.78vw,15px);
    --k308-stage-pad:clamp(132px,8.15vw,164px);
  }
  :root[data-visual-style="2040"] .k2040-stage{
    width:100%!important;
    max-width:none!important;
    padding-left:var(--k308-stage-pad)!important;
    padding-right:var(--k308-stage-pad)!important;
  }
  :root[data-visual-style="2040"] .k2040-rail,
  :root[data-visual-style="2040"] .k2040-rail:hover{
    width:var(--k308-rail-w)!important;
    padding:clamp(13px,1.7vh,21px) var(--k308-rail-pad-x) clamp(13px,1.65vh,20px)!important;
    overflow:hidden!important;
  }
  :root[data-visual-style="2040"] .k2040-rail-left{left:var(--k308-edge)!important}
  :root[data-visual-style="2040"] .k2040-rail-right{right:var(--k308-edge)!important}

  /* Left navigation scales vertically first, so buttons can never stack over each other. */
  :root[data-visual-style="2040"] .k2040-rail-mark{
    width:clamp(45px,4.9vh,56px)!important;
    height:clamp(45px,4.9vh,56px)!important;
    min-width:clamp(45px,4.9vh,56px)!important;
    min-height:clamp(45px,4.9vh,56px)!important;
    margin:0 0 clamp(10px,1.5vh,18px)!important;
  }
  :root[data-visual-style="2040"] .k2040-rail-mark img{width:clamp(31px,3.5vh,38px)!important;height:clamp(31px,3.5vh,38px)!important}
  :root[data-visual-style="2040"] .k2040-nav{
    min-height:0!important;
    gap:clamp(6px,.82vh,10px)!important;
  }
  :root[data-visual-style="2040"] .k2040-nav button{
    min-height:0!important;
    height:clamp(53px,6.4vh,68px)!important;
    padding:clamp(5px,.7vh,8px) 5px!important;
    gap:clamp(3px,.48vh,5px)!important;
    border-radius:clamp(15px,1.25vw,20px)!important;
  }
  :root[data-visual-style="2040"] .k2040-nav button svg{width:clamp(22px,2.75vh,27px)!important;height:clamp(22px,2.75vh,27px)!important}
  :root[data-visual-style="2040"] .k2040-nav button span{font-size:clamp(7px,.86vh,9px)!important;line-height:1.05!important}

  /* Right rail uses a compact stack on Full-HD/effective 1536px desktops. */
  :root[data-visual-style="2040"] .k2040-profile-orbit{
    width:clamp(58px,6.3vh,72px)!important;
    height:clamp(58px,6.3vh,72px)!important;
    min-width:clamp(58px,6.3vh,72px)!important;
    min-height:clamp(58px,6.3vh,72px)!important;
    margin-top:0!important;
    margin-bottom:clamp(2px,.45vh,6px)!important;
  }
  :root[data-visual-style="2040"] .k2040-avatar{width:clamp(48px,5.45vh,61px)!important;height:clamp(48px,5.45vh,61px)!important;min-width:0!important;min-height:0!important}
  :root[data-visual-style="2040"] .k2040-avatar img,
  :root[data-visual-style="2040"] .k2040-avatar>span{width:calc(100% - 7px)!important;height:calc(100% - 7px)!important}

  :root[data-visual-style="2040"] .k2040-balance{
    width:calc(var(--k308-rail-w) - 22px)!important;
    min-width:0!important;
    height:clamp(42px,4.75vh,48px)!important;
    min-height:clamp(42px,4.75vh,48px)!important;
    padding:0 clamp(8px,.6vw,11px)!important;
    gap:clamp(5px,.5vw,8px)!important;
    border-radius:14px!important;
  }
  :root[data-visual-style="2040"] .k2040-balance strong{font-size:clamp(13px,1.62vh,17px)!important}
  :root[data-visual-style="2040"] .k2040-balance .k298-rail-currency{width:clamp(15px,1.7vh,18px)!important;height:clamp(15px,1.7vh,18px)!important;min-width:clamp(15px,1.7vh,18px)!important;margin-left:4px!important}
  :root[data-visual-style="2040"] .k2040-balance.is-million{min-height:54px!important;height:auto!important}

  :root[data-visual-style="2040"] .k2040-deposit{
    width:calc(var(--k308-rail-w) - 22px)!important;
    min-width:0!important;
    min-height:clamp(38px,4.35vh,44px)!important;
    height:clamp(38px,4.35vh,44px)!important;
    margin-top:clamp(5px,.65vh,8px)!important;
    padding:0 clamp(7px,.55vw,10px)!important;
    gap:clamp(6px,.55vw,9px)!important;
  }
  :root[data-visual-style="2040"] .k2040-deposit>span{width:18px!important;height:18px!important;font-size:17px!important}
  :root[data-visual-style="2040"] .k2040-deposit>b{font-size:clamp(7px,.82vh,8.5px)!important}
  :root[data-visual-style="2040"] .k2040-rail-spacer{min-height:clamp(8px,1.2vh,16px)!important}
  :root[data-visual-style="2040"] .k2040-rail-actions{
    flex:0 0 auto!important;
    gap:clamp(6px,.75vh,10px)!important;
    margin:0!important;
  }
  :root[data-visual-style="2040"] .k2040-round-action,
  :root[data-visual-style="2040"] .k2040-round-action:hover{
    width:clamp(40px,4.55vh,47px)!important;
    height:clamp(40px,4.55vh,47px)!important;
    min-width:clamp(40px,4.55vh,47px)!important;
    min-height:clamp(40px,4.55vh,47px)!important;
    max-width:clamp(40px,4.55vh,47px)!important;
    max-height:clamp(40px,4.55vh,47px)!important;
    margin:0 auto!important;
  }
  :root[data-visual-style="2040"] .k2040-round-action svg{width:clamp(19px,2.3vh,23px)!important;height:clamp(19px,2.3vh,23px)!important;min-width:0!important;min-height:0!important}

  /* Top chrome follows the available content width instead of assuming a 1540px canvas. */
  :root[data-visual-style="2040"][data-theme="hub"] .korzh-shared-header,
  :root[data-visual-style="2040"][data-theme="hub"] .live{
    width:100%!important;
    max-width:1540px!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .korzh-shared-header{height:clamp(58px,6.4vh,66px)!important;min-height:clamp(58px,6.4vh,66px)!important;margin-top:clamp(8px,1.15vh,14px)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .korzh-shared-header .brand-emblem{width:clamp(35px,3.9vh,42px)!important;height:clamp(35px,3.9vh,42px)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .korzh-shared-header .brand-word{font-size:clamp(20px,2.35vh,25px)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .live{height:clamp(58px,6.9vh,74px)!important;min-height:clamp(58px,6.9vh,74px)!important}

  /* Upgrade stays three-column on desktop, but no longer needs a 2K-wide viewport. */
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-page{width:100%!important;max-width:1540px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-stage{
    grid-template-columns:minmax(250px,1fr) clamp(270px,20vw,326px) minmax(250px,1fr)!important;
    column-gap:clamp(10px,1.15vw,18px)!important;
    min-width:0!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-source,
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-target{width:100%!important;max-width:420px!important;min-width:0!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-core{width:100%!important;max-width:326px!important;min-width:0!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel-wrap{width:clamp(270px,19.4vw,320px)!important;height:clamp(270px,19.4vw,320px)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel{width:calc(100% - 18px)!important;height:calc(100% - 18px)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel-inner{width:61%!important;height:61%!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-browsers{min-width:0!important;gap:clamp(9px,1vw,14px)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-browser{min-width:0!important}

  /* Case pages and generic feature pages shrink their internal chrome, not the content itself. */
  :root[data-visual-style="2040"][data-theme="hub"] :is(.case-detail-page,.feature-main,.plane-page-v136,.k251-contracts-page){width:100%!important;max-width:1540px!important;min-width:0!important}
  :root[data-visual-style="2040"][data-theme="hub"] .case-page-topbar{padding-left:clamp(14px,1.25vw,22px)!important;padding-right:clamp(14px,1.25vw,22px)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .case-page-stage{min-width:0!important}
  :root[data-visual-style="2040"][data-theme="hub"] .case-roulette-v166{min-width:0!important;max-width:100%!important;overflow:hidden!important}
  :root[data-visual-style="2040"][data-theme="hub"] .case-page-actions-v166{max-width:100%!important}

  /* Profile stays centered and leaves guaranteed breathing room from both rails. */
  :root[data-visual-style="2040"] :is(.profile-page,.profile-v163-page,.profile-v80-shell){max-width:min(1540px,100%)!important;min-width:0!important}
  :root[data-visual-style="2040"] :is(.profile-v163-head,.profile-page-head,.profile-v80-command){min-width:0!important}

  /* Rail flyouts never leave the viewport on compact desktop screens. */
  :root[data-visual-style="2040"] :is(#notificationPortal,#siteSettingsPortal,#supportPortal,#profileSupportPortal,#profileSettingsPortal) > *{
    max-height:calc(100dvh - 36px)!important;
  }
}

/* 1920x1080 at 125% scaling is commonly ~1536x800 CSS pixels.
   This tier is deliberately compact but still desktop — side rails remain side rails. */
@media (min-width:1121px) and (max-width:1700px),
       (min-width:1121px) and (max-height:900px){
  :root[data-visual-style="2040"]{
    --k308-rail-w:116px;
    --k308-rail-pad-x:8px;
    --k308-edge:8px;
    --k308-stage-pad:128px;
  }
  :root[data-visual-style="2040"] .k2040-rail,
  :root[data-visual-style="2040"] .k2040-rail:hover{padding-top:11px!important;padding-bottom:11px!important;border-radius:24px!important}
  :root[data-visual-style="2040"] .k2040-rail-left,
  :root[data-visual-style="2040"] .k2040-rail-left:hover{transform:perspective(1500px) rotateY(4.2deg) translateZ(0)!important}
  :root[data-visual-style="2040"] .k2040-rail-right,
  :root[data-visual-style="2040"] .k2040-rail-right:hover{transform:perspective(1500px) rotateY(-4.2deg) translateZ(0)!important}
  :root[data-visual-style="2040"] .k2040-rail-mark{width:43px!important;height:43px!important;min-width:43px!important;min-height:43px!important;margin-bottom:8px!important}
  :root[data-visual-style="2040"] .k2040-rail-mark img{width:30px!important;height:30px!important}
  :root[data-visual-style="2040"] .k2040-nav{gap:5px!important}
  :root[data-visual-style="2040"] .k2040-nav button{height:51px!important;min-height:51px!important;padding:4px!important;border-radius:15px!important;gap:2px!important}
  :root[data-visual-style="2040"] .k2040-nav button svg{width:21px!important;height:21px!important}
  :root[data-visual-style="2040"] .k2040-nav button span{font-size:7px!important;letter-spacing:.055em!important}
  :root[data-visual-style="2040"] .k2040-style-dock{transform:scale(.9)!important;transform-origin:center bottom!important}

  :root[data-visual-style="2040"] .k2040-profile-orbit{width:55px!important;height:55px!important;min-width:55px!important;min-height:55px!important;margin-bottom:2px!important}
  :root[data-visual-style="2040"] .k2040-avatar{width:48px!important;height:48px!important}
  :root[data-visual-style="2040"] .k2040-balance{width:98px!important;height:40px!important;min-height:40px!important;padding:0 7px!important;gap:4px!important}
  :root[data-visual-style="2040"] .k2040-balance strong{font-size:13px!important}
  :root[data-visual-style="2040"] .k2040-balance .k298-rail-currency{width:15px!important;height:15px!important;min-width:15px!important;margin-left:3px!important}
  :root[data-visual-style="2040"] .k2040-balance.is-million{min-height:50px!important;padding:5px 7px!important}
  :root[data-visual-style="2040"] .k2040-deposit{width:98px!important;height:36px!important;min-height:36px!important;margin-top:5px!important;padding:0 6px!important;gap:5px!important;border-radius:12px!important}
  :root[data-visual-style="2040"] .k2040-deposit>span{width:16px!important;height:16px!important;font-size:15px!important}
  :root[data-visual-style="2040"] .k2040-deposit>b{font-size:7px!important}
  :root[data-visual-style="2040"] .k2040-rail-spacer{min-height:5px!important}
  :root[data-visual-style="2040"] .k2040-rail-actions{gap:5px!important}
  :root[data-visual-style="2040"] .k2040-round-action,
  :root[data-visual-style="2040"] .k2040-round-action:hover{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important}
  :root[data-visual-style="2040"] .k2040-round-action svg{width:19px!important;height:19px!important}

  :root[data-visual-style="2040"][data-theme="hub"] .korzh-shared-header{height:56px!important;min-height:56px!important;margin-top:8px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .korzh-shared-header .brand-emblem{width:34px!important;height:34px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .korzh-shared-header .brand-word{font-size:20px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .live{height:54px!important;min-height:54px!important;margin-top:4px!important}

  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-stage{grid-template-columns:minmax(225px,1fr) 276px minmax(225px,1fr)!important;gap:10px!important;padding-left:0!important;padding-right:0!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-core{max-width:276px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel-wrap{width:276px!important;height:276px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-side{min-width:0!important;padding-left:12px!important;padding-right:12px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-browsers{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}

  :root[data-visual-style="2040"][data-theme="hub"] .hub-static-grid{gap:clamp(10px,1vw,15px)!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-collection{padding-left:0!important;padding-right:0!important}
  :root[data-visual-style="2040"][data-theme="hub"] .case-page-stage{padding-left:clamp(10px,1vw,16px)!important;padding-right:clamp(10px,1vw,16px)!important}
}

/* Extra safety for short browser viewports (1080p monitor + browser chrome + scaling).
   No hiding of controls; we only remove dead space. */
@media (min-width:1121px) and (max-height:790px){
  :root[data-visual-style="2040"] .k2040-rail,
  :root[data-visual-style="2040"] .k2040-rail:hover{top:calc(9vh + 24px)!important;bottom:calc(9vh + 24px)!important;padding-top:8px!important;padding-bottom:8px!important}
  :root[data-visual-style="2040"] .k2040-rail-mark{width:39px!important;height:39px!important;min-width:39px!important;min-height:39px!important;margin-bottom:5px!important}
  :root[data-visual-style="2040"] .k2040-rail-mark img{width:27px!important;height:27px!important}
  :root[data-visual-style="2040"] .k2040-nav{gap:4px!important}
  :root[data-visual-style="2040"] .k2040-nav button{height:46px!important;min-height:46px!important;padding:3px!important}
  :root[data-visual-style="2040"] .k2040-nav button svg{width:19px!important;height:19px!important}
  :root[data-visual-style="2040"] .k2040-nav button span{font-size:6.5px!important}
  :root[data-visual-style="2040"] .k2040-profile-orbit{width:49px!important;height:49px!important;min-width:49px!important;min-height:49px!important}
  :root[data-visual-style="2040"] .k2040-avatar{width:43px!important;height:43px!important}
  :root[data-visual-style="2040"] .k2040-balance{height:37px!important;min-height:37px!important}
  :root[data-visual-style="2040"] .k2040-deposit{height:33px!important;min-height:33px!important;margin-top:4px!important}
  :root[data-visual-style="2040"] .k2040-rail-actions{gap:4px!important}
  :root[data-visual-style="2040"] .k2040-round-action,
  :root[data-visual-style="2040"] .k2040-round-action:hover{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;max-width:34px!important;max-height:34px!important}
  :root[data-visual-style="2040"] .k2040-round-action svg{width:17px!important;height:17px!important}
  :root[data-visual-style="2040"] .k2040-style-dock{transform:scale(.82)!important}
}

/* Keep the existing tablet/mobile conversion below 1120px authoritative. */
@media (max-width:1120px){
  :root[data-visual-style="2040"] .k2040-stage{max-width:100%!important}
}

/* ===== v315-hotfix.css ===== */
/* KORZH v315 - PUBLIC PLANE RESULT POLISH / CLEAN GAME CARDS / RAIL BALANCE HARD FIX
   2040-only visual overrides. Standard remains untouched. */

/* 1) Public stake hint never intersects the skin caption/price. */
:root[data-visual-style="2040"] .plane-page-v312.is-public-room .plane-public-stake-selector.has-item .plane-stake-showcase-v265{
  padding-bottom:34px!important;
}
:root[data-visual-style="2040"] .plane-page-v312.is-public-room .plane-public-stake-hint{
  left:10px!important;right:10px!important;bottom:7px!important;top:auto!important;
  width:auto!important;height:20px!important;padding:0 8px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  transform:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  border:1px solid rgba(255,184,132,.12)!important;border-radius:7px!important;
  background:rgba(17,12,11,.72)!important;color:rgba(255,238,226,.55)!important;
  font-size:6.5px!important;line-height:1!important;letter-spacing:.05em!important;font-weight:850!important;
  pointer-events:none!important;
}

/* 2) In the shared room the player's own stake becomes a clear status card. */
:root[data-visual-style="2040"] .plane-page-v312.is-public-room .plane-public-stake-selector.is-cashed{
  border-color:rgba(72,231,148,.55)!important;
  background:linear-gradient(155deg,rgba(31,111,70,.42),rgba(10,30,22,.94) 74%)!important;
  box-shadow:inset 0 0 52px rgba(65,235,150,.10),0 0 0 1px rgba(74,235,153,.08),0 0 32px rgba(68,225,143,.10)!important;
}
:root[data-visual-style="2040"] .plane-page-v312.is-public-room .plane-public-stake-selector.is-lost{
  border-color:rgba(255,91,91,.42)!important;
  background:linear-gradient(155deg,rgba(111,39,42,.38),rgba(34,14,16,.94) 74%)!important;
  box-shadow:inset 0 0 48px rgba(255,73,73,.07),0 0 24px rgba(255,67,67,.06)!important;
}
:root[data-visual-style="2040"] .plane-page-v312.is-public-room .plane-public-stake-result{
  position:absolute!important;z-index:8!important;right:9px!important;bottom:8px!important;
  min-width:86px!important;height:27px!important;padding:0 9px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  border-radius:8px!important;border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(10,14,12,.88)!important;box-shadow:0 8px 20px rgba(0,0,0,.22)!important;
  pointer-events:none!important;
}
:root[data-visual-style="2040"] .plane-page-v312.is-public-room .plane-public-stake-result span{
  font-size:6px!important;line-height:1!important;letter-spacing:.08em!important;font-weight:900!important;color:rgba(255,255,255,.58)!important;
}
:root[data-visual-style="2040"] .plane-page-v312.is-public-room .plane-public-stake-result strong{
  font-size:10px!important;line-height:1!important;font-weight:950!important;font-variant-numeric:tabular-nums!important;
}
:root[data-visual-style="2040"] .plane-page-v312.is-public-room .plane-public-stake-result.is-cashed{
  border-color:rgba(80,235,157,.25)!important;background:rgba(20,71,46,.88)!important;
}
:root[data-visual-style="2040"] .plane-page-v312.is-public-room .plane-public-stake-result.is-cashed strong{color:#6bf0aa!important}
:root[data-visual-style="2040"] .plane-page-v312.is-public-room .plane-public-stake-result.is-lost{
  border-color:rgba(255,100,100,.23)!important;background:rgba(76,26,29,.88)!important;
}
:root[data-visual-style="2040"] .plane-page-v312.is-public-room .plane-public-stake-result.is-lost strong{color:#ff8585!important}

/* 3) Public crash is announced directly in the sky - no private result modal. */
:root[data-visual-style="2040"] .plane-page-v312.is-public-room .plane-public-core-crashed{
  opacity:0!important;visibility:hidden!important;
}
:root[data-visual-style="2040"] .plane-page-v312 .plane-public-crash-banner{
  position:absolute!important;z-index:24!important;left:50%!important;top:46%!important;
  transform:translate(-50%,-50%)!important;
  min-width:280px!important;padding:18px 30px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  border:1px solid rgba(255,102,102,.22)!important;border-radius:18px!important;
  background:linear-gradient(180deg,rgba(56,20,22,.70),rgba(18,9,12,.64))!important;
  box-shadow:0 22px 60px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.035),0 0 42px rgba(255,80,80,.07)!important;
  pointer-events:none!important;
  animation:k315PublicCrashIn .38s cubic-bezier(.2,.8,.2,1) both;
}
:root[data-visual-style="2040"] .plane-page-v312 .plane-public-crash-banner span{
  font-size:13px!important;line-height:1!important;font-weight:950!important;letter-spacing:.13em!important;color:#ff9a9a!important;text-shadow:0 0 16px rgba(255,83,83,.18)!important;
}
:root[data-visual-style="2040"] .plane-page-v312 .plane-public-crash-banner strong{
  font-size:clamp(42px,4vw,64px)!important;line-height:.95!important;font-weight:950!important;color:#fff4f1!important;font-variant-numeric:tabular-nums!important;
}
@keyframes k315PublicCrashIn{from{opacity:0;transform:translate(-50%,-46%) scale(.94)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}

/* 4) Shared-room player cards are compact. One player no longer stretches across half the board. */
:root[data-visual-style="2040"] .plane-page-v312 .plane-public-players{
  grid-template-columns:repeat(auto-fill,minmax(260px,340px))!important;
  justify-content:start!important;align-items:start!important;gap:8px!important;
}
:root[data-visual-style="2040"] .plane-page-v312 .plane-public-player{
  width:100%!important;max-width:340px!important;min-height:68px!important;
  grid-template-columns:minmax(86px,.9fr) minmax(108px,1.1fr) auto 22px!important;
  padding:7px 8px!important;gap:6px!important;border-radius:12px!important;
  contain-intrinsic-size:68px!important;
}
:root[data-visual-style="2040"] .plane-page-v312 .plane-public-player-user>img,
:root[data-visual-style="2040"] .plane-page-v312 .plane-public-player-user>span{width:27px!important;height:27px!important}
:root[data-visual-style="2040"] .plane-page-v312 .plane-public-player-skin>.skin-art{width:50px!important;height:40px!important;flex:0 0 50px!important}
:root[data-visual-style="2040"] .plane-page-v312 .plane-public-player-state{width:21px!important;height:21px!important;font-size:9px!important}

/* 5) The hover quick-sell experiment is fully retired from game inventory cards. */
:root[data-visual-style="2040"] .game-quick-sell{display:none!important}

/* 6) Right rail balance: never ellipsize valid six/seven digit balances. */
:root[data-visual-style="2040"] .k2040-balance{
  overflow:visible!important;
}
:root[data-visual-style="2040"] .k2040-balance strong{
  max-width:none!important;min-width:0!important;overflow:visible!important;text-overflow:clip!important;
  white-space:nowrap!important;letter-spacing:-.025em!important;font-variant-numeric:tabular-nums!important;
  flex:0 0 auto!important;
}
:root[data-visual-style="2040"] .k2040-balance .k298-rail-currency{
  flex:0 0 auto!important;margin-left:2px!important;
}
@media (max-width:1600px){
  :root[data-visual-style="2040"] .k2040-balance strong{font-size:12.5px!important;letter-spacing:-.035em!important}
}
@media (max-width:1180px){
  :root[data-visual-style="2040"] .plane-page-v312 .plane-public-players{grid-template-columns:repeat(auto-fill,minmax(250px,320px))!important}
  :root[data-visual-style="2040"] .plane-page-v312 .plane-public-player{max-width:320px!important}
  :root[data-visual-style="2040"] .plane-page-v312 .plane-public-crash-banner{min-width:240px!important;padding:15px 22px!important}
}

/* ===== v316-hotfix.css ===== */
/* KORZH v316 — public plane cancel / profile load polish / smooth 2040 performance pass */

/* PUBLIC ROOM: accepted bet becomes a real red cancel button. */
:root[data-visual-style="2040"][data-theme="hub"] .plane-page-v312.is-public-room .plane-main-action.cancel-bet,
:root[data-visual-style="2040"][data-theme="hub"] .plane-page-v312.is-public-room .plane-main-action.cancel-bet:hover,
:root[data-visual-style="2040"][data-theme="hub"] .plane-page-v312.is-public-room .plane-main-action.cancel-bet:focus,
:root[data-visual-style="2040"][data-theme="hub"] .plane-page-v312.is-public-room .plane-main-action.cancel-bet:active{
  display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  color:#ffeaea!important;border:1px solid rgba(255,112,112,.50)!important;
  background:linear-gradient(180deg,rgba(149,48,51,.94),rgba(93,29,32,.96))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.10),0 10px 24px rgba(0,0,0,.23),0 0 20px rgba(255,73,73,.10)!important;
  filter:none!important;translate:none!important;rotate:none!important;
  transition:background-color .20s cubic-bezier(.2,.8,.2,1),border-color .20s ease,box-shadow .22s ease,transform .13s cubic-bezier(.2,.8,.2,1),color .18s ease!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .plane-page-v312.is-public-room .plane-main-action.cancel-bet:hover:not(:disabled){
  transform:translateY(-1px) scale(1.003)!important;border-color:rgba(255,137,137,.72)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),0 12px 26px rgba(0,0,0,.25),0 0 25px rgba(255,73,73,.16)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .plane-page-v312.is-public-room .plane-main-action.cancel-bet:active:not(:disabled){transform:scale(.986)!important}
:root[data-visual-style="2040"][data-theme="hub"] .plane-page-v312.is-public-room .plane-main-action.cancel-bet:disabled{opacity:.68!important;filter:none!important}

/* PROFILE: never render the large empty-inventory KORZH illustration during session hydration. */
:root[data-visual-style="2040"] .profile-inventory-loading-v316{
  min-height:300px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;
  border:1px solid rgba(255,255,255,.035);border-radius:16px;background:rgba(255,255,255,.008);color:rgba(255,238,226,.42);
}
:root[data-visual-style="2040"] .profile-inventory-loading-v316>span{
  width:19px;height:19px;border-radius:50%;border:2px solid rgba(255,194,151,.12);border-top-color:rgba(255,194,151,.68);
  animation:k316ProfileLoad .72s linear infinite;
}
:root[data-visual-style="2040"] .profile-inventory-loading-v316>strong{font-size:8px;line-height:1;letter-spacing:.12em;font-weight:900}
@keyframes k316ProfileLoad{to{transform:rotate(360deg)}}

/* Public profile preview uses the same tiny loader instead of flashing the empty-state logo. */
:root[data-visual-style="2040"] .profile-public-loading-v316{
  min-height:250px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;
  border:1px solid rgba(255,255,255,.035);border-radius:16px;background:rgba(255,255,255,.008);color:rgba(255,238,226,.42);
}
:root[data-visual-style="2040"] .profile-public-loading-v316>span{width:19px;height:19px;border-radius:50%;border:2px solid rgba(255,194,151,.12);border-top-color:rgba(255,194,151,.68);animation:k316ProfileLoad .72s linear infinite}
:root[data-visual-style="2040"] .profile-public-loading-v316>strong{font-size:8px;line-height:1;letter-spacing:.12em;font-weight:900}

/* PERFORMANCE: repeated cards stay on normal paint layers while idle.
   Old permanent perspective/translateZ layers multiplied GPU memory and made wheel scrolling feel low-FPS. */
:root[data-visual-style="2040"][data-theme="hub"] :is(
  .page-cases .case-card:not(.oscar-case-card),
  .skin-card,
  .profile-page-item,
  .contract-slot,
  .upgrade-inv-card,
  .upgrade-target-card,
  .plane-public-player,
  .live-item
){
  will-change:auto!important;backface-visibility:visible!important;transform-style:flat!important;
  transition-property:transform,opacity,border-color,background-color,color!important;
  transition-duration:.16s!important;transition-timing-function:cubic-bezier(.2,.8,.2,1)!important;
  filter:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.skin-card,.profile-page-item,.contract-slot){transform:none!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.skin-card,.profile-page-item):hover{transform:translateY(-2px) scale(1.003)!important;filter:none!important}
:root[data-visual-style="2040"][data-theme="hub"] button.contract-slot:hover{transform:translateY(-2px) scale(1.003)!important;filter:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-card:not(.oscar-case-card):hover{transform:translateY(-2px) scale(1.003)!important;filter:none!important}

/* Do not animate expensive filters on every inventory/card cell. */
:root[data-visual-style="2040"][data-theme="hub"] :is(
  .upgrade-inv-card .real-skin img,.upgrade-target-card .real-skin img,
  .profile-page-item .real-skin img,.plane-inventory-card .real-skin img
){transition:transform .16s cubic-bezier(.2,.8,.2,1),opacity .16s ease!important;will-change:auto!important}

/* BUTTON FEEL: centered, soft hover and short tactile press. No brightness/filter flashes. */
:root[data-visual-style="2040"][data-theme="hub"] :is(
  .k2040-nav button,.k2040-orb,.k2040-round-action,
  .case-open-button-v166,#openBtn,.case-price-open-button,.case-back-v166,.collection-collapse-toggle,
  .available-filter,.case-reset-filters,.upgrade-run,#upgradeRun,.upgrade-multipliers button,#upgradeSettingsBtn,
  .contract-run,.plane-room-tabs button,.plane-main-action,.plane-auto-presets button,
  .profile-v156-content-tabs button,.sell-all-btn,.profile-v287-trade-inline,.case-promo-apply
){
  text-align:center!important;transform-origin:50% 50%!important;filter:none!important;will-change:auto!important;
  transition-property:transform,scale,background-color,border-color,color,box-shadow,opacity!important;
  transition-duration:.18s!important;transition-timing-function:cubic-bezier(.2,.8,.2,1)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k290-pressed{filter:none!important;scale:.986!important;transition-duration:.075s!important}

/* Rails/header should not own unnecessary compositor layers while scrolling. */
:root[data-visual-style="2040"] :is(.k2040-rail,.korzh-shared-header,.live,.case-filters,.profile-v80-command,.profile-v81-topdrop,.profile-v156-content){will-change:auto!important}

@media(prefers-reduced-motion:reduce){:root[data-visual-style="2040"] :is(.profile-inventory-loading-v316,.profile-public-loading-v316)>span{animation:none!important}}

/* ===== v322-hotfix.css ===== */
/* KORZH v322 — premium Steam consent modal for 2040. Logic remains v321-compatible. */
:root[data-visual-style="2040"] .steam-auth-overlay{
  background:
    radial-gradient(ellipse at 50% 34%,rgba(116,70,45,.20),transparent 34%),
    radial-gradient(ellipse at 50% 72%,rgba(52,28,18,.18),transparent 42%),
    rgba(7,4,3,.78)!important;
  backdrop-filter:blur(22px) saturate(.82)!important;
}

:root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal{
  width:min(558px,calc(100vw - 32px))!important;
  padding:34px 34px 28px!important;
  border:1px solid rgba(245,211,187,.14)!important;
  border-radius:28px!important;
  background:
    radial-gradient(80% 45% at 50% -8%,rgba(222,160,116,.11),transparent 70%),
    linear-gradient(155deg,rgba(35,23,17,.985) 0%,rgba(22,14,11,.99) 54%,rgba(13,9,7,.995) 100%)!important;
  box-shadow:
    0 54px 150px rgba(0,0,0,.72),
    0 18px 54px rgba(55,27,15,.20),
    inset 0 1px 0 rgba(255,255,255,.065),
    inset 0 0 0 1px rgba(255,255,255,.012)!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
:root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal:before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-1px;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent,rgba(242,188,149,.10),transparent) top/58% 1px no-repeat,
    radial-gradient(circle at 11% 0%,rgba(222,147,96,.08),transparent 26%);
}
:root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:210px;
  height:210px;
  right:-90px;
  bottom:-120px;
  border-radius:50%;
  background:rgba(214,142,93,.05);
  filter:blur(30px);
  pointer-events:none;
}

:root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal .steam-auth-close{
  top:18px!important;
  right:18px!important;
  width:34px!important;
  height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.085)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.035)!important;
  color:#927f74!important;
  font-size:20px!important;
  font-weight:500!important;
  line-height:1!important;
  transition:.18s ease!important;
}
:root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal .steam-auth-close:hover{
  color:#f5e8de!important;
  border-color:rgba(244,204,175,.18)!important;
  background:rgba(255,255,255,.06)!important;
  transform:translateY(-1px)!important;
}

:root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal .steam-auth-site-logo{
  height:auto!important;
  margin:0 0 19px!important;
  gap:10px!important;
}
:root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal .steam-auth-site-logo img{
  width:42px!important;
  height:42px!important;
  filter:drop-shadow(0 8px 18px rgba(221,136,83,.16))!important;
}
:root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal .steam-auth-site-logo b{
  color:#f6eee8!important;
  font-size:15px!important;
  font-weight:850!important;
  letter-spacing:.22em!important;
}

:root[data-visual-style="2040"] .k321-consent-kicker{
  margin:0 0 10px!important;
  color:#b18d77!important;
  font-family:Manrope,system-ui,sans-serif!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
:root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal .steam-auth-title{
  margin:0 0 9px!important;
  color:#f8f2ed!important;
  font-family:Manrope,system-ui,sans-serif!important;
  font-size:30px!important;
  font-weight:780!important;
  line-height:1.06!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
}
:root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal .steam-auth-welcome{
  margin:0 auto 25px!important;
  max-width:none!important;
  color:#8c7d75!important;
  font-family:Manrope,system-ui,sans-serif!important;
  font-size:12px!important;
  font-weight:550!important;
  line-height:1.45!important;
}

:root[data-visual-style="2040"] .k321-consent-row{
  position:relative;
  width:100%;
  min-height:82px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:14px;
  margin:10px 0;
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.072);
  border-radius:17px;
  background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.018));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
  text-align:left;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;
  box-sizing:border-box;
}
:root[data-visual-style="2040"] .k321-consent-row:hover{
  transform:translateY(-1px);
  border-color:rgba(224,171,133,.16);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(222,160,116,.025));
  box-shadow:0 12px 30px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.024);
}
:root[data-visual-style="2040"] .k321-consent-row.checked{
  border-color:rgba(232,184,150,.27);
  background:linear-gradient(135deg,rgba(195,125,80,.105),rgba(255,255,255,.025) 62%,rgba(255,255,255,.018));
  box-shadow:0 12px 34px rgba(55,28,16,.12),inset 0 1px 0 rgba(255,255,255,.045);
}
:root[data-visual-style="2040"] .k321-consent-row>input{position:absolute;opacity:0;pointer-events:none}
:root[data-visual-style="2040"] .k321-consent-box{
  width:34px;
  height:34px;
  min-width:34px;
  min-height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.105);
  border-radius:11px;
  background:linear-gradient(145deg,#130d0a,#0b0807);
  color:transparent;
  font-family:Manrope,system-ui,sans-serif;
  font-size:15px;
  font-weight:900;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 7px 18px rgba(0,0,0,.12);
  transition:.18s ease;
}
:root[data-visual-style="2040"] .k321-consent-row.checked .k321-consent-box{
  border-color:rgba(243,202,173,.40);
  background:linear-gradient(145deg,#b97851,#70412b);
  color:#fff8f2;
  box-shadow:0 8px 24px rgba(137,75,43,.23),inset 0 1px 0 rgba(255,255,255,.18);
}
:root[data-visual-style="2040"] .k321-consent-row>span:nth-of-type(2){min-width:0}
:root[data-visual-style="2040"] .k321-consent-row b{
  display:block;
  margin:0 0 5px;
  color:#eee6e0;
  font-family:Manrope,system-ui,sans-serif;
  font-size:13px;
  font-weight:750;
  line-height:1.25;
  letter-spacing:-.005em;
}
:root[data-visual-style="2040"] .k321-consent-row small{
  display:block;
  color:#756962;
  font-family:Manrope,system-ui,sans-serif;
  font-size:10.5px;
  font-weight:520;
  line-height:1.48;
  letter-spacing:0;
}
:root[data-visual-style="2040"] .k321-consent-row small a{
  color:#cda58c;
  font-weight:650;
  text-decoration:none;
  border-bottom:1px solid rgba(205,165,140,.25);
  transition:.18s ease;
}
:root[data-visual-style="2040"] .k321-consent-row small a:hover{color:#ead0bf;border-bottom-color:rgba(234,208,191,.48)}

:root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal .k321-consent-submit{
  width:100%!important;
  height:56px!important;
  min-height:56px!important;
  margin:18px 0 0!important;
  padding:0 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:11px!important;
  border-radius:15px!important;
  border:1px solid rgba(255,255,255,.24)!important;
  font-family:Manrope,system-ui,sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease!important;
}
:root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal .k321-consent-submit .steam-logo-svg{
  width:21px!important;
  height:21px!important;
  flex:0 0 21px!important;
}
:root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal .k321-consent-submit b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  line-height:1!important;
}
:root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal .k321-consent-submit:disabled{
  opacity:.34!important;
  cursor:not-allowed!important;
  filter:saturate(.55)!important;
  transform:none!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.07)!important;
  color:#776c66!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
:root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal .k321-consent-submit:not(:disabled){
  background:linear-gradient(145deg,#f6ece5 0%,#dfc5b3 54%,#cda58b 100%)!important;
  border-color:rgba(255,255,255,.38)!important;
  color:#21140e!important;
  box-shadow:0 16px 40px rgba(83,44,25,.24),inset 0 1px 0 rgba(255,255,255,.78)!important;
}
:root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal .k321-consent-submit:not(:disabled):hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(145deg,#fff8f3 0%,#ead2c0 55%,#d7ad91 100%)!important;
  box-shadow:0 20px 50px rgba(83,44,25,.30),inset 0 1px 0 rgba(255,255,255,.88)!important;
}

:root[data-visual-style="2040"] .k321-consent-note{
  display:block!important;
  margin:13px auto 0!important;
  max-width:430px!important;
  color:#655b55!important;
  font-family:Manrope,system-ui,sans-serif!important;
  font-size:8.5px!important;
  font-weight:520!important;
  line-height:1.5!important;
  letter-spacing:0!important;
  text-transform:none!important;
}

/* With compliance fields moved out of the user settings, keep the rail modal compact. */
:root[data-visual-style="2040"] .kx229-settings{max-height:min(560px,calc(100dvh - 120px))!important}

@media(max-width:620px){
  :root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal{
    width:min(100%,calc(100vw - 22px))!important;
    padding:27px 17px 21px!important;
    border-radius:22px!important;
  }
  :root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal .steam-auth-site-logo{margin-bottom:15px!important}
  :root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal .steam-auth-title{font-size:26px!important}
  :root[data-visual-style="2040"] .steam-auth-v96.k321-consent-modal .steam-auth-welcome{margin-bottom:20px!important}
  :root[data-visual-style="2040"] .k321-consent-row{min-height:78px;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:13px 12px}
  :root[data-visual-style="2040"] .k321-consent-box{width:31px;height:31px;min-width:31px;min-height:31px}
  :root[data-visual-style="2040"] .k321-consent-row b{font-size:12px}
  :root[data-visual-style="2040"] .k321-consent-row small{font-size:9.5px}
}

/* ===== v324-palettes.css ===== */
/* =========================================================
   KORZH v324 — Butterfly-inspired palettes for 2040 only.
   Standard mode and item rarity colors stay untouched.
   ========================================================= */

/* Palette selector inside the existing compact Settings wing. */
:root[data-visual-style="2040"] .k323-palette-setting{
  display:block!important;padding:14px!important;min-height:0!important;
}
:root[data-visual-style="2040"] .k323-palette-copy{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:12px!important;margin-bottom:11px!important}
:root[data-visual-style="2040"] .k323-palette-copy strong{font-size:10px!important;line-height:1!important}
:root[data-visual-style="2040"] .k323-palette-copy span{font-size:7px!important;line-height:1!important;color:rgba(224,213,206,.48)!important}
:root[data-visual-style="2040"] .k323-palette-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;width:100%!important}
:root[data-visual-style="2040"] .k323-palette-btn{
  min-width:0!important;height:44px!important;padding:0 9px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;
  border:1px solid rgba(255,255,255,.07)!important;border-radius:11px!important;background:rgba(255,255,255,.025)!important;color:#8e8179!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;transition:.2s ease!important;
}
:root[data-visual-style="2040"] .k323-palette-btn:hover{transform:translateY(-1px)!important;border-color:rgba(255,255,255,.15)!important;color:#eee8e3!important;background:rgba(255,255,255,.045)!important}
:root[data-visual-style="2040"] .k323-palette-btn.active{border-color:color-mix(in srgb,var(--k323-accent,#e2a17b) 44%,rgba(255,255,255,.10))!important;background:color-mix(in srgb,var(--k323-accent,#e2a17b) 10%,rgba(255,255,255,.025))!important;color:#fff!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--k323-accent,#e2a17b) 9%,transparent),inset 0 1px 0 rgba(255,255,255,.05)!important}
:root[data-visual-style="2040"] .k323-palette-btn>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px!important;font-weight:900!important;letter-spacing:.045em!important}
.k323-swatch{position:relative;width:22px;height:22px;min-width:22px;border-radius:8px;border:1px solid rgba(255,255,255,.16);overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.16),0 4px 10px rgba(0,0,0,.26)}
.k323-swatch:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.14),transparent 40%,rgba(0,0,0,.20))}
.k323-swatch-coffee{background:linear-gradient(135deg,#1b0d08 0 42%,#d18c65 43% 67%,#f0dfcf 68%)}
.k323-swatch-phase1{background:linear-gradient(135deg,#111633 0 35%,#1a9762 36% 63%,#69cdc9 64%)}
.k323-swatch-blackpearl{background:linear-gradient(135deg,#0d0a14 0 35%,#533143 36% 64%,#716bb4 65%)}
.k323-swatch-gamma{background:linear-gradient(135deg,#07110f 0 36%,#18a85f 37% 66%,#72999d 67%)}

/* Shared semantic palette slots. Coffee intentionally relies on the existing v322 styling. */
:root[data-visual-style="2040"][data-k2040-palette="phase1"]{
  --k323-bg-0:#040b12;--k323-bg-1:#08141e;--k323-bg-2:#111735;
  --k323-panel:#0b1821;--k323-panel-2:#112630;--k323-panel-hi:#173340;
  --k323-line:rgba(120,200,201,.16);--k323-line-hot:rgba(104,214,198,.40);
  --k323-text:#eef9f7;--k323-muted:#819da4;--k323-accent:#1db579;--k323-accent-2:#70d1cd;--k323-accent-3:#4f7691;
  --k323-glow:rgba(29,181,121,.24);--k323-glow-2:rgba(80,124,161,.20);--k323-soft:rgba(94,207,195,.09);
  --future-bg:var(--k323-bg-0);--future-panel:rgba(11,24,33,.84);--future-panel-solid:var(--k323-panel);--future-edge:var(--k323-line);--future-edge-hot:var(--k323-line-hot);--future-text:var(--k323-text);--future-muted:var(--k323-muted);--future-copper:var(--k323-accent-2);--future-copper-soft:#4ba78d;--future-blue:#597fa3;--future-green:#35bd83;--future-red:#8d617a;
  --future-coffee:var(--k323-panel);--future-coffee-deep:var(--k323-bg-0);--future-coffee-2:var(--k323-panel-2);--future-coffee-3:var(--k323-panel-hi);--future-milk:var(--k323-text);--future-milk-bright:#f7fffd;--future-milk-soft:rgba(226,255,250,.10);--future-milk-line:rgba(210,255,247,.17);--future-neon:var(--k323-accent);--future-neon-soft:rgba(29,181,121,.18);--future-neon-2:var(--k323-accent-2);
  --k2040-glass:rgba(8,20,29,.86);--k2040-line:var(--k323-line);--k2040-hot:var(--k323-accent-2);--k2040-hot-soft:rgba(112,209,205,.13);
  --k207-milk:var(--k323-text);--k207-milk-soft:#c7dfdd;--k207-coffee:var(--k323-panel);--k207-neon-milk:rgba(238,249,247,.58);--k207-neon-blue:rgba(75,117,153,.48);--k207-neon-green:rgba(29,181,121,.45);--k207-neon-amber:rgba(112,209,205,.43);
  --core-milk:var(--k323-text);--core-milk-soft:#bdd8d5;--core-coffee:var(--k323-panel);--core-copper:var(--k323-accent-2);
  --theme-bg:var(--k323-bg-0);--theme-bg-2:var(--k323-bg-1);--theme-panel:var(--k323-panel);--theme-panel-2:var(--k323-panel-2);--theme-line:#31515c;--theme-text:var(--k323-text);--theme-muted:var(--k323-muted);--theme-accent:var(--k323-accent);--theme-accent-2:var(--k323-accent-2);--theme-glow:#176947;--theme-source:#10252d;--theme-source-line:#397184;--theme-target:#102b24;--theme-target-line:#2f8f68;--theme-olive:#183027;
  --bg:var(--k323-bg-0);--bg2:var(--k323-bg-1);--panel:var(--k323-panel);--panel2:var(--k323-panel-2);--line:#294550;--cream:var(--k323-text);--muted:var(--k323-muted);--copper:var(--k323-accent-2);--gold:#80d4ba;
}
:root[data-visual-style="2040"][data-k2040-palette="blackpearl"]{
  --k323-bg-0:#07060c;--k323-bg-1:#100b17;--k323-bg-2:#17132e;
  --k323-panel:#15101d;--k323-panel-2:#211626;--k323-panel-hi:#2c1c30;
  --k323-line:rgba(151,126,186,.17);--k323-line-hot:rgba(141,127,207,.42);
  --k323-text:#f4eff7;--k323-muted:#9a8da6;--k323-accent:#736dbc;--k323-accent-2:#9d8ed2;--k323-accent-3:#613648;
  --k323-glow:rgba(111,103,185,.24);--k323-glow-2:rgba(95,48,66,.25);--k323-soft:rgba(128,106,175,.09);
  --future-bg:var(--k323-bg-0);--future-panel:rgba(21,16,29,.86);--future-panel-solid:var(--k323-panel);--future-edge:var(--k323-line);--future-edge-hot:var(--k323-line-hot);--future-text:var(--k323-text);--future-muted:var(--k323-muted);--future-copper:var(--k323-accent-2);--future-copper-soft:#7f6aad;--future-blue:#726fba;--future-green:#688c82;--future-red:#8b4d64;
  --future-coffee:var(--k323-panel);--future-coffee-deep:var(--k323-bg-0);--future-coffee-2:var(--k323-panel-2);--future-coffee-3:var(--k323-panel-hi);--future-milk:var(--k323-text);--future-milk-bright:#fffaff;--future-milk-soft:rgba(246,235,255,.10);--future-milk-line:rgba(235,220,255,.17);--future-neon:var(--k323-accent);--future-neon-soft:rgba(115,109,188,.18);--future-neon-2:#805064;
  --k2040-glass:rgba(15,11,22,.88);--k2040-line:var(--k323-line);--k2040-hot:var(--k323-accent-2);--k2040-hot-soft:rgba(157,142,210,.13);
  --k207-milk:var(--k323-text);--k207-milk-soft:#d8cce0;--k207-coffee:var(--k323-panel);--k207-neon-milk:rgba(244,239,247,.58);--k207-neon-blue:rgba(115,109,188,.45);--k207-neon-green:rgba(100,137,127,.32);--k207-neon-amber:rgba(129,72,94,.46);
  --core-milk:var(--k323-text);--core-milk-soft:#d7c7df;--core-coffee:var(--k323-panel);--core-copper:var(--k323-accent-2);
  --theme-bg:var(--k323-bg-0);--theme-bg-2:var(--k323-bg-1);--theme-panel:var(--k323-panel);--theme-panel-2:var(--k323-panel-2);--theme-line:#4c3b58;--theme-text:var(--k323-text);--theme-muted:var(--k323-muted);--theme-accent:var(--k323-accent);--theme-accent-2:var(--k323-accent-2);--theme-glow:#503d87;--theme-source:#281623;--theme-source-line:#744257;--theme-target:#1a1830;--theme-target-line:#615e9a;--theme-olive:#25251d;
  --bg:var(--k323-bg-0);--bg2:var(--k323-bg-1);--panel:var(--k323-panel);--panel2:var(--k323-panel-2);--line:#45364e;--cream:var(--k323-text);--muted:var(--k323-muted);--copper:var(--k323-accent-2);--gold:#a58fd4;
}
:root[data-visual-style="2040"][data-k2040-palette="gamma"]{
  --k323-bg-0:#030a08;--k323-bg-1:#07140f;--k323-bg-2:#0e1c1d;
  --k323-panel:#0a1714;--k323-panel-2:#10241e;--k323-panel-hi:#16322a;
  --k323-line:rgba(112,167,158,.16);--k323-line-hot:rgba(40,202,112,.43);
  --k323-text:#effaf5;--k323-muted:#849f98;--k323-accent:#27c76e;--k323-accent-2:#79a8aa;--k323-accent-3:#168a51;
  --k323-glow:rgba(39,199,110,.25);--k323-glow-2:rgba(89,139,143,.18);--k323-soft:rgba(39,199,110,.085);
  --future-bg:var(--k323-bg-0);--future-panel:rgba(10,23,20,.86);--future-panel-solid:var(--k323-panel);--future-edge:var(--k323-line);--future-edge-hot:var(--k323-line-hot);--future-text:var(--k323-text);--future-muted:var(--k323-muted);--future-copper:var(--k323-accent);--future-copper-soft:#168a51;--future-blue:#719a9e;--future-green:#27c76e;--future-red:#756271;
  --future-coffee:var(--k323-panel);--future-coffee-deep:var(--k323-bg-0);--future-coffee-2:var(--k323-panel-2);--future-coffee-3:var(--k323-panel-hi);--future-milk:var(--k323-text);--future-milk-bright:#f7fffa;--future-milk-soft:rgba(236,255,246,.10);--future-milk-line:rgba(220,255,237,.17);--future-neon:var(--k323-accent);--future-neon-soft:rgba(39,199,110,.18);--future-neon-2:var(--k323-accent-2);
  --k2040-glass:rgba(7,19,16,.88);--k2040-line:var(--k323-line);--k2040-hot:var(--k323-accent);--k2040-hot-soft:rgba(39,199,110,.13);
  --k207-milk:var(--k323-text);--k207-milk-soft:#c8ddd5;--k207-coffee:var(--k323-panel);--k207-neon-milk:rgba(239,250,245,.58);--k207-neon-blue:rgba(121,168,170,.39);--k207-neon-green:rgba(39,199,110,.46);--k207-neon-amber:rgba(39,199,110,.38);
  --core-milk:var(--k323-text);--core-milk-soft:#c7dcd4;--core-coffee:var(--k323-panel);--core-copper:var(--k323-accent);
  --theme-bg:var(--k323-bg-0);--theme-bg-2:var(--k323-bg-1);--theme-panel:var(--k323-panel);--theme-panel-2:var(--k323-panel-2);--theme-line:#294d43;--theme-text:var(--k323-text);--theme-muted:var(--k323-muted);--theme-accent:var(--k323-accent);--theme-accent-2:var(--k323-accent-2);--theme-glow:#147545;--theme-source:#0e2420;--theme-source-line:#397369;--theme-target:#0d2b1a;--theme-target-line:#29965a;--theme-olive:#193229;
  --bg:var(--k323-bg-0);--bg2:var(--k323-bg-1);--panel:var(--k323-panel);--panel2:var(--k323-panel-2);--line:#28483f;--cream:var(--k323-text);--muted:var(--k323-muted);--copper:var(--k323-accent);--gold:#80b3a7;
}

/* Non-coffee palette surface pass. Keeps rarity-specific glows/colors intact. */
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) body{
  background:
    radial-gradient(900px 700px at var(--k2040-mx,16%) var(--k2040-my,10%),var(--k323-glow),transparent 69%),
    radial-gradient(940px 760px at 96% 2%,var(--k323-glow-2),transparent 70%),
    radial-gradient(650px 500px at 52% 100%,var(--k323-soft),transparent 72%),
    linear-gradient(132deg,var(--k323-bg-1) 0%,var(--k323-bg-0) 48%,color-mix(in srgb,var(--k323-bg-2) 72%,#000) 100%)!important;
}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) body:before{background-image:linear-gradient(color-mix(in srgb,var(--k323-text) 2.1%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--k323-text) 1.7%,transparent) 1px,transparent 1px)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .page:after{background:linear-gradient(90deg,color-mix(in srgb,var(--k323-accent) 4%,transparent),transparent 21%,transparent 79%,color-mix(in srgb,var(--k323-accent-2) 5%,transparent)),radial-gradient(circle at 50% 0,color-mix(in srgb,var(--k323-text) 2.5%,transparent),transparent 36%)!important}

:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k2040-rail{
  border-color:var(--k323-line)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--k323-panel-2) 88%,transparent),color-mix(in srgb,var(--k323-bg-0) 94%,transparent))!important;
  box-shadow:0 38px 100px rgba(0,0,0,.66),inset 0 1px color-mix(in srgb,var(--k323-text) 7%,transparent),inset 0 0 70px color-mix(in srgb,var(--k323-accent) 1.5%,transparent)!important;
}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k2040-rail:before{background:radial-gradient(circle at calc((var(--px) + 1)*50%) calc((var(--py) + 1)*50%),color-mix(in srgb,var(--k323-accent) 14%,transparent),transparent 39%),linear-gradient(180deg,color-mix(in srgb,var(--k323-text) 2.5%,transparent),transparent 22%,transparent 78%,color-mix(in srgb,var(--k323-accent-2) 2.2%,transparent))!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k2040-rail:after{background:linear-gradient(transparent,color-mix(in srgb,var(--k323-accent) 22%,transparent) 25%,color-mix(in srgb,var(--k323-text) 34%,transparent) 50%,color-mix(in srgb,var(--k323-accent-2) 25%,transparent) 74%,transparent)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k2040-rail-signal{background:linear-gradient(transparent,var(--k323-accent-2),transparent)!important;filter:drop-shadow(0 0 9px color-mix(in srgb,var(--k323-accent) 72%,transparent))!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k2040-rail-mark:before{border-color:color-mix(in srgb,var(--k323-accent-2) 24%,transparent)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k2040-nav button:before{background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--k323-accent) 15%,transparent),transparent 70%)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k2040-nav button.active{color:var(--k323-text)!important;border-color:color-mix(in srgb,var(--k323-accent) 32%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--k323-accent) 15%,transparent),color-mix(in srgb,var(--k323-accent-2) 4%,transparent))!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 13px 30px rgba(0,0,0,.34),0 0 28px color-mix(in srgb,var(--k323-accent) 10%,transparent)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k2040-nav button.active>i{background:linear-gradient(var(--k323-accent-2),var(--k323-accent))!important;box-shadow:0 0 15px color-mix(in srgb,var(--k323-accent) 72%,transparent)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k2040-profile-orbit>span{border-color:color-mix(in srgb,var(--k323-accent-2) 24%,transparent)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k2040-profile-orbit>span:before{background:var(--k323-accent)!important;box-shadow:0 0 12px color-mix(in srgb,var(--k323-accent) 75%,transparent)!important}

/* Header / hero / weekly / filter chrome. */
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(.korzh-shared-header,.k237-weekly-hero,.feature-main>.feature-hero,.plane-hero-v136){
  border-color:var(--k323-line)!important;
  background:radial-gradient(circle at 84% 15%,color-mix(in srgb,var(--k323-accent-2) 12%,transparent),transparent 36%),linear-gradient(145deg,color-mix(in srgb,var(--k323-panel-2) 88%,transparent),color-mix(in srgb,var(--k323-bg-0) 84%,transparent))!important;
  box-shadow:0 28px 72px rgba(0,0,0,.34),inset 0 1px color-mix(in srgb,var(--k323-text) 5%,transparent)!important;
}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(.case-filters,.case-filter,.search-filter,.available-filter,.upgrade-source-tabs,.upgrade-search,.upgrade-price-range){background:color-mix(in srgb,var(--k323-panel) 89%,transparent)!important;border-color:var(--k323-line)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(.collection-heading,.cases-heading h2,.k237-weekly-main>span,.k321-consent-kicker){color:var(--k323-accent-2)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k237-weekly-track{background:rgba(0,0,0,.38)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k237-weekly-track>i{background:linear-gradient(90deg,var(--k323-accent),var(--k323-accent-2))!important;box-shadow:0 0 18px color-mix(in srgb,var(--k323-accent) 35%,transparent)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k259-weekly-help>summary{border-color:color-mix(in srgb,var(--k323-accent-2) 20%,transparent)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--k323-panel-2) 92%,transparent),color-mix(in srgb,var(--k323-bg-0) 96%,transparent))!important;color:var(--k323-accent-2)!important}

/* Generic 2040 glass/card surfaces. */
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(.contract-panel,.plane-flight-shell,.plane-inventory-panel,.hub-u151-browser,.profile-v80-command,.profile-v81-topdrop,.profile-v156-content){
  border-color:var(--k323-line)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--k323-panel-2) 88%,transparent),color-mix(in srgb,var(--k323-bg-0) 90%,transparent))!important;
  box-shadow:0 34px 92px rgba(0,0,0,.42),inset 0 1px color-mix(in srgb,var(--k323-text) 5%,transparent)!important;
}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(.skin-card,.profile-page-item,.profile-v81-top-card){background:radial-gradient(circle at var(--card-x,50%) var(--card-y,35%),color-mix(in srgb,var(--rarity) 12%,transparent),transparent 44%),linear-gradient(155deg,color-mix(in srgb,var(--k323-panel-2) 90%,#000),color-mix(in srgb,var(--k323-bg-0) 94%,#000))!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .contract-slot{background:radial-gradient(circle at var(--card-x,50%) var(--card-y,35%),color-mix(in srgb,var(--k323-accent) 8%,transparent),transparent 45%),color-mix(in srgb,var(--k323-panel-2) 68%,transparent)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(.contract-summary,.profile-history-row,.profile-v156-primary-card){background:color-mix(in srgb,var(--k323-panel-hi) 22%,transparent)!important;border-color:var(--k323-line)!important}

/* Upgrade deliberately keeps two related tones instead of flattening into one color. */
:root[data-visual-style="2040"][data-k2040-palette="phase1"] .hub-u151-source{background:linear-gradient(150deg,rgba(13,40,44,.94),rgba(7,19,27,.96))!important;border-color:rgba(86,175,176,.20)!important}
:root[data-visual-style="2040"][data-k2040-palette="phase1"] .hub-u151-target{background:linear-gradient(150deg,rgba(11,43,31,.94),rgba(5,21,18,.96))!important;border-color:rgba(50,185,119,.22)!important}
:root[data-visual-style="2040"][data-k2040-palette="blackpearl"] .hub-u151-source{background:linear-gradient(150deg,rgba(48,23,37,.94),rgba(18,10,20,.96))!important;border-color:rgba(127,71,96,.22)!important}
:root[data-visual-style="2040"][data-k2040-palette="blackpearl"] .hub-u151-target{background:linear-gradient(150deg,rgba(31,27,56,.94),rgba(12,10,22,.96))!important;border-color:rgba(112,104,181,.23)!important}
:root[data-visual-style="2040"][data-k2040-palette="gamma"] .hub-u151-source{background:linear-gradient(150deg,rgba(12,36,31,.95),rgba(5,17,14,.97))!important;border-color:rgba(91,142,137,.20)!important}
:root[data-visual-style="2040"][data-k2040-palette="gamma"] .hub-u151-target{background:linear-gradient(150deg,rgba(9,45,26,.95),rgba(4,20,13,.97))!important;border-color:rgba(39,199,110,.24)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .hub-u151-wheel{--wheel-rest:color-mix(in srgb,var(--k323-panel-hi) 45%,#111)!important;box-shadow:inset 0 2px rgba(255,255,255,.10),inset 0 -18px 28px rgba(0,0,0,.48),0 24px 50px rgba(0,0,0,.56),0 0 52px color-mix(in srgb,var(--k323-accent) 9%,transparent)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .hub-u3-browser-presets button.active{box-shadow:inset 0 1px rgba(255,255,255,.14),inset 0 -2px 5px rgba(0,0,0,.25),0 0 16px color-mix(in srgb,var(--k323-accent) 20%,transparent),0 6px 13px rgba(0,0,0,.22)!important}

/* Modals, consent and settings follow the current palette. */
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(.site-settings-overlay,.deposit-overlay,.upgrade-settings-overlay,.overlay,.steam-auth-overlay,.profile-v81-overlay,.profile-settings-overlay,.exchange-overlay,.trade-link-overlay){background:color-mix(in srgb,var(--k323-bg-0) 82%,transparent)!important;backdrop-filter:blur(22px) saturate(.90)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(.site-settings-modal,.deposit-modal,.upgrade-settings-modal,.modal,.kx229-2040,.profile-v81-archive-modal,.profile-v81-replay-modal,.profile-settings-modal,.exchange-modal,.trade-link-modal){border-color:var(--k323-line)!important;background:linear-gradient(150deg,color-mix(in srgb,var(--k323-panel-2) 98%,#000),color-mix(in srgb,var(--k323-bg-0) 98%,#000))!important;box-shadow:0 50px 145px rgba(0,0,0,.74),inset 0 1px color-mix(in srgb,var(--k323-text) 6%,transparent)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .steam-auth-v96.k321-consent-modal{border-color:var(--k323-line)!important;background:radial-gradient(80% 45% at 50% -8%,color-mix(in srgb,var(--k323-accent) 11%,transparent),transparent 70%),linear-gradient(155deg,color-mix(in srgb,var(--k323-panel-2) 98%,#000),color-mix(in srgb,var(--k323-bg-0) 99%,#000))!important;box-shadow:0 54px 150px rgba(0,0,0,.72),0 18px 54px color-mix(in srgb,var(--k323-accent) 8%,transparent),inset 0 1px rgba(255,255,255,.055)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .steam-auth-v96.k321-consent-modal:before{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--k323-accent-2) 14%,transparent),transparent) top/58% 1px no-repeat,radial-gradient(circle at 11% 0%,color-mix(in srgb,var(--k323-accent) 10%,transparent),transparent 26%)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k321-consent-row.checked{border-color:color-mix(in srgb,var(--k323-accent-2) 30%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--k323-accent) 12%,transparent),rgba(255,255,255,.023) 64%,rgba(255,255,255,.014))!important;box-shadow:0 12px 34px color-mix(in srgb,var(--k323-accent) 8%,transparent),inset 0 1px rgba(255,255,255,.04)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k321-consent-row.checked .k321-consent-box{border-color:color-mix(in srgb,var(--k323-accent-2) 45%,transparent)!important;background:linear-gradient(145deg,var(--k323-accent),color-mix(in srgb,var(--k323-accent) 54%,#07100d))!important;box-shadow:0 8px 24px color-mix(in srgb,var(--k323-accent) 24%,transparent),inset 0 1px rgba(255,255,255,.15)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k321-consent-row small a{color:var(--k323-accent-2)!important;border-bottom-color:color-mix(in srgb,var(--k323-accent-2) 28%,transparent)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .steam-auth-v96.k321-consent-modal .k321-consent-submit:not(:disabled){background:linear-gradient(145deg,var(--k323-text) 0%,color-mix(in srgb,var(--k323-text) 76%,var(--k323-accent-2)) 55%,color-mix(in srgb,var(--k323-accent-2) 68%,var(--k323-text)) 100%)!important;color:color-mix(in srgb,var(--k323-bg-0) 90%,#000)!important;box-shadow:0 16px 40px color-mix(in srgb,var(--k323-accent) 16%,transparent),inset 0 1px rgba(255,255,255,.70)!important}

/* Profile: recolor the shell, not rarity-based item identity. */
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .profile-page{
  background:
    radial-gradient(920px 720px at 6% 10%,var(--k323-glow),transparent 66%),
    radial-gradient(820px 650px at 96% 12%,var(--k323-glow-2),transparent 66%),
    radial-gradient(760px 620px at 70% 100%,var(--k323-soft),transparent 68%),
    linear-gradient(130deg,var(--k323-bg-1),var(--k323-bg-0) 52%,color-mix(in srgb,var(--k323-bg-2) 65%,#000))!important;
}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(.profile-v156-primary-card,.profile-history-row,.profile-setting-line,.profile-setting-group){border-color:var(--k323-line)!important;background:color-mix(in srgb,var(--k323-panel-hi) 20%,transparent)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(.profile-v156-content-tabs button.active,.profile-v163-deposit-btn){color:var(--k323-accent-2)!important;border-color:color-mix(in srgb,var(--k323-accent) 30%,transparent)!important;background:color-mix(in srgb,var(--k323-accent) 10%,transparent)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .profile-history-row:hover{border-color:color-mix(in srgb,var(--k323-accent) 24%,transparent)!important;background:color-mix(in srgb,var(--k323-panel-hi) 32%,transparent)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .profile-v156-primary-card:hover{border-color:color-mix(in srgb,var(--k323-accent) 25%,transparent)!important;background:color-mix(in srgb,var(--k323-panel-hi) 32%,transparent)!important}

/* Footer and secondary chrome. */
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .korzh-footer{border-color:var(--k323-line)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--k323-panel-2) 86%,transparent),color-mix(in srgb,var(--k323-bg-0) 90%,transparent))!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k275-live-player{border-color:var(--k323-line)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--k323-panel-2) 94%,transparent),color-mix(in srgb,var(--k323-bg-0) 96%,transparent))!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k275-live-player small{color:var(--k323-accent-2)!important}

/* Legal page adopts the saved 2040 palette. */
html[data-visual-style="2040"][data-k2040-palette="phase1"]{--bg:#050d14;--panel:#0b1821;--panel2:#112630;--line:rgba(112,209,205,.15);--text:#eef9f7;--muted:#819da4;--accent:#32bb87;--accent2:#70d1cd;--warn:#70d1cd}
html[data-visual-style="2040"][data-k2040-palette="blackpearl"]{--bg:#08060d;--panel:#15101d;--panel2:#211626;--line:rgba(157,142,210,.15);--text:#f4eff7;--muted:#9a8da6;--accent:#8177c5;--accent2:#a895d8;--warn:#a895d8}
html[data-visual-style="2040"][data-k2040-palette="gamma"]{--bg:#040b08;--panel:#0a1714;--panel2:#10241e;--line:rgba(80,185,127,.15);--text:#effaf5;--muted:#849f98;--accent:#27c76e;--accent2:#79a8aa;--warn:#52d88c}
html[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) body.legal-page{background:radial-gradient(900px 520px at 50% -180px,color-mix(in srgb,var(--accent) 14%,transparent),transparent 68%),var(--bg)!important}
html[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(.legal-top,.legal-nav,.legal-doc){background-color:color-mix(in srgb,var(--panel) 86%,transparent)!important;border-color:var(--line)!important}
html[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .legal-callout{border-color:color-mix(in srgb,var(--accent) 24%,transparent)!important;background:color-mix(in srgb,var(--accent) 7%,transparent)!important;color:color-mix(in srgb,var(--text) 75%,var(--accent2))!important}

/* Standalone maintenance follows the last selected palette too. */
html[data-k2040-palette="phase1"]{--k323-maint-bg:#050d14;--k323-maint-panel:#0b1821;--k323-maint-panel2:#112630;--k323-maint-accent:#28b57f;--k323-maint-accent2:#70d1cd;--k323-maint-text:#eef9f7;--k323-maint-muted:#819da4}
html[data-k2040-palette="blackpearl"]{--k323-maint-bg:#08060d;--k323-maint-panel:#15101d;--k323-maint-panel2:#211626;--k323-maint-accent:#736dbc;--k323-maint-accent2:#9d8ed2;--k323-maint-text:#f4eff7;--k323-maint-muted:#9a8da6}
html[data-k2040-palette="gamma"]{--k323-maint-bg:#040b08;--k323-maint-panel:#0a1714;--k323-maint-panel2:#10241e;--k323-maint-accent:#27c76e;--k323-maint-accent2:#79a8aa;--k323-maint-text:#effaf5;--k323-maint-muted:#849f98}
html[data-k2040-palette]:not([data-k2040-palette="coffee"]) body.maintenance-page .shell{background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--k323-maint-accent) 16%,transparent),transparent 31%),radial-gradient(circle at 70% 110%,color-mix(in srgb,var(--k323-maint-accent2) 10%,transparent),transparent 38%),linear-gradient(180deg,var(--k323-maint-panel),var(--k323-maint-bg) 72%)!important;color:var(--k323-maint-text)!important}
html[data-k2040-palette]:not([data-k2040-palette="coffee"]) body.maintenance-page .card{border-color:color-mix(in srgb,var(--k323-maint-accent2) 16%,transparent)!important;background:linear-gradient(155deg,color-mix(in srgb,var(--k323-maint-panel2) 90%,transparent),color-mix(in srgb,var(--k323-maint-bg) 95%,transparent) 72%)!important}
html[data-k2040-palette]:not([data-k2040-palette="coffee"]) body.maintenance-page .badge{border-color:color-mix(in srgb,var(--k323-maint-accent2) 18%,transparent)!important;background:color-mix(in srgb,var(--k323-maint-accent) 7%,transparent)!important;color:var(--k323-maint-accent2)!important}
html[data-k2040-palette]:not([data-k2040-palette="coffee"]) body.maintenance-page .badge i{background:var(--k323-maint-accent)!important;box-shadow:0 0 18px color-mix(in srgb,var(--k323-maint-accent) 65%,transparent)!important}
html[data-k2040-palette]:not([data-k2040-palette="coffee"]) body.maintenance-page .card p{color:var(--k323-maint-muted)!important}
html[data-k2040-palette]:not([data-k2040-palette="coffee"]) body.maintenance-page .brand img{filter:drop-shadow(0 0 20px color-mix(in srgb,var(--k323-maint-accent) 22%,transparent))!important}

/* =========================================================
   KORZH v324 — complete palette propagation + two new Butterfly moods.
   ========================================================= */
.k323-swatch-fade{background:linear-gradient(135deg,#160b14 0 34%,#b43b58 35% 61%,#b7804c 62% 82%,#e1a2b7 83%)}
.k323-swatch-phase1red{background:linear-gradient(135deg,#090b18 0 34%,#c43e52 35% 61%,#675f9e 62% 82%,#342744 83%)}

:root[data-visual-style="2040"][data-k2040-palette="fade"]{
  --k323-bg-0:#070509;--k323-bg-1:#12080e;--k323-bg-2:#201018;
  --k323-panel:#150c11;--k323-panel-2:#241219;--k323-panel-hi:#35201f;
  --k323-line:rgba(205,137,126,.17);--k323-line-hot:rgba(203,85,112,.44);
  --k323-text:#fbf2ee;--k323-muted:#a18b8f;--k323-accent:#bd3d5a;--k323-accent-2:#b9824f;--k323-accent-3:#d68ba5;
  --k323-glow:rgba(189,61,90,.25);--k323-glow-2:rgba(185,130,79,.20);--k323-soft:rgba(214,139,165,.08);
  --future-bg:var(--k323-bg-0);--future-panel:rgba(21,12,17,.87);--future-panel-solid:var(--k323-panel);--future-edge:var(--k323-line);--future-edge-hot:var(--k323-line-hot);--future-text:var(--k323-text);--future-muted:var(--k323-muted);--future-copper:var(--k323-accent-2);--future-copper-soft:#9a6644;--future-blue:#766883;--future-green:#7f927d;--future-red:var(--k323-accent);
  --future-coffee:var(--k323-panel);--future-coffee-deep:var(--k323-bg-0);--future-coffee-2:var(--k323-panel-2);--future-coffee-3:var(--k323-panel-hi);--future-milk:var(--k323-text);--future-milk-bright:#fff9f6;--future-milk-soft:rgba(255,238,232,.10);--future-milk-line:rgba(255,225,216,.17);--future-neon:var(--k323-accent);--future-neon-soft:rgba(189,61,90,.18);--future-neon-2:var(--k323-accent-2);
  --k2040-glass:rgba(16,8,12,.89);--k2040-line:var(--k323-line);--k2040-hot:var(--k323-accent-2);--k2040-hot-soft:rgba(185,130,79,.14);
  --k207-milk:var(--k323-text);--k207-milk-soft:#decac4;--k207-coffee:var(--k323-panel);--k207-neon-milk:rgba(251,242,238,.58);--k207-neon-blue:rgba(112,89,125,.38);--k207-neon-green:rgba(130,145,112,.28);--k207-neon-amber:rgba(185,130,79,.46);
  --core-milk:var(--k323-text);--core-milk-soft:#dfcbc5;--core-coffee:var(--k323-panel);--core-copper:var(--k323-accent-2);
  --theme-bg:var(--k323-bg-0);--theme-bg-2:var(--k323-bg-1);--theme-panel:var(--k323-panel);--theme-panel-2:var(--k323-panel-2);--theme-line:#57343d;--theme-text:var(--k323-text);--theme-muted:var(--k323-muted);--theme-accent:var(--k323-accent);--theme-accent-2:var(--k323-accent-2);--theme-glow:#7f293e;--theme-source:#2b171a;--theme-source-line:#8f5349;--theme-target:#26121d;--theme-target-line:#96394f;--theme-olive:#2d2a1c;
  --bg:var(--k323-bg-0);--bg2:var(--k323-bg-1);--panel:var(--k323-panel);--panel2:var(--k323-panel-2);--line:#513039;--cream:var(--k323-text);--muted:var(--k323-muted);--copper:var(--k323-accent-2);--gold:#d09b68;
}
:root[data-visual-style="2040"][data-k2040-palette="phase1red"]{
  --k323-bg-0:#05060c;--k323-bg-1:#0b0a14;--k323-bg-2:#171126;
  --k323-panel:#100d17;--k323-panel-2:#1b1321;--k323-panel-hi:#2a1a2a;
  --k323-line:rgba(145,111,158,.18);--k323-line-hot:rgba(196,62,82,.44);
  --k323-text:#f7f1f7;--k323-muted:#96899e;--k323-accent:#c43e52;--k323-accent-2:#7168a3;--k323-accent-3:#9a465f;
  --k323-glow:rgba(196,62,82,.25);--k323-glow-2:rgba(87,78,144,.23);--k323-soft:rgba(145,88,124,.09);
  --future-bg:var(--k323-bg-0);--future-panel:rgba(16,13,23,.88);--future-panel-solid:var(--k323-panel);--future-edge:var(--k323-line);--future-edge-hot:var(--k323-line-hot);--future-text:var(--k323-text);--future-muted:var(--k323-muted);--future-copper:var(--k323-accent);--future-copper-soft:#8e3044;--future-blue:var(--k323-accent-2);--future-green:#778e82;--future-red:var(--k323-accent);
  --future-coffee:var(--k323-panel);--future-coffee-deep:var(--k323-bg-0);--future-coffee-2:var(--k323-panel-2);--future-coffee-3:var(--k323-panel-hi);--future-milk:var(--k323-text);--future-milk-bright:#fffaff;--future-milk-soft:rgba(248,237,255,.10);--future-milk-line:rgba(235,220,255,.17);--future-neon:var(--k323-accent);--future-neon-soft:rgba(196,62,82,.18);--future-neon-2:var(--k323-accent-2);
  --k2040-glass:rgba(10,8,16,.90);--k2040-line:var(--k323-line);--k2040-hot:var(--k323-accent-2);--k2040-hot-soft:rgba(113,104,163,.14);
  --k207-milk:var(--k323-text);--k207-milk-soft:#d8ccdb;--k207-coffee:var(--k323-panel);--k207-neon-milk:rgba(247,241,247,.58);--k207-neon-blue:rgba(113,104,163,.48);--k207-neon-green:rgba(110,137,122,.26);--k207-neon-amber:rgba(196,62,82,.44);
  --core-milk:var(--k323-text);--core-milk-soft:#d9cbd8;--core-coffee:var(--k323-panel);--core-copper:var(--k323-accent);
  --theme-bg:var(--k323-bg-0);--theme-bg-2:var(--k323-bg-1);--theme-panel:var(--k323-panel);--theme-panel-2:var(--k323-panel-2);--theme-line:#49364e;--theme-text:var(--k323-text);--theme-muted:var(--k323-muted);--theme-accent:var(--k323-accent);--theme-accent-2:var(--k323-accent-2);--theme-glow:#792c40;--theme-source:#2a131b;--theme-source-line:#944255;--theme-target:#17152a;--theme-target-line:#5f5994;--theme-olive:#26221e;
  --bg:var(--k323-bg-0);--bg2:var(--k323-bg-1);--panel:var(--k323-panel);--panel2:var(--k323-panel-2);--line:#453248;--cream:var(--k323-text);--muted:var(--k323-muted);--copper:var(--k323-accent);--gold:#a990c8;
}

/* New palette-specific Upgrade tones: inner wheel-facing edges remain visually related, outer wings get their own mood. */
:root[data-visual-style="2040"][data-k2040-palette="fade"] .hub-u151-source{background:linear-gradient(150deg,rgba(65,38,27,.95),rgba(22,11,13,.98))!important;border-color:rgba(185,130,79,.24)!important}
:root[data-visual-style="2040"][data-k2040-palette="fade"] .hub-u151-target{background:linear-gradient(150deg,rgba(55,18,29,.95),rgba(18,8,14,.98))!important;border-color:rgba(189,61,90,.25)!important}
:root[data-visual-style="2040"][data-k2040-palette="phase1red"] .hub-u151-source{background:linear-gradient(150deg,rgba(52,18,28,.95),rgba(15,8,15,.98))!important;border-color:rgba(196,62,82,.25)!important}
:root[data-visual-style="2040"][data-k2040-palette="phase1red"] .hub-u151-target{background:linear-gradient(150deg,rgba(28,24,54,.95),rgba(10,8,19,.98))!important;border-color:rgba(113,104,163,.26)!important}

/* ---------- COMPLETE RAIL WINGS: Settings / Notifications / Support ---------- */
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-2040,
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k270-notify-panel,
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(#supportPortal,#profileSupportPortal) .kx229-2040{
  border-color:var(--k323-line)!important;
  background:radial-gradient(circle at 94% 5%,color-mix(in srgb,var(--k323-accent-2) 8%,transparent),transparent 34%),linear-gradient(155deg,color-mix(in srgb,var(--k323-panel-2) 97%,#000),color-mix(in srgb,var(--k323-bg-0) 98%,#000))!important;
  box-shadow:0 42px 110px rgba(0,0,0,.62),inset 0 1px color-mix(in srgb,var(--k323-text) 5%,transparent),0 0 36px color-mix(in srgb,var(--k323-accent) 5%,transparent)!important;
}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-setting-row{
  border-color:var(--k323-line)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--k323-panel-hi) 35%,transparent),color-mix(in srgb,var(--k323-panel) 58%,transparent))!important;
  color:var(--k323-text)!important;
  box-shadow:inset 0 1px color-mix(in srgb,var(--k323-text) 4%,transparent)!important;
}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-setting-row strong{color:var(--k323-text)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-setting-row span{color:var(--k323-muted)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-switch{
  border-color:var(--k323-line)!important;background:color-mix(in srgb,var(--k323-bg-0) 78%,#000)!important;box-shadow:inset 0 2px 7px rgba(0,0,0,.34)!important;
}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-switch b{background:color-mix(in srgb,var(--k323-text) 76%,var(--k323-muted))!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-switch.on{border-color:color-mix(in srgb,var(--k323-accent) 45%,transparent)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--k323-accent) 58%,#111),color-mix(in srgb,var(--k323-accent-2) 46%,#111))!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-switch.on b{background:var(--k323-text)!important;box-shadow:0 0 15px color-mix(in srgb,var(--k323-accent-2) 28%,transparent)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-segment{
  border-color:var(--k323-line)!important;background:color-mix(in srgb,var(--k323-bg-0) 74%,#000)!important;
}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-segment button{color:var(--k323-muted)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-segment button.active{
  color:var(--k323-bg-0)!important;background:linear-gradient(145deg,var(--k323-text),color-mix(in srgb,var(--k323-text) 72%,var(--k323-accent-2)))!important;box-shadow:0 5px 16px rgba(0,0,0,.25),0 0 16px color-mix(in srgb,var(--k323-accent) 7%,transparent)!important;
}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(#siteSettingsPortal,#profileSettingsPortal,#supportPortal,#profileSupportPortal) .kx235-close{
  border-color:var(--k323-line)!important;background:color-mix(in srgb,var(--k323-panel-hi) 34%,transparent)!important;color:var(--k323-text)!important;
}

/* Notifications used to stay coffee because their panel is appended straight to body. */
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k270-notify-head{border-bottom-color:var(--k323-line)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k270-notify-head b{color:var(--k323-text)!important;text-shadow:0 2px 14px color-mix(in srgb,var(--k323-accent) 12%,transparent)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k270-notify-head button{color:var(--k323-muted)!important;border-color:var(--k323-line)!important;background:color-mix(in srgb,var(--k323-panel-hi) 20%,transparent)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k270-note{border-color:color-mix(in srgb,var(--k323-line) 70%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--k323-panel-hi) 28%,transparent),color-mix(in srgb,var(--k323-panel) 48%,transparent))!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k270-note b{color:var(--k323-text)!important}.k270-note p{}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k270-note p{color:color-mix(in srgb,var(--k323-text) 64%,var(--k323-muted))!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k270-note time,
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k270-empty{color:var(--k323-muted)!important}

/* Telegram support innards had hard-coded coffee. */
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(#supportPortal,#profileSupportPortal) .k248-telegram-support>small{color:var(--k323-accent-2)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(#supportPortal,#profileSupportPortal) .k248-telegram-support>h2{color:var(--k323-text)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(#supportPortal,#profileSupportPortal) .k248-telegram-support>p{color:var(--k323-muted)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(#supportPortal,#profileSupportPortal) .k248-telegram-logo{
  border-color:color-mix(in srgb,var(--k323-accent-2) 28%,transparent)!important;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--k323-accent-2) 24%,transparent),transparent 50%),color-mix(in srgb,var(--k323-panel-hi) 40%,transparent)!important;box-shadow:0 18px 42px rgba(0,0,0,.32),0 0 30px color-mix(in srgb,var(--k323-accent) 10%,transparent)!important;
}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(#supportPortal,#profileSupportPortal) .k248-telegram-logo svg circle{fill:color-mix(in srgb,var(--k323-accent) 78%,#111)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) :is(#supportPortal,#profileSupportPortal) .k248-telegram-button{
  border-color:color-mix(in srgb,var(--k323-accent-2) 28%,transparent)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--k323-accent) 76%,#111),color-mix(in srgb,var(--k323-accent-2) 62%,#111))!important;color:#fff!important;box-shadow:0 14px 32px color-mix(in srgb,var(--k323-accent) 17%,transparent),inset 0 1px rgba(255,255,255,.14)!important;
}

/* ---------- LIVE DROP toolbar: crown / TOP / ALL ---------- */
:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k273-live-toolbar{
  border-right-color:var(--k323-line)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--k323-accent) 8%,transparent),color-mix(in srgb,var(--k323-panel) 36%,transparent))!important;
}
:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k273-daily-top{
  color:var(--k323-accent-2)!important;border-color:var(--k323-line)!important;background:color-mix(in srgb,var(--k323-panel-hi) 28%,transparent)!important;box-shadow:inset 0 1px color-mix(in srgb,var(--k323-text) 5%,transparent)!important;
}
:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k273-daily-top:hover{border-color:color-mix(in srgb,var(--k323-accent-2) 40%,transparent)!important;background:color-mix(in srgb,var(--k323-accent) 12%,transparent)!important;box-shadow:0 0 22px color-mix(in srgb,var(--k323-accent) 11%,transparent),inset 0 1px rgba(255,255,255,.06)!important}
:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k273-live-tabs button{color:var(--k323-muted)!important;border-color:color-mix(in srgb,var(--k323-line) 70%,transparent)!important;background:color-mix(in srgb,var(--k323-panel) 46%,transparent)!important}
:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .k273-live-tabs button.active{color:var(--k323-text)!important;border-color:color-mix(in srgb,var(--k323-accent) 38%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--k323-accent) 15%,transparent),color-mix(in srgb,var(--k323-accent-2) 7%,transparent))!important;box-shadow:0 0 16px color-mix(in srgb,var(--k323-accent) 8%,transparent)!important}

/* ---------- PLANE: legacy brown room/picker surfaces ---------- */
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .plane-page-v312 :is(.plane-room-tabs,.plane-public-round-pill,.plane-public-room-panel,.plane-public-room-head>div:last-child,.plane-public-stake-selector){
  border-color:var(--k323-line)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--k323-panel-2) 84%,transparent),color-mix(in srgb,var(--k323-bg-0) 90%,transparent))!important;box-shadow:inset 0 1px color-mix(in srgb,var(--k323-text) 4%,transparent),0 18px 46px rgba(0,0,0,.20)!important;
}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .plane-page-v312 .plane-room-tabs button{color:var(--k323-muted)!important;background:transparent!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .plane-page-v312 .plane-room-tabs button.active{color:var(--k323-text)!important;border-color:color-mix(in srgb,var(--k323-accent) 35%,transparent)!important;background:color-mix(in srgb,var(--k323-accent) 12%,transparent)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .plane-page-v312 :is(.plane-public-round-pill strong,.plane-public-room-head small){color:var(--k323-accent-2)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .plane-public-picker-overlay{background:color-mix(in srgb,var(--k323-bg-0) 84%,transparent)!important;backdrop-filter:blur(16px)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .plane-public-picker{
  border-color:var(--k323-line)!important;background:radial-gradient(circle at 12% 0%,color-mix(in srgb,var(--k323-accent) 9%,transparent),transparent 36%),linear-gradient(155deg,color-mix(in srgb,var(--k323-panel-2) 96%,#000),color-mix(in srgb,var(--k323-bg-0) 98%,#000))!important;box-shadow:0 34px 100px rgba(0,0,0,.65),inset 0 1px color-mix(in srgb,var(--k323-text) 5%,transparent)!important;
}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .plane-public-picker-head small{color:var(--k323-accent-2)!important}.plane-public-picker-head h3{}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .plane-public-picker-head h3{color:var(--k323-text)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .plane-public-picker-head button{border-color:var(--k323-line)!important;background:color-mix(in srgb,var(--k323-panel-hi) 35%,transparent)!important;color:var(--k323-text)!important}
:root[data-visual-style="2040"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .plane-public-picker-grid{scrollbar-color:color-mix(in srgb,var(--k323-accent) 30%,transparent) transparent!important}

/* ---------- PROFILE: override the high-specificity warm identity/stat skins ---------- */
:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .profile-page:not(.k275-public-profile) .profile-v160-user{
  border-color:color-mix(in srgb,var(--k323-accent-2) 28%,transparent)!important;background:radial-gradient(circle at 17% 50%,color-mix(in srgb,var(--k323-accent) 12%,transparent),transparent 31%),linear-gradient(180deg,color-mix(in srgb,var(--k323-panel-hi) 62%,transparent),color-mix(in srgb,var(--k323-panel) 91%,transparent))!important;box-shadow:inset 0 1px color-mix(in srgb,var(--k323-text) 7%,transparent),0 0 26px color-mix(in srgb,var(--k323-accent) 8%,transparent)!important;
}
:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .profile-page:not(.k275-public-profile) .profile-v160-user::before{background:var(--k323-accent-2)!important;box-shadow:-22px 42px 0 0 color-mix(in srgb,var(--k323-accent) 50%,transparent),10px 29px 0 -1px color-mix(in srgb,var(--k323-text) 55%,transparent),-47px 9px 0 -1px color-mix(in srgb,var(--k323-accent-2) 46%,transparent),-72px 45px 0 -1px color-mix(in srgb,var(--k323-accent) 34%,transparent)!important}
:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .profile-page:not(.k275-public-profile) .profile-v160-user::after{background:radial-gradient(circle,color-mix(in srgb,var(--k323-accent) 16%,transparent) 0,color-mix(in srgb,var(--k323-accent) 7%,transparent) 38%,transparent 70%)!important}
:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .profile-page:not(.k275-public-profile) .profile-v187-stat::before{border-color:color-mix(in srgb,var(--k323-accent-2) 22%,transparent)!important;box-shadow:inset 0 0 16px color-mix(in srgb,var(--k323-accent) 5%,transparent)!important}
:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .profile-page:not(.k275-public-profile) .profile-v187-stat::after{border-color:color-mix(in srgb,var(--k323-text) 10%,transparent)!important}
:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .profile-page:not(.k275-public-profile) .profile-v187-stat .profile-v156-card-copy{
  border-color:color-mix(in srgb,var(--k323-accent) 28%,transparent)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--k323-panel-hi) 60%,transparent),color-mix(in srgb,var(--k323-panel) 92%,transparent))!important;box-shadow:inset 0 1px color-mix(in srgb,var(--k323-text) 7%,transparent),0 0 24px color-mix(in srgb,var(--k323-accent) 8%,transparent)!important;
}
:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .profile-page:not(.k275-public-profile) .profile-v187-withdrawn-stat .profile-v156-card-copy{border-color:color-mix(in srgb,var(--k323-accent-2) 27%,transparent)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--k323-panel-hi) 48%,transparent),color-mix(in srgb,var(--k323-panel) 93%,transparent))!important}
:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .profile-page:not(.k275-public-profile) .profile-v187-stat .profile-v156-card-copy>strong{color:var(--k323-text)!important}
:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .profile-page:not(.k275-public-profile) .profile-v187-stat .profile-v156-card-copy>small{color:var(--k323-muted)!important}

/* ---------- UPGRADE top wings: ONLY outer edges move; wheel-facing geometry stays fixed. ---------- */
@media(min-width:1121px){
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-stage{--k324-upgrade-wing:clamp(54px,4.65vw,94px)!important;overflow:visible!important}
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-source{
    justify-self:end!important;max-width:none!important;width:calc(100% + var(--k324-upgrade-wing))!important;margin-left:calc(var(--k324-upgrade-wing) * -1)!important;margin-right:0!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .hub-u151-target{
    justify-self:start!important;max-width:none!important;width:calc(100% + var(--k324-upgrade-wing))!important;margin-left:0!important;margin-right:calc(var(--k324-upgrade-wing) * -1)!important;
  }
}

/* Legal / maintenance support for the two new palettes. */
html[data-visual-style="2040"][data-k2040-palette="fade"]{--bg:#080509;--panel:#150c11;--panel2:#241219;--line:rgba(205,137,126,.16);--text:#fbf2ee;--muted:#a18b8f;--accent:#bd3d5a;--accent2:#b9824f;--warn:#d28b76}
html[data-visual-style="2040"][data-k2040-palette="phase1red"]{--bg:#05060c;--panel:#100d17;--panel2:#1b1321;--line:rgba(145,111,158,.17);--text:#f7f1f7;--muted:#96899e;--accent:#c43e52;--accent2:#7168a3;--warn:#c35e72}
html[data-k2040-palette="fade"]{--k323-maint-bg:#080509;--k323-maint-panel:#150c11;--k323-maint-panel2:#241219;--k323-maint-accent:#bd3d5a;--k323-maint-accent2:#b9824f;--k323-maint-text:#fbf2ee;--k323-maint-muted:#a18b8f}
html[data-k2040-palette="phase1red"]{--k323-maint-bg:#05060c;--k323-maint-panel:#100d17;--k323-maint-panel2:#1b1321;--k323-maint-accent:#c43e52;--k323-maint-accent2:#7168a3;--k323-maint-text:#f7f1f7;--k323-maint-muted:#96899e}

/* ===== v347-global-background.css ===== */
/* =========================================================
   KORZH v347 — persistent cinematic site background for 2040.
   One fixed scene across all public pages. Palette changes tint
   the scene through a translucent color wash instead of replacing it.
   Standard mode is intentionally untouched.
   ========================================================= */

:root[data-visual-style="2040"]{
  --k347-site-wash:rgba(42,18,10,.46);
  --k347-site-glow:rgba(214,126,88,.11);
  --k347-site-glow-2:rgba(121,76,56,.08);
  --k347-site-vignette:rgba(0,0,0,.22);
}
:root[data-visual-style="2040"][data-k2040-palette="coffee"]{
  --k347-site-wash:rgba(45,20,11,.46);
  --k347-site-glow:rgba(220,133,88,.12);
  --k347-site-glow-2:rgba(151,94,65,.09);
}
:root[data-visual-style="2040"][data-k2040-palette="blackpearl"]{
  --k347-site-wash:rgba(20,9,27,.49);
  --k347-site-glow:rgba(105,82,165,.13);
  --k347-site-glow-2:rgba(113,54,88,.10);
}
:root[data-visual-style="2040"][data-k2040-palette="gamma"]{
  --k347-site-wash:rgba(5,24,16,.49);
  --k347-site-glow:rgba(39,199,110,.10);
  --k347-site-glow-2:rgba(83,137,126,.09);
}
:root[data-visual-style="2040"][data-k2040-palette="fade"]{
  --k347-site-wash:rgba(38,9,17,.47);
  --k347-site-glow:rgba(189,61,90,.12);
  --k347-site-glow-2:rgba(185,130,79,.09);
}

/* The image is attached to BODY, not individual SPA routes. Therefore a
   cases -> upgrade -> contracts -> plane transition never swaps the scene. */
:root[data-visual-style="2040"] body,
html[data-visual-style="2040"] body.profile-page,
html[data-visual-style="2040"] body.legal-page{
  background-color:#080706!important;
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.08),var(--k347-site-vignette)),
    radial-gradient(ellipse 72% 56% at 50% 4%,var(--k347-site-glow),transparent 72%),
    radial-gradient(ellipse 54% 66% at 8% 42%,var(--k347-site-glow-2),transparent 78%),
    radial-gradient(ellipse 54% 66% at 92% 42%,var(--k347-site-glow-2),transparent 78%),
    linear-gradient(var(--k347-site-wash),var(--k347-site-wash)),
    url('/assets/generated/korzh-global-background-v347.webp')!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-attachment:fixed!important;
  transition:background-color .32s ease!important;
}

/* Old page-level fills/grids must not replace the global scene when SPA
   content is rerendered. Actual game canvases/cards keep their own surfaces. */
:root[data-visual-style="2040"] .page,
:root[data-visual-style="2040"] .page.page-cases,
:root[data-visual-style="2040"] .page.page-case,
:root[data-visual-style="2040"] .page.page-upgrade,
:root[data-visual-style="2040"] .page.page-contracts,
:root[data-visual-style="2040"] .page.page-plane{
  background-color:transparent!important;
  background-image:none!important;
}

/* Remove route-specific fullscreen atmospheric fills while preserving the
   rails, glass panels and their palette colors above the fixed photograph. */
:root[data-visual-style="2040"] .page:after{
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--k347-site-glow) 28%,transparent),transparent 19%,transparent 81%,color-mix(in srgb,var(--k347-site-glow-2) 30%,transparent)),
    radial-gradient(circle at 50% 0,rgba(255,255,255,.018),transparent 38%)!important;
  opacity:.7!important;
}

/* The legacy full-screen grid was useful over a flat fill but muddies the
   warehouse photograph. Keep only an extremely subtle texture. */
:root[data-visual-style="2040"] body:before{
  opacity:.16!important;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px)!important;
  background-size:96px 96px!important;
  mask-image:linear-gradient(#000,rgba(0,0,0,.45))!important;
}

/* Profile/legal roots occasionally ship their own flat backgrounds. */
html[data-visual-style="2040"] :is(.profile-page,.legal-shell,.legal-main){
  background-color:transparent!important;
}

@media (max-width:900px){
  :root[data-visual-style="2040"] body,
  html[data-visual-style="2040"] body.profile-page,
  html[data-visual-style="2040"] body.legal-page{
    background-attachment:scroll!important;
    background-position:center top!important;
  }
}

/* ===== v348-visual-system.css ===== */
/* =========================================================
   KORZH v348 — GLOBAL BACKGROUND CONTROL + SOLID FUTURE BOARDS
   2040 only. Standard remains untouched.
   ========================================================= */

:root[data-visual-style="2040"]{
  --k348-scene-wash:rgba(47,24,17,.34);
  --k348-scene-glow:rgba(224,145,104,.13);
  --k348-scene-glow2:rgba(127,73,53,.08);
  --k348-flat:#0b0807;
  --k348-board:#1b1110;
  --k348-board-2:#261613;
  --k348-board-line:rgba(235,161,119,.24);
  --k348-board-accent:#d78357;
  --k348-board-accent-rgb:215,131,87;
}
:root[data-visual-style="2040"][data-k2040-palette="coffee"]{
  --k348-scene-wash:rgba(55,26,16,.38);
  --k348-scene-glow:rgba(224,141,96,.15);
  --k348-scene-glow2:rgba(140,83,58,.10);
  --k348-flat:#0d0907;
  --k348-board:#1c1110;
  --k348-board-2:#2a1713;
  --k348-board-line:rgba(229,157,113,.22);
  --k348-board-accent:#d88a5b;
  --k348-board-accent-rgb:216,138,91;
}
:root[data-visual-style="2040"][data-k2040-palette="blackpearl"]{
  --k348-scene-wash:rgba(27,14,40,.50);
  --k348-scene-glow:rgba(121,91,190,.17);
  --k348-scene-glow2:rgba(144,58,102,.11);
  --k348-flat:#09070e;
  --k348-board:#100c18;
  --k348-board-2:#1b1225;
  --k348-board-line:rgba(155,124,226,.22);
  --k348-board-accent:#8d73d9;
  --k348-board-accent-rgb:141,115,217;
}
:root[data-visual-style="2040"][data-k2040-palette="gamma"]{
  --k348-scene-wash:rgba(5,34,22,.48);
  --k348-scene-glow:rgba(37,194,113,.14);
  --k348-scene-glow2:rgba(82,152,143,.10);
  --k348-flat:#050d0a;
  --k348-board:#091510;
  --k348-board-2:#0d2118;
  --k348-board-line:rgba(68,199,137,.22);
  --k348-board-accent:#2fc07d;
  --k348-board-accent-rgb:47,192,125;
}
:root[data-visual-style="2040"][data-k2040-palette="fade"]{
  --k348-scene-wash:rgba(54,10,25,.49);
  --k348-scene-glow:rgba(198,57,94,.16);
  --k348-scene-glow2:rgba(190,124,73,.10);
  --k348-flat:#10070b;
  --k348-board:#190b11;
  --k348-board-2:#291018;
  --k348-board-line:rgba(215,88,119,.22);
  --k348-board-accent:#c84466;
  --k348-board-accent-rgb:200,68,102;
}

/* Palette tint now affects the same fixed photograph in every 2040 palette. */
:root[data-visual-style="2040"] body,
html[data-visual-style="2040"] body.profile-page,
html[data-visual-style="2040"] body.legal-page{
  background-color:var(--k348-flat)!important;
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.26)),
    radial-gradient(ellipse 74% 58% at 50% 0%,var(--k348-scene-glow),transparent 70%),
    radial-gradient(ellipse 52% 68% at 7% 44%,var(--k348-scene-glow2),transparent 76%),
    radial-gradient(ellipse 52% 68% at 93% 44%,var(--k348-scene-glow2),transparent 76%),
    linear-gradient(var(--k348-scene-wash),var(--k348-scene-wash)),
    url('/assets/generated/korzh-global-background-v347.webp')!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-attachment:fixed!important;
  transition:background-color .28s ease!important;
}

/* Settings switch: OFF = palette atmosphere stays, photograph disappears. */
:root[data-visual-style="2040"][data-k348-background="off"] body,
html[data-visual-style="2040"][data-k348-background="off"] body.profile-page,
html[data-visual-style="2040"][data-k348-background="off"] body.legal-page{
  background-image:
    radial-gradient(ellipse 70% 54% at 50% -8%,var(--k348-scene-glow),transparent 70%),
    radial-gradient(ellipse 50% 70% at 0 48%,var(--k348-scene-glow2),transparent 78%),
    radial-gradient(ellipse 50% 70% at 100% 48%,var(--k348-scene-glow2),transparent 78%),
    linear-gradient(180deg,var(--k348-flat),#050505)!important;
}

/* Background toggle row. */
:root[data-visual-style="2040"] .k348-background-setting{cursor:pointer!important}
:root[data-visual-style="2040"] .k348-background-setting .k348-bg-copy{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}
:root[data-visual-style="2040"] .k348-background-setting .k348-bg-copy strong{font-size:10px!important;line-height:1!important}
:root[data-visual-style="2040"] .k348-background-setting .k348-bg-copy span{font-size:7px!important;line-height:1.2!important;color:rgba(224,213,206,.48)!important}

/* =========================================================
   CONTRACT TOP BOARDS — solid, monolithic, theme-colored.
   No golden contour, no trapezoid, no fake perspective.
   ========================================================= */
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-stage{
  grid-template-columns:minmax(0,1fr) clamp(205px,13vw,250px) minmax(0,1fr)!important;
  perspective:none!important;
  gap:clamp(14px,1.4vw,26px)!important;
}

:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board,
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board-left,
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board-right{
  transform:none!important;
  clip-path:none!important;
  border:0!important;
  border-radius:30px!important;
  background:linear-gradient(150deg,var(--k348-board-2) 0%,var(--k348-board) 48%,color-mix(in srgb,var(--k348-board) 92%,#000 8%) 100%)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:
    0 30px 60px rgba(0,0,0,.34),
    0 1px 0 rgba(255,255,255,.035) inset,
    0 -1px 0 rgba(0,0,0,.42) inset!important;
  filter:none!important;
  overflow:hidden!important;
  transition:transform .22s ease,box-shadow .22s ease!important;
}

/* Internal technical texture, still 100% opaque. */
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  border-radius:inherit!important;
  clip-path:none!important;
  background:
    radial-gradient(520px 230px at 50% -12%,rgba(var(--k348-board-accent-rgb),.105),transparent 62%),
    linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.018) 12.1% 12.35%,transparent 12.45% 87.5%,rgba(255,255,255,.014) 87.6% 87.85%,transparent 88%),
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 24%,transparent 76%,rgba(0,0,0,.13))!important;
  box-shadow:none!important;
  pointer-events:none!important;
}

/* One thin "signal rail" instead of a full gold outline. */
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board:after{
  content:""!important;
  position:absolute!important;
  z-index:5!important;
  left:42px!important;
  right:42px!important;
  top:0!important;
  bottom:auto!important;
  width:auto!important;
  height:2px!important;
  border-radius:0 0 999px 999px!important;
  transform:none!important;
  background:linear-gradient(90deg,transparent,rgba(var(--k348-board-accent-rgb),.16) 20%,rgba(var(--k348-board-accent-rgb),.86) 50%,rgba(var(--k348-board-accent-rgb),.16) 80%,transparent)!important;
  box-shadow:0 0 20px rgba(var(--k348-board-accent-rgb),.22)!important;
  opacity:.88!important;
  pointer-events:none!important;
}

:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board-left:hover,
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board-right:hover{
  transform:translateY(-2px)!important;
  filter:none!important;
  box-shadow:0 34px 68px rgba(0,0,0,.38),0 1px 0 rgba(255,255,255,.04) inset!important;
}

/* Remove remaining old warm/gold decoration inside the boards. */
:root[data-visual-style="2040"] .k346-contracts-boards .k346-board-title{
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
:root[data-visual-style="2040"] .k346-contracts-boards .k346-board-title:after{
  background:linear-gradient(90deg,transparent,rgba(var(--k348-board-accent-rgb),.28),transparent)!important;
  box-shadow:none!important;
}
:root[data-visual-style="2040"] .k346-contracts-boards .k346-board-title span{
  border-color:rgba(255,255,255,.075)!important;
  background:rgba(0,0,0,.18)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-slot-grid .contract-slot.k341-contract-slot{
  border-color:rgba(255,255,255,.065)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--k348-board-2) 84%,#fff 2%),color-mix(in srgb,var(--k348-board) 92%,#000 8%))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 14px 28px rgba(0,0,0,.16)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-slot-grid .contract-slot.k341-contract-slot:hover{
  border-color:rgba(var(--k348-board-accent-rgb),.22)!important;
}
:root[data-visual-style="2040"] .k346-contracts-boards .k346-result-visual>b{
  border-color:rgba(255,255,255,.08)!important;
  background:rgba(0,0,0,.20)!important;
}

@media (max-width:980px){
  :root[data-visual-style="2040"] body,
  html[data-visual-style="2040"] body.profile-page,
  html[data-visual-style="2040"] body.legal-page{background-attachment:scroll!important;background-position:center top!important}
}

/* ===== v349-premium-panels-background.css ===== */
/* =========================================================
   KORZH v349 — BACKGROUND HARD FIX + FLOATING 2040 CONTRACT PANELS
   2040 only. Standard is untouched.
   ========================================================= */

/* ---------------------------------------------------------
   1) GLOBAL CINEMATIC BACKGROUND — HARD OVERRIDE

   v324 has a more specific non-coffee BODY background rule.
   v348 did not beat that selector, so BLACK PEARL / GAMMA / FADE
   replaced the photograph with a flat gradient. The selector below
   deliberately matches/exceeds that specificity and is loaded last.
   --------------------------------------------------------- */
:root[data-visual-style="2040"][data-k2040-palette][data-k348-background="on"] body,
html:root[data-visual-style="2040"][data-k2040-palette][data-k348-background="on"] body.profile-page,
html:root[data-visual-style="2040"][data-k2040-palette][data-k348-background="on"] body.legal-page{
  background-color:var(--k348-flat,#0b0807)!important;
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.07),rgba(0,0,0,.24)),
    radial-gradient(ellipse 74% 58% at 50% 0%,var(--k348-scene-glow),transparent 70%),
    radial-gradient(ellipse 52% 68% at 7% 44%,var(--k348-scene-glow2),transparent 76%),
    radial-gradient(ellipse 52% 68% at 93% 44%,var(--k348-scene-glow2),transparent 76%),
    linear-gradient(var(--k348-scene-wash),var(--k348-scene-wash)),
    url('/assets/generated/korzh-global-background-v347.webp')!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-attachment:fixed!important;
}

/* OFF must also beat the old non-coffee BODY background rule. */
:root[data-visual-style="2040"][data-k2040-palette][data-k348-background="off"] body,
html:root[data-visual-style="2040"][data-k2040-palette][data-k348-background="off"] body.profile-page,
html:root[data-visual-style="2040"][data-k2040-palette][data-k348-background="off"] body.legal-page{
  background-color:var(--k348-flat,#0b0807)!important;
  background-image:
    radial-gradient(ellipse 70% 54% at 50% -8%,var(--k348-scene-glow),transparent 70%),
    radial-gradient(ellipse 50% 70% at 0 48%,var(--k348-scene-glow2),transparent 78%),
    radial-gradient(ellipse 50% 70% at 100% 48%,var(--k348-scene-glow2),transparent 78%),
    linear-gradient(180deg,var(--k348-flat,#0b0807),#050505)!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-attachment:fixed!important;
}

/* SPA route shells can never repaint the fixed photograph. */
:root[data-visual-style="2040"][data-k2040-palette] :is(.page,.page.page-cases,.page.page-case,.page.page-upgrade,.page.page-contracts,.page.page-plane){
  background-color:transparent!important;
  background-image:none!important;
}

/* ---------------------------------------------------------
   2) CONTRACTS — FLOATING 2040 WINGS

   Requested silhouette:
   - outside edges are the full/tall side;
   - each panel narrows toward the centre;
   - no thick gold outline;
   - opaque premium surface;
   - floating depth, like the side rails rather than a flat card.
   --------------------------------------------------------- */
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-stage{
  position:relative!important;
  grid-template-columns:minmax(0,1fr) clamp(190px,12.5vw,236px) minmax(0,1fr)!important;
  gap:clamp(10px,1.15vw,20px)!important;
  min-height:468px!important;
  padding:28px 0 34px!important;
  align-items:center!important;
  perspective:1900px!important;
  perspective-origin:50% 47%!important;
  isolation:isolate!important;
}

/* Two soft pools beneath the panels make them read as suspended objects. */
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-stage:before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  left:0!important;
  right:0!important;
  bottom:16px!important;
  height:126px!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse 34% 72% at 24% 50%,rgba(var(--k348-board-accent-rgb),.10),transparent 68%),
    radial-gradient(ellipse 34% 72% at 76% 50%,rgba(var(--k348-board-accent-rgb),.10),transparent 68%),
    radial-gradient(ellipse 30% 55% at 24% 58%,rgba(0,0,0,.46),transparent 72%),
    radial-gradient(ellipse 30% 55% at 76% 58%,rgba(0,0,0,.46),transparent 72%)!important;
  filter:blur(16px)!important;
  opacity:.9!important;
}

:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board,
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board-left,
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board-right{
  position:relative!important;
  z-index:2!important;
  width:100%!important;
  height:426px!important;
  min-height:426px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transform-style:preserve-3d!important;
  backface-visibility:hidden!important;
  background:
    linear-gradient(152deg,
      color-mix(in srgb,var(--k348-board-2) 94%,#fff 6%) 0%,
      var(--k348-board-2) 26%,
      var(--k348-board) 68%,
      color-mix(in srgb,var(--k348-board) 84%,#000 16%) 100%)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  filter:
    drop-shadow(0 34px 34px rgba(0,0,0,.40))
    drop-shadow(0 11px 12px rgba(0,0,0,.28))
    drop-shadow(0 0 24px rgba(var(--k348-board-accent-rgb),.075))!important;
  transition:transform .42s cubic-bezier(.16,.86,.22,1),filter .42s ease!important;
}

/* LEFT: tall outside edge (left), visibly shorter centre edge (right). */
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board-left{
  padding:38px 54px 40px 34px!important;
  clip-path:polygon(0 2%,3.5% 0,77% 0,100% 8.5%,100% 91.5%,77% 100%,3.5% 100%,0 98%)!important;
  transform:perspective(1750px) rotateY(3.8deg) translate3d(8px,-6px,18px)!important;
  transform-origin:100% 50%!important;
}
/* RIGHT: mirror of the left wing. */
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board-right{
  padding:38px 34px 40px 54px!important;
  clip-path:polygon(0 8.5%,23% 0,96.5% 0,100% 2%,100% 98%,96.5% 100%,23% 100%,0 91.5%)!important;
  transform:perspective(1750px) rotateY(-3.8deg) translate3d(-8px,-6px,18px)!important;
  transform-origin:0 50%!important;
}

/* Opaque technical surface. No photograph can bleed through. */
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  clip-path:none!important;
  border-radius:0!important;
  background:
    radial-gradient(560px 245px at 50% -8%,rgba(var(--k348-board-accent-rgb),.11),transparent 62%),
    linear-gradient(90deg,transparent 0 9%,rgba(255,255,255,.018) 9.15% 9.35%,transparent 9.5% 90.5%,rgba(255,255,255,.014) 90.65% 90.85%,transparent 91%),
    linear-gradient(180deg,rgba(255,255,255,.025),transparent 20%,transparent 72%,rgba(0,0,0,.18))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(0,0,0,.42),
    inset 22px 0 54px rgba(0,0,0,.07),
    inset -22px 0 54px rgba(0,0,0,.07)!important;
}

/* A tiny centre-facing signal spine. This is not an outline. */
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  top:24%!important;
  bottom:24%!important;
  width:2px!important;
  height:auto!important;
  left:auto!important;
  right:auto!important;
  border-radius:999px!important;
  transform:none!important;
  background:linear-gradient(180deg,transparent,rgba(var(--k348-board-accent-rgb),.36) 28%,rgba(255,255,255,.28) 50%,rgba(var(--k348-board-accent-rgb),.34) 72%,transparent)!important;
  box-shadow:0 0 14px rgba(var(--k348-board-accent-rgb),.16)!important;
  opacity:.64!important;
  pointer-events:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board-left:after{right:13px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board-right:after{left:13px!important}

/* Keep all real board content above the technical surface. */
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board>*{
  position:relative!important;
  z-index:3!important;
}

:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board-left:hover{
  transform:perspective(1750px) rotateY(2.6deg) translate3d(10px,-9px,24px)!important;
  filter:drop-shadow(0 40px 38px rgba(0,0,0,.44)) drop-shadow(0 12px 12px rgba(0,0,0,.28)) drop-shadow(0 0 28px rgba(var(--k348-board-accent-rgb),.10))!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board-right:hover{
  transform:perspective(1750px) rotateY(-2.6deg) translate3d(-10px,-9px,24px)!important;
  filter:drop-shadow(0 40px 38px rgba(0,0,0,.44)) drop-shadow(0 12px 12px rgba(0,0,0,.28)) drop-shadow(0 0 28px rgba(var(--k348-board-accent-rgb),.10))!important;
}

/* Header is cleaner: no decorative gold underline. */
:root[data-visual-style="2040"] .k346-contracts-boards .k346-board-title{
  height:40px!important;
  margin:0 2px 17px!important;
  padding:0 2px 12px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
:root[data-visual-style="2040"] .k346-contracts-boards .k346-board-title:after{
  content:none!important;
  display:none!important;
}
:root[data-visual-style="2040"] .k346-contracts-boards .k346-board-title strong{
  color:rgba(255,250,246,.96)!important;
  font-size:13px!important;
  letter-spacing:.07em!important;
}
:root[data-visual-style="2040"] .k346-contracts-boards .k346-board-title span{
  min-width:42px!important;
  height:27px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:9px!important;
  background:color-mix(in srgb,var(--k348-board) 86%,#000 14%)!important;
  color:rgba(255,246,238,.68)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}

/* Slots live inside a solid wing but retain a tiny amount of depth. */
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-slot-grid .contract-slot.k341-contract-slot{
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:15px!important;
  background:
    linear-gradient(145deg,
      color-mix(in srgb,var(--k348-board-2) 88%,#fff 2%),
      color-mix(in srgb,var(--k348-board) 91%,#000 9%))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 14px 26px rgba(0,0,0,.16)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-slot-grid .contract-slot.k341-contract-slot:hover{
  border-color:rgba(var(--k348-board-accent-rgb),.20)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 16px 30px rgba(0,0,0,.19),0 0 18px rgba(var(--k348-board-accent-rgb),.045)!important;
}

/* Centre action is a floating connector, not a gold-bordered rural button. */
:root[data-visual-style="2040"] .k346-contracts-boards .k346-contract-cta-wrap:before{
  width:92%!important;
  height:92px!important;
  background:radial-gradient(ellipse,rgba(var(--k348-board-accent-rgb),.16),rgba(var(--k348-board-accent-rgb),.045) 46%,transparent 72%)!important;
  filter:blur(18px)!important;
  opacity:.9!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards #runContract{
  width:100%!important;
  max-width:230px!important;
  height:58px!important;
  border:1px solid rgba(255,255,255,.105)!important;
  border-radius:17px!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(var(--k348-board-accent-rgb),.14),transparent 42%),
    linear-gradient(150deg,color-mix(in srgb,var(--k348-board-2) 92%,#fff 3%),color-mix(in srgb,var(--k348-board) 86%,#000 14%))!important;
  color:rgba(255,250,246,.98)!important;
  box-shadow:
    0 20px 36px rgba(0,0,0,.34),
    0 0 28px rgba(var(--k348-board-accent-rgb),.10),
    inset 0 1px rgba(255,255,255,.06),
    inset 0 -1px rgba(0,0,0,.38)!important;
  text-shadow:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards #runContract:not(:disabled):hover{
  transform:translateY(-2px)!important;
  border-color:rgba(var(--k348-board-accent-rgb),.28)!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(var(--k348-board-accent-rgb),.19),transparent 43%),
    linear-gradient(150deg,color-mix(in srgb,var(--k348-board-2) 90%,#fff 5%),color-mix(in srgb,var(--k348-board) 84%,#000 16%))!important;
  box-shadow:0 24px 42px rgba(0,0,0,.38),0 0 34px rgba(var(--k348-board-accent-rgb),.14),inset 0 1px rgba(255,255,255,.08)!important;
}

/* ---------------------------------------------------------
   3) UPGRADE — TOP SOURCE / TARGET PANELS ARE FULLY OPAQUE
   The scene must never be visible through these two blocks.
   --------------------------------------------------------- */
:root[data-visual-style="2040"]{
  --k349-up-source:#241713;
  --k349-up-source-hi:#321e18;
  --k349-up-target:#1e1411;
  --k349-up-target-hi:#2b1915;
}
:root[data-visual-style="2040"][data-k2040-palette="coffee"]{
  --k349-up-source:#241713;--k349-up-source-hi:#321e18;
  --k349-up-target:#1e1411;--k349-up-target-hi:#2b1915;
}
:root[data-visual-style="2040"][data-k2040-palette="blackpearl"]{
  --k349-up-source:#17101e;--k349-up-source-hi:#25172d;
  --k349-up-target:#110e1b;--k349-up-target-hi:#20172c;
}
:root[data-visual-style="2040"][data-k2040-palette="gamma"]{
  --k349-up-source:#0b1913;--k349-up-source-hi:#10271c;
  --k349-up-target:#08150f;--k349-up-target-hi:#0d2318;
}
:root[data-visual-style="2040"][data-k2040-palette="fade"]{
  --k349-up-source:#211016;--k349-up-source-hi:#32141e;
  --k349-up-target:#190c12;--k349-up-target-hi:#2a1019;
}

:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-side,
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-source,
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-target{
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-source{
  background-color:var(--k349-up-source)!important;
  background-image:
    radial-gradient(circle at 72% 35%,rgba(var(--k348-board-accent-rgb),.085),transparent 46%),
    linear-gradient(150deg,var(--k349-up-source-hi),var(--k349-up-source) 58%,color-mix(in srgb,var(--k349-up-source) 84%,#000 16%))!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:0 28px 58px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.045),inset 0 -1px rgba(0,0,0,.36)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-target{
  background-color:var(--k349-up-target)!important;
  background-image:
    radial-gradient(circle at 28% 35%,rgba(var(--k348-board-accent-rgb),.075),transparent 46%),
    linear-gradient(150deg,var(--k349-up-target-hi),var(--k349-up-target) 58%,color-mix(in srgb,var(--k349-up-target) 84%,#000 16%))!important;
  border-color:rgba(255,255,255,.075)!important;
  box-shadow:0 28px 58px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.045),inset 0 -1px rgba(0,0,0,.36)!important;
}

/* Any inner content stays transparent over the SOLID panel, never over BODY. */
:root[data-visual-style="2040"][data-theme="hub"] :is(.hub-u151-source,.hub-u151-target) .hub-u151-side-content{
  background:transparent!important;
}

@media(max-width:1120px){
  :root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-stage{
    grid-template-columns:1fr!important;
    gap:18px!important;
    min-height:0!important;
    padding:14px 0 28px!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board-left,
  :root[data-visual-style="2040"][data-theme="hub"] .k346-contracts-boards .k346-contract-board-right{
    height:auto!important;min-height:360px!important;padding:28px!important;
    clip-path:none!important;border-radius:24px!important;transform:none!important;
  }
  :root[data-visual-style="2040"] .k346-contracts-boards .k346-contract-cta-wrap{min-height:70px!important}
}

@media(max-width:980px){
  :root[data-visual-style="2040"][data-k2040-palette][data-k348-background] body,
  html:root[data-visual-style="2040"][data-k2040-palette][data-k348-background] body.profile-page,
  html:root[data-visual-style="2040"][data-k2040-palette][data-k348-background] body.legal-page{
    background-attachment:scroll!important;
    background-position:center top!important;
  }
}

/* ===== v356-contract-absolute.css ===== */
/* =========================================================
   KORZH v356 — CONTRACT ABSOLUTE / NO AGENT
   2040 only. Completely new contract composition.
   ========================================================= */

:root[data-visual-style="2040"] .k356-contracts-absolute{
  width:min(1360px,calc(100vw - 300px))!important;
  max-width:none!important;
  margin:0 auto!important;
}

:root[data-visual-style="2040"] .k356-contracts-absolute .contract-lab-v201{
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Header */
.k356-contract-head{
  width:calc(100% - 36px);
  margin:0 auto 14px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  box-sizing:border-box;
}
.k356-contract-heading h1{
  margin:0;
  font-size:24px;
  line-height:1;
  font-weight:950;
  letter-spacing:.015em;
  color:rgba(255,255,255,.97);
}
.k356-contract-heading p{
  margin:7px 0 0;
  font-size:9px;
  line-height:1;
  font-weight:850;
  letter-spacing:.08em;
  color:rgba(255,255,255,.42);
}
.k356-contract-status{
  min-width:244px;
  height:46px;
  padding:0 14px;
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(var(--k348-board-accent-rgb),.22);
  border-radius:15px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--k348-board-2) 90%,#000 10%),color-mix(in srgb,var(--k348-board) 92%,#000 8%));
  box-shadow:0 12px 30px rgba(0,0,0,.20),inset 0 1px rgba(255,255,255,.04);
  box-sizing:border-box;
}
.k356-contract-status>i{
  width:26px;height:26px;
  flex:0 0 26px;
  display:grid;place-items:center;
  border-radius:50%;
  font-style:normal;
  color:rgba(255,255,255,.86);
  background:rgba(var(--k348-board-accent-rgb),.14);
  box-shadow:0 0 18px rgba(var(--k348-board-accent-rgb),.12);
}
.k356-contract-status div{display:flex;flex-direction:column;gap:3px}
.k356-contract-status strong{font-size:9px;line-height:1;font-weight:950;letter-spacing:.055em;color:rgba(255,255,255,.91)}
.k356-contract-status small{font-size:6px;line-height:1;font-weight:800;letter-spacing:.05em;color:rgba(255,255,255,.38)}

/* Stage: both blocks are absolute, there is no character layer at all. */
.k356-contract-stage{
  position:relative;
  width:100%;
  height:474px;
  margin:0 auto;
  perspective:1900px;
  perspective-origin:50% 48%;
  isolation:isolate;
}
.k356-contract-stage:before{
  content:"";
  position:absolute;
  left:4%;right:4%;bottom:28px;height:82px;
  pointer-events:none;
  background:
    radial-gradient(ellipse 36% 72% at 24% 50%,rgba(var(--k348-board-accent-rgb),.10),transparent 70%),
    radial-gradient(ellipse 36% 72% at 76% 50%,rgba(var(--k348-board-accent-rgb),.10),transparent 70%),
    radial-gradient(ellipse 30% 48% at 24% 60%,rgba(0,0,0,.52),transparent 72%),
    radial-gradient(ellipse 30% 48% at 76% 60%,rgba(0,0,0,.52),transparent 72%);
  filter:blur(19px);
  opacity:.96;
}

.k356-contract-board{
  position:absolute;
  top:18px;
  width:calc(50% - 46px);
  height:408px;
  padding:25px 27px 20px;
  display:grid;
  grid-template-rows:58px 1fr 30px;
  box-sizing:border-box;
  border:1px solid rgba(var(--k348-board-accent-rgb),.36);
  border-radius:30px;
  overflow:hidden;
  isolation:isolate;
  transform-style:preserve-3d;
  backface-visibility:hidden;
  background:
    radial-gradient(720px 280px at 50% -14%,rgba(var(--k348-board-accent-rgb),.12),transparent 58%),
    linear-gradient(148deg,color-mix(in srgb,var(--k348-board-2) 95%,#fff 5%) 0%,var(--k348-board-2) 28%,var(--k348-board) 70%,color-mix(in srgb,var(--k348-board) 84%,#000 16%) 100%);
  box-shadow:
    0 32px 60px rgba(0,0,0,.42),
    0 10px 20px rgba(0,0,0,.28),
    0 0 28px rgba(var(--k348-board-accent-rgb),.08),
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 -1px 0 rgba(0,0,0,.42);
  transition:transform .38s cubic-bezier(.2,.8,.2,1),border-color .3s ease,box-shadow .3s ease;
}
.k356-contract-board-left{
  left:0;
  transform-origin:100% 50%;
  transform:rotateY(3.25deg) translateZ(5px);
}
.k356-contract-board-right{
  right:0;
  transform-origin:0 50%;
  transform:rotateY(-3.25deg) translateZ(5px);
}
.k356-contract-board:hover{
  border-color:rgba(var(--k348-board-accent-rgb),.52);
  box-shadow:0 37px 68px rgba(0,0,0,.46),0 12px 22px rgba(0,0,0,.30),0 0 36px rgba(var(--k348-board-accent-rgb),.12),inset 0 1px 0 rgba(255,255,255,.09);
}
.k356-contract-board-left:hover{transform:rotateY(2.25deg) translateY(-3px) translateZ(12px)}
.k356-contract-board-right:hover{transform:rotateY(-2.25deg) translateY(-3px) translateZ(12px)}

/* Technical glass texture inside the real boundary. */
.k356-contract-board:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(115deg,transparent 0 17%,rgba(255,255,255,.022) 17.15% 17.35%,transparent 17.5% 82%,rgba(255,255,255,.014) 82.15% 82.35%,transparent 82.5%),
    linear-gradient(180deg,rgba(255,255,255,.023),transparent 24%,transparent 72%,rgba(0,0,0,.18));
}
.k356-contract-board:after{
  content:"";
  position:absolute;
  inset:9px;
  z-index:0;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.055);
  border-radius:22px;
  box-shadow:inset 0 0 26px rgba(var(--k348-board-accent-rgb),.025);
}
.k356-board-aura{
  position:absolute!important;
  z-index:0!important;
  width:58%;height:52%;
  top:-24%;
  border-radius:50%;
  filter:blur(30px);
  opacity:.32;
  background:rgba(var(--k348-board-accent-rgb),.18);
  pointer-events:none;
}
.k356-contract-board-left .k356-board-aura{left:-12%}
.k356-contract-board-right .k356-board-aura{right:-12%}
.k356-contract-board>*:not(.k356-board-aura){position:relative;z-index:2}

/* Board head */
.k356-board-head{
  height:58px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 2px 13px;
  border-bottom:1px solid rgba(255,255,255,.075);
  box-sizing:border-box;
}
.k356-board-head>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.k356-board-head span{
  font-size:7px;line-height:1;font-weight:900;letter-spacing:.18em;
  color:rgba(var(--k348-board-accent-rgb),.82);
}
.k356-board-head strong{
  font-size:14px;line-height:1;font-weight:950;letter-spacing:.06em;
  color:rgba(255,255,255,.96);white-space:nowrap;
}
.k356-board-head>b{
  min-width:42px;height:30px;padding:0 10px;
  display:grid;place-items:center;
  box-sizing:border-box;
  border:1px solid rgba(var(--k348-board-accent-rgb),.20);
  border-radius:11px;
  background:rgba(0,0,0,.18);
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 0 14px rgba(var(--k348-board-accent-rgb),.045);
  color:rgba(255,255,255,.83);
  font-size:10px;line-height:1;font-weight:950;
}

/* Left: luminous cards */
.k356-slot-grid{
  min-height:0;
  padding:15px 1px 12px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:12px;
}
:root[data-visual-style="2040"] .k356-slot-grid .contract-slot.k341-contract-slot{
  position:relative!important;
  width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
  margin:0!important;padding:9px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;
  border:1px solid rgba(var(--k348-board-accent-rgb),.18)!important;
  border-radius:17px!important;
  background:
    radial-gradient(circle at 50% 8%,rgba(var(--k348-board-accent-rgb),.11),transparent 45%),
    linear-gradient(150deg,color-mix(in srgb,var(--k348-board-2) 87%,#fff 2%),color-mix(in srgb,var(--k348-board) 91%,#000 9%))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 0 26px rgba(var(--k348-board-accent-rgb),.025),
    0 10px 24px rgba(0,0,0,.18),
    0 0 16px rgba(var(--k348-board-accent-rgb),.045)!important;
  overflow:hidden!important;
  transform:none!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease!important;
}
:root[data-visual-style="2040"] .k356-slot-grid .contract-slot.k341-contract-slot:before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 26%,transparent 70%,rgba(var(--k348-board-accent-rgb),.065));
  opacity:.8;
}
:root[data-visual-style="2040"] .k356-slot-grid .contract-slot.k341-contract-slot:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(var(--k348-board-accent-rgb),.42)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 14px 30px rgba(0,0,0,.24),0 0 24px rgba(var(--k348-board-accent-rgb),.13)!important;
}
:root[data-visual-style="2040"] .k356-slot-grid .contract-slot.filled{
  border-color:color-mix(in srgb,var(--rarity) 45%,rgba(var(--k348-board-accent-rgb),.18))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 12px 26px rgba(0,0,0,.22),0 0 22px color-mix(in srgb,var(--rarity) 18%,transparent)!important;
}
:root[data-visual-style="2040"] .k356-slot-grid .contract-slot.filled img{
  width:auto!important;max-width:92%!important;height:70px!important;max-height:70px!important;object-fit:contain!important;
  margin:0 auto 5px!important;
  filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))!important;
}
:root[data-visual-style="2040"] .k356-slot-grid .contract-slot.filled small,
:root[data-visual-style="2040"] .k356-slot-grid .contract-slot.filled b,
:root[data-visual-style="2040"] .k356-slot-grid .contract-slot.filled span{
  position:relative!important;inset:auto!important;transform:none!important;text-align:center!important;max-width:100%!important;
}
:root[data-visual-style="2040"] .k356-slot-grid .contract-slot.filled small{font-size:6px!important;color:rgba(255,255,255,.46)!important}
:root[data-visual-style="2040"] .k356-slot-grid .contract-slot.filled b{font-size:8px!important;line-height:1.08!important;color:rgba(255,255,255,.94)!important;margin-top:2px!important}
:root[data-visual-style="2040"] .k356-slot-grid .contract-slot.filled>span{font-size:7px!important;color:rgba(255,255,255,.74)!important;margin-top:5px!important}

.k356-slot-grid .k341-slot-dock{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  text-align:center!important;
}
.k356-slot-grid .k341-slot-dock i{
  width:34px!important;height:34px!important;
  display:grid!important;place-items:center!important;
  border-radius:50%!important;
  border:1px solid rgba(var(--k348-board-accent-rgb),.28)!important;
  background:rgba(var(--k348-board-accent-rgb),.07)!important;
  box-shadow:0 0 20px rgba(var(--k348-board-accent-rgb),.09),inset 0 1px rgba(255,255,255,.04)!important;
}
.k356-slot-grid .k341-slot-dock i:before{
  content:"+";
  display:block;
  font-style:normal;
  font-size:19px;line-height:1;font-weight:450;
  color:rgba(255,255,255,.78);
}
.k356-slot-grid .k341-slot-dock b{
  position:absolute!important;top:9px!important;right:10px!important;
  font-size:6px!important;line-height:1!important;letter-spacing:.12em!important;
  color:rgba(255,255,255,.22)!important;
}
.k356-slot-grid .k341-slot-dock em{
  margin:0!important;
  font-style:normal!important;
  font-size:7px!important;line-height:1!important;font-weight:900!important;letter-spacing:.08em!important;
  color:rgba(255,255,255,.52)!important;
}

/* Right: no actual weapon asset. Only a neutral gray holographic karambit shadow. */
.k356-result-zone{
  min-height:0;
  display:grid;
  grid-template-rows:1fr auto;
  align-items:center;
  justify-items:center;
  padding:8px 0 10px;
}
.k356-karambit-holo{
  position:relative;
  width:94%;height:235px;
  display:grid;place-items:center;
}
.k356-karambit-holo:before{
  content:"";
  position:absolute;
  width:68%;height:52%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(200,205,214,.105),rgba(200,205,214,.025) 46%,transparent 72%);
  filter:blur(13px);
}
.k356-holo-ring{
  position:absolute;
  left:50%;top:57%;
  border:1px solid rgba(206,211,220,.11);
  border-radius:50%;
  transform:translate(-50%,-50%) rotateX(68deg);
  box-shadow:0 0 14px rgba(206,211,220,.035);
}
.k356-holo-ring.ring-a{width:72%;height:108px}
.k356-holo-ring.ring-b{width:54%;height:80px;opacity:.7}
.k356-holo-ring.ring-c{width:35%;height:52px;opacity:.45}
.k356-karambit-shadow{
  position:relative;
  z-index:2;
  width:82%;height:190px;
  transform:rotate(-7deg) translateY(-3px);
  overflow:visible;
  filter:drop-shadow(0 11px 13px rgba(0,0,0,.34)) drop-shadow(0 0 13px rgba(210,215,224,.08));
}
.k356-karambit-shadow path,
.k356-karambit-shadow circle{
  fill:rgba(190,196,205,.20);
  stroke:rgba(218,223,230,.16);
  stroke-width:2;
}
.k356-karambit-shadow .k356-karambit-hole{
  fill:color-mix(in srgb,var(--k348-board) 88%,#000 12%);
  stroke:rgba(218,223,230,.12);
}
.k356-result-copy{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  text-align:center;
}
.k356-result-copy strong{font-size:8px;line-height:1;font-weight:950;letter-spacing:.15em;color:rgba(220,224,230,.60)}
.k356-result-copy span{font-size:7px;line-height:1;font-weight:850;letter-spacing:.06em;color:rgba(255,255,255,.34)}

.k356-board-foot{
  display:flex;align-items:center;justify-content:center;gap:10px;
  min-width:0;
  color:rgba(255,255,255,.28);
  font-size:6px;line-height:1;font-weight:850;letter-spacing:.08em;
  white-space:nowrap;
}
.k356-board-foot i{width:44px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--k348-board-accent-rgb),.34),transparent)}

/* Central CTA floats between the two panels, but there is intentionally no character. */
.k356-contract-cta-wrap{
  position:absolute;
  z-index:20;
  left:50%;bottom:2px;
  width:390px;height:66px;
  transform:translateX(-50%);
  display:grid;place-items:center;
  pointer-events:none;
}
:root[data-visual-style="2040"] .k356-contract-cta-wrap #runContract{
  pointer-events:auto;
  width:362px!important;height:60px!important;
  margin:0!important;padding:0 28px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;
  border:1px solid rgba(var(--k348-board-accent-rgb),.48)!important;
  border-radius:19px!important;
  background:
    radial-gradient(160px 60px at 50% 0%,rgba(var(--k348-board-accent-rgb),.16),transparent 70%),
    linear-gradient(150deg,color-mix(in srgb,var(--k348-board-2) 90%,#fff 4%),color-mix(in srgb,var(--k348-board) 84%,#000 16%))!important;
  color:rgba(255,255,255,.92)!important;
  font-size:11px!important;line-height:1!important;font-weight:950!important;letter-spacing:.065em!important;
  box-shadow:0 18px 34px rgba(0,0,0,.34),0 0 28px rgba(var(--k348-board-accent-rgb),.16),inset 0 1px rgba(255,255,255,.08)!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
:root[data-visual-style="2040"] .k356-contract-cta-wrap #runContract:not(:disabled):hover{
  transform:translateY(-2px)!important;
  border-color:rgba(var(--k348-board-accent-rgb),.72)!important;
  box-shadow:0 22px 40px rgba(0,0,0,.38),0 0 38px rgba(var(--k348-board-accent-rgb),.22),inset 0 1px rgba(255,255,255,.10)!important;
}
:root[data-visual-style="2040"] .k356-contract-cta-wrap #runContract img{width:25px!important;height:25px!important;margin:0!important;object-fit:contain!important}

/* Summary */
:root[data-visual-style="2040"] .k356-contract-summary{
  width:min(930px,73%)!important;
  min-height:58px!important;
  margin:-5px auto 18px!important;
  padding:0 20px!important;
  display:grid!important;
  grid-template-columns:1fr 44px 1.2fr .7fr!important;
  align-items:center!important;
  box-sizing:border-box!important;
  border:1px solid rgba(var(--k348-board-accent-rgb),.18)!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--k348-board-2) 90%,#000 10%),color-mix(in srgb,var(--k348-board) 92%,#000 8%))!important;
  box-shadow:0 15px 30px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035)!important;
}
.k356-contract-summary>div{min-width:0}
.k356-contract-summary small{display:block;font-size:7px!important;line-height:1!important;font-weight:900!important;letter-spacing:.085em!important;color:rgba(255,255,255,.36)!important;margin-bottom:6px!important}
.k356-contract-summary strong{font-size:13px!important;line-height:1!important;color:rgba(255,255,255,.92)!important}
.k356-contract-summary .contract-arrow{text-align:center!important;color:rgba(var(--k348-board-accent-rgb),.62)!important}
.k356-contract-chance{text-align:right}

/* Inventory stays clean and full width under the new composition. */
:root[data-visual-style="2040"] .k356-contracts-absolute .picker-section{
  width:calc(100% - 34px)!important;
  max-width:none!important;
  margin:0 auto 28px!important;
}

@media(max-width:1500px){
  :root[data-visual-style="2040"] .k356-contracts-absolute{width:calc(100vw - 250px)!important}
  .k356-contract-stage{height:444px}
  .k356-contract-board{height:382px;width:calc(50% - 38px);padding:23px 23px 18px;border-radius:27px}
  .k356-slot-grid{gap:9px;padding-top:12px}
  .k356-karambit-holo{height:210px}
  .k356-contract-cta-wrap{bottom:0}
}

@media(max-width:1180px){
  :root[data-visual-style="2040"] .k356-contracts-absolute{width:calc(100vw - 170px)!important}
  .k356-contract-head{width:100%}
  .k356-contract-stage{height:auto;display:grid;grid-template-columns:1fr;gap:15px;perspective:none;padding-bottom:76px}
  .k356-contract-board{position:relative;left:auto;right:auto;top:auto;width:100%;height:390px;transform:none!important}
  .k356-contract-cta-wrap{bottom:0}
  :root[data-visual-style="2040"] .k356-contract-summary{width:100%!important}
  :root[data-visual-style="2040"] .k356-contracts-absolute .picker-section{width:100%!important}
}

@media(max-width:760px){
  :root[data-visual-style="2040"] .k356-contracts-absolute{width:calc(100vw - 24px)!important}
  .k356-contract-head{align-items:flex-start;flex-direction:column}
  .k356-contract-status{min-width:0;width:100%}
  .k356-contract-board{height:auto;min-height:430px;padding:20px 18px}
  .k356-slot-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,118px)}
  .k356-contract-cta-wrap{width:100%}
  :root[data-visual-style="2040"] .k356-contract-cta-wrap #runContract{width:min(360px,92vw)!important}
  :root[data-visual-style="2040"] .k356-contract-summary{grid-template-columns:1fr 28px 1fr .55fr!important;padding:0 12px!important}
}

@media(prefers-reduced-motion:reduce){
  .k356-contract-board,.k356-slot-grid .contract-slot,.k356-contract-cta-wrap #runContract{transition:none!important}
}

/* ===== v357-bonus.css ===== */
/* KORZH v348 — Bonus vault / vertical reward reel / interaction hardening */
:root[data-visual-style="2040"] .k348-bonus-page{
  width:min(1180px,calc(100vw - 250px));
  margin:34px auto 120px;
  position:relative;
  z-index:2;
}
:root[data-visual-style="2040"] .k348-bonus-shell{
  border:1px solid color-mix(in srgb,var(--theme-accent,#e0a071) 28%,transparent);
  border-radius:28px;
  padding:30px 34px 34px;
  background:linear-gradient(145deg,rgba(19,14,12,.88),rgba(8,9,12,.93));
  box-shadow:0 26px 75px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.045);
  overflow:hidden;
}
:root[data-visual-style="2040"] .k348-bonus-head{text-align:center;max-width:680px;margin:0 auto 18px}
:root[data-visual-style="2040"] .k348-bonus-head small{font-size:10px;letter-spacing:.25em;color:#dda278;font-weight:900}
:root[data-visual-style="2040"] .k348-bonus-head h1{margin:7px 0 8px;font-size:34px;letter-spacing:.035em}
:root[data-visual-style="2040"] .k348-bonus-head p{margin:0;color:#a89d97;font-size:12px;line-height:1.55}
:root[data-visual-style="2040"] .k348-bonus-progress{max-width:650px;margin:20px auto 26px;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(9,9,12,.68)}
:root[data-visual-style="2040"] .k348-bonus-progress>div{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:9px;font-size:10px;letter-spacing:.09em}
:root[data-visual-style="2040"] .k348-bonus-progress span{color:#8e8580;font-weight:800}
:root[data-visual-style="2040"] .k348-bonus-progress b{font-size:11px;color:#e9ded8}
:root[data-visual-style="2040"] .k348-bonus-progress>i{display:block;position:relative;height:5px;border-radius:999px;background:#242127;overflow:hidden}
:root[data-visual-style="2040"] .k348-bonus-progress>i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--p,0%);border-radius:inherit;background:linear-gradient(90deg,#a96048,#ffb36e);box-shadow:0 0 18px rgba(255,169,107,.38);transition:width .35s ease}
:root[data-visual-style="2040"] .k348-slot-machine{width:min(600px,100%);margin:0 auto;display:flex;flex-direction:column;align-items:center}
:root[data-visual-style="2040"] .k348-slot-bezel{width:100%;padding:11px;border-radius:24px;background:linear-gradient(145deg,#33231c,#161316);box-shadow:0 0 0 1px rgba(255,194,136,.24),0 0 42px rgba(190,102,54,.12),inset 0 1px rgba(255,255,255,.08)}
:root[data-visual-style="2040"] .k348-slot-window{height:318px;position:relative;overflow:hidden;border-radius:16px;background:linear-gradient(180deg,#07090d,#111017 45%,#07090d);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),inset 0 30px 60px rgba(0,0,0,.7),inset 0 -30px 60px rgba(0,0,0,.7)}
:root[data-visual-style="2040"] .k348-slot-window::before,:root[data-visual-style="2040"] .k348-slot-window::after{content:"";position:absolute;z-index:4;left:0;right:0;height:76px;pointer-events:none}
:root[data-visual-style="2040"] .k348-slot-window::before{top:0;background:linear-gradient(#07090d,transparent)}
:root[data-visual-style="2040"] .k348-slot-window::after{bottom:0;background:linear-gradient(transparent,#07090d)}
:root[data-visual-style="2040"] .k348-slot-marker{position:absolute;z-index:6;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,#ffb078 18%,#ffd0a7 50%,#ffb078 82%,transparent);box-shadow:0 0 13px rgba(255,166,100,.55);pointer-events:none}
:root[data-visual-style="2040"] .k348-slot-marker.top{top:128px}
:root[data-visual-style="2040"] .k348-slot-marker.bottom{top:190px}
:root[data-visual-style="2040"] .k348-slot-reel{display:flex;flex-direction:column;gap:8px;padding:16px 18px;will-change:transform;transform:translate3d(0,0,0)}
:root[data-visual-style="2040"] .k348-slot-reel.spin-commit{animation:k348-reel-spin 1.25s cubic-bezier(.12,.72,.14,1) both}
@keyframes k348-reel-spin{0%{transform:translate3d(0,0,0)}35%{transform:translate3d(0,-430px,0)}72%{transform:translate3d(0,-760px,0)}100%{transform:translate3d(0,-650px,0)}}
:root[data-visual-style="2040"] .k348-bonus-symbol{height:55px;flex:0 0 55px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:linear-gradient(100deg,rgba(255,255,255,.025),rgba(218,113,70,.07),rgba(255,255,255,.02));display:flex;align-items:center;justify-content:center;text-align:center;padding:0 18px;color:#aaa1a0;font-size:11px;font-weight:900;letter-spacing:.065em;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}
:root[data-visual-style="2040"] .k348-bonus-symbol.is-winner{border-color:rgba(255,185,120,.62);background:linear-gradient(100deg,rgba(122,68,44,.26),rgba(231,129,76,.21),rgba(90,53,39,.22));color:#fff3e8;box-shadow:0 0 24px rgba(230,120,70,.14),inset 0 0 18px rgba(255,163,100,.06)}
:root[data-visual-style="2040"] .k348-slot-result{min-height:64px;margin:17px 0 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#847b77;font-size:11px;font-weight:800;letter-spacing:.08em}
:root[data-visual-style="2040"] .k348-slot-result small{color:#9a8d85;font-size:9px;letter-spacing:.2em;margin-bottom:5px}
:root[data-visual-style="2040"] .k348-slot-result strong{font-size:17px;color:#f7e8df;letter-spacing:.025em}
:root[data-visual-style="2040"] .k348-bonus-primary{
  min-width:250px;min-height:48px;padding:0 26px;border-radius:14px!important;border:1px solid rgba(255,192,135,.55)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;
  color:#1a100d!important;background:linear-gradient(180deg,#ffc18b,#e58b58)!important;font-weight:950!important;font-size:11px!important;letter-spacing:.09em!important;
  box-shadow:0 0 0 1px rgba(255,166,99,.12),0 9px 28px rgba(156,75,40,.22);transform:none!important;transition:box-shadow .18s ease,filter .18s ease,opacity .18s ease!important
}
:root[data-visual-style="2040"] .k348-bonus-primary:hover:not(:disabled){filter:brightness(1.045);box-shadow:0 0 0 1px rgba(255,175,111,.22),0 10px 34px rgba(192,91,43,.28),0 0 25px rgba(244,141,81,.12)}
:root[data-visual-style="2040"] .k348-bonus-primary:active:not(:disabled){filter:brightness(.97);transform:none!important}
:root[data-visual-style="2040"] .k348-bonus-primary:disabled{opacity:.34;cursor:not-allowed}
:root[data-visual-style="2040"] .k348-bonus-prize-grid{margin:28px auto 0;max-width:920px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
:root[data-visual-style="2040"] .k348-bonus-prize-grid>div{min-height:42px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:rgba(8,9,12,.45);display:flex;align-items:center;justify-content:center;text-align:center;padding:7px 12px;color:#807875;font-size:9px;font-weight:800;letter-spacing:.045em}

/* Profile bonus vault */
:root[data-visual-style="2040"] .k348-profile-bonus-wrap{width:100%;padding:12px 8px 26px}
:root[data-visual-style="2040"] .k348-profile-telegram{min-height:88px;border:1px solid rgba(255,171,111,.24);border-radius:17px;background:linear-gradient(105deg,rgba(49,30,23,.6),rgba(13,15,18,.76));padding:16px 18px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:inset 0 1px rgba(255,255,255,.035)}
:root[data-visual-style="2040"] .k348-profile-telegram>div{display:flex;flex-direction:column;gap:3px}
:root[data-visual-style="2040"] .k348-profile-telegram small{font-size:8px;letter-spacing:.22em;color:#da936b;font-weight:900}
:root[data-visual-style="2040"] .k348-profile-telegram strong{font-size:14px;color:#f1e7e1}
:root[data-visual-style="2040"] .k348-profile-telegram span{font-size:10px;color:#8f8580}
:root[data-visual-style="2040"] .k348-profile-telegram.linked{border-color:rgba(84,211,143,.28);background:linear-gradient(105deg,rgba(23,60,42,.38),rgba(12,16,16,.76))}
:root[data-visual-style="2040"] #profileTelegramLink{min-width:128px;min-height:38px;padding:0 15px;border-radius:11px;border:1px solid rgba(255,170,110,.35);background:#241916;color:#f1ded4;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;font-weight:900;letter-spacing:.08em;transform:none!important;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease!important}
:root[data-visual-style="2040"] #profileTelegramLink:hover{background:#31201a;border-color:rgba(255,180,120,.58);box-shadow:0 0 20px rgba(230,126,72,.1)}
:root[data-visual-style="2040"] .k348-profile-bonus-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
:root[data-visual-style="2040"] .k348-profile-bonus-card{position:relative;min-height:156px;overflow:hidden;border-radius:17px;border:1px solid rgba(255,255,255,.08);padding:18px 17px 52px;background:radial-gradient(circle at 72% 16%,rgba(213,117,76,.17),transparent 43%),linear-gradient(145deg,#171316,#0b0d11);display:flex;flex-direction:column;gap:7px;box-shadow:0 12px 30px rgba(0,0,0,.18);transition:border-color .2s ease,box-shadow .2s ease}
:root[data-visual-style="2040"] .k348-profile-bonus-card:hover{border-color:rgba(255,176,116,.3);box-shadow:0 14px 34px rgba(0,0,0,.24),0 0 24px rgba(211,111,64,.07)}
:root[data-visual-style="2040"] .k348-profile-bonus-card small{font-size:8px;color:#b67c5e;letter-spacing:.16em;font-weight:900}
:root[data-visual-style="2040"] .k348-profile-bonus-card strong{font-size:15px;line-height:1.2;color:#eee5df}
:root[data-visual-style="2040"] .k348-profile-bonus-card>span{font-size:9px;color:#77716f;font-weight:800;letter-spacing:.07em}
:root[data-visual-style="2040"] .k348-profile-bonus-card.active{border-color:rgba(74,208,137,.27);background:radial-gradient(circle at 72% 16%,rgba(52,164,105,.15),transparent 43%),linear-gradient(145deg,#111a16,#0b0e10)}
:root[data-visual-style="2040"] .k348-profile-bonus-card.used{opacity:.52}
:root[data-visual-style="2040"] .k348-bonus-activate{position:absolute;left:12px;right:12px;bottom:11px;height:35px;border-radius:10px;border:1px solid rgba(255,180,119,.35);background:linear-gradient(180deg,#352018,#251713);color:#f0d9cb;display:flex;align-items:center;justify-content:center;text-align:center;font-size:9px;font-weight:900;letter-spacing:.08em;transform:translateY(45px)!important;opacity:0;transition:transform .22s cubic-bezier(.2,.75,.2,1),opacity .18s ease,background .18s ease!important}
:root[data-visual-style="2040"] .k348-profile-bonus-card:hover .k348-bonus-activate,:root[data-visual-style="2040"] .k348-bonus-activate:focus-visible{transform:translateY(0)!important;opacity:1}
:root[data-visual-style="2040"] .k348-bonus-code{margin-top:auto;display:flex;align-items:center;gap:7px;padding-top:7px}
:root[data-visual-style="2040"] .k348-bonus-code code{flex:1;min-width:0;padding:8px 9px;border:1px solid rgba(255,255,255,.07);border-radius:9px;color:#f0d2c1;background:#090a0d;font-size:10px;overflow:hidden;text-overflow:ellipsis}
:root[data-visual-style="2040"] .k348-bonus-code button{height:31px;padding:0 10px;border:1px solid rgba(255,178,116,.25);border-radius:9px;background:#211714;color:#d9b9a7;display:flex;align-items:center;justify-content:center;text-align:center;font-size:8px;font-weight:900;transform:none!important}
:root[data-visual-style="2040"] .k348-bonus-loading{min-height:160px;display:flex;align-items:center;justify-content:center;color:#817772;font-size:10px;letter-spacing:.12em;font-weight:900}

/* Optimistic plane cashout: instantaneous feedback, no layout jump. */
:root[data-visual-style="2040"] #planeAction.cashout-optimistic{box-shadow:0 0 0 1px rgba(81,224,148,.24),0 0 26px rgba(65,202,126,.15)!important;transition:box-shadow .12s ease,background .12s ease!important}
:root[data-visual-style="2040"] #planeFlightShell.cashout-optimistic{outline:1px solid rgba(76,214,139,.09);outline-offset:-1px}

/* Every v348 action remains mathematically centered. */
:root[data-visual-style="2040"] .k348-bonus-primary,
:root[data-visual-style="2040"] .k348-bonus-activate,
:root[data-visual-style="2040"] .k348-bonus-code button,
:root[data-visual-style="2040"] #profileTelegramLink{align-items:center!important;justify-content:center!important;text-align:center!important}

@media(max-width:1600px){
  :root[data-visual-style="2040"] .k348-bonus-page{width:min(1050px,calc(100vw - 220px));margin-top:24px}
  :root[data-visual-style="2040"] .k348-slot-window{height:292px}
  :root[data-visual-style="2040"] .k348-profile-bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1100px){
  :root[data-visual-style="2040"] .k348-bonus-page{width:calc(100vw - 54px)}
  :root[data-visual-style="2040"] .k348-bonus-shell{padding:24px 18px}
  :root[data-visual-style="2040"] .k348-bonus-prize-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){
  :root[data-visual-style="2040"] .k348-slot-reel.spin-commit{animation-duration:.01ms}
  :root[data-visual-style="2040"] .k348-bonus-activate{transition:none!important}
}

/* ===== v359-performance-bonus.css ===== */
/* =========================================================
   KORZH v359 — PERFORMANCE COMPOSITOR + BONUS WHEEL
   2040 only. Standard mode remains untouched.
   ========================================================= */

/* One compositor-friendly fixed scene instead of background-attachment:fixed.
   This avoids repainting a multi-gradient 2K background on every scroll tick. */
:root[data-visual-style="2040"] body,
html[data-visual-style="2040"] body.profile-page,
html[data-visual-style="2040"] body.legal-page{
  position:relative!important;
  isolation:isolate!important;
  background:var(--k348-flat,#080706)!important;
}
/* Beat v349's highly-specific background-attachment rule. */
:root[data-visual-style="2040"][data-k2040-palette][data-k348-background] body,
html:root[data-visual-style="2040"][data-k2040-palette][data-k348-background] body.profile-page,
html:root[data-visual-style="2040"][data-k2040-palette][data-k348-background] body.legal-page{
  background-image:none!important;
  background-attachment:scroll!important;
  background-color:var(--k348-flat,#080706)!important;
}
:root[data-visual-style="2040"] body::before{display:none!important;content:none!important}
:root[data-visual-style="2040"] body::after,
html[data-visual-style="2040"] body.profile-page::after,
html[data-visual-style="2040"] body.legal-page::after{
  content:""!important;
  display:block!important;
  position:fixed!important;
  inset:-2px!important;
  z-index:-1!important;
  pointer-events:none!important;
  background-color:var(--k348-flat,#080706)!important;
  background-image:
    linear-gradient(180deg,rgba(0,0,0,.07),rgba(0,0,0,.24)),
    radial-gradient(ellipse 74% 58% at 50% 0%,var(--k348-scene-glow,rgba(224,145,104,.13)),transparent 70%),
    radial-gradient(ellipse 52% 68% at 7% 44%,var(--k348-scene-glow2,rgba(127,73,53,.08)),transparent 76%),
    radial-gradient(ellipse 52% 68% at 93% 44%,var(--k348-scene-glow2,rgba(127,73,53,.08)),transparent 76%),
    linear-gradient(var(--k348-scene-wash,rgba(47,24,17,.34)),var(--k348-scene-wash,rgba(47,24,17,.34))),
    url('/assets/generated/korzh-global-background-v347.webp')!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  transform:translate3d(0,0,0)!important;
  backface-visibility:hidden!important;
  contain:strict!important;
}
:root[data-visual-style="2040"][data-k348-background="off"] body::after,
html[data-visual-style="2040"][data-k348-background="off"] body.profile-page::after,
html[data-visual-style="2040"][data-k348-background="off"] body.legal-page::after{
  background-image:
    radial-gradient(ellipse 70% 54% at 50% -8%,var(--k348-scene-glow),transparent 70%),
    radial-gradient(ellipse 50% 70% at 0 48%,var(--k348-scene-glow2),transparent 78%),
    radial-gradient(ellipse 50% 70% at 100% 48%,var(--k348-scene-glow2),transparent 78%),
    linear-gradient(180deg,var(--k348-flat,#080706),#050505)!important;
}

/* Scroll hot-path: keep fixed chrome on simple compositor layers. */
:root[data-visual-style="2040"] :is(.k2040-rail,.korzh-shared-header){
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  will-change:auto!important;
  backface-visibility:hidden!important;
}
:root[data-visual-style="2040"] .k2040-atmosphere{display:none!important}
:root[data-visual-style="2040"] :is(.inventory-grid,.contents-grid,.k356-slot-grid){contain:layout paint}
:root[data-visual-style="2040"] :is(.case-card,.picker-card,.skin-card,.k356-contract-board){
  will-change:auto!important;
}
:root[data-visual-style="2040"] .k2040-rail-signal{filter:none!important}

/* Contract right board is a second 6-slot input bank. */
:root[data-visual-style="2040"] .k359-contract-items-right .k356-slot-grid{height:auto!important;min-height:0!important}
:root[data-visual-style="2040"] .k359-contract-items-right .k356-board-head>div>span{color:rgba(var(--k348-board-accent-rgb),.72)!important}

/* =========================================================
   2040 BONUS WHEEL
   ========================================================= */
:root[data-visual-style="2040"] .k359-bonus-page{
  width:min(1480px,calc(100vw - 260px))!important;
  max-width:none!important;
  padding:32px 0 100px!important;
}
:root[data-visual-style="2040"] .k359-bonus-experience{
  position:relative;
  min-height:790px;
  overflow:hidden;
  border:1px solid rgba(var(--k348-board-accent-rgb),.22);
  border-radius:34px;
  padding:30px 34px 34px;
  background:
    radial-gradient(circle at 50% 43%,rgba(var(--k348-board-accent-rgb),.09),transparent 33%),
    linear-gradient(145deg,rgba(13,10,11,.94),rgba(7,8,10,.92));
  box-shadow:0 34px 76px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.045);
  isolation:isolate;
}
:root[data-visual-style="2040"] .k359-bonus-experience::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.48;
  background:
    linear-gradient(90deg,transparent 0 13%,rgba(var(--k348-board-accent-rgb),.045) 13.15%,transparent 13.3% 86.7%,rgba(var(--k348-board-accent-rgb),.045) 86.85%,transparent 87%),
    linear-gradient(180deg,rgba(255,255,255,.02),transparent 22% 78%,rgba(var(--k348-board-accent-rgb),.025));
}
:root[data-visual-style="2040"] .k359-bonus-header{
  position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;
  border-bottom:1px solid rgba(255,255,255,.055);padding:0 3px 22px;
}
:root[data-visual-style="2040"] .k359-bonus-header small{font-size:8px;font-weight:950;letter-spacing:.18em;color:rgba(var(--k348-board-accent-rgb),.86)}
:root[data-visual-style="2040"] .k359-bonus-header h1{margin:6px 0 5px;font-size:28px;line-height:1;font-weight:950;letter-spacing:.035em}
:root[data-visual-style="2040"] .k359-bonus-header p{margin:0;max-width:630px;font-size:9px;line-height:1.5;color:rgba(255,255,255,.42)}
:root[data-visual-style="2040"] .k359-bonus-progress{width:min(360px,31vw);display:grid;grid-template-columns:1fr auto;gap:7px 14px;align-items:center}
:root[data-visual-style="2040"] .k359-bonus-progress span{font-size:7px;font-weight:900;letter-spacing:.12em;color:rgba(255,255,255,.38)}
:root[data-visual-style="2040"] .k359-bonus-progress b{font-size:10px;text-align:right}
:root[data-visual-style="2040"] .k359-bonus-progress>i{grid-column:1/-1;height:5px;border-radius:99px;background:#090b0f;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);overflow:hidden}
:root[data-visual-style="2040"] .k359-bonus-progress>i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(var(--k348-board-accent-rgb),.72),#ffd19e);box-shadow:0 0 14px rgba(var(--k348-board-accent-rgb),.30);transition:width .25s ease}

:root[data-visual-style="2040"] .k359-bonus-stage{
  position:relative;z-index:2;display:grid;grid-template-columns:minmax(210px,1fr) minmax(520px,650px) minmax(210px,1fr);gap:28px;align-items:center;min-height:610px;padding:26px 0 10px;
}
:root[data-visual-style="2040"] .k359-bonus-side{
  min-height:330px;border:1px solid rgba(255,255,255,.07);border-radius:24px;padding:22px;background:linear-gradient(150deg,rgba(25,17,16,.82),rgba(8,10,13,.88));box-shadow:inset 0 1px rgba(255,255,255,.035),0 20px 42px rgba(0,0,0,.20);
}
:root[data-visual-style="2040"] .k359-bonus-side>small{font-size:7px;letter-spacing:.16em;font-weight:950;color:rgba(var(--k348-board-accent-rgb),.70)}
:root[data-visual-style="2040"] .k359-bonus-side>strong{display:block;margin-top:9px;font-size:18px;letter-spacing:.02em}
:root[data-visual-style="2040"] .k359-bonus-side>p{font-size:8px;line-height:1.5;color:rgba(255,255,255,.38)}
:root[data-visual-style="2040"] .k359-bonus-mini-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
:root[data-visual-style="2040"] .k359-bonus-mini-list .k359-prize-badge{height:74px;transform:scale(.78);transform-origin:center}

:root[data-visual-style="2040"] .k359-wheel-rig{position:relative;width:min(610px,42vw);aspect-ratio:1;margin:auto;display:grid;place-items:center;filter:none}
:root[data-visual-style="2040"] .k359-wheel-depth{position:absolute;inset:3%;border-radius:50%;background:linear-gradient(145deg,#3a271e,#090a0c 54%,#332016);box-shadow:0 42px 70px rgba(0,0,0,.48),0 0 0 2px rgba(255,255,255,.04),0 0 52px rgba(var(--k348-board-accent-rgb),.12);transform:translateY(18px) scale(.985)}
:root[data-visual-style="2040"] .k359-wheel-rotor{position:absolute;inset:4.7%;border-radius:50%;transition:none;transform-origin:50% 50%;backface-visibility:hidden}
:root[data-visual-style="2040"] .k359-wheel-face{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:conic-gradient(from -20deg,
  rgba(123,63,43,.84) 0deg 40deg,rgba(42,34,42,.96) 40deg 80deg,rgba(108,78,42,.88) 80deg 120deg,
  rgba(40,52,62,.95) 120deg 160deg,rgba(104,46,60,.88) 160deg 200deg,rgba(46,39,66,.94) 200deg 240deg,
  rgba(52,75,62,.93) 240deg 280deg,rgba(123,72,43,.90) 280deg 320deg,rgba(125,93,38,.94) 320deg 360deg);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.07),inset 0 0 0 18px rgba(5,6,8,.48),inset 0 0 80px rgba(0,0,0,.52),0 0 0 1px rgba(var(--k348-board-accent-rgb),.35)}
:root[data-visual-style="2040"] .k359-wheel-face::after{content:"";position:absolute;inset:9%;border-radius:50%;border:1px solid rgba(255,255,255,.06);box-shadow:0 0 0 12px rgba(0,0,0,.13)}
:root[data-visual-style="2040"] .k359-wheel-prize{position:absolute;left:50%;top:50%;width:128px;height:102px;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(var(--a)) translateY(-205px);transform-origin:50% 50%;margin:0;z-index:3}
:root[data-visual-style="2040"] .k359-wheel-hub{position:absolute;left:50%;top:50%;width:136px;height:136px;margin:-68px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:radial-gradient(circle at 38% 28%,#39251d,#0b0c0f 66%);border:1px solid rgba(255,205,160,.25);box-shadow:0 0 0 9px rgba(5,6,8,.55),0 0 34px rgba(var(--k348-board-accent-rgb),.18),inset 0 1px rgba(255,255,255,.08);z-index:5}
:root[data-visual-style="2040"] .k359-wheel-hub img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 13px rgba(255,174,111,.24))}
:root[data-visual-style="2040"] .k359-wheel-hub span{font-size:8px;letter-spacing:.2em;font-weight:950;color:rgba(255,255,255,.62)}
:root[data-visual-style="2040"] .k359-wheel-pointer{position:absolute;z-index:20;left:50%;top:-4px;width:42px;height:62px;transform:translateX(-50%);pointer-events:none}
:root[data-visual-style="2040"] .k359-wheel-pointer::before{content:"";position:absolute;left:50%;top:0;width:18px;height:47px;transform:translateX(-50%);border-radius:12px 12px 16px 16px;clip-path:polygon(10% 0,90% 0,68% 70%,50% 100%,32% 70%);background:linear-gradient(180deg,#fff0c7,#f7a35f 58%,#c96335);box-shadow:0 0 10px rgba(255,214,166,.72),0 0 26px rgba(244,125,61,.42)}
:root[data-visual-style="2040"] .k359-wheel-pointer i{position:absolute;left:50%;top:42px;width:9px;height:9px;border-radius:50%;transform:translateX(-50%);background:#ffd19a;box-shadow:0 0 16px #f59d5e}

/* Vector prize marks: transparent artwork + integrated text. */
:root[data-visual-style="2040"] .k359-prize-badge{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;filter:drop-shadow(0 5px 8px rgba(0,0,0,.35));pointer-events:none}
:root[data-visual-style="2040"] .k359-prize-badge svg{width:35px;height:35px;flex:none;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;opacity:.90}
:root[data-visual-style="2040"] .k359-prize-badge>div{display:flex;flex-direction:column;line-height:.95;text-shadow:0 1px 7px #000}
:root[data-visual-style="2040"] .k359-prize-badge small{font-size:5px;letter-spacing:.13em;font-weight:950;opacity:.62}
:root[data-visual-style="2040"] .k359-prize-badge strong{font-size:16px;font-weight:1000;letter-spacing:-.03em;margin:2px 0}
:root[data-visual-style="2040"] .k359-prize-badge span{font-size:6px;font-weight:950;letter-spacing:.08em;opacity:.78}
:root[data-visual-style="2040"] :is(.k359-prize-case20,.k359-prize-case30){color:#ffb487}
:root[data-visual-style="2040"] .k359-prize-skin200{color:#9cd7ff}
:root[data-visual-style="2040"] :is(.k359-prize-balance300,.k359-prize-balance500,.k359-prize-balance1000){color:#8ce3b5}
:root[data-visual-style="2040"] :is(.k359-prize-deposit40,.k359-prize-deposit100){color:#d4a8ff}
:root[data-visual-style="2040"] .k359-prize-jackpot2000{color:#ffe086}

:root[data-visual-style="2040"] .k359-prize-dock{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:visible}
:root[data-visual-style="2040"] .k359-prize-dock .k359-prize-badge.is-dock{width:170px;height:118px;margin:10px auto 2px;transform:scale(1.22)}
:root[data-visual-style="2040"] .k359-prize-dock>strong{font-size:13px;max-width:220px;margin-top:4px}
:root[data-visual-style="2040"] .k359-prize-wait{height:230px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:rgba(255,255,255,.32)}
:root[data-visual-style="2040"] .k359-prize-wait i{width:72px;height:72px;border-radius:50%;border:1px solid rgba(var(--k348-board-accent-rgb),.22);box-shadow:0 0 0 12px rgba(var(--k348-board-accent-rgb),.025),0 0 30px rgba(var(--k348-board-accent-rgb),.08)}
:root[data-visual-style="2040"] .k359-prize-wait b{font-size:9px;letter-spacing:.16em}
:root[data-visual-style="2040"] .k359-prize-wait span{max-width:190px;font-size:7px;line-height:1.45}
:root[data-visual-style="2040"] .k359-prize-dock.is-revealed{border-color:rgba(var(--k348-board-accent-rgb),.30);box-shadow:inset 0 1px rgba(255,255,255,.05),0 0 38px rgba(var(--k348-board-accent-rgb),.10)}
:root[data-visual-style="2040"] .k359-prize-dock.is-revealed .k359-prize-badge{animation:k359PrizeFly .72s cubic-bezier(.16,.82,.22,1) both}
@keyframes k359PrizeFly{0%{opacity:0;transform:translate3d(-260px,-28px,0) scale(.22) rotate(-18deg)}68%{opacity:1;transform:translate3d(12px,0,0) scale(1.30) rotate(2deg)}100%{opacity:1;transform:translate3d(0,0,0) scale(1.22) rotate(0)}}

:root[data-visual-style="2040"] .k359-bonus-actions{position:relative;z-index:3;display:flex;justify-content:center;margin-top:-2px}
:root[data-visual-style="2040"] .k359-bonus-primary{min-width:310px;height:52px;border-radius:15px;border:1px solid rgba(255,211,170,.28);background:linear-gradient(180deg,#fff7ed,#f2dfcc);color:#17100d;font-size:9px;font-weight:1000;letter-spacing:.11em;box-shadow:0 13px 28px rgba(0,0,0,.24),0 0 24px rgba(var(--k348-board-accent-rgb),.12);transition:transform .14s ease,box-shadow .18s ease,opacity .18s ease}
:root[data-visual-style="2040"] .k359-bonus-primary:not(:disabled):hover{box-shadow:0 15px 32px rgba(0,0,0,.28),0 0 32px rgba(var(--k348-board-accent-rgb),.18)}
:root[data-visual-style="2040"] .k359-bonus-primary:not(:disabled):active{transform:scale(.985)}
:root[data-visual-style="2040"] .k359-bonus-primary:disabled{opacity:.40;cursor:default}
:root[data-visual-style="2040"] .k359-bonus-experience.is-spinning .k359-bonus-side{opacity:.62;transition:opacity .3s ease}

@media(max-width:1600px){
  :root[data-visual-style="2040"] .k359-bonus-page{width:min(1320px,calc(100vw - 190px))!important}
  :root[data-visual-style="2040"] .k359-bonus-stage{grid-template-columns:190px minmax(470px,570px) 190px;gap:18px}
  :root[data-visual-style="2040"] .k359-wheel-prize{transform:translate(-50%,-50%) rotate(var(--a)) translateY(-183px)}
}
@media(max-width:1180px){
  :root[data-visual-style="2040"] .k359-bonus-page{width:calc(100vw - 48px)!important}
  :root[data-visual-style="2040"] .k359-bonus-stage{grid-template-columns:1fr;contain:none}
  :root[data-visual-style="2040"] .k359-bonus-side-left{display:none}
  :root[data-visual-style="2040"] .k359-prize-dock{min-height:190px}
  :root[data-visual-style="2040"] .k359-wheel-rig{width:min(610px,84vw)}
}
@media(prefers-reduced-motion:reduce){
  :root[data-visual-style="2040"] .k359-wheel-rotor,:root[data-visual-style="2040"] .k359-prize-dock.is-revealed .k359-prize-badge{animation:none!important;transition-duration:.01ms!important}
}

:root[data-visual-style="2040"] .k359-case-route-loading{min-height:620px!important;display:grid!important;place-items:center!important}
:root[data-visual-style="2040"] .k359-route-loader{display:flex;flex-direction:column;align-items:center;gap:12px;color:rgba(255,255,255,.42);font-size:8px;font-weight:900;letter-spacing:.14em}
:root[data-visual-style="2040"] .k359-route-loader img{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(var(--k348-board-accent-rgb),.2));animation:k359Loader 1.1s ease-in-out infinite alternate}
@keyframes k359Loader{from{transform:scale(.94);opacity:.68}to{transform:scale(1.04);opacity:1}}

/* ===== v386-profile-promo-replay.css ===== */

/* KORZH v386 — profile/promo/replay compact polish */
:root[data-visual-style="2040"] .k386-promo-tag{position:absolute;left:calc(100% - 2px);bottom:92px;width:28px;height:112px;border:1px solid color-mix(in srgb,var(--theme-accent,#e99b63) 54%,#fff 7%);border-left:0;border-radius:0 13px 13px 0;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-panel-2,#33221d) 90%,transparent),color-mix(in srgb,var(--theme-bg,#130d0a) 96%,transparent));box-shadow:inset 0 1px rgba(255,255,255,.12),0 12px 36px rgba(0,0,0,.38),0 0 22px color-mix(in srgb,var(--theme-accent,#e99b63) 16%,transparent);color:var(--theme-text,#fff);display:grid;place-items:center;cursor:pointer;z-index:5;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease}
:root[data-visual-style="2040"] .k386-promo-tag span{writing-mode:vertical-rl;transform:rotate(180deg);font:800 10px/1 "Nunito Sans",sans-serif;letter-spacing:.18em}
:root[data-visual-style="2040"] .k386-promo-tag:hover{transform:translateX(4px);box-shadow:inset 0 1px rgba(255,255,255,.17),0 14px 42px rgba(0,0,0,.44),0 0 30px color-mix(in srgb,var(--theme-accent,#e99b63) 24%,transparent)}
.k386-promo-overlay{position:fixed;inset:0;z-index:10030;display:grid;place-items:center;background:rgba(4,4,5,.52);backdrop-filter:blur(14px);padding:20px}.k386-promo-modal{position:relative;width:min(410px,calc(100vw - 34px));padding:25px;border:1px solid color-mix(in srgb,var(--theme-accent,#e99b63) 34%,rgba(255,255,255,.08));border-radius:23px;background:linear-gradient(145deg,color-mix(in srgb,var(--theme-panel-2,#31211b) 94%,#000 4%),color-mix(in srgb,var(--theme-bg,#120d0a) 98%,#000 2%));box-shadow:0 35px 110px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.09),0 0 50px color-mix(in srgb,var(--theme-accent,#e99b63) 9%,transparent);color:var(--theme-text,#fff)}.k386-promo-modal>small{color:var(--theme-accent,#e99b63);font-weight:800;letter-spacing:.18em}.k386-promo-modal h2{margin:8px 44px 18px 0;font:700 24px/1.1 "Nunito Sans",sans-serif}.k386-promo-close{position:absolute;right:13px;top:13px;width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:rgba(255,255,255,.045);color:#fff;font-size:21px}.k386-promo-field{display:grid;grid-template-columns:1fr auto;gap:9px}.k386-promo-field input{height:48px;min-width:0;border:1px solid color-mix(in srgb,var(--theme-accent,#e99b63) 24%,rgba(255,255,255,.08));border-radius:14px;background:rgba(0,0,0,.28);color:var(--theme-text,#fff);padding:0 15px;outline:0;font:750 14px "Nunito Sans",sans-serif;letter-spacing:.09em}.k386-promo-field button{height:48px;padding:0 17px;border-radius:14px;border:1px solid color-mix(in srgb,var(--theme-accent,#e99b63) 46%,#fff 8%);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-accent,#e99b63) 52%,#fff 4%),color-mix(in srgb,var(--theme-accent,#e99b63) 28%,#160e0b));color:#fff;font-weight:800;box-shadow:inset 0 1px rgba(255,255,255,.2),0 8px 22px rgba(0,0,0,.28)}.k386-promo-modal p{margin:10px 2px 0;font-size:12px}.k386-promo-modal p.error{color:#ffb5ad}.k386-promo-modal p.ok{color:#b8ffd3}
/* profile bonus nav */
:root[data-visual-style="2040"] .profile-page .k2040-nav button[data-profile-page="bonus"]{display:flex!important}
/* withdrawals compact/readable */
.profile-withdraw-history{display:grid!important;gap:10px!important;max-width:980px!important;margin:0 auto!important}.profile-withdraw-request{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:14px!important;width:100%!important;min-height:92px!important;padding:11px 13px!important;border-radius:16px!important}.profile-withdraw-request-items{display:flex!important;gap:8px!important;overflow-x:auto!important;min-width:0!important}.profile-withdraw-item{flex:0 0 190px!important;min-height:68px!important;padding:7px!important;display:grid!important;grid-template-columns:64px 1fr!important;align-items:center!important;gap:7px!important}.profile-withdraw-art{height:55px!important;min-width:0!important}.profile-withdraw-copy strong{font-size:10px!important;white-space:normal!important;line-height:1.2!important}.profile-withdraw-copy small{font-size:7px!important}.profile-withdraw-copy b{font-size:10px!important}.profile-withdraw-request-meta{min-width:215px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px 12px!important}.profile-withdraw-status{grid-column:1/-1!important;text-align:center!important;padding:7px 10px!important;border-radius:10px!important}
/* replay: no redundant top title; multi-open lanes */
.k386-replay-clean>header,.k386-case-replay>header,.k386-contract-replay>header{min-height:42px!important;padding:0!important;background:transparent!important;border:0!important}.k386-replay-close{position:absolute!important;right:15px!important;top:15px!important;z-index:3}.k386-case-replay{width:min(1220px,96vw)!important}.k386-replay-case-meta{display:flex;align-items:center;gap:10px;margin:0 46px 12px 4px}.k386-replay-case-meta>span{width:44px;height:44px}.k386-replay-case-meta b{font-size:17px}.k386-replay-case-meta small{padding:5px 9px;border-radius:9px;background:rgba(255,255,255,.05)}.k386-replay-lanes{display:grid;gap:8px}.k386-replay-lane{height:126px!important}.k386-replay-lane .profile-v81-replay-card{width:145px!important;min-width:145px!important;height:112px!important}.k386-replay-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px}.k386-replay-results article{min-width:0;display:flex;align-items:center;gap:5px;padding:7px;border:1px solid color-mix(in srgb,var(--rarity) 34%,rgba(255,255,255,.08));border-radius:12px;background:rgba(0,0,0,.18)}.k386-replay-results .skin-art{width:60px;height:46px;flex:none}.k386-replay-results span{min-width:0}.k386-replay-results strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.k386-replay-results b{font-size:9px}.k386-contract-replay{width:min(1040px,94vw)!important}.k386-contract-replay-stage{display:grid;grid-template-columns:minmax(0,1.2fr) 44px minmax(260px,.8fr);align-items:center;gap:12px}.k386-contract-staked,.k386-contract-result{padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(0,0,0,.17)}.k386-contract-staked>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:9px 0}.k386-contract-source{min-width:0;border:1px solid color-mix(in srgb,var(--rarity) 30%,rgba(255,255,255,.08));border-radius:12px;padding:6px;background:rgba(0,0,0,.2)}.k386-contract-source .skin-art{height:70px}.k386-contract-source strong{font-size:8px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.k386-contract-source b{font-size:9px}.k386-contract-arrow{text-align:center;font-size:24px;color:var(--theme-accent,#e99b63)}.k386-contract-result .profile-v229-reward{min-height:220px}.k386-replay-time{display:block;text-align:center;margin-top:10px;color:var(--theme-muted,#99887e)}
/* exchange integrated title / lower compare / narrower search */
.exchange-modal-v109{padding-top:20px!important}.k386-exchange-head{height:auto!important;min-height:46px!important;padding:0 2px 9px!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.k386-exchange-head h2{margin:0!important;font:750 20px "Nunito Sans",sans-serif!important;letter-spacing:.02em!important}.exchange-v109-compare{margin-top:18px!important}.exchange-v109-search{width:min(520px,60%)!important;margin:18px 0 0!important}.exchange-v109-market-title{margin-top:15px!important}
/* case page title/actions are integrated into the window, not a separate slab */
:root[data-visual-style="2040"] .k386-case-integrated-head{background:transparent!important;border:0!important;box-shadow:none!important;padding-left:6px!important;padding-right:6px!important;margin-bottom:7px!important;min-height:44px!important}.k386-case-integrated-head .case-page-heading{background:transparent!important;border:0!important;box-shadow:none!important}.k386-case-integrated-head .case-page-back{background:transparent!important;box-shadow:none!important}
/* admin promo center */
.k386-promo-create{grid-template-columns:repeat(3,minmax(0,1fr))!important}.k386-promo-card .promo-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}.k386-promo-card .promo-kpis span{min-width:0}.k386-promo-card .promo-kpis b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.k386-streamer-field.is-hidden,[data-promo-kind-dependent].is-hidden{display:none!important}
@media(max-width:1000px){.k386-replay-results{grid-template-columns:repeat(2,1fr)}.k386-contract-replay-stage{grid-template-columns:1fr}.k386-contract-arrow{transform:rotate(90deg)}.exchange-v109-search{width:100%!important}.k386-promo-create{grid-template-columns:1fr!important}}

/* ===== v387-deep-ui-fixes.css ===== */
/* =========================================================
   KORZH v387 — deep UI fixes
   Palette fidelity, BONUS mystery parity, modal UX, promo tail,
   integrated case header, exchange alignment, LiveDrop cleanup.
   2040 visual-only unless selector is profile exchange layout.
   ========================================================= */

/* ---------- 1/2. Palette really owns Settings / Support / Notifications / Top Drop ---------- */
html:root[data-visual-style="2040"][data-k2040-palette] body
:is(#siteSettingsPortal,#profileSettingsPortal,#supportPortal,#profileSupportPortal)
> :is(#siteSettingsOverlay,#profileSettingsOverlay,#supportOverlay,#profileSupportOverlay).k274-rail-wing-layer
> .kx229-card.k274-rail-wing-card{
  border-color:color-mix(in srgb,var(--theme-accent) 30%,rgba(255,255,255,.12))!important;
  background:
    radial-gradient(115% 82% at 92% 4%,color-mix(in srgb,var(--theme-accent) 13%,transparent),transparent 45%),
    radial-gradient(95% 75% at 4% 100%,color-mix(in srgb,var(--theme-accent-2,var(--theme-accent)) 7%,transparent),transparent 48%),
    linear-gradient(158deg,color-mix(in srgb,var(--theme-panel-2) 96%,#000 4%),color-mix(in srgb,var(--theme-bg) 98%,#000 2%))!important;
  box-shadow:0 38px 92px rgba(0,0,0,.52),0 0 38px color-mix(in srgb,var(--theme-accent) 8%,transparent),inset 0 1px rgba(255,255,255,.075)!important;
}
html:root[data-visual-style="2040"][data-k2040-palette] body
:is(#siteSettingsPortal,#profileSettingsPortal,#supportPortal,#profileSupportPortal)
> :is(#siteSettingsOverlay,#profileSettingsOverlay,#supportOverlay,#profileSupportOverlay).k274-rail-wing-layer
> .kx229-card.k274-rail-wing-card::before{
  content:""!important;display:block!important;
  background:linear-gradient(transparent,color-mix(in srgb,var(--theme-accent) 18%,transparent) 22%,color-mix(in srgb,var(--theme-text) 30%,transparent) 50%,color-mix(in srgb,var(--theme-accent) 14%,transparent) 78%,transparent)!important;
}
html:root[data-visual-style="2040"][data-k2040-palette] body
:is(#siteSettingsPortal,#profileSettingsPortal) .kx229-card.kx229-settings .kx235-title{
  color:var(--theme-text)!important;border-bottom-color:color-mix(in srgb,var(--theme-accent) 12%,rgba(255,255,255,.04))!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--theme-accent) 5%,transparent),transparent)!important;
}
html:root[data-visual-style="2040"][data-k2040-palette] body
:is(#siteSettingsPortal,#profileSettingsPortal) .kx229-card.kx229-settings .kx235-close,
html:root[data-visual-style="2040"][data-k2040-palette] body
:is(#supportPortal,#profileSupportPortal) .kx229-card.kx229-support .kx235-close{
  color:var(--theme-text)!important;border-color:color-mix(in srgb,var(--theme-accent) 24%,rgba(255,255,255,.08))!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-panel-2) 90%,#fff 2%),color-mix(in srgb,var(--theme-bg) 92%,#000 8%))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 7px 17px rgba(0,0,0,.25),0 0 18px color-mix(in srgb,var(--theme-accent) 7%,transparent)!important;
}
html:root[data-visual-style="2040"][data-k2040-palette] body
:is(#siteSettingsPortal,#profileSettingsPortal) .kx229-setting-row{
  border-color:color-mix(in srgb,var(--theme-accent) 14%,rgba(255,255,255,.06))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-panel-2) 68%,transparent),color-mix(in srgb,var(--theme-panel) 55%,transparent))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 7px 17px rgba(0,0,0,.13)!important;
}
html:root[data-visual-style="2040"][data-k2040-palette] body
:is(#siteSettingsPortal,#profileSettingsPortal) .kx229-setting-row strong{color:var(--theme-text)!important}
html:root[data-visual-style="2040"][data-k2040-palette] body
:is(#siteSettingsPortal,#profileSettingsPortal) .kx229-setting-row span{color:var(--theme-muted)!important}
html:root[data-visual-style="2040"][data-k2040-palette] body
:is(#siteSettingsPortal,#profileSettingsPortal) .kx229-segment{
  border:1px solid color-mix(in srgb,var(--theme-accent) 12%,rgba(255,255,255,.05))!important;
  background:color-mix(in srgb,var(--theme-bg) 84%,#000 16%)!important;
}
html:root[data-visual-style="2040"][data-k2040-palette] body
:is(#siteSettingsPortal,#profileSettingsPortal) .kx229-segment button{color:var(--theme-muted)!important}
html:root[data-visual-style="2040"][data-k2040-palette] body
:is(#siteSettingsPortal,#profileSettingsPortal) .kx229-segment button.active{
  color:color-mix(in srgb,var(--theme-bg) 88%,#000)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-text) 92%,var(--theme-accent) 8%),color-mix(in srgb,var(--theme-accent) 52%,var(--theme-text) 48%))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.45),0 6px 18px rgba(0,0,0,.22),0 0 18px color-mix(in srgb,var(--theme-accent) 13%,transparent)!important;
}
html:root[data-visual-style="2040"][data-k2040-palette] body
:is(#siteSettingsPortal,#profileSettingsPortal) .kx229-switch{
  border-color:color-mix(in srgb,var(--theme-accent) 17%,rgba(255,255,255,.06))!important;
  background:color-mix(in srgb,var(--theme-bg) 82%,#000 18%)!important;
}
html:root[data-visual-style="2040"][data-k2040-palette] body
:is(#siteSettingsPortal,#profileSettingsPortal) .kx229-switch.on{
  border-color:color-mix(in srgb,var(--theme-accent) 55%,rgba(255,255,255,.12))!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--theme-accent) 55%,var(--theme-panel)),color-mix(in srgb,var(--theme-accent-2,var(--theme-accent)) 55%,var(--theme-panel)))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.16),0 0 17px color-mix(in srgb,var(--theme-accent) 17%,transparent)!important;
}

/* Support itself follows palette, not fixed Telegram purple/coffee. */
html:root[data-visual-style="2040"][data-k2040-palette] body
:is(#supportPortal,#profileSupportPortal) .k248-telegram-card::before{
  background:radial-gradient(circle,color-mix(in srgb,var(--theme-accent) 19%,transparent),color-mix(in srgb,var(--theme-accent-2,var(--theme-accent)) 8%,transparent) 42%,transparent 72%)!important;
}
html:root[data-visual-style="2040"][data-k2040-palette] body
:is(#supportPortal,#profileSupportPortal) .k248-telegram-logo{
  background:linear-gradient(145deg,color-mix(in srgb,var(--theme-accent) 76%,#fff 6%),color-mix(in srgb,var(--theme-accent) 63%,var(--theme-bg)))!important;
  border-color:color-mix(in srgb,var(--theme-accent) 44%,rgba(255,255,255,.15))!important;
  box-shadow:0 18px 48px color-mix(in srgb,var(--theme-accent) 22%,transparent),0 0 0 8px color-mix(in srgb,var(--theme-accent) 5%,transparent)!important;
}
html:root[data-visual-style="2040"][data-k2040-palette] body
:is(#supportPortal,#profileSupportPortal) .k248-telegram-support>small{color:color-mix(in srgb,var(--theme-accent) 72%,var(--theme-text))!important}
html:root[data-visual-style="2040"][data-k2040-palette] body
:is(#supportPortal,#profileSupportPortal) .k248-telegram-support>h2{color:var(--theme-text)!important}
html:root[data-visual-style="2040"][data-k2040-palette] body
:is(#supportPortal,#profileSupportPortal) .k248-telegram-support>p{color:var(--theme-muted)!important}
html:root[data-visual-style="2040"][data-k2040-palette] body
:is(#supportPortal,#profileSupportPortal) .k248-telegram-button{
  border-color:color-mix(in srgb,var(--theme-accent) 44%,rgba(255,255,255,.10))!important;
  background:linear-gradient(110deg,color-mix(in srgb,var(--theme-accent) 72%,#fff 4%),color-mix(in srgb,var(--theme-accent-2,var(--theme-accent)) 58%,var(--theme-bg)))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.18),0 17px 38px color-mix(in srgb,var(--theme-accent) 18%,transparent)!important;
}

/* Notifications and daily top use the same palette surface. */
html:root[data-visual-style="2040"][data-k2040-palette] body .k270-notify-panel,
html:root[data-visual-style="2040"][data-k2040-palette] body .k270-top-modal{
  border-color:color-mix(in srgb,var(--theme-accent) 24%,rgba(255,255,255,.08))!important;
  background:radial-gradient(105% 75% at 88% 0,color-mix(in srgb,var(--theme-accent) 11%,transparent),transparent 50%),linear-gradient(155deg,color-mix(in srgb,var(--theme-panel-2) 96%,#000 4%),color-mix(in srgb,var(--theme-bg) 98%,#000 2%))!important;
  box-shadow:0 38px 100px rgba(0,0,0,.56),0 0 38px color-mix(in srgb,var(--theme-accent) 7%,transparent),inset 0 1px rgba(255,255,255,.07)!important;
}

/* Active controls (x2 etc.) may not retain a coffee hard-code. */
html:root[data-visual-style="2040"][data-k2040-palette][data-theme="hub"] body
:is(.hub-u3-browser-presets button.active,.hub-u3-browser-presets button[aria-pressed="true"],.upgrade-multipliers button.active,.plane-room-tabs button.active,.live-tabs button.active,.case-filters button.active){
  color:var(--theme-text)!important;
  border-color:color-mix(in srgb,var(--theme-accent) 52%,rgba(255,255,255,.10))!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-accent) 34%,var(--theme-panel-2)),color-mix(in srgb,var(--theme-accent) 14%,var(--theme-bg)))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.16),0 6px 16px rgba(0,0,0,.23),0 0 20px color-mix(in srgb,var(--theme-accent) 20%,transparent)!important;
}

/* ---------- 1. LiveDrop avatar: remove the last substrate as well ---------- */
html:root[data-visual-style="2040"] body .live-item .k275-live-player{
  width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important;min-height:54px!important;
  padding:0!important;border:0!important;border-radius:50%!important;background:none!important;background-color:transparent!important;background-image:none!important;
  box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important;outline:0!important;
}
html:root[data-visual-style="2040"] body .live-item .k275-live-player::before,
html:root[data-visual-style="2040"] body .live-item .k275-live-player::after{display:none!important;content:none!important;background:none!important;box-shadow:none!important}
html:root[data-visual-style="2040"] body .live-item .k275-live-player img{
  display:block!important;width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;
  padding:0!important;margin:0!important;border-radius:50%!important;background:none!important;background-color:transparent!important;background-image:none!important;
}
/* The old item caption was the dark rectangular pad visible beneath the avatar. */
html:root[data-visual-style="2040"] body .live-item:hover .skin-caption-live,
html:root[data-visual-style="2040"] body .live-item:focus-within .skin-caption-live{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

/* ---------- 3. BONUS roulette card = exactly the same mystery face as Contents ---------- */
html:root[data-visual-style="2040"][data-theme="hub"] body .case-roulette-v166 .case-roulette-card-v166.k385-mystery-case-card{
  position:relative!important;overflow:hidden!important;padding:0!important;display:block!important;
  background:linear-gradient(150deg,#3c0b13 0%,#21070c 54%,#110306 100%)!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] body .case-roulette-v166 .case-roulette-card-v166.k385-mystery-case-card > .k385-mystery-case-visual:last-child{
  position:absolute!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;
  width:100%!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;
  display:grid!important;place-items:center!important;grid-column:auto!important;align-self:stretch!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] body .case-roulette-v166 .case-roulette-card-v166.k385-mystery-case-card > .k385-mystery-case-visual span{
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  font-size:clamp(58px,5.2vw,82px)!important;line-height:1!important;color:#ff536b!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] body .case-roulette-v166.is-multi .case-roulette-card-v166.k385-mystery-case-card > .k385-mystery-case-visual:last-child,
html:root[data-visual-style="2040"][data-theme="hub"] body .case-roulette-v166.count-4 .case-roulette-card-v166.k385-mystery-case-card > .k385-mystery-case-visual:last-child,
html:root[data-visual-style="2040"][data-theme="hub"] body .case-roulette-v166.count-5 .case-roulette-card-v166.k385-mystery-case-card > .k385-mystery-case-visual:last-child{
  position:absolute!important;inset:0!important;display:grid!important;grid-column:auto!important;
}

/* ---------- 4. Notification close glyph: same button, visible cross ---------- */
html:root[data-visual-style="2040"] body .k270-notify-head .k385-notify-close{
  width:34px!important;height:34px!important;min-width:34px!important;padding:0!important;
  font-family:Arial,sans-serif!important;font-size:27px!important;font-weight:300!important;line-height:30px!important;letter-spacing:0!important;
  text-indent:0!important;text-align:center!important;
}

/* ---------- 6. Global promo tag hangs UNDER the left rail ---------- */
html:root[data-visual-style="2040"] body .k2040-rail-left{overflow:visible!important}
html:root[data-visual-style="2040"] body .k2040-rail-left .k386-promo-tag{
  left:50%!important;right:auto!important;top:auto!important;bottom:0!important;
  width:86px!important;height:48px!important;min-width:86px!important;min-height:48px!important;
  padding:0 9px 5px!important;
  border:1px solid color-mix(in srgb,var(--theme-accent) 44%,rgba(255,255,255,.09))!important;border-top:0!important;
  border-radius:0 0 14px 14px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-panel-2) 94%,transparent),color-mix(in srgb,var(--theme-bg) 98%,#000 2%))!important;
  box-shadow:inset 0 -1px rgba(255,255,255,.08),0 14px 30px rgba(0,0,0,.33),0 0 18px color-mix(in srgb,var(--theme-accent) 13%,transparent)!important;
  transform:translate(-50%,54%)!important;transform-origin:50% 0!important;
  z-index:-1!important;transition:transform .34s cubic-bezier(.16,1,.3,1),box-shadow .28s ease!important;
}
html:root[data-visual-style="2040"] body .k2040-rail-left .k386-promo-tag span{
  writing-mode:horizontal-tb!important;transform:none!important;margin-top:14px!important;
  font:800 9px/1 "Nunito Sans",sans-serif!important;letter-spacing:.18em!important;color:var(--theme-text)!important;
}
html:root[data-visual-style="2040"] body .k2040-rail-left .k386-promo-tag:hover,
html:root[data-visual-style="2040"] body .k2040-rail-left .k386-promo-tag:focus-visible{
  transform:translate(-50%,82%)!important;z-index:6!important;
  box-shadow:inset 0 -1px rgba(255,255,255,.12),0 17px 38px rgba(0,0,0,.40),0 0 28px color-mix(in srgb,var(--theme-accent) 21%,transparent)!important;
}
@media(max-width:1120px){html:root[data-visual-style="2040"] body .k2040-rail-left .k386-promo-tag{display:none!important}}

/* ---------- 7. Case title is part of the case window: no separate slab ---------- */
html:root[data-visual-style="2040"][data-theme="hub"] body .case-detail-shell .case-page-topbar.k386-case-integrated-head{
  height:auto!important;min-height:58px!important;margin:0 20px 4px!important;padding:5px 0!important;
  background:none!important;background-color:transparent!important;background-image:none!important;
  border:0!important;border-bottom:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] body .case-detail-shell .case-page-topbar.k386-case-integrated-head::before,
html:root[data-visual-style="2040"][data-theme="hub"] body .case-detail-shell .case-page-topbar.k386-case-integrated-head::after{display:none!important;content:none!important}
html:root[data-visual-style="2040"][data-theme="hub"] body .case-detail-shell .k386-case-integrated-head .case-page-heading,
html:root[data-visual-style="2040"][data-theme="hub"] body .case-detail-shell .k386-case-integrated-head .case-page-heading h1{
  background:none!important;background-color:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] body .case-detail-shell .k386-case-integrated-head .case-page-back{
  background:color-mix(in srgb,var(--theme-panel-2) 38%,transparent)!important;border-color:color-mix(in srgb,var(--theme-accent) 16%,rgba(255,255,255,.07))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055)!important;
}

/* ---------- 8. Exchange: source box, search and MARKET share one left edge ---------- */
.exchange-modal.exchange-modal-v109{--k387-x-pad:30px;--k387-x-action:132px;--k387-x-gap:24px;padding-top:0!important}
.exchange-modal.exchange-modal-v109 .exchange-v109-compare{margin-top:0!important;padding-top:18px!important}
.exchange-modal.exchange-modal-v109 .exchange-v109-search{
  width:calc((100% - 240px)/2)!important;max-width:none!important;height:46px!important;
  margin:9px 0 0 var(--k387-x-pad)!important;
}
.exchange-modal.exchange-modal-v109 .exchange-v109-market-title{
  width:calc((100% - 240px)/2)!important;height:38px!important;
  margin:4px 0 0 var(--k387-x-pad)!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
}
.exchange-modal.exchange-modal-v109 .exchange-v109-market-title>div{display:block!important}
.exchange-modal.exchange-modal-v109 .exchange-v109-market-title small{font-size:9px!important;letter-spacing:.15em!important;color:var(--theme-accent,#b37c66)!important}
.exchange-modal.exchange-modal-v109 .exchange-v109-market-title strong,
.exchange-modal.exchange-modal-v109 .exchange-v109-market-title>b{display:none!important}
@media(max-width:900px){
  .exchange-modal.exchange-modal-v109 .exchange-v109-search,.exchange-modal.exchange-modal-v109 .exchange-v109-market-title{width:calc(100% - 36px)!important;margin-left:18px!important;margin-right:18px!important}
}

/* ===== v388-ui-fixes.css ===== */
/* KORZH v388 — promo tail, vertical replay and cleanup */

/* Promo label is a real tail BEHIND the left rail, not part of its inner height. */
:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail{
  position:fixed!important;
  left:var(--k388-promo-left,86px)!important;
  top:var(--k388-promo-top,calc(100vh - 122px))!important;
  right:auto!important;bottom:auto!important;
  width:36px!important;height:92px!important;min-width:36px!important;min-height:92px!important;
  margin:0!important;padding:12px 0 10px!important;
  border:1px solid color-mix(in srgb,var(--theme-accent,#e99b63) 48%,rgba(255,255,255,.10))!important;
  border-top:0!important;border-radius:0 0 15px 15px!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-panel-2,#32211c) 97%,#000 3%),color-mix(in srgb,var(--theme-bg,#110b09) 98%,#000 2%))!important;
  box-shadow:inset 1px 0 rgba(255,255,255,.05),inset -1px 0 rgba(0,0,0,.18),inset 0 -1px rgba(255,255,255,.10),0 13px 28px rgba(0,0,0,.34),0 0 18px color-mix(in srgb,var(--theme-accent,#e99b63) 15%,transparent)!important;
  color:var(--theme-text,#fff)!important;
  display:grid!important;place-items:center!important;
  transform:translateX(-50%) translateY(0)!important;
  transform-origin:50% 0!important;
  z-index:219!important; /* left rail is 220, so the top half visually sits behind it */
  overflow:hidden!important;cursor:pointer!important;
  transition:transform .42s cubic-bezier(.16,1,.3,1),box-shadow .28s ease,border-color .28s ease!important;
}
:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail::before{
  content:"";position:absolute;left:7px;right:7px;top:4px;height:1px;border-radius:99px;
  background:color-mix(in srgb,var(--theme-accent,#e99b63) 60%,transparent);opacity:.65;
}
:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail span{
  margin:0!important;writing-mode:vertical-rl!important;transform:rotate(180deg)!important;
  font:800 9px/1 "Nunito Sans",sans-serif!important;letter-spacing:.18em!important;
  color:var(--theme-text,#fff)!important;text-shadow:0 1px 2px rgba(0,0,0,.38)!important;
}
:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail:hover,
:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail:focus-visible{
  transform:translateX(-50%) translateY(34px)!important;
  border-color:color-mix(in srgb,var(--theme-accent,#e99b63) 70%,rgba(255,255,255,.16))!important;
  box-shadow:inset 1px 0 rgba(255,255,255,.07),inset -1px 0 rgba(0,0,0,.2),0 18px 38px rgba(0,0,0,.40),0 0 29px color-mix(in srgb,var(--theme-accent,#e99b63) 25%,transparent)!important;
}
@media(max-width:1120px){:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail{display:none!important}}

/* Contract subtitle explicitly removed: no empty gap remains. */
.k251-contract-inventory-title .k251-contract-title-line>p{display:none!important}

/* Deposit helper copy removed: compact wallet header. */
.deposit-v106-head>p{display:none!important}

/* Case replay: same direction as multi-open — reels travel vertically, side by side. */
:root[data-theme="hub"] .k386-case-replay{width:min(1240px,96vw)!important;max-height:94vh!important;overflow:auto!important}
:root[data-theme="hub"] .k386-case-replay .k386-replay-lanes{
  --lane-count:1;
  display:grid!important;
  grid-template-columns:repeat(var(--lane-count),minmax(142px,1fr))!important;
  gap:10px!important;width:min(100%,calc(var(--lane-count) * 210px))!important;
  margin:0 auto!important;align-items:stretch!important;
}
:root[data-theme="hub"] .k386-case-replay .k388-vertical-replay{
  position:relative!important;height:470px!important;min-height:470px!important;
  margin:0!important;border-radius:16px!important;overflow:hidden!important;perspective:none!important;
  background:linear-gradient(180deg,#090b11,#0c0e14 50%,#090b11)!important;
}
:root[data-theme="hub"] .k386-case-replay .k388-vertical-replay::before,
:root[data-theme="hub"] .k386-case-replay .k388-vertical-replay::after{
  content:""!important;position:absolute!important;left:0!important;right:0!important;width:auto!important;height:78px!important;z-index:7!important;pointer-events:none!important;
}
:root[data-theme="hub"] .k386-case-replay .k388-vertical-replay::before{top:0!important;bottom:auto!important;background:linear-gradient(180deg,#090b11 12%,transparent)!important}
:root[data-theme="hub"] .k386-case-replay .k388-vertical-replay::after{bottom:0!important;top:auto!important;background:linear-gradient(0deg,#090b11 12%,transparent)!important}
:root[data-theme="hub"] .k386-case-replay .k388-vertical-replay .profile-v81-replay-pointer{
  left:0!important;right:0!important;top:50%!important;bottom:auto!important;width:auto!important;height:1px!important;
  transform:translateY(-50%)!important;background:rgba(255,255,255,.92)!important;box-shadow:0 0 15px rgba(255,255,255,.25)!important;
}
:root[data-theme="hub"] .k386-case-replay .k388-vertical-replay .profile-v81-replay-pointer::before,
:root[data-theme="hub"] .k386-case-replay .k388-vertical-replay .profile-v81-replay-pointer::after{
  content:""!important;position:absolute!important;top:50%!important;bottom:auto!important;width:0!important;height:0!important;transform:translateY(-50%)!important;
  border-top:6px solid transparent!important;border-bottom:6px solid transparent!important;
}
:root[data-theme="hub"] .k386-case-replay .k388-vertical-replay .profile-v81-replay-pointer::before{left:0!important;border-left:8px solid #f2eee8!important;border-right:0!important}
:root[data-theme="hub"] .k386-case-replay .k388-vertical-replay .profile-v81-replay-pointer::after{right:0!important;left:auto!important;border-right:8px solid #f2eee8!important;border-left:0!important}
:root[data-theme="hub"] .k386-case-replay .k388-vertical-replay .profile-v81-replay-strip{
  position:absolute!important;left:8px!important;right:8px!important;top:0!important;width:auto!important;height:auto!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important;will-change:transform!important;
}
:root[data-theme="hub"] .k386-case-replay .k388-vertical-replay .profile-v81-replay-card{
  flex:0 0 132px!important;width:100%!important;min-width:0!important;height:132px!important;padding:7px!important;border-radius:13px!important;
  display:grid!important;grid-template-rows:76px auto!important;align-content:start!important;transform:none!important;opacity:.78!important;
}
:root[data-theme="hub"] .k386-case-replay .k388-vertical-replay .profile-v81-replay-card:nth-child(even){transform:none!important}
:root[data-theme="hub"] .k386-case-replay .k388-vertical-replay .profile-v81-replay-card.winner{transform:scale(.98)!important;opacity:1!important}
:root[data-theme="hub"] .k386-case-replay .k388-vertical-replay .profile-v81-replay-card .skin-art{width:100%!important;height:72px!important}
:root[data-theme="hub"] .k386-case-replay .k388-vertical-replay .profile-v81-replay-card .skin-caption{min-width:0!important}
:root[data-theme="hub"] .k386-case-replay .k388-vertical-replay .profile-v81-replay-card small{font-size:6px!important}
:root[data-theme="hub"] .k386-case-replay .k388-vertical-replay .profile-v81-replay-card strong{display:block!important;font-size:8.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
:root[data-theme="hub"] .k386-case-replay .k388-vertical-replay .profile-v81-replay-card b{font-size:8px!important}
:root[data-theme="hub"] .k386-case-replay .k386-replay-results{margin-top:11px!important}
@media(max-width:900px){
  :root[data-theme="hub"] .k386-case-replay .k386-replay-lanes{overflow-x:auto!important;justify-content:start!important;grid-template-columns:repeat(var(--lane-count),150px)!important;width:100%!important}
  :root[data-theme="hub"] .k386-case-replay .k388-vertical-replay{height:390px!important;min-height:390px!important}
}

/* KORZH logo in daily top prices: never print the word КОРЖ. */
.k270-top-price .korzh-money{display:inline-flex!important;align-items:center!important;gap:5px!important}
.k270-top-price .korzh-currency-logo{width:14px!important;height:14px!important;display:block!important}

/* ===== v389-final-fixes.css ===== */
/* KORZH v389 — exact replay directions, daily-top token, integrated promo label */

/* Daily top: amount + KORZH token image only. Never render currency as a word. */
.k270-top-price .k389-top-money{
  display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;
  white-space:nowrap!important;color:inherit!important;font:inherit!important;
}
.k270-top-price .k389-top-money>img{
  width:15px!important;height:15px!important;min-width:15px!important;display:block!important;object-fit:contain!important;border-radius:50%!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,0,.35))!important;
}

/* Replay rules are intentionally asymmetric:
   x1 = classic horizontal reel; x2..x5 = vertical reels side by side. */
:root[data-theme="hub"] .k386-case-replay .k386-replay-lanes.is-single{
  display:block!important;width:100%!important;max-width:none!important;margin:0!important;
}
:root[data-theme="hub"] .k386-case-replay .k389-horizontal-replay{
  width:100%!important;height:252px!important;min-height:252px!important;margin:0!important;
  border-radius:18px!important;overflow:hidden!important;perspective:none!important;background:#090b11!important;
}
:root[data-theme="hub"] .k386-case-replay .k389-horizontal-replay::before,
:root[data-theme="hub"] .k386-case-replay .k389-horizontal-replay::after{
  top:0!important;bottom:0!important;width:110px!important;height:auto!important;
}
:root[data-theme="hub"] .k386-case-replay .k389-horizontal-replay::before{left:0!important;right:auto!important;background:linear-gradient(90deg,#090b11,transparent)!important}
:root[data-theme="hub"] .k386-case-replay .k389-horizontal-replay::after{right:0!important;left:auto!important;background:linear-gradient(-90deg,#090b11,transparent)!important}
:root[data-theme="hub"] .k386-case-replay .k389-horizontal-replay .profile-v81-replay-pointer{
  left:50%!important;right:auto!important;top:0!important;bottom:0!important;width:1px!important;height:auto!important;
  transform:none!important;background:#f2eee8!important;box-shadow:0 0 15px rgba(255,255,255,.30)!important;
}
:root[data-theme="hub"] .k386-case-replay .k389-horizontal-replay .profile-v81-replay-pointer::before,
:root[data-theme="hub"] .k386-case-replay .k389-horizontal-replay .profile-v81-replay-pointer::after{
  left:50%!important;right:auto!important;top:auto!important;width:0!important;height:0!important;transform:translateX(-50%)!important;
  border-left:7px solid transparent!important;border-right:7px solid transparent!important;
}
:root[data-theme="hub"] .k386-case-replay .k389-horizontal-replay .profile-v81-replay-pointer::before{
  top:0!important;bottom:auto!important;border-top:0!important;border-bottom:10px solid #f2eee8!important;
}
:root[data-theme="hub"] .k386-case-replay .k389-horizontal-replay .profile-v81-replay-pointer::after{
  bottom:0!important;top:auto!important;border-bottom:0!important;border-top:10px solid #f2eee8!important;
}
:root[data-theme="hub"] .k386-case-replay .k389-horizontal-replay .profile-v81-replay-strip{
  left:0!important;right:auto!important;top:30px!important;width:max-content!important;height:194px!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;
}
:root[data-theme="hub"] .k386-case-replay .k389-horizontal-replay .profile-v81-replay-card{
  flex:0 0 160px!important;width:160px!important;min-width:160px!important;height:188px!important;padding:8px!important;
  display:grid!important;grid-template-rows:112px auto auto auto!important;transform:none!important;opacity:.76!important;
}
:root[data-theme="hub"] .k386-case-replay .k389-horizontal-replay .profile-v81-replay-card.winner{transform:scale(1.035)!important;opacity:1!important}
:root[data-theme="hub"] .k386-case-replay.is-single-replay .k386-replay-results{grid-template-columns:minmax(220px,360px)!important;justify-content:center!important}

/* Promo: an ivory product-tag physically tucked behind the bottom of the left rail.
   Portal remains outside the clipped rail, but its overlap makes it read as one component. */
:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail{
  width:46px!important;height:108px!important;min-width:46px!important;min-height:108px!important;
  padding:15px 0 12px!important;
  border:1px solid rgba(191,139,67,.62)!important;border-top:0!important;border-radius:0 0 15px 15px!important;
  background:linear-gradient(90deg,#e8e1d4 0%,#fffaf0 19%,#f8f2e8 52%,#e7dfd1 100%)!important;
  box-shadow:inset 1px 0 rgba(255,255,255,.95),inset -1px 0 rgba(128,94,51,.16),inset 0 -2px rgba(154,108,49,.13),0 13px 26px rgba(0,0,0,.34)!important;
  color:#b77a2e!important;overflow:hidden!important;
  transform:translateX(-50%) translateY(0)!important;
  transition:transform .38s cubic-bezier(.16,1,.3,1),box-shadow .25s ease!important;
}
:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail::before{
  content:""!important;position:absolute!important;top:8px!important;left:50%!important;width:9px!important;height:9px!important;transform:translateX(-50%)!important;
  border-radius:50%!important;background:#b77a2e!important;box-shadow:inset 0 1px 2px rgba(74,43,15,.4),0 0 0 3px rgba(183,122,46,.12)!important;opacity:1!important;
}
:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail::after{
  content:""!important;position:absolute!important;left:7px!important;right:7px!important;top:25px!important;height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(183,122,46,.35),transparent)!important;
}
:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail span{
  writing-mode:vertical-rl!important;transform:rotate(180deg)!important;margin-top:18px!important;
  font:800 10px/1 "Nunito Sans",sans-serif!important;letter-spacing:.20em!important;color:#b77a2e!important;
  text-shadow:0 1px rgba(255,255,255,.8)!important;
}
:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail:hover,
:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail:focus-visible{
  transform:translateX(-50%) translateY(32px)!important;
  box-shadow:inset 1px 0 rgba(255,255,255,1),inset -1px 0 rgba(128,94,51,.14),0 19px 34px rgba(0,0,0,.40),0 0 18px rgba(183,122,46,.12)!important;
}

/* ===== v390-promo-edge.css ===== */
/* KORZH v390 — right-edge cherry promo ticket
   The global promo button is portaled to <body> by v388. This file intentionally
   ignores the old left-rail positioning variables and turns it into a monitor-edge tab. */

html:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail{
  position:fixed!important;
  left:auto!important;
  top:auto!important;
  right:-58px!important;
  bottom:20px!important;
  width:118px!important;
  height:46px!important;
  min-width:118px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 24px 0 25px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  overflow:visible!important;
  border:1px solid rgba(213,129,101,.22)!important;
  border-right:0!important;
  border-radius:13px 0 0 13px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),transparent 42%),
    linear-gradient(100deg,#3a0c17 0%,#52101f 46%,#681427 100%)!important;
  color:#d7ad67!important;
  box-shadow:
    inset 0 1px rgba(255,230,219,.09),
    inset 0 -1px rgba(31,3,9,.72),
    -10px 12px 28px rgba(0,0,0,.31),
    -1px 0 0 rgba(221,148,114,.06)!important;
  clip-path:polygon(
    8px 0,100% 0,100% 100%,8px 100%,
    8px 94%,0 90%,8px 84%,0 78%,8px 72%,0 66%,
    8px 60%,0 54%,8px 48%,0 42%,8px 36%,0 30%,
    8px 24%,0 18%,8px 12%,0 6%
  )!important;
  transform:none!important;
  transform-origin:right center!important;
  z-index:230!important;
  cursor:pointer!important;
  will-change:right,box-shadow!important;
  transition:
    right .38s cubic-bezier(.16,1,.3,1),
    box-shadow .26s ease,
    filter .26s ease!important;
}

/* small brass eyelet like a real ticket, kept on the visible half */
html:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail::before{
  content:""!important;
  position:absolute!important;
  left:17px!important;
  top:50%!important;
  width:7px!important;
  height:7px!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  border:1px solid rgba(239,190,104,.62)!important;
  background:radial-gradient(circle at 38% 34%,#edc57c 0 18%,#a66b27 45%,#4a2410 100%)!important;
  box-shadow:0 0 0 3px rgba(218,164,76,.06),inset 0 1px 1px rgba(255,236,191,.45)!important;
  opacity:1!important;
}

/* subtle perforation / seam separating the eyelet from the wordmark */
html:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail::after{
  content:""!important;
  position:absolute!important;
  left:34px!important;
  top:9px!important;
  bottom:9px!important;
  width:1px!important;
  height:auto!important;
  background:repeating-linear-gradient(to bottom,rgba(218,170,91,.28) 0 3px,transparent 3px 6px)!important;
  opacity:.72!important;
}

html:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail span{
  margin:0 0 0 18px!important;
  writing-mode:horizontal-tb!important;
  transform:none!important;
  white-space:nowrap!important;
  font:800 10px/1 "Nunito Sans",system-ui,sans-serif!important;
  letter-spacing:.15em!important;
  color:#d9af69!important;
  text-shadow:0 1px rgba(18,4,7,.75),0 0 12px rgba(214,160,82,.08)!important;
}

html:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail:hover,
html:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail:focus-visible{
  right:-10px!important;
  transform:none!important;
  filter:brightness(1.055)!important;
  box-shadow:
    inset 0 1px rgba(255,232,222,.11),
    inset 0 -1px rgba(31,3,9,.76),
    -16px 14px 34px rgba(0,0,0,.36),
    -5px 0 24px rgba(117,25,45,.18)!important;
}

html:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail:active{
  right:-13px!important;
  filter:brightness(.98)!important;
}

/* Keep the tab out of the compact/mobile dock where the right rail is hidden. */
@media(max-width:1120px){
  html:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail{display:none!important}
}

/* ===== v392-profile-replay-typography.css ===== */
/* KORZH v392 — profile ordering, replay polish, top-day footer and 2040 typography pass */

/* 2040 typography: one soft, legible family across inherited UI copy and controls.
   Existing special display faces on case/collection names remain untouched because they
   set their own font-family explicitly. */
:root[data-visual-style="2040"] body,
:root[data-visual-style="2040"] button,
:root[data-visual-style="2040"] input,
:root[data-visual-style="2040"] select,
:root[data-visual-style="2040"] textarea{
  font-family:"Nunito Sans",Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-kerning:normal;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
:root[data-visual-style="2040"] small{
  font-family:"Nunito Sans",Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:max(9px,.62em)!important;
  font-weight:650!important;
  line-height:1.32!important;
  letter-spacing:.018em!important;
}
:root[data-visual-style="2040"] :where(h1,h2,h3,h4,h5,strong,button,[role="button"]){
  text-shadow:0 1px 0 rgba(255,255,255,.035),0 2px 7px rgba(0,0,0,.26);
}
:root[data-visual-style="2040"] :where(p,.muted,.subtle,[class*="subtitle"],[class*="description"],[class*="helper"],[class*="hint"]){
  line-height:1.42;
}

/* REPLAY — remove the old blank/header slab globally. Keep only a floating close control. */
:root[data-theme="hub"] .profile-v81-replay-modal{
  position:relative!important;
  overflow-x:hidden!important;
}
:root[data-theme="hub"] .profile-v81-replay-modal>header,
:root[data-theme="hub"] .k231-upgrade-replay>header,
:root[data-theme="hub"] .k386-replay-clean>header,
:root[data-theme="hub"] .k386-case-replay>header,
:root[data-theme="hub"] .k386-contract-replay>header{
  position:absolute!important;
  inset:0 0 auto 0!important;
  z-index:30!important;
  width:100%!important;
  height:0!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
  overflow:visible!important;
}
:root[data-theme="hub"] .profile-v81-replay-modal>header .profile-v81-close,
:root[data-theme="hub"] .k386-replay-close{
  position:absolute!important;
  top:14px!important;
  right:14px!important;
  z-index:32!important;
  pointer-events:auto!important;
}

/* Case replay heading: reserve real space for the case art so the title never sits on it. */
:root[data-theme="hub"] .k386-case-replay{
  padding-top:10px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
:root[data-theme="hub"] .k386-replay-case-meta{
  display:grid!important;
  grid-template-columns:82px minmax(0,max-content) auto!important;
  align-items:center!important;
  column-gap:12px!important;
  min-height:62px!important;
  margin:10px 58px 12px 18px!important;
}
:root[data-theme="hub"] .k386-replay-case-meta>span{
  width:82px!important;
  height:58px!important;
  min-width:82px!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  background:transparent!important;
  border-radius:0!important;
}
:root[data-theme="hub"] .k386-replay-case-meta .history-case-icon,
:root[data-theme="hub"] .k386-replay-case-meta .history-case-icon img{
  width:82px!important;
  height:58px!important;
  object-fit:contain!important;
}
:root[data-theme="hub"] .k386-replay-case-meta>b{
  min-width:0!important;
  margin:0!important;
  font-size:17px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
:root[data-theme="hub"] .k386-replay-case-meta>small{
  justify-self:start!important;
  margin-left:2px!important;
}

/* Case replay footer: no "saved spin" caption, only a tighter repeat button. */
:root[data-theme="hub"] .k392-case-replay-footer{
  height:54px!important;
  min-height:54px!important;
  padding:5px 18px 11px!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:flex-end!important;
}
:root[data-theme="hub"] .k392-case-replay-footer>span{display:none!important}
:root[data-theme="hub"] .k392-case-replay-footer #replayRestart{
  min-width:150px!important;
  width:auto!important;
  height:38px!important;
  min-height:38px!important;
  padding:0 17px!important;
  border-radius:12px!important;
  /* keep the existing text size/weight — only the physical button is tighter */
}

/* Upgrade replay: the percentage/date line is deliberately readable, not micro-copy. */
:root[data-theme="hub"] .k231-upgrade-replay-meta{
  gap:14px!important;
  padding:4px 0 18px!important;
  font-size:13px!important;
  color:#a9abb2!important;
}
:root[data-theme="hub"] .k231-upgrade-replay-meta>span{
  font-size:13px!important;
  font-weight:850!important;
  color:#d9d7d2!important;
  letter-spacing:.01em!important;
}
:root[data-theme="hub"] .k231-upgrade-replay-meta>time{
  font-size:12px!important;
  font-weight:700!important;
  color:#9b9da5!important;
  letter-spacing:.025em!important;
}
:root[data-theme="hub"] .k231-upgrade-replay-meta>i{
  width:5px!important;height:5px!important;
}

/* TOP OF THE DAY — bottom strip is only nickname + place, both large enough to read. */
.k270-top-modal .k392-top-me{
  min-height:54px!important;
  margin:0 14px 16px!important;
  padding:10px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  border-radius:15px!important;
}
.k270-top-modal .k392-top-me-name{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-family:"Nunito Sans",Manrope,system-ui,sans-serif!important;
  font-size:15px!important;
  font-weight:850!important;
  line-height:1!important;
  letter-spacing:.005em!important;
  color:#f4f0ea!important;
  text-shadow:0 1px rgba(255,255,255,.04),0 3px 10px rgba(0,0,0,.32)!important;
}
.k270-top-modal .k392-top-me-rank{
  flex:none!important;
  font-family:"Nunito Sans",Manrope,system-ui,sans-serif!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  color:var(--k385-accent-soft,#f3b889)!important;
  text-shadow:0 1px rgba(255,255,255,.06),0 0 16px rgba(var(--k385-accent-rgb,233,155,99),.14)!important;
}

/* Make secondary 2040 profile/replay chrome read like designed UI rather than 6px debug copy. */
:root[data-visual-style="2040"][data-theme="hub"] :where(
  .profile-v80-content-actions,
  .profile-v156-card-copy span,
  .profile-item-meta small,
  .profile-v81-history-row time,
  .profile-v81-event-index small,
  .profile-v229-activity-meta,
  .k386-replay-time,
  .k386-contract-staked>small,
  .k386-contract-result>small,
  .exchange-v109-market-title,
  .k270-top-user small,
  .k270-top-skin small
){
  font-family:"Nunito Sans",Manrope,system-ui,sans-serif!important;
  font-size:10px!important;
  font-weight:650!important;
  line-height:1.3!important;
  letter-spacing:.015em!important;
}

@media(max-width:760px){
  :root[data-theme="hub"] .k386-replay-case-meta{
    grid-template-columns:64px minmax(0,1fr) auto!important;
    margin-right:50px!important;
  }
  :root[data-theme="hub"] .k386-replay-case-meta>span,
  :root[data-theme="hub"] .k386-replay-case-meta .history-case-icon,
  :root[data-theme="hub"] .k386-replay-case-meta .history-case-icon img{width:64px!important;height:48px!important;min-width:64px!important}
  .k270-top-modal .k392-top-me-name{font-size:14px!important}
  .k270-top-modal .k392-top-me-rank{font-size:17px!important}
}

/* ===== v393-polish-performance.css ===== */
/* =========================================================
   KORZH v393 — AMBER history / premium promo tab / convex prices /
   profile command-center cleanup / BONUS centering / low-latency 2040.
   ========================================================= */

/* ---------- 1. PROMO: rounded palette ticket, half-hidden at LEFT edge ---------- */
:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail{
  position:fixed!important;
  left:0!important;right:auto!important;top:auto!important;bottom:26px!important;
  width:138px!important;height:54px!important;min-width:138px!important;min-height:54px!important;
  padding:0 18px 0 28px!important;margin:0!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  border:1px solid var(--k391-ticket-edge)!important;
  border-left:0!important;
  border-radius:0 999px 999px 0!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),transparent 33%),
    linear-gradient(112deg,var(--k391-ticket-a),var(--k391-ticket-b))!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.12),
    inset 0 -1px rgba(0,0,0,.48),
    10px 14px 30px rgba(0,0,0,.30),
    7px 0 25px var(--k391-ticket-glow)!important;
  overflow:visible!important;
  transform:translate3d(-58%,0,0) rotate(-4deg)!important;
  transform-origin:left center!important;
  filter:none!important;
  will-change:transform!important;
  transition:transform .68s cubic-bezier(.16,1,.3,1),box-shadow .46s ease,filter .36s ease!important;
}
:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail:hover,
:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail:focus-visible{
  left:0!important;
  transform:translate3d(-7%,0,0) rotate(-1.6deg)!important;
  filter:brightness(1.055)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.15),
    inset 0 -1px rgba(0,0,0,.46),
    14px 17px 35px rgba(0,0,0,.34),
    10px 0 34px var(--k391-ticket-glow)!important;
}
:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail:active{
  left:0!important;
  transform:translate3d(-8%,1px,0) rotate(-1.6deg) scale(.992)!important;
}
:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail::before{
  right:14px!important;left:auto!important;top:50%!important;
  width:8px!important;height:8px!important;transform:translateY(-50%)!important;
}
:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail::after{
  right:34px!important;left:auto!important;top:10px!important;bottom:10px!important;
}
:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail span{
  margin:0 28px 0 0!important;
  font-size:10px!important;font-weight:850!important;letter-spacing:.17em!important;
  color:#dbae5c!important;
}

/* ---------- 2. CASE PRICES: pill-shaped, permanently convex, full-width white light ---------- */
:root[data-visual-style="2040"] .page-cases :is(
  .case-price-premium,
  .case-price-tag.case-price-premium,
  .k220-oscar-price.case-price-premium,
  .k221-oscar-price.case-price-premium
){
  position:relative!important;isolation:isolate!important;
  min-width:88px!important;height:40px!important;min-height:40px!important;
  margin-top:12px!important;padding:0 15px!important;
  border:1px solid rgba(255,255,255,.23)!important;
  border-radius:999px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.045) 31%,rgba(28,28,31,.97) 54%,rgba(10,10,12,.99) 100%)!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.31),
    inset 0 -3px 5px rgba(0,0,0,.58),
    0 3px 0 rgba(0,0,0,.96),
    0 8px 16px rgba(0,0,0,.31),
    0 0 15px rgba(255,255,255,.085),
    0 0 28px rgba(255,255,255,.035)!important;
  overflow:hidden!important;
  transform:translate3d(0,0,0)!important;
  filter:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
:root[data-visual-style="2040"] .page-cases .case-price-premium::before{
  content:""!important;display:block!important;position:absolute!important;pointer-events:none!important;
  left:2px!important;right:2px!important;top:2px!important;height:47%!important;
  border-radius:999px 999px 62% 62%!important;
  background:linear-gradient(180deg,rgba(255,255,255,.29),rgba(255,255,255,.075) 48%,rgba(255,255,255,0))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.16)!important;
  opacity:1!important;
}
:root[data-visual-style="2040"] .page-cases .case-price-premium::after{content:none!important;display:none!important}
:root[data-visual-style="2040"] .page-cases :is(.case-card,.k220-oscar-card,.k221-oscar-tile):hover .case-price-premium{
  transform:translate3d(0,-1px,0)!important;
  border-color:rgba(255,255,255,.29)!important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.36),
    inset 0 -3px 5px rgba(0,0,0,.54),
    0 4px 0 rgba(0,0,0,.96),
    0 10px 18px rgba(0,0,0,.33),
    0 0 18px rgba(255,255,255,.11),
    0 0 31px rgba(255,255,255,.045)!important;
}
/* Oscar had a correct button but an old fold/containment still clipped the lower depth. */
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-section,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-section .collection-fold,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-section .collection-fold-inner,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-grid,
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-tile{
  overflow:visible!important;contain:none!important;content-visibility:visible!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-grid{padding-bottom:34px!important}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .k221-oscar-price.case-price-premium{margin-bottom:8px!important}

/* ---------- 3. BONUS mystery roulette: hard-center the question glyph ---------- */
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-v166 .case-roulette-card-v166.k385-mystery-case-card > .k385-mystery-case-visual{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  display:block!important;margin:0!important;padding:0!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-v166 .case-roulette-card-v166.k385-mystery-case-card > .k385-mystery-case-visual span{
  position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;
  width:auto!important;height:auto!important;margin:0!important;padding:0!important;
  transform:translate(-50%,-50%)!important;
  text-align:center!important;line-height:1!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-v166 .case-roulette-card-v166.k385-mystery-case-card > .k385-mystery-case-visual i{
  position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) scale(.94)!important;
}

/* ---------- 4. PROFILE: remove the non-coffee colored center mat ---------- */
:root[data-visual-style="2040"][data-theme="hub"] .profile-page.profile-v80,
:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette]:not([data-k2040-palette="coffee"]) .profile-page.profile-v80{
  background:transparent!important;
}

/* Remove the repeated orbit/dust animations from identity / counters / trade. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user::before,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user::after,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat::before,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat::after,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit .profile-v292-orbit,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit .profile-v292-spark{
  display:none!important;animation:none!important;content:none!important;
}

/* The whole profile hero gets only a few compositor-only scan lines. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-command{
  isolation:isolate!important;overflow:hidden!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-command::before{
  content:""!important;display:block!important;position:absolute!important;z-index:1!important;
  left:0!important;top:0!important;width:34%!important;height:100%!important;pointer-events:none!important;
  background:
    linear-gradient(90deg,transparent,rgba(255,255,255,.075),transparent) 0 24%/100% 1px no-repeat,
    linear-gradient(90deg,transparent,rgba(var(--k385-accent-rgb,238,166,117),.11),transparent) 0 52%/100% 1px no-repeat,
    linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent) 0 78%/100% 1px no-repeat!important;
  opacity:.72!important;
  transform:translate3d(-125%,0,0)!important;
  animation:k393ProfileSweep 9.6s cubic-bezier(.25,.2,.2,1) infinite!important;
  will-change:transform!important;
}
@keyframes k393ProfileSweep{
  0%,9%{transform:translate3d(-125%,0,0);opacity:0}
  15%{opacity:.68}
  48%{opacity:.82}
  78%{transform:translate3d(390%,0,0);opacity:.48}
  79%,100%{transform:translate3d(390%,0,0);opacity:0}
}
/* KORZH is a faint material pattern in the free space, not a foreground label. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-command::after{
  content:"KORZH"!important;display:block!important;position:absolute!important;z-index:0!important;
  left:63%!important;right:auto!important;top:51%!important;width:auto!important;height:auto!important;
  transform:translate(-50%,-50%) rotate(-8deg)!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;background:none!important;
  color:rgba(255,255,255,.045)!important;
  font-family:"Nunito Sans",Manrope,system-ui,sans-serif!important;font-size:70px!important;font-weight:900!important;
  line-height:1!important;letter-spacing:.18em!important;white-space:nowrap!important;
  text-shadow:0 0 24px rgba(var(--k385-accent-rgb,238,166,117),.025)!important;
  pointer-events:none!important;
}

/* Minimal static internal patterns instead of animated rings. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat .profile-v156-card-copy,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v303-trade-orbit{
  background-image:
    linear-gradient(125deg,transparent 0 76%,rgba(255,255,255,.026) 76.1% 76.55%,transparent 76.7%),
    linear-gradient(160deg,transparent 0 88%,rgba(var(--k385-accent-rgb,238,166,117),.035) 88.1% 88.45%,transparent 88.6%)!important;
  background-blend-mode:screen!important;
}

/* Same vertical rhythm inside both profile counters. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat .profile-v156-card-copy{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  gap:6px!important;padding:0!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat .profile-v156-card-copy>strong{
  min-height:25px!important;height:25px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat .profile-v156-card-copy>small{
  min-height:11px!important;height:11px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;
}

/* Avatar: true circle, no dark square/plate behind it. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user .profile-avatar-xl{
  width:58px!important;height:58px!important;min-width:58px!important;flex-basis:58px!important;
  border-radius:50%!important;background:transparent!important;background-image:none!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.24),0 0 0 3px rgba(255,255,255,.025)!important;
  overflow:visible!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user .profile-avatar-xl img{
  width:100%!important;height:100%!important;border-radius:50%!important;object-fit:cover!important;background:transparent!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-user .profile-avatar-xl>i{
  right:0!important;bottom:1px!important;border-color:color-mix(in srgb,var(--k385-panel-deep) 78%,transparent)!important;
}

/* ---------- 5. PERFORMANCE / INPUT LATENCY ---------- */
/* No fixed-background repaint while the document scrolls. */
:root[data-visual-style="2040"] body,
:root[data-visual-style="2040"] .page,
:root[data-visual-style="2040"] .profile-page{background-attachment:scroll!important}
/* Static atmosphere keeps the look without a permanent huge blur animation. */
:root[data-visual-style="2040"] .k2040-atmosphere i{
  filter:blur(72px)!important;animation:none!important;will-change:auto!important;mix-blend-mode:normal!important;
}
:root[data-visual-style="2040"] body::before{filter:blur(25px) saturate(1.02)!important;will-change:auto!important}
/* Avoid just-in-time content-visibility reveals while wheeling long case shelves. */
:root[data-visual-style="2040"][data-theme="hub"] .hub-showcase-collection{content-visibility:visible!important;contain-intrinsic-size:none!important}
/* Large scrolling surfaces don't need live backdrop blur; modal overlays keep theirs. */
:root[data-visual-style="2040"][data-theme="hub"] :is(.profile-v80-command,.profile-v81-topdrop,.profile-v156-content,.hub-showcase-collection,.case-page-contents){
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
/* Immediate tactile motion; no long transition on clicks or hover. */
:root[data-visual-style="2040"] :is(button,[role="button"],.case-card,.k220-oscar-card,.k221-oscar-tile,.contract-slot,.upgrade-skin-card,.upgrade-target-card,.profile-page-item){
  transition-duration:.13s,.18s,.16s,.16s,.13s!important;
  transition-timing-function:cubic-bezier(.2,.75,.2,1)!important;
}

@media(max-width:1120px){
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v80-command::after{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v80-command::before{animation:none!important;display:none!important}
}
/* Keep hover response compositor-friendly: no full-card filter repaint. */
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-card,.k220-oscar-card,.k221-oscar-tile,.profile-page-item,.contract-slot,.upgrade-skin-card,.upgrade-target-card),
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-card,.k220-oscar-card,.k221-oscar-tile,.profile-page-item,.contract-slot,.upgrade-skin-card,.upgrade-target-card):hover{
  filter:none!important;
}

/* ===== v394-profile-ticket-polish.css ===== */
/* =========================================================
   KORZH v394 — profile edge-glint motion / sculpted promo tab /
   BONUS mystery hard-centering. 2040 only.
   ========================================================= */

/* 1) BONUS CASE: let the card's own grid center the glyph.
   Do not position the question mark with left/top transforms: older reel
   transforms can change that coordinate space while the strip is moving. */
html:root[data-visual-style="2040"][data-theme="hub"] body
.case-roulette-v166 .case-roulette-card-v166.k385-mystery-case-card > .k385-mystery-case-visual{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template:1fr / 1fr!important;
  place-items:center!important;
  place-content:center!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] body
.case-roulette-v166 .case-roulette-card-v166.k385-mystery-case-card > .k385-mystery-case-visual span{
  position:relative!important;
  inset:auto!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  width:max-content!important;height:max-content!important;
  margin:0!important;padding:0!important;
  justify-self:center!important;align-self:center!important;
  transform:none!important;translate:none!important;
  text-align:center!important;line-height:1!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] body
.case-roulette-v166 .case-roulette-card-v166.k385-mystery-case-card > .k385-mystery-case-visual i{
  position:absolute!important;
  left:50%!important;top:50%!important;
  transform:translate3d(-50%,-50%,0) scale(.94)!important;
}

/* 2) PROFILE: remove the KORZH wordmark from the hero material entirely. */
html:root[data-visual-style="2040"][data-theme="hub"] body
.profile-v80-command::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}

/* The previous broad scan across the whole hero is replaced by local,
   quiet edge light on the three functional controls. */
html:root[data-visual-style="2040"][data-theme="hub"] body
.profile-v80-command::before{
  content:none!important;
  display:none!important;
  animation:none!important;
}

/* Natural moving edge-light: no orbit, no spinning rings, no geometry motion.
   Only a narrow highlight glides through the existing frame. */
html:root[data-visual-style="2040"][data-theme="hub"] body
.profile-page:not(.k275-public-profile) .profile-v187-stat .profile-v156-card-copy,
html:root[data-visual-style="2040"][data-theme="hub"] body
.profile-v303-trade-orbit .profile-v287-trade-inline{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] body
.profile-page:not(.k275-public-profile) .profile-v187-stat .profile-v156-card-copy::before,
html:root[data-visual-style="2040"][data-theme="hub"] body
.profile-v303-trade-orbit .profile-v287-trade-inline::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:8!important;
  inset:-1px!important;
  padding:1px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:linear-gradient(105deg,
    transparent 0%,
    transparent 37%,
    rgba(255,255,255,.04) 43%,
    rgba(255,255,255,.54) 49%,
    rgba(var(--k385-accent-rgb,238,166,117),.40) 52%,
    rgba(255,255,255,.08) 57%,
    transparent 64%,
    transparent 100%)!important;
  background-size:240% 100%!important;
  background-position:155% 0!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  opacity:.72!important;
  animation:k394EdgeGlint 6.8s cubic-bezier(.34,.05,.2,1) infinite!important;
  will-change:background-position!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] body
.profile-v187-withdrawn-stat .profile-v156-card-copy::before{
  animation-delay:-2.15s!important;
  animation-duration:7.4s!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] body
.profile-v303-trade-orbit .profile-v287-trade-inline::before{
  animation-delay:-4.1s!important;
  animation-duration:7.8s!important;
  opacity:.64!important;
}
@keyframes k394EdgeGlint{
  0%,13%{background-position:155% 0;opacity:0}
  19%{opacity:.38}
  45%{opacity:.76}
  72%{background-position:-65% 0;opacity:.48}
  78%,100%{background-position:-65% 0;opacity:0}
}
/* A restrained static inner rim keeps the blocks alive between glints. */
html:root[data-visual-style="2040"][data-theme="hub"] body
.profile-page:not(.k275-public-profile) .profile-v187-stat .profile-v156-card-copy{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 -1px 0 rgba(0,0,0,.22),
    0 8px 18px rgba(0,0,0,.12)!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] body
.profile-v303-trade-orbit .profile-v287-trade-inline{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.24),
    0 8px 19px rgba(0,0,0,.13)!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] body
.profile-v303-trade-orbit .profile-v287-trade-inline.is-linked{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.25),
    0 8px 20px rgba(0,0,0,.14),
    0 0 18px rgba(70,224,139,.10)!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] body
.profile-v303-trade-orbit .profile-v287-trade-inline.is-unlinked{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.25),
    0 8px 20px rgba(0,0,0,.14),
    0 0 18px rgba(255,91,91,.08)!important;
}

/* 3) PROMO: a sculpted half-arch protruding from the LEFT monitor edge.
   The visible end is a real half-oval rather than a rounded rectangle. */
html:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail{
  position:fixed!important;
  left:0!important;right:auto!important;top:auto!important;bottom:24px!important;
  width:148px!important;height:70px!important;min-width:148px!important;min-height:70px!important;
  margin:0!important;padding:0 27px 0 38px!important;
  box-sizing:border-box!important;
  display:flex!important;align-items:center!important;justify-content:flex-end!important;
  overflow:hidden!important;
  border:1px solid var(--k391-ticket-edge)!important;
  border-left:0!important;
  border-radius:0 70px 70px 0 / 0 50% 50% 0!important;
  clip-path:none!important;
  background:
    radial-gradient(85% 155% at 100% 50%,rgba(255,255,255,.105),transparent 51%),
    linear-gradient(180deg,rgba(255,255,255,.065),transparent 37%),
    linear-gradient(112deg,var(--k391-ticket-a),var(--k391-ticket-b))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    inset 0 -1px 0 rgba(0,0,0,.42),
    8px 14px 30px rgba(0,0,0,.24),
    6px 0 25px var(--k391-ticket-glow)!important;
  color:#d9af69!important;
  transform:translate3d(-59%,0,0) rotate(-2.4deg)!important;
  transform-origin:left center!important;
  filter:none!important;
  z-index:230!important;
  cursor:pointer!important;
  will-change:transform!important;
  transition:
    transform .92s cubic-bezier(.22,1,.36,1),
    box-shadow .72s cubic-bezier(.22,1,.36,1),
    filter .72s cubic-bezier(.22,1,.36,1)!important;
}
html:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail:hover,
html:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail:focus-visible{
  left:0!important;right:auto!important;
  transform:translate3d(-6%,0,0) rotate(-.65deg)!important;
  filter:brightness(1.045)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(0,0,0,.40),
    12px 17px 36px rgba(0,0,0,.28),
    10px 0 34px var(--k391-ticket-glow)!important;
}
html:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail:active{
  transform:translate3d(-7%,1px,0) rotate(-.65deg) scale(.994)!important;
}
/* Brass inset on the curved end. */
html:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:17px!important;left:auto!important;top:50%!important;
  width:8px!important;height:8px!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  border:1px solid rgba(239,190,104,.64)!important;
  background:radial-gradient(circle at 38% 34%,#edc57c 0 18%,#a66b27 45%,#4a2410 100%)!important;
  box-shadow:0 0 0 3px rgba(218,164,76,.055),inset 0 1px 1px rgba(255,236,191,.45)!important;
  opacity:1!important;
}
html:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:34px!important;left:auto!important;top:16px!important;bottom:16px!important;
  width:1px!important;height:auto!important;
  background:linear-gradient(180deg,transparent,rgba(218,170,91,.28),transparent)!important;
  opacity:.72!important;
}
html:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail span{
  margin:0 29px 0 0!important;
  writing-mode:horizontal-tb!important;
  transform:none!important;
  white-space:nowrap!important;
  font:850 10px/1 "Nunito Sans",system-ui,sans-serif!important;
  letter-spacing:.17em!important;
  color:#d9af69!important;
  text-shadow:0 1px rgba(18,4,7,.70),0 0 12px rgba(214,160,82,.08)!important;
}

@media(max-width:1120px){
  html:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  html:root[data-visual-style="2040"][data-theme="hub"] body
  .profile-page:not(.k275-public-profile) .profile-v187-stat .profile-v156-card-copy::before,
  html:root[data-visual-style="2040"][data-theme="hub"] body
  .profile-v303-trade-orbit .profile-v287-trade-inline::before{animation:none!important;display:none!important}
  html:root[data-visual-style="2040"] body > .k386-promo-tag.k388-promo-tail{transition:none!important}
}

/* ===== v395-soft-motion.css ===== */
/* =========================================================
   KORZH v395 — unified 2040 soft-motion system.
   Goal: promo-ticket softness everywhere without input latency.
   Only compositor-friendly motion (transform/opacity) is used for
   primary interactions; no JS click delays and no wheel interception.
   ========================================================= */

:root[data-visual-style="2040"]{
  --k395-ease:cubic-bezier(.22,1,.36,1);
  --k395-ease-press:cubic-bezier(.2,.82,.25,1);
  --k395-hover-time:.58s;
  --k395-return-time:.68s;
  --k395-color-time:.42s;
}

/* 1) One shared tactile language for clickable UI. */
:root[data-visual-style="2040"] :is(
  button,
  [role="button"],
  .case-card,
  .k220-oscar-card,
  .k221-oscar-tile,
  .skin-card,
  .profile-page-item,
  .profile-history-row,
  .contract-slot,
  .k341-contract-slot,
  .upgrade-skin-card,
  .upgrade-target-card,
  .live-item,
  .k270-top-row,
  .setting-row
){
  -webkit-tap-highlight-color:transparent!important;
  transition:
    transform var(--k395-return-time) var(--k395-ease),
    box-shadow var(--k395-hover-time) var(--k395-ease),
    border-color var(--k395-color-time) ease,
    background-color var(--k395-color-time) ease,
    color .34s ease,
    opacity .32s ease!important;
}

/* Case/catalog cards: tiny movement, long soft settle — no snap. */
:root[data-visual-style="2040"][data-theme="hub"] .page-cases :is(.case-card,.k220-oscar-card,.k221-oscar-tile){
  transform:translate3d(0,0,0) scale(1)!important;
  transform-origin:50% 56%!important;
  will-change:transform!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases :is(.case-card,.k220-oscar-card,.k221-oscar-tile):hover{
  transform:translate3d(0,-3px,0) scale(1.008)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases :is(.case-card,.k220-oscar-card,.k221-oscar-tile):active{
  transform:translate3d(0,1px,0) scale(.993)!important;
  transition-duration:.22s,.24s,.24s,.24s,.22s,.22s!important;
  transition-timing-function:var(--k395-ease-press)!important;
}

/* Skin grids / profile inventory / contract slots / upgrade list. */
:root[data-visual-style="2040"] :is(
  .skin-card,
  .profile-page-item,
  .contract-slot,
  .k341-contract-slot,
  .upgrade-skin-card,
  .upgrade-target-card,
  .profile-history-row,
  .k270-top-row
){
  transform:translate3d(0,0,0)!important;
  will-change:transform!important;
}
:root[data-visual-style="2040"] :is(
  .skin-card,
  .profile-page-item,
  .contract-slot,
  .k341-contract-slot,
  .upgrade-skin-card,
  .upgrade-target-card,
  .profile-history-row,
  .k270-top-row
):hover{
  transform:translate3d(0,-2px,0) scale(1.004)!important;
}
:root[data-visual-style="2040"] :is(
  .skin-card,
  .profile-page-item,
  .contract-slot,
  .k341-contract-slot,
  .upgrade-skin-card,
  .upgrade-target-card,
  .profile-history-row,
  .k270-top-row
):active{
  transform:translate3d(0,1px,0) scale(.994)!important;
  transition-duration:.20s,.22s,.22s,.22s,.20s,.20s!important;
}

/* Buttons: ticket-like soft hover/press. Keep special promo transform below. */
:root[data-visual-style="2040"] button:not(:disabled):not(.k386-promo-tag),
:root[data-visual-style="2040"] [role="button"]:not(.k386-promo-tag){
  transform-origin:center!important;
}
:root[data-visual-style="2040"] button:not(:disabled):not(.k386-promo-tag):hover,
:root[data-visual-style="2040"] [role="button"]:not(.k386-promo-tag):hover{
  transform:translate3d(0,-1px,0) scale(1.006)!important;
}
:root[data-visual-style="2040"] button:not(:disabled):not(.k386-promo-tag):active,
:root[data-visual-style="2040"] [role="button"]:not(.k386-promo-tag):active{
  transform:translate3d(0,1px,0) scale(.988)!important;
  transition-duration:.18s,.20s,.20s,.20s,.18s,.18s!important;
  transition-timing-function:var(--k395-ease-press)!important;
}

/* Toggle/multiplier/nav controls should settle just as softly. */
:root[data-visual-style="2040"] :is(
  .k2040-nav button,
  .plane-room-tabs button,
  .upgrade-multipliers button,
  .upgrade-x-buttons button,
  .case-open-counts button,
  .profile-v156-tabs button,
  .profile-tabs button,
  .currency-options button,
  .language-options button
){
  transition:
    transform .52s var(--k395-ease),
    background-color .42s ease,
    border-color .42s ease,
    color .36s ease,
    box-shadow .52s var(--k395-ease),
    opacity .32s ease!important;
}

/* 2) Soft openings. No timeout/delay: these run the instant a newly-rendered
      overlay enters the DOM. Only opacity is animated so existing positioning
      transforms and game animations stay authoritative. */
:root[data-visual-style="2040"] :is(
  .overlay,
  .kx229-layer,
  .kx229-profile-layer,
  .deposit-mini-overlay,
  .steam-auth-overlay,
  .case-promo-overlay,
  .upgrade-settings-overlay,
  .plane-public-picker-overlay,
  .plane-history-detail-overlay,
  .profile-v81-overlay,
  .exchange-overlay,
  .trade-link-overlay,
  .k386-promo-overlay,
  .k270-top-layer
){
  animation:k395OverlayFade .30s var(--k395-ease) both!important;
}
:root[data-visual-style="2040"] :is(
  .reel-wrap,
  .case-roulette-v166,
  .k386-replay-lanes,
  .profile-v229-activity-stage,
  .k386-contract-replay-stage
){
  animation:k395ContentReveal .42s var(--k395-ease) both;
}
@keyframes k395OverlayFade{
  from{opacity:0}
  to{opacity:1}
}
@keyframes k395ContentReveal{
  from{opacity:0;translate:0 5px}
  to{opacity:1;translate:0 0}
}

/* 3) Global promo ticket: profile and main site use EXACTLY one component.
      v394's sculpted left-edge ticket is intentionally retained. */
:root[data-visual-style="2040"] body > :is(#globalPromoOpen,#profileGlobalPromoOpen).k386-promo-tag.k388-promo-tail{
  transition:
    transform .92s var(--k395-ease),
    box-shadow .72s var(--k395-ease),
    filter .72s var(--k395-ease)!important;
}
:root[data-visual-style="2040"] body > :is(#globalPromoOpen,#profileGlobalPromoOpen).k386-promo-tag.k388-promo-tail:active{
  transition-duration:.28s,.34s,.34s!important;
  transition-timing-function:var(--k395-ease-press)!important;
}

/* 4) Preserve native low-latency scrolling. Smooth is for programmatic jumps,
      not wheel interception. */
:root[data-visual-style="2040"]{scroll-behavior:smooth}
:root[data-visual-style="2040"] body{overscroll-behavior-y:auto}

/* Keep permanent animations cheap: don't promote every ordinary item forever. */
@media (hover:none){
  :root[data-visual-style="2040"] :is(.case-card,.k220-oscar-card,.k221-oscar-tile,.skin-card,.profile-page-item,.contract-slot,.upgrade-skin-card,.upgrade-target-card){will-change:auto!important}
}
@media(prefers-reduced-motion:reduce){
  :root[data-visual-style="2040"] *,
  :root[data-visual-style="2040"] *::before,
  :root[data-visual-style="2040"] *::after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}

/* ===== v396-allin-polish.css ===== */
/* =========================================================
   KORZH v396 — all-in profile / deposit / motion / perf polish
   2040 only unless explicitly noted.
   ========================================================= */

:root[data-visual-style="2040"]{
  --k396-ease:cubic-bezier(.22,1,.36,1);
  --k396-fast:.28s;
  --k396-soft:.52s;
  --k396-long:.72s;
}

/* ---------- PROFILE: promo ticket must be the same global body component ---------- */
:root[data-visual-style="2040"] .k2040-rail-left > #profileGlobalPromoOpen{display:none!important}
:root[data-visual-style="2040"] body > #profileGlobalPromoOpen.k386-promo-tag.k388-promo-tail{
  display:flex!important;
}

/* ---------- PROFILE: footer text lives directly on the page, not on a panel ---------- */
:root[data-visual-style="2040"][data-theme="hub"] .profile-page > .korzh-footer,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page .korzh-footer{
  width:min(100%,1440px)!important;
  margin:58px auto 0!important;
  padding:20px 26px 22px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page .korzh-footer::before{display:none!important;content:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page .korzh-footer-rule{background:rgba(255,255,255,.07)!important;opacity:.65!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page .korzh-footer-col,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page .korzh-footer-brand{background:transparent!important;box-shadow:none!important;border:0!important}

/* ---------- HISTORY: active page should read clearly, never turn into a white tile ---------- */
:root[data-visual-style="2040"][data-theme="hub"] .profile-history-pagination button{
  transition:transform .46s var(--k396-ease),background-color .38s ease,border-color .38s ease,color .32s ease,box-shadow .46s var(--k396-ease)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-history-pagination button.active{
  color:#fff4e8!important;
  background:linear-gradient(180deg,rgba(var(--k385-accent-rgb,238,166,117),.24),rgba(var(--k385-accent-rgb,238,166,117),.10))!important;
  border-color:rgba(var(--k385-accent-rgb,238,166,117),.52)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(var(--k385-accent-rgb,238,166,117),.08),0 7px 18px rgba(0,0,0,.18)!important;
  text-shadow:0 1px 8px rgba(255,255,255,.08)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-history-pagination button.active:hover{color:#fff!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-history-feed,
:root[data-visual-style="2040"][data-theme="hub"] .k396-withdraw-grid,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page-grid{
  animation:k396ContentSwap .28s var(--k396-ease) both;
}
@keyframes k396ContentSwap{from{opacity:.15;translate:0 4px}to{opacity:1;translate:0 0}}

/* ---------- WITHDRAWAL HISTORY: actual compact skin cards, not long strips ---------- */
:root[data-visual-style="2040"][data-theme="hub"] .profile-withdraw-history.k396-withdraw-grid{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:2px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-withdraw-card{
  position:relative!important;
  min-width:0!important;
  min-height:235px!important;
  display:grid!important;
  grid-template-rows:132px auto 40px!important;
  overflow:hidden!important;
  border-radius:18px!important;
  border:1px solid color-mix(in srgb,var(--rarity) 38%,rgba(255,255,255,.08))!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--rarity) 14%,#151820) 0%,#10131a 58%,#0d1016 100%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 13px 30px rgba(0,0,0,.16)!important;
  transform:translate3d(0,0,0)!important;
  transition:transform .62s var(--k396-ease),box-shadow .56s var(--k396-ease),border-color .42s ease!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-withdraw-card:hover{
  transform:translate3d(0,-3px,0) scale(1.006)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 17px 36px rgba(0,0,0,.22),0 0 22px color-mix(in srgb,var(--rarity) 12%,transparent)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-withdraw-card-art{
  min-width:0!important;height:132px!important;padding:14px 18px 4px!important;display:grid!important;place-items:center!important;
  background:radial-gradient(circle at 50% 52%,color-mix(in srgb,var(--rarity) 24%,transparent),transparent 63%)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-withdraw-card-art .skin-art{width:100%!important;height:100%!important;background:transparent!important;display:grid!important;place-items:center!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-withdraw-card-art img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 11px 14px rgba(0,0,0,.34))!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-withdraw-card-copy{padding:10px 14px 8px!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-withdraw-card-copy small{font-size:8px!important;color:color-mix(in srgb,var(--rarity) 68%,#ded8d2)!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-withdraw-card-copy strong{font-size:13px!important;line-height:1.15!important;color:#fff9f4!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-withdraw-card-copy b{font-size:12px!important;color:#f0ded0!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-withdraw-card-foot{height:40px!important;padding:0 11px!important;display:flex!important;align-items:center!important;gap:8px!important;border-top:1px solid rgba(255,255,255,.045)!important;background:rgba(0,0,0,.16)!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-withdraw-card-foot time{margin-right:auto!important;font-size:8px!important;color:rgba(235,228,222,.56)!important;font-weight:800!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-withdraw-card .profile-withdraw-status{grid-column:auto!important;width:auto!important;height:23px!important;min-height:23px!important;padding:0 8px!important;border-radius:999px!important;font-size:6.5px!important;white-space:nowrap!important}
@media(max-width:1280px){:root[data-visual-style="2040"][data-theme="hub"] .profile-withdraw-history.k396-withdraw-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:860px){:root[data-visual-style="2040"][data-theme="hub"] .profile-withdraw-history.k396-withdraw-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){:root[data-visual-style="2040"][data-theme="hub"] .profile-withdraw-history.k396-withdraw-grid{grid-template-columns:1fr!important}}

/* ---------- DEPOSIT: no full-overlay re-fade on every internal click ---------- */
#depositPortal.k396-deposit-refresh .deposit-mini-overlay{animation:none!important;opacity:1!important}
#depositPortal.k396-deposit-refresh .deposit-v106-modal{animation:none!important}
#depositPortal .deposit-v106-modal{contain:layout paint!important}
#depositPortal .deposit-v106-head{padding-top:14px!important;margin-top:3px!important;margin-bottom:16px!important}
#depositPortal .deposit-v106-eyebrow{display:block!important;margin-bottom:7px!important}

/* Remove native number steppers. */
#depositPortal #depositAmount{-moz-appearance:textfield!important;appearance:textfield!important}
#depositPortal #depositAmount::-webkit-outer-spin-button,#depositPortal #depositAmount::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}

/* Dual amount labels and equal visual weight for both sides. */
#depositPortal .k396-deposit-amount{padding-top:11px!important}
#depositPortal .k396-amount-head{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(150px,.9fr)!important;align-items:end!important;gap:28px!important;padding:0 9px 8px!important}
#depositPortal .k396-amount-head span{font-size:8px!important;font-weight:900!important;letter-spacing:.08em!important;color:#8e929d!important;line-height:1.25!important;text-transform:uppercase!important}
#depositPortal .k396-amount-head span:last-child{text-align:right!important;color:#b8b5b2!important;letter-spacing:.035em!important}
#depositPortal .deposit-v162-amount-line{grid-template-columns:minmax(135px,1fr) 18px minmax(150px,1fr)!important}
#depositPortal .deposit-v162-left input,#depositPortal #depositQuoteValue{font-size:20px!important;line-height:1!important;font-weight:950!important;letter-spacing:-.025em!important}
#depositPortal #depositQuoteValue{color:#f4efe9!important;text-align:right!important;overflow:hidden!important;text-overflow:ellipsis!important}
#depositPortal #depositBonusLive{display:none!important}
#depositPortal .k396-amount-presets{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:6px!important;margin-top:8px!important}
#depositPortal .k396-amount-presets button{min-width:0!important}

/* Logo-first bank / crypto / network selectors. */
#depositPortal .deposit-bank-grid button{justify-content:center!important;padding:7px!important;min-height:52px!important}
#depositPortal .deposit-bank-grid button>span:not(.k396-brand-logo){display:none!important}
#depositPortal .k396-brand-logo{height:30px;min-width:72px;max-width:100%;padding:0 9px;display:flex;align-items:center;justify-content:center;gap:3px;border-radius:9px;background:#0c0f15;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);font-style:normal;overflow:hidden}
#depositPortal .k396-brand-logo b{font:900 12px/1 "Nunito Sans",system-ui,sans-serif;letter-spacing:-.03em}
#depositPortal .k396-mono b{color:#f5f5f4}.k396-privat b{color:#55b35b}.k396-tbank b{color:#ffe04b}.k396-belbank b{color:#52ad67}.k396-prior b{color:#f0d045}
#depositPortal .k396-cardbrand{position:relative;min-width:82px}.k396-cardbrand b{font-size:10px;color:#f3f5ff}.k396-cardbrand i{width:15px;height:15px;border-radius:50%;margin-right:-8px;background:#e04b49}.k396-cardbrand i+ i{background:#efaa42}
#depositPortal .k396-sbp i{width:12px;height:12px;border-radius:2px;transform:rotate(45deg);background:#4dd4cb}.k396-sbp i:nth-child(2){background:#8c65e8}.k396-sbp i:nth-child(3){background:#ef6a8c}
#depositPortal .k396-sber i{width:22px;height:12px;border-left:4px solid #63d37d;border-bottom:4px solid #63d37d;border-radius:0 0 0 10px;transform:rotate(-22deg)}
#depositPortal .k396-mir{gap:2px}.k396-mir i{display:block;width:16px;height:9px;transform:skew(-17deg);background:#36b779}.k396-mir i:nth-child(2){background:#50c6ce}.k396-mir i:nth-child(3){width:9px;background:#efb739}

#depositPortal .deposit-crypto-grid button{justify-content:center!important;flex-direction:column!important;gap:4px!important;height:62px!important;padding:6px!important;text-align:center!important}
#depositPortal .k396-logo-caption{font-size:7px!important;line-height:1!important;font-weight:900!important;color:#9297a3!important}
#depositPortal .deposit-crypto-grid button.active .k396-logo-caption{color:#f2eee9!important}
#depositPortal .k396-crypto-logo{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:950 16px/1 system-ui;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 5px 12px rgba(0,0,0,.18)}
#depositPortal .k396-crypto-logo.usdc{background:#2775ca}.k396-crypto-logo.usdt{background:#26a17b}.k396-crypto-logo.btc{background:#f7931a}.k396-crypto-logo.ton{background:#229ed9}.k396-crypto-logo.eth{background:#4b556f}
#depositPortal .k396-crypto-logo.eth i,#depositPortal .k396-crypto-logo.ton i{width:11px;height:16px;display:block;background:#fff;clip-path:polygon(50% 0,100% 52%,50% 100%,0 52%)}
#depositPortal .k396-crypto-logo.ton i{clip-path:polygon(0 10%,100% 10%,50% 100%)}

#depositPortal .deposit-network-grid button{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;padding:0 10px!important;min-width:72px!important}
#depositPortal .deposit-network-grid button>span:last-child{font-size:7px!important;font-weight:900!important}
#depositPortal .k396-network-logo{width:18px;height:18px;display:grid;place-items:center;position:relative;flex:0 0 auto;color:#dfe3ea}
#depositPortal .k396-network-logo.tron i{width:14px;height:14px;display:block;border:2px solid #ef4f4f;clip-path:polygon(0 0,100% 20%,42% 100%)}
#depositPortal .k396-network-logo.eth i{width:10px;height:15px;background:#9da9d8;clip-path:polygon(50% 0,100% 52%,50% 100%,0 52%)}
#depositPortal .k396-network-logo.polygon{font-size:18px;font-weight:950;color:#8e69ff}
#depositPortal .k396-network-logo.bitcoin{font-size:15px;color:#f7931a;font-weight:950}
#depositPortal .k396-network-logo.ton i{width:12px;height:14px;background:#39a9e8;clip-path:polygon(0 10%,100% 10%,50% 100%)}
#depositPortal .k396-network-logo.arbitrum i{width:13px;height:14px;background:linear-gradient(90deg,#28a0f0 0 33%,#9bd7f9 33% 58%,#173e7a 58%);clip-path:polygon(50% 0,100% 25%,90% 84%,50% 100%,10% 84%,0 25%)}
#depositPortal .k396-network-logo.bnb i{position:absolute;width:6px;height:6px;background:#f3ba2f;transform:rotate(45deg);left:6px;top:6px}.k396-network-logo.bnb i:nth-child(2){left:6px;top:0}.k396-network-logo.bnb i:nth-child(3){left:6px;top:12px}.k396-network-logo.bnb i:nth-child(4){left:0;top:6px}.k396-network-logo.bnb i:nth-child(5){left:12px;top:6px}

/* Deposit controls share the same soft tactile system without re-render flashes. */
#depositPortal :is(button,input){transition:transform .54s var(--k396-ease),border-color .42s ease,background-color .42s ease,box-shadow .54s var(--k396-ease),color .34s ease,opacity .3s ease!important}
#depositPortal button:not(:disabled):hover{transform:translate3d(0,-1px,0) scale(1.008)!important}
#depositPortal button:not(:disabled):active{transform:translate3d(0,1px,0) scale(.989)!important;transition-duration:.18s,.18s,.18s,.18s,.18s,.18s!important}

/* ---------- ALL-IN soft motion for rare / secondary controls ---------- */
:root[data-visual-style="2040"] :where(
  .korzh-footer a,
  .profile-v156-content-tabs button,
  .profile-history-pagination button,
  .exchange-v109-card,
  .exchange-v109-confirm,
  .exchange-close,
  .profile-v81-close,
  .profile-v81-replay-footer button,
  .k386-promo-modal button,
  .site-settings-modal button,
  .support-wing button,
  .support-modal button,
  .notification-panel button,
  .k270-top-layer button,
  .profile-withdraw-card,
  .deposit-v106-modal button
){
  transition:transform .56s var(--k396-ease),box-shadow .54s var(--k396-ease),border-color .4s ease,background-color .4s ease,color .32s ease,opacity .3s ease!important;
}
:root[data-visual-style="2040"] :where(
  .exchange-v109-card,
  .profile-v81-replay-footer button,
  .k386-promo-modal button,
  .site-settings-modal button,
  .support-wing button,
  .support-modal button,
  .notification-panel button,
  .k270-top-layer button
):not(:disabled):hover{transform:translate3d(0,-1px,0) scale(1.006)!important}
:root[data-visual-style="2040"] :where(
  .exchange-v109-card,
  .profile-v81-replay-footer button,
  .k386-promo-modal button,
  .site-settings-modal button,
  .support-wing button,
  .support-modal button,
  .notification-panel button,
  .k270-top-layer button
):not(:disabled):active{transform:translate3d(0,1px,0) scale(.99)!important;transition-duration:.18s!important}

/* Modal bodies enter softly but immediately: no JS timeouts. */
:root[data-visual-style="2040"] :is(
  .exchange-modal,
  .deposit-v106-modal,
  .profile-v81-replay-modal,
  .profile-v81-archive-modal,
  .k386-promo-modal,
  .site-settings-modal,
  .support-modal,
  .notifications-modal
){animation:k396PanelIn .32s var(--k396-ease) both}
@keyframes k396PanelIn{from{opacity:.15;translate:0 5px;scale:.995}to{opacity:1;translate:0 0;scale:1}}
#depositPortal.k396-deposit-refresh :is(.deposit-v106-modal,.deposit-mini-overlay){animation:none!important}

/* Exchange: avoid painting an entire offscreen market during the first frame. */
:root[data-visual-style="2040"] .exchange-target-grid-v109{contain:layout paint!important}
:root[data-visual-style="2040"] .exchange-v109-card{content-visibility:auto!important;contain-intrinsic-size:320px 210px!important}

/* ---------- performance: keep scroll native / compositor-friendly ---------- */
:root[data-visual-style="2040"] body{scroll-behavior:auto!important}
:root[data-visual-style="2040"] :where(button,[role="button"],.case-card,.skin-card,.profile-page-item,.exchange-v109-card){backface-visibility:hidden}

@media(max-width:650px){
  #depositPortal .k396-amount-head{grid-template-columns:1fr!important;gap:3px!important}
  #depositPortal .k396-amount-head span:last-child{text-align:left!important}
  #depositPortal .deposit-v162-amount-line{grid-template-columns:minmax(90px,1fr) 12px minmax(95px,1fr)!important}
  #depositPortal .k396-amount-presets{grid-template-columns:repeat(3,1fr)!important}
}
/* =========================================================
   KORZH v397 — no-blink portals / light case navigation / soft UI
   2040 only for visual changes.
   ========================================================= */
:root[data-visual-style="2040"]{
  --k397-soft:cubic-bezier(.16,1,.3,1);
  --k397-hover:.86s;
  --k397-return:.96s;
}

/* Premium, deliberately slow settle. Press stays immediate. */
:root[data-visual-style="2040"] :is(
  button,[role="button"],.case-card,.k220-oscar-card,.k221-oscar-tile,
  .profile-page-item,.skin-card,.exchange-v109-card,.live-item,.k270-top-row
){
  transition-duration:var(--k397-return),var(--k397-hover),.58s,.58s,.42s,.36s!important;
  transition-timing-function:var(--k397-soft),var(--k397-soft),ease,ease,ease,ease!important;
}
:root[data-visual-style="2040"] :is(button,[role="button"]):active{
  transition-duration:.16s,.18s,.18s,.18s,.16s,.16s!important;
}

/* STACK heart: outside the art instead of crawling over it. */
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-stack-agent,.case-stack-gloves,.case-stack-knife) {
  overflow:visible!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-stack-agent,.case-stack-gloves,.case-stack-knife) > .k270-case-heart{
  top:-14px!important;right:10px!important;
  transform:translate3d(0,0,0) scale(1)!important;
  transition:transform .86s var(--k397-soft),background-color .54s ease,border-color .54s ease,color .54s ease,box-shadow .86s var(--k397-soft),opacity .44s ease!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-stack-agent,.case-stack-gloves,.case-stack-knife) > .k270-case-heart:hover{
  transform:translate3d(0,-2px,0) scale(1.07)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-stack-agent,.case-stack-gloves,.case-stack-knife) > .k270-case-heart:active{
  transform:translate3d(0,1px,0) scale(.94)!important;
  transition-duration:.16s!important;
}

/* Case page opens with a soft light wash, never with vertical scrolling motion. */
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page{
  animation:k397CaseLightIn .46s var(--k397-soft) both!important;
  transform:none!important;
  transform-origin:center top!important;
}
@keyframes k397CaseLightIn{
  0%{opacity:.28;filter:brightness(1.48) saturate(.82) blur(2px)}
  45%{opacity:.88;filter:brightness(1.13) saturate(.95) blur(.25px)}
  100%{opacity:1;filter:brightness(1) saturate(1) blur(0)}
}
html.k397-case-leaving :root[data-visual-style="2040"] .case-detail-page,
:root[data-visual-style="2040"].k397-case-leaving .case-detail-page{
  animation:k397CaseBackOut .16s cubic-bezier(.4,0,1,1) both!important;
  pointer-events:none!important;
}
@keyframes k397CaseBackOut{to{opacity:.2;transform:translate3d(22px,0,0)!important;filter:brightness(1.18)}}
:root[data-visual-style="2040"].k397-case-returning .page-cases > .k2040-stage > main{
  animation:k397CasesReturn .38s var(--k397-soft) both!important;
}
@keyframes k397CasesReturn{from{opacity:.38;transform:translate3d(-22px,0,0);filter:brightness(1.16)}to{opacity:1;transform:none;filter:brightness(1)}}

/* Exchange is now a standalone portal. Internal selections do not replay overlay fade. */
#profileExchangePortal.k397-exchange-refresh .exchange-overlay,
#profileExchangePortal.k397-exchange-refresh .exchange-modal{animation:none!important;opacity:1!important}
#profileExchangePortal .exchange-modal{contain:layout paint!important;transform:translateZ(0)}
#profileExchangePortal .exchange-target-grid{contain:layout paint!important}
#profileExchangePortal .exchange-v109-card{backface-visibility:hidden;transform:translateZ(0)}
#profileExchangePortal .exchange-v109-card.selected{
  transition:transform .72s var(--k397-soft),border-color .48s ease,box-shadow .72s var(--k397-soft),background-color .48s ease!important;
}

/* Deposit v397: visibly rebuilt wallet panel + no re-fade on internal clicks. */
#depositPortal.k397-deposit-refresh .deposit-mini-overlay,
#depositPortal.k397-deposit-refresh .deposit-v106-modal,
#depositPortal.k397-deposit-refresh .deposit-v106-stage{animation:none!important;opacity:1!important}
:root[data-visual-style="2040"] #depositPortal .deposit-v106-overlay{
  background:rgba(9,6,7,.62)!important;
  backdrop-filter:blur(16px) saturate(.86)!important;
}
:root[data-visual-style="2040"] #depositPortal .deposit-v106-modal{
  width:min(850px,calc(100vw - 34px))!important;
  max-height:min(900px,92vh)!important;
  padding:24px!important;
  border:1px solid rgba(238,166,117,.18)!important;
  border-radius:28px!important;
  background:linear-gradient(155deg,rgba(31,20,20,.98),rgba(13,14,19,.99) 46%,rgba(18,13,15,.99))!important;
  box-shadow:0 42px 120px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.075),0 0 60px rgba(220,128,84,.055)!important;
}
:root[data-visual-style="2040"] #depositPortal .deposit-v106-head{
  padding:10px 8px 14px!important;margin:0 48px 12px 0!important;text-align:left!important;
}
:root[data-visual-style="2040"] #depositPortal .deposit-v106-eyebrow{color:#c98f70!important;letter-spacing:.18em!important}
:root[data-visual-style="2040"] #depositPortal .deposit-v106-head h2{font-size:27px!important;letter-spacing:.035em!important;margin:4px 0 3px!important}
:root[data-visual-style="2040"] #depositPortal .deposit-v106-head p{margin:0!important;color:rgba(233,225,219,.48)!important}
:root[data-visual-style="2040"] #depositPortal .deposit-v106-promo{
  padding:10px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:16px!important;background:rgba(255,255,255,.025)!important;
}
:root[data-visual-style="2040"] #depositPortal .deposit-v106-modes{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:12px!important}
:root[data-visual-style="2040"] #depositPortal .deposit-v106-modes>button{
  min-height:78px!important;padding:13px 15px!important;border-radius:17px!important;border:1px solid rgba(255,255,255,.07)!important;background:rgba(255,255,255,.028)!important;
}
:root[data-visual-style="2040"] #depositPortal .deposit-v106-modes>button.active{
  border-color:rgba(238,166,117,.34)!important;background:linear-gradient(145deg,rgba(238,166,117,.12),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.18),0 0 24px rgba(238,166,117,.055)!important;
}
:root[data-visual-style="2040"] #depositPortal .deposit-v106-stage{
  margin-top:12px!important;padding:16px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:20px!important;background:rgba(5,7,11,.34)!important;
}
:root[data-visual-style="2040"] #depositPortal .deposit-v106-method-body{gap:12px!important}
:root[data-visual-style="2040"] #depositPortal :is(.deposit-country-compact,.deposit-bank-grid,.deposit-crypto-grid,.deposit-network-grid) button{
  min-height:52px!important;border-radius:14px!important;transition:transform .82s var(--k397-soft),border-color .5s ease,background-color .5s ease,box-shadow .82s var(--k397-soft)!important;
}
:root[data-visual-style="2040"] #depositPortal :is(.deposit-country-compact,.deposit-bank-grid,.deposit-crypto-grid,.deposit-network-grid) button.active{
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 0 0 1px rgba(238,166,117,.13),0 9px 22px rgba(0,0,0,.15)!important;
}
:root[data-visual-style="2040"] #depositPortal .deposit-v162-amount-line{
  min-height:62px!important;padding:0 15px!important;border-radius:16px!important;background:rgba(0,0,0,.23)!important;border:1px solid rgba(255,255,255,.065)!important;
}
:root[data-visual-style="2040"] #depositPortal .deposit-mini-submit{height:52px!important;border-radius:15px!important;margin-top:12px!important}

/* Native wheel remains instant-response: smooth only programmatic jumps. */
:root[data-visual-style="2040"]{scroll-behavior:smooth!important}
:root[data-visual-style="2040"] body{overscroll-behavior-y:auto!important}

@media(max-width:720px){
  :root[data-visual-style="2040"] #depositPortal .deposit-v106-modes{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){
  :root[data-visual-style="2040"][data-theme="hub"] .case-detail-page,
  :root[data-visual-style="2040"].k397-case-returning .page-cases > .k2040-stage > main{animation:none!important}
}
/* =========================================================
   KORZH v398 — payment logos + case route motion hard fix
   Visual changes: 2040 only.
   ========================================================= */
:root[data-visual-style="2040"] #depositPortal :is(.deposit-bank-grid,.deposit-crypto-grid,.deposit-network-grid) button{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-height:58px!important;padding:8px 12px!important;overflow:hidden!important;
}
:root[data-visual-style="2040"] #depositPortal .deposit-bank-grid button>i,
:root[data-visual-style="2040"] #depositPortal .deposit-bank-grid button>span:not(.k398-bank-logo),
:root[data-visual-style="2040"] #depositPortal .deposit-crypto-grid button>span:not(.k398-crypto-logo),
:root[data-visual-style="2040"] #depositPortal .deposit-network-grid button>span:not(.k398-network-logo){display:none!important}

/* Banks: mark-first tiles, no plain bank-name typography. */
#depositPortal .k398-bank-logo{width:54px;height:34px;display:grid;place-items:center;position:relative;flex:0 0 auto;font-style:normal;filter:drop-shadow(0 5px 10px rgba(0,0,0,.24))}
#depositPortal .k398-bank-logo b{font:950 17px/1 Manrope,system-ui,sans-serif;letter-spacing:-.08em;z-index:2}
#depositPortal .k398-bank-logo.mono{border-radius:11px;background:#050607;color:#fff}.k398-bank-logo.mono i{position:absolute;left:9px;top:7px;width:7px;height:20px;border-radius:7px;background:linear-gradient(#fa4343 0 33%,#f1d94b 33% 66%,#5bc9ef 66%)}.k398-bank-logo.mono b{transform:translateX(6px);font-size:20px}
#depositPortal .k398-bank-logo.privat{border-radius:10px;background:#74bd35;color:#fff}.k398-bank-logo.privat b{font-size:18px;letter-spacing:-.1em}
#depositPortal .k398-bank-logo.card{width:64px}.k398-bank-logo.card i{position:absolute;width:30px;height:20px;border-radius:50%}.k398-bank-logo.card i:first-child{left:8px;background:#ea001b}.k398-bank-logo.card i:last-child{right:8px;background:#ff9900;opacity:.94}
#depositPortal .k398-bank-logo.sbp i{position:absolute;width:18px;height:8px;border-radius:8px;transform-origin:left center}.k398-bank-logo.sbp i:nth-child(1){background:#12c39a;transform:translate(-3px,-7px) rotate(35deg)}.k398-bank-logo.sbp i:nth-child(2){background:#5b66ed;transform:translate(1px,0) rotate(-35deg)}.k398-bank-logo.sbp i:nth-child(3){background:#ea4fc0;transform:translate(-3px,7px) rotate(35deg)}
#depositPortal .k398-bank-logo.sber{border-radius:50%;width:36px;height:36px;border:4px solid #26b96f}.k398-bank-logo.sber i{width:16px;height:9px;border-left:3px solid #26b96f;border-bottom:3px solid #26b96f;transform:rotate(-45deg) translate(1px,-2px)}
#depositPortal .k398-bank-logo.tbank{border-radius:10px;background:#ffdc2d;color:#111}.k398-bank-logo.tbank b{font:1000 23px/1 Georgia,serif;letter-spacing:-.12em}
#depositPortal .k398-bank-logo.mir{width:60px}.k398-bank-logo.mir i{position:absolute;height:14px;transform:skewX(-17deg);border-radius:2px}.k398-bank-logo.mir i:nth-child(1){left:4px;width:21px;background:#39a83b}.k398-bank-logo.mir i:nth-child(2){left:24px;width:17px;background:#179bc3}.k398-bank-logo.mir i:nth-child(3){left:40px;width:15px;background:#1b6eb4}
#depositPortal .k398-bank-logo.belbank{border-radius:10px;background:#168f4f;color:white}.k398-bank-logo.belbank i{position:absolute;width:18px;height:18px;border:3px solid #fff;transform:rotate(45deg);opacity:.72}.k398-bank-logo.belbank b{font-size:15px}
#depositPortal .k398-bank-logo.prior{border-radius:50%;width:36px;height:36px;background:#ed1c24;color:#fff}.k398-bank-logo.prior b{font-size:17px}.k398-bank-logo.prior i{position:absolute;inset:5px;border:1px solid rgba(255,255,255,.5);border-radius:50%}
#depositPortal .k398-bank-logo.generic{border-radius:10px;background:#1b1f27;color:#fff}

/* Crypto assets: recognizable circular marks only. */
#depositPortal .k398-crypto-logo{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;position:relative;color:#fff;font:950 19px/1 system-ui;box-shadow:inset 0 1px rgba(255,255,255,.22),0 7px 15px rgba(0,0,0,.2)}
#depositPortal .k398-crypto-logo.usdc{background:#2775ca}.k398-crypto-logo.usdt{background:#26a17b}.k398-crypto-logo.btc{background:#f7931a}.k398-crypto-logo.eth{background:#56617d}.k398-crypto-logo.ton{background:#229ed9}
#depositPortal .k398-crypto-logo.usdc b{font-size:18px;border:2px solid #fff;border-radius:50%;width:22px;height:22px;display:grid;place-items:center}
#depositPortal .k398-crypto-logo.usdt b{font-size:20px}
#depositPortal .k398-crypto-logo.eth i{width:15px;height:23px;background:#fff;clip-path:polygon(50% 0,100% 52%,50% 100%,0 52%)}
#depositPortal .k398-crypto-logo.ton i{width:18px;height:20px;background:#fff;clip-path:polygon(0 8%,100% 8%,50% 100%)}

/* Chain/network marks — selected full method is written above the quote field. */
#depositPortal .k398-network-logo{width:30px;height:30px;display:grid;place-items:center;position:relative;flex:0 0 auto;font:950 22px/1 system-ui}
#depositPortal .k398-network-logo.tron i{width:22px;height:22px;border:3px solid #ef4f4f;clip-path:polygon(0 0,100% 20%,42% 100%)}
#depositPortal .k398-network-logo.eth i{width:15px;height:23px;background:#8f9dd4;clip-path:polygon(50% 0,100% 52%,50% 100%,0 52%)}
#depositPortal .k398-network-logo.polygon{color:#8e69ff;font-size:29px}
#depositPortal .k398-network-logo.bitcoin{color:#f7931a;font-size:24px}
#depositPortal .k398-network-logo.ton i{width:20px;height:21px;background:#39a9e8;clip-path:polygon(0 8%,100% 8%,50% 100%)}
#depositPortal .k398-network-logo.arbitrum i{width:22px;height:24px;background:linear-gradient(90deg,#28a0f0 0 34%,#a4dcfa 34% 58%,#173e7a 58%);clip-path:polygon(50% 0,100% 24%,90% 84%,50% 100%,10% 84%,0 24%)}
#depositPortal .k398-network-logo.bnb i{position:absolute;width:8px;height:8px;background:#f3ba2f;transform:rotate(45deg);left:11px;top:11px}.k398-network-logo.bnb i:nth-child(2){top:1px}.k398-network-logo.bnb i:nth-child(3){top:21px}.k398-network-logo.bnb i:nth-child(4){left:1px}.k398-network-logo.bnb i:nth-child(5){left:21px}

:root[data-visual-style="2040"] #depositPortal :is(.deposit-bank-grid,.deposit-crypto-grid,.deposit-network-grid) button:hover .k398-bank-logo,
:root[data-visual-style="2040"] #depositPortal :is(.deposit-bank-grid,.deposit-crypto-grid,.deposit-network-grid) button:hover .k398-crypto-logo,
:root[data-visual-style="2040"] #depositPortal :is(.deposit-bank-grid,.deposit-crypto-grid,.deposit-network-grid) button:hover .k398-network-logo{transform:scale(1.08);transition:transform .72s cubic-bezier(.16,1,.3,1)}
:root[data-visual-style="2040"] #depositPortal :is(.deposit-bank-grid,.deposit-crypto-grid,.deposit-network-grid) button.active :is(.k398-bank-logo,.k398-crypto-logo,.k398-network-logo){transform:scale(1.06);filter:drop-shadow(0 0 14px rgba(238,166,117,.22))}

/* Two column captions: KORZH on left, exact selected method on right. */
:root[data-visual-style="2040"] #depositPortal :is(.k398-amount-head,.k396-amount-head){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(210px,1.05fr)!important;align-items:end!important;gap:24px!important;padding:1px 8px 9px!important}
:root[data-visual-style="2040"] #depositPortal :is(.k398-amount-head,.k396-amount-head)>span{font-size:8px!important;font-weight:950!important;letter-spacing:.09em!important;color:#8e929d!important;line-height:1.3!important;text-transform:uppercase!important}
:root[data-visual-style="2040"] #depositPortal :is(.k398-amount-head,.k396-amount-head)>span:last-child{text-align:right!important;color:#d0c6c0!important;letter-spacing:.03em!important;white-space:normal!important}

/* HARD FIX: case entry never performs a smooth vertical scroll. The page is already at 0 before it mounts. */
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page{animation:k398CaseLightReveal .42s cubic-bezier(.16,1,.3,1) both!important;transform:none!important}
@keyframes k398CaseLightReveal{0%{opacity:1;filter:brightness(1.42) saturate(.86)}52%{opacity:1;filter:brightness(1.12) saturate(.95)}100%{opacity:1;filter:brightness(1) saturate(1)}}

/* Back is a true horizontal page motion, no dimming/fade-to-black. */
:root[data-visual-style="2040"].k397-case-leaving .case-detail-page{animation:k398CaseSwipeOut .23s cubic-bezier(.55,.02,.85,.45) both!important;pointer-events:none!important}
@keyframes k398CaseSwipeOut{from{opacity:1;transform:translate3d(0,0,0)!important;filter:none}to{opacity:1;transform:translate3d(72px,0,0)!important;filter:none}}
:root[data-visual-style="2040"].k397-case-returning .page-cases > .k2040-stage > main{animation:k398CasesSwipeIn .36s cubic-bezier(.16,1,.3,1) both!important}
@keyframes k398CasesSwipeIn{from{opacity:1;transform:translate3d(-54px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}

@media(max-width:720px){
  :root[data-visual-style="2040"] #depositPortal :is(.k398-amount-head,.k396-amount-head){grid-template-columns:1fr 1fr!important;gap:12px!important}
  #depositPortal .k398-bank-logo{transform:scale(.92)}
}
@media(prefers-reduced-motion:reduce){
  :root[data-visual-style="2040"][data-theme="hub"] .case-detail-page,
  :root[data-visual-style="2040"].k397-case-leaving .case-detail-page,
  :root[data-visual-style="2040"].k397-case-returning .page-cases > .k2040-stage > main{animation:none!important}
}


/* =========================================================
   KORZH v399 — crypto captions / TRX / wallet label polish
   Visual changes: 2040 only.
   ========================================================= */
:root[data-visual-style="2040"] #depositPortal .deposit-crypto-grid button,
:root[data-visual-style="2040"] #depositPortal .deposit-network-grid button{
  flex-direction:column!important;gap:5px!important;height:auto!important;min-height:60px!important;padding:7px 8px!important;
}
:root[data-visual-style="2040"] #depositPortal .deposit-network-grid button{min-width:72px!important;}
:root[data-visual-style="2040"] #depositPortal .k399-logo-caption{
  display:block!important;font-family:Nunito Sans,system-ui,sans-serif!important;font-size:7px!important;font-weight:900!important;
  line-height:1!important;letter-spacing:.09em!important;color:#8e929d!important;text-transform:uppercase!important;white-space:nowrap!important;
}
:root[data-visual-style="2040"] #depositPortal button.active .k399-logo-caption{color:#e7ddd7!important;}
#depositPortal .k398-crypto-logo.trx{background:#ef3340!important;}
#depositPortal .k398-crypto-logo.trx i{width:20px;height:20px;border:2px solid #fff;clip-path:polygon(0 0,100% 18%,42% 100%);transform:rotate(-4deg);}

/* KORZH + selected method use one exact typographic system. */
:root[data-visual-style="2040"] #depositPortal :is(.k398-amount-head,.k396-amount-head)>span,
:root[data-visual-style="2040"] #depositPortal :is(.k398-amount-head,.k396-amount-head)>span:last-child{
  font-family:Nunito Sans,system-ui,sans-serif!important;font-size:8px!important;font-weight:950!important;line-height:1.3!important;
  letter-spacing:.09em!important;color:#9a9eaa!important;text-transform:uppercase!important;
}
:root[data-visual-style="2040"] #depositPortal :is(.k398-amount-head,.k396-amount-head)>span:last-child{text-align:right!important;}

/* Make the wallet label unambiguous and prevent odd glyph substitution. */
:root[data-visual-style="2040"] #depositPortal .deposit-v106-eyebrow{
  font-family:Arial,Helvetica,sans-serif!important;font-style:normal!important;text-transform:none!important;font-variant-ligatures:none!important;
}


/* === v400 overrides === */
/* KORZH v400 — readable skin metadata + complete STACK favorites alignment. 2040 only. */

/* Exchange: artwork and metadata are now two deliberate visual zones.
   The weapon/quality line can never dissolve into a bright skin render. */
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card{
  isolation:isolate!important;
}
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card .skin-art.real-skin{
  z-index:1!important;
}
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card .skin-caption{
  position:relative!important;
  z-index:3!important;
  min-height:68px!important;
  padding:9px 12px 10px!important;
  background:linear-gradient(180deg,rgba(10,12,17,.965),rgba(7,9,13,.995))!important;
  border-top:1px solid color-mix(in srgb,var(--rarity) 20%,rgba(255,255,255,.08))!important;
  box-shadow:0 -14px 28px rgba(4,5,8,.58),inset 0 1px 0 rgba(255,255,255,.025)!important;
}
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card .skin-caption small{
  color:#aeb2bc!important;
  font-size:9.5px!important;
  line-height:1.15!important;
  font-weight:850!important;
  text-shadow:0 1px 2px rgba(0,0,0,.9)!important;
}
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card .skin-caption strong{
  color:#fffaf5!important;
  font-size:13.5px!important;
  text-shadow:0 1px 2px rgba(0,0,0,.9)!important;
}

/* Contract inventory / selected slots: quality is first-class metadata. */
:root[data-visual-style="2040"][data-theme="hub"] .contracts-v201 .picker-card .skin-info small,
:root[data-visual-style="2040"][data-theme="hub"] .contracts-v201 .contract-slot.filled>small{
  color:#a7a1a0!important;
  font-size:10px!important;
  line-height:1.16!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  text-shadow:0 1px 2px rgba(0,0,0,.8)!important;
}

/* Every STACK case gets exactly the same raised favorite button, not only
   Agent / Gloves / Knife. */
:root[data-visual-style="2040"][data-theme="hub"] .stack-case-grid .case-card{
  overflow:visible!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .stack-case-grid .case-card>.k270-case-heart{
  top:-15px!important;
  right:10px!important;
  transform:translate3d(0,0,0) scale(1)!important;
  transition:transform .86s cubic-bezier(.16,1,.3,1),background-color .54s ease,border-color .54s ease,color .54s ease,box-shadow .86s cubic-bezier(.16,1,.3,1),opacity .44s ease!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .stack-case-grid .case-card>.k270-case-heart:hover{
  transform:translate3d(0,-2px,0) scale(1.07)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .stack-case-grid .case-card>.k270-case-heart:active{
  transform:translate3d(0,1px,0) scale(.94)!important;
  transition-duration:.16s!important;
}
/* v401 — promo redemption without page blinking + smooth case handoff */
:root[data-visual-style="2040"] .k386-promo-modal{
  transform:translateZ(0);
  will-change:transform,opacity,filter;
}
:root[data-visual-style="2040"] .k386-promo-modal.k401-promo-success{
  animation:k401PromoModalSuccess .26s cubic-bezier(.22,.7,.28,1) both!important;
  pointer-events:none!important;
}
@keyframes k401PromoModalSuccess{
  0%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:brightness(1)}
  100%{opacity:0;transform:translate3d(0,-5px,0) scale(.985);filter:brightness(1.12)}
}
.k401-promo-case-veil{
  position:fixed;inset:0;z-index:2147483000;pointer-events:none;opacity:0;
  background:radial-gradient(ellipse at 50% 42%,rgba(255,244,226,.13) 0%,rgba(255,230,207,.055) 30%,rgba(18,8,10,.08) 68%,rgba(9,4,6,.12) 100%);
  backdrop-filter:blur(0px) brightness(1);
  -webkit-backdrop-filter:blur(0px) brightness(1);
  transition:opacity .22s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;
  will-change:opacity,backdrop-filter;
}
.k401-promo-case-veil.show{opacity:1;backdrop-filter:blur(3px) brightness(1.08);-webkit-backdrop-filter:blur(3px) brightness(1.08)}
.k401-promo-case-veil.hide{opacity:0;backdrop-filter:blur(0) brightness(1);-webkit-backdrop-filter:blur(0) brightness(1);transition-duration:.38s}
:root[data-visual-style="2040"].k401-promo-case-nav .case-detail-page{
  animation:k401PromoCaseArrive .42s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes k401PromoCaseArrive{
  0%{opacity:.72;transform:translate3d(0,0,0) scale(.995);filter:brightness(1.08)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:brightness(1)}
}
@media (prefers-reduced-motion:reduce){
  .k401-promo-case-veil,:root[data-visual-style="2040"] .k386-promo-modal.k401-promo-success,:root[data-visual-style="2040"].k401-promo-case-nav .case-detail-page{animation:none!important;transition:none!important}
}

/* =========================================================
   KORZH v404 — payment logo visibility hard fix
   Fixes legacy v398 selectors hiding the newer inline SVG marks.
   Visual changes: 2040 only.
   ========================================================= */
:root[data-visual-style="2040"] #depositPortal .deposit-bank-grid button > .k402-brand-svg,
:root[data-visual-style="2040"] #depositPortal .deposit-crypto-grid button > .k402-coin-svg,
:root[data-visual-style="2040"] #depositPortal .deposit-network-grid button > .k402-network-svg{
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
  opacity:1!important;
  visibility:visible!important;
  overflow:visible!important;
  transform:translateZ(0)!important;
}
:root[data-visual-style="2040"] #depositPortal .k402-brand-svg{
  width:72px!important;
  height:36px!important;
  border-radius:9px!important;
  filter:drop-shadow(0 5px 10px rgba(0,0,0,.22))!important;
}
:root[data-visual-style="2040"] #depositPortal .k402-brand-svg svg{
  display:block!important;
  width:72px!important;
  height:40px!important;
  overflow:visible!important;
}
:root[data-visual-style="2040"] #depositPortal .k402-coin-svg,
:root[data-visual-style="2040"] #depositPortal .k402-network-svg{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  box-shadow:none!important;
  background:transparent!important;
}
:root[data-visual-style="2040"] #depositPortal .k402-coin-svg svg,
:root[data-visual-style="2040"] #depositPortal .k402-network-svg svg{
  display:block!important;
  width:34px!important;
  height:34px!important;
  overflow:visible!important;
}

/* Legacy v398 deliberately hid every non-k398 span. Captions are intentional now. */
:root[data-visual-style="2040"] #depositPortal .deposit-crypto-grid button > .k399-logo-caption,
:root[data-visual-style="2040"] #depositPortal .deposit-network-grid button > .k399-logo-caption{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:7.5px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  color:#a9adb7!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
:root[data-visual-style="2040"] #depositPortal :is(.deposit-crypto-grid,.deposit-network-grid) button.active > .k399-logo-caption{
  color:#f1e8e2!important;
}

/* Keep tiles stable and give the real marks enough room. */
:root[data-visual-style="2040"] #depositPortal .deposit-bank-grid button{
  min-width:82px!important;
  min-height:58px!important;
  padding:7px 8px!important;
}
:root[data-visual-style="2040"] #depositPortal .deposit-crypto-grid button{
  min-height:66px!important;
  padding:7px 6px!important;
  gap:5px!important;
}
:root[data-visual-style="2040"] #depositPortal .deposit-network-grid button{
  min-width:72px!important;
  min-height:62px!important;
  height:auto!important;
  padding:7px 8px!important;
  flex-direction:column!important;
  gap:5px!important;
}

/* Exact selected method sits above the quote/right side, bigger and bolder. */
:root[data-visual-style="2040"] #depositPortal .k396-amount-head.k402-method-only{
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
  grid-template-columns:none!important;
  gap:0!important;
  padding:1px 10px 9px!important;
}
:root[data-visual-style="2040"] #depositPortal .k396-amount-head.k402-method-only > span,
:root[data-visual-style="2040"] #depositPortal .k396-amount-head.k402-method-only > span:last-child{
  display:block!important;
  width:min(62%,420px)!important;
  margin-left:auto!important;
  text-align:right!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:10.5px!important;
  font-weight:900!important;
  line-height:1.15!important;
  letter-spacing:.035em!important;
  color:#ddd5d0!important;
  text-transform:uppercase!important;
  white-space:normal!important;
  opacity:1!important;
}

/* Spell the wallet brand with two explicit Latin-only tokens so tiny rendering
   cannot visually merge the word into the old broken-looking label. */
:root[data-visual-style="2040"] #depositPortal .deposit-v106-eyebrow{
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:9px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  font-variant-ligatures:none!important;
}
:root[data-visual-style="2040"] #depositPortal .deposit-v106-eyebrow > b{
  font:inherit!important;
  letter-spacing:inherit!important;
  color:inherit!important;
}

/* Smooth icon state without layout shifts. */
:root[data-visual-style="2040"] #depositPortal :is(.deposit-bank-grid,.deposit-crypto-grid,.deposit-network-grid) button .k402-brand-svg,
:root[data-visual-style="2040"] #depositPortal :is(.deposit-bank-grid,.deposit-crypto-grid,.deposit-network-grid) button .k402-coin-svg,
:root[data-visual-style="2040"] #depositPortal :is(.deposit-bank-grid,.deposit-crypto-grid,.deposit-network-grid) button .k402-network-svg{
  transition:transform .72s cubic-bezier(.16,1,.3,1),filter .72s cubic-bezier(.16,1,.3,1)!important;
}
:root[data-visual-style="2040"] #depositPortal :is(.deposit-bank-grid,.deposit-crypto-grid,.deposit-network-grid) button:hover :is(.k402-brand-svg,.k402-coin-svg,.k402-network-svg){
  transform:scale(1.06)!important;
}
:root[data-visual-style="2040"] #depositPortal :is(.deposit-bank-grid,.deposit-crypto-grid,.deposit-network-grid) button.active :is(.k402-brand-svg,.k402-coin-svg,.k402-network-svg){
  transform:scale(1.04)!important;
  filter:drop-shadow(0 0 12px rgba(238,166,117,.18))!important;
}

@media(max-width:720px){
  :root[data-visual-style="2040"] #depositPortal .k396-amount-head.k402-method-only > span,
  :root[data-visual-style="2040"] #depositPortal .k396-amount-head.k402-method-only > span:last-child{
    width:68%!important;
    font-size:9.5px!important;
  }
}

/* --- v401-promo-case-navigation.css --- */
/* v401 — promo redemption without page blinking + smooth case handoff */
:root[data-visual-style="2040"] .k386-promo-modal{
  transform:translateZ(0);
  will-change:transform,opacity,filter;
}
:root[data-visual-style="2040"] .k386-promo-modal.k401-promo-success{
  animation:k401PromoModalSuccess .26s cubic-bezier(.22,.7,.28,1) both!important;
  pointer-events:none!important;
}
@keyframes k401PromoModalSuccess{
  0%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:brightness(1)}
  100%{opacity:0;transform:translate3d(0,-5px,0) scale(.985);filter:brightness(1.12)}
}
.k401-promo-case-veil{
  position:fixed;inset:0;z-index:2147483000;pointer-events:none;opacity:0;
  background:radial-gradient(ellipse at 50% 42%,rgba(255,244,226,.13) 0%,rgba(255,230,207,.055) 30%,rgba(18,8,10,.08) 68%,rgba(9,4,6,.12) 100%);
  backdrop-filter:blur(0px) brightness(1);
  -webkit-backdrop-filter:blur(0px) brightness(1);
  transition:opacity .22s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;
  will-change:opacity,backdrop-filter;
}
.k401-promo-case-veil.show{opacity:1;backdrop-filter:blur(3px) brightness(1.08);-webkit-backdrop-filter:blur(3px) brightness(1.08)}
.k401-promo-case-veil.hide{opacity:0;backdrop-filter:blur(0) brightness(1);-webkit-backdrop-filter:blur(0) brightness(1);transition-duration:.38s}
:root[data-visual-style="2040"].k401-promo-case-nav .case-detail-page{
  animation:k401PromoCaseArrive .42s cubic-bezier(.2,.72,.25,1) both!important;
}
@keyframes k401PromoCaseArrive{
  0%{opacity:.72;transform:translate3d(0,0,0) scale(.995);filter:brightness(1.08)}
  100%{opacity:1;transform:translate3d(0,0,0) scale(1);filter:brightness(1)}
}
@media (prefers-reduced-motion:reduce){
  .k401-promo-case-veil,:root[data-visual-style="2040"] .k386-promo-modal.k401-promo-success,:root[data-visual-style="2040"].k401-promo-case-nav .case-detail-page{animation:none!important;transition:none!important}
}

/* --- v411-fullhd-24-responsive.css --- */
/* =========================================================
   KORZH v411 — 24" FULL-HD DESKTOP DENSITY
   Goal: on a 1920-class desktop viewport at browser 100%,
   reproduce the visual density the user approved at Chrome 75%.

   IMPORTANT:
   - 2040 style only. Standard stays untouched.
   - 2K / 2560px desktops stay at native 100%.
   - Existing tablet/mobile tiers stay authoritative.
   - CSS zoom is layout-aware, so fixed rails, portals, modals,
     case pages and profile scale together instead of drifting.
   ========================================================= */

/* Full-HD desktop class: typical 1920x1080 monitor at browser 100%.
   The upper bound intentionally sits below 2K/2560, so the 27" setup
   keeps the current approved native layout. If the user manually sets
   browser zoom to 75%, Chrome exposes a much wider CSS viewport, so this
   rule naturally stops matching and does not double-scale the page. */
@media (min-width:1720px) and (max-width:2048px) {
  html:root[data-visual-style="2040"] body {
    zoom:.75!important;
    min-height:133.333333vh!important;
  }

  /* Browser page-zoom enlarges the logical viewport as it zooms out. CSS zoom
     does not change media-query viewport units, so compensate only the two
     full-height structural surfaces to keep a real 100vh visual canvas. */
  html:root[data-visual-style="2040"] :is(.page,.k2040-stage) {
    min-height:133.333333vh!important;
  }
}

/* Do not apply the desktop density pass to print. */
@media print {
  html:root[data-visual-style="2040"] body {
    zoom:1!important;
  }
}

/* --- v412-bonus-profile-topdrops.css --- */
/* KORZH v412 — restored BONUS console + profile/top-drop polish */
/* 10. BONUS CORE 2070 — vertical server-authoritative prize reel. */
:root[data-visual-style="2040"] .k405-bonus-experience{
  --reel-neon:#f0a77e;
  --reel-line:rgba(255,213,188,.28);
}
:root[data-visual-style="2040"] .k405-bonus-stage{
  grid-template-columns:minmax(220px,.82fr) minmax(360px,1.25fr) minmax(220px,.82fr)!important;
  gap:28px!important;align-items:center!important;
}
:root[data-visual-style="2040"] .k405-reel-rig{
  position:relative!important;width:min(100%,470px)!important;height:540px!important;margin:auto!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  perspective:1100px!important;transform:none!important;aspect-ratio:auto!important;
}
:root[data-visual-style="2040"] .k405-reel-depth{
  position:absolute!important;inset:44px 18px 46px!important;border-radius:34px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(7,10,13,.96))!important;
  border:1px solid rgba(238,169,132,.18)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.48),inset 0 0 70px rgba(232,139,94,.035)!important;
}
:root[data-visual-style="2040"] .k405-reel-crown{
  position:absolute!important;z-index:8!important;top:17px!important;left:50%!important;transform:translateX(-50%)!important;
  width:72%!important;height:58px!important;border-radius:18px!important;
  display:grid!important;grid-template-columns:auto auto!important;grid-template-rows:auto auto!important;align-items:center!important;justify-content:center!important;column-gap:9px!important;
  background:linear-gradient(180deg,rgba(28,31,36,.98),rgba(12,14,18,.98))!important;
  border:1px solid rgba(246,184,151,.26)!important;box-shadow:0 12px 28px rgba(0,0,0,.35)!important;
}
:root[data-visual-style="2040"] .k405-reel-crown span{font-size:9px!important;font-weight:800!important;letter-spacing:.2em!important;opacity:.7!important}
:root[data-visual-style="2040"] .k405-reel-crown b{font-size:18px!important;letter-spacing:.08em!important;color:#ffd3bd!important}
:root[data-visual-style="2040"] .k405-reel-crown i{grid-column:1/-1!important;font-style:normal!important;font-size:8px!important;letter-spacing:.16em!important;opacity:.45!important;text-align:center!important}
:root[data-visual-style="2040"] .k405-reel-window{
  position:relative!important;z-index:4!important;width:330px!important;height:388px!important;margin-top:4px!important;
  overflow:hidden!important;border-radius:28px!important;background:#090c10!important;
  border:1px solid rgba(255,197,165,.22)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),inset 0 0 54px rgba(0,0,0,.78),0 22px 45px rgba(0,0,0,.34)!important;
  transform:rotateX(1.5deg)!important;
}
:root[data-visual-style="2040"] .k405-reel-track{
  position:absolute!important;z-index:2!important;inset:auto 15px auto 15px!important;top:0!important;
  width:auto!important;height:auto!important;border-radius:0!important;background:none!important;box-shadow:none!important;
  will-change:transform!important;transform-origin:50% 0!important;
}
:root[data-visual-style="2040"] .k405-reel-prize{
  position:relative!important;inset:auto!important;transform:none!important;
  width:100%!important;height:88px!important;margin:0 0 12px!important;padding:0!important;
  border:1px solid rgba(255,255,255,.07)!important;border-radius:18px!important;
  background:linear-gradient(115deg,rgba(34,39,45,.96),rgba(15,18,22,.98))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.2)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;opacity:1!important;
}
:root[data-visual-style="2040"] .k405-reel-prize .k359-prize-badge{width:88%!important;transform:none!important;display:grid!important;grid-template-columns:54px 1fr!important;align-items:center!important;gap:12px!important}
:root[data-visual-style="2040"] .k405-reel-prize .k359-prize-badge svg{width:44px!important;height:44px!important}
:root[data-visual-style="2040"] .k405-reel-prize .k359-prize-badge div{text-align:left!important}
:root[data-visual-style="2040"] .k405-reel-prize .k359-prize-badge small{font-size:8px!important}
:root[data-visual-style="2040"] .k405-reel-prize .k359-prize-badge strong{font-size:23px!important;line-height:1!important}
:root[data-visual-style="2040"] .k405-reel-prize .k359-prize-badge span{font-size:9px!important;letter-spacing:.16em!important}
:root[data-visual-style="2040"] .k405-reel-focus{
  position:absolute!important;z-index:7!important;left:7px!important;right:7px!important;top:144px!important;height:100px!important;
  border:1px solid rgba(255,182,143,.7)!important;border-radius:21px!important;pointer-events:none!important;
  box-shadow:0 0 0 1px rgba(255,164,116,.1),inset 0 0 24px rgba(235,132,78,.085),0 0 28px rgba(238,139,91,.12)!important;
}
:root[data-visual-style="2040"] .k405-reel-focus::before,:root[data-visual-style="2040"] .k405-reel-focus::after{content:"";position:absolute;top:50%;width:22px;height:2px;background:#ffc3a3;box-shadow:0 0 12px #f5a273}
:root[data-visual-style="2040"] .k405-reel-focus::before{left:-12px}:root[data-visual-style="2040"] .k405-reel-focus::after{right:-12px}
:root[data-visual-style="2040"] .k405-reel-fade{position:absolute!important;z-index:6!important;left:0!important;right:0!important;height:110px!important;pointer-events:none!important}
:root[data-visual-style="2040"] .k405-reel-fade-top{top:0!important;background:linear-gradient(#090c10 8%,rgba(9,12,16,.82) 42%,transparent)!important}
:root[data-visual-style="2040"] .k405-reel-fade-bottom{bottom:0!important;background:linear-gradient(transparent,rgba(9,12,16,.82) 58%,#090c10 92%)!important}
:root[data-visual-style="2040"] .k405-reel-scan{position:absolute!important;z-index:5!important;inset:0!important;pointer-events:none!important;background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(255,255,255,.012) 4px)!important;mix-blend-mode:screen!important}
:root[data-visual-style="2040"] .k405-reel-hub{
  position:absolute!important;z-index:9!important;top:auto!important;bottom:13px!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important;
  width:170px!important;height:52px!important;border-radius:18px!important;background:#11151a!important;border:1px solid rgba(255,190,154,.2)!important;
  display:grid!important;grid-template-columns:32px auto!important;grid-template-rows:auto auto!important;column-gap:9px!important;align-items:center!important;justify-content:center!important;
}
:root[data-visual-style="2040"] .k405-reel-hub img{grid-row:1/3!important;width:28px!important;height:28px!important}
:root[data-visual-style="2040"] .k405-reel-hub span{font-size:12px!important;letter-spacing:.22em!important;font-weight:800!important}
:root[data-visual-style="2040"] .k405-reel-hub small{font-size:7px!important;letter-spacing:.13em!important;opacity:.5!important}
:root[data-visual-style="2040"] .k405-bonus-experience.is-spinning .k405-reel-focus{animation:k405FocusPulse .7s ease-in-out infinite alternate!important}
:root[data-visual-style="2040"] .k405-bonus-experience.is-spinning .k405-reel-scan{animation:k405Scan 1.05s linear infinite!important}
@keyframes k405FocusPulse{to{box-shadow:0 0 0 1px rgba(255,164,116,.22),inset 0 0 30px rgba(235,132,78,.16),0 0 42px rgba(238,139,91,.23)}}
@keyframes k405Scan{from{background-position:0 0}to{background-position:0 24px}}
@media(max-width:1100px){
  :root[data-visual-style="2040"] .k405-bonus-stage{grid-template-columns:1fr!important}
  :root[data-visual-style="2040"] .k405-reel-rig{order:-1!important}
}

:root[data-visual-style="2040"] .k406-bonus-page{
  padding-top:24px!important;
}
:root[data-visual-style="2040"] .k406-bonus-experience{
  --b406-accent:#e99b72;
  --b406-accent-rgb:233,155,114;
  position:relative!important;
  width:min(1180px,calc(100vw - 170px))!important;
  min-height:720px!important;
  margin:0 auto!important;
  padding:26px 34px 30px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,228,211,.10)!important;
  border-radius:32px!important;
  background:
    radial-gradient(620px 380px at 50% 44%,rgba(var(--b406-accent-rgb),.075),transparent 66%),
    radial-gradient(900px 520px at 50% 110%,rgba(255,255,255,.018),transparent 62%),
    linear-gradient(180deg,rgba(18,15,15,.62),rgba(8,10,12,.76))!important;
  box-shadow:0 34px 90px rgba(0,0,0,.30),inset 0 1px rgba(255,255,255,.025)!important;
  isolation:isolate!important;
}
:root[data-visual-style="2040"] .k406-bonus-experience::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:-35%!important;
  background:conic-gradient(from 210deg at 50% 50%,transparent 0 21%,rgba(var(--b406-accent-rgb),.08) 29%,transparent 38% 64%,rgba(255,255,255,.025) 72%,transparent 82%)!important;
  filter:blur(24px)!important;
  animation:k406AmbientOrbit 18s linear infinite!important;
  pointer-events:none!important;
}
@keyframes k406AmbientOrbit{to{transform:rotate(360deg)}}
:root[data-visual-style="2040"] .k406-bonus-head{
  position:relative!important;
  z-index:8!important;
  height:82px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:30px!important;
  padding:0 4px 18px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;
}
:root[data-visual-style="2040"] .k406-bonus-brand span{
  display:block!important;
  margin:0 0 5px!important;
  color:rgba(255,205,177,.58)!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.23em!important;
}
:root[data-visual-style="2040"] .k406-bonus-brand h1{
  margin:0!important;
  color:#fffaf6!important;
  font-size:30px!important;
  line-height:1!important;
  font-weight:680!important;
  letter-spacing:-.025em!important;
}
:root[data-visual-style="2040"] .k406-bonus-brand h1 em{font-style:normal!important;color:#e8a17c!important;font-weight:820!important}
:root[data-visual-style="2040"] .k406-bonus-access{
  width:310px!important;
  display:grid!important;
  gap:9px!important;
}
:root[data-visual-style="2040"] .k406-bonus-access>div{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:14px!important}
:root[data-visual-style="2040"] .k406-bonus-access span{color:rgba(255,255,255,.42)!important;font-size:8px!important;font-weight:820!important;letter-spacing:.18em!important}
:root[data-visual-style="2040"] .k406-bonus-access.is-ready span{color:#80d2ac!important}
:root[data-visual-style="2040"] .k406-bonus-access b{color:rgba(255,248,242,.78)!important;font-size:11px!important;font-weight:760!important;letter-spacing:.03em!important;white-space:nowrap!important}
:root[data-visual-style="2040"] .k406-bonus-access b i{font-style:normal!important;opacity:.35!important;padding:0 3px!important}
:root[data-visual-style="2040"] .k406-bonus-access u{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:3px!important;
  border-radius:99px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.055)!important;
  text-decoration:none!important;
}
:root[data-visual-style="2040"] .k406-bonus-access u i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#a9634b,#f0ad86)!important;box-shadow:0 0 14px rgba(var(--b406-accent-rgb),.30)!important}
:root[data-visual-style="2040"] .k406-bonus-stage{
  position:relative!important;
  z-index:2!important;
  min-height:548px!important;
  display:grid!important;
  place-items:center!important;
  padding:20px 0 2px!important;
  perspective:1300px!important;
}
:root[data-visual-style="2040"] .k406-orbit{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%) rotateX(72deg)!important;
  border:1px solid rgba(var(--b406-accent-rgb),.10)!important;
  border-radius:50%!important;
  pointer-events:none!important;
}
:root[data-visual-style="2040"] .k406-orbit-a{width:670px!important;height:310px!important;box-shadow:0 0 70px rgba(var(--b406-accent-rgb),.03)!important}
:root[data-visual-style="2040"] .k406-orbit-b{width:830px!important;height:405px!important;border-style:dashed!important;opacity:.48!important}
:root[data-visual-style="2040"] .k406-bonus-reel{
  position:relative!important;
  width:470px!important;
  height:530px!important;
  display:grid!important;
  place-items:center!important;
  filter:drop-shadow(0 32px 45px rgba(0,0,0,.38))!important;
}
:root[data-visual-style="2040"] .k406-bonus-reel::before,
:root[data-visual-style="2040"] .k406-bonus-reel::after{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  border-radius:50%!important;
  pointer-events:none!important;
}
:root[data-visual-style="2040"] .k406-bonus-reel::before{top:15px!important;width:330px!important;height:500px!important;border:1px solid rgba(var(--b406-accent-rgb),.11)!important;box-shadow:0 0 90px rgba(var(--b406-accent-rgb),.055)!important}
:root[data-visual-style="2040"] .k406-bonus-reel::after{bottom:-18px!important;width:360px!important;height:58px!important;background:radial-gradient(ellipse,rgba(0,0,0,.55),transparent 70%)!important;filter:blur(7px)!important}
:root[data-visual-style="2040"] .k406-reel-topline{
  position:absolute!important;
  z-index:12!important;
  top:4px!important;
  left:50%!important;
  width:386px!important;
  height:30px!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto 1fr auto!important;
  align-items:center!important;
  gap:10px!important;
  color:rgba(255,255,255,.30)!important;
  font-size:7px!important;
  font-weight:850!important;
  letter-spacing:.17em!important;
}
:root[data-visual-style="2040"] .k406-reel-topline i{height:1px!important;background:linear-gradient(90deg,transparent,rgba(var(--b406-accent-rgb),.20),transparent)!important}
:root[data-visual-style="2040"] .k406-reel-topline b{font-size:7px!important;font-weight:850!important;letter-spacing:.18em!important;color:rgba(255,213,189,.56)!important}
:root[data-visual-style="2040"] .k406-reel-window{
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  top:32px!important;
  width:390px!important;
  height:500px!important;
  transform:translateX(-50%)!important;
  overflow:hidden!important;
  border-radius:72px!important;
  border:1px solid rgba(255,222,202,.12)!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.018),transparent 12% 88%,rgba(255,255,255,.018)),
    linear-gradient(180deg,rgba(9,12,15,.96),rgba(7,9,12,.985))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),inset 0 0 80px rgba(0,0,0,.66),0 30px 60px rgba(0,0,0,.34)!important;
}
:root[data-visual-style="2040"] .k406-reel-axis{
  position:absolute!important;
  z-index:1!important;
  top:0!important;
  bottom:0!important;
  left:50%!important;
  width:1px!important;
  background:linear-gradient(transparent,rgba(var(--b406-accent-rgb),.08) 20%,rgba(var(--b406-accent-rgb),.16) 50%,rgba(var(--b406-accent-rgb),.08) 80%,transparent)!important;
  pointer-events:none!important;
}
:root[data-visual-style="2040"] .k406-reel-track{
  position:absolute!important;
  z-index:3!important;
  top:0!important;
  left:18px!important;
  right:18px!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  will-change:transform!important;
}
:root[data-visual-style="2040"] .k406-reel-prize{
  position:relative!important;
  width:100%!important;
  height:112px!important;
  min-height:112px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  opacity:.35!important;
  filter:saturate(.66) brightness(.78)!important;
  transform:scale(.88)!important;
  transition:opacity .24s ease,filter .24s ease,transform .24s ease!important;
}
:root[data-visual-style="2040"] .k406-reel-prize .k359-prize-badge{
  position:relative!important;
  width:304px!important;
  height:84px!important;
  margin:0!important;
  padding:0 28px!important;
  display:grid!important;
  grid-template-columns:52px 1fr!important;
  align-items:center!important;
  gap:18px!important;
  border:0!important;
  border-radius:30px!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.025) 18% 82%,transparent)!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:visible!important;
}
:root[data-visual-style="2040"] .k406-reel-prize .k359-prize-badge::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:0!important;
  width:68%!important;
  height:1px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent)!important;
}
:root[data-visual-style="2040"] .k406-reel-prize .k359-prize-badge svg{
  width:42px!important;height:42px!important;
  color:#eaa077!important;
  opacity:.82!important;
  filter:drop-shadow(0 0 12px rgba(var(--b406-accent-rgb),.14))!important;
}
:root[data-visual-style="2040"] .k406-reel-prize .k359-prize-badge div{text-align:left!important;display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto!important;align-items:end!important;column-gap:9px!important}
:root[data-visual-style="2040"] .k406-reel-prize .k359-prize-badge small{grid-column:1/-1!important;color:rgba(255,255,255,.34)!important;font-size:7px!important;line-height:1!important;font-weight:820!important;letter-spacing:.17em!important}
:root[data-visual-style="2040"] .k406-reel-prize .k359-prize-badge strong{color:#fff8f3!important;font-size:26px!important;line-height:1!important;font-weight:730!important;letter-spacing:-.025em!important}
:root[data-visual-style="2040"] .k406-reel-prize .k359-prize-badge span{align-self:center!important;color:rgba(255,216,195,.54)!important;font-size:8px!important;line-height:1!important;font-weight:800!important;letter-spacing:.14em!important}
:root[data-visual-style="2040"] .k406-reel-focus{
  position:absolute!important;
  z-index:9!important;
  left:9px!important;
  right:9px!important;
  top:194px!important;
  width:auto!important;
  height:112px!important;
  transform:none!important;
  border:0!important;
  border-radius:34px!important;
  background:radial-gradient(100% 100% at 50% 50%,rgba(var(--b406-accent-rgb),.08),transparent 72%)!important;
  box-shadow:inset 0 0 0 1px rgba(var(--b406-accent-rgb),.23),0 0 38px rgba(var(--b406-accent-rgb),.07)!important;
  pointer-events:none!important;
}
:root[data-visual-style="2040"] .k406-reel-focus::before,
:root[data-visual-style="2040"] .k406-reel-focus::after{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  width:26px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,#f1ad88)!important;
  box-shadow:0 0 10px rgba(var(--b406-accent-rgb),.44)!important;
}
:root[data-visual-style="2040"] .k406-reel-focus::before{left:-13px!important}
:root[data-visual-style="2040"] .k406-reel-focus::after{right:-13px!important;transform:scaleX(-1)!important}
:root[data-visual-style="2040"] .k406-reel-fade{z-index:8!important;height:140px!important;pointer-events:none!important}
:root[data-visual-style="2040"] .k406-reel-fade-top{top:0!important;background:linear-gradient(#080a0d 10%,rgba(8,10,13,.90) 38%,transparent)!important}
:root[data-visual-style="2040"] .k406-reel-fade-bottom{bottom:0!important;background:linear-gradient(transparent,rgba(8,10,13,.90) 62%,#080a0d 92%)!important}
:root[data-visual-style="2040"] .k406-reel-scan{z-index:7!important;opacity:.32!important;background:repeating-linear-gradient(180deg,transparent 0 5px,rgba(255,255,255,.012) 6px)!important}
:root[data-visual-style="2040"] .k406-reel-marker{
  position:absolute!important;
  z-index:14!important;
  top:279px!important;
  left:50%!important;
  width:448px!important;
  transform:translateX(-50%)!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:12px!important;
  pointer-events:none!important;
}
:root[data-visual-style="2040"] .k406-reel-marker span{height:1px!important;background:linear-gradient(90deg,transparent,rgba(var(--b406-accent-rgb),.22))!important}
:root[data-visual-style="2040"] .k406-reel-marker span:last-child{transform:scaleX(-1)!important}
:root[data-visual-style="2040"] .k406-reel-marker i{width:7px!important;height:7px!important;border-radius:50%!important;background:#f2ad87!important;box-shadow:0 0 0 5px rgba(var(--b406-accent-rgb),.07),0 0 18px rgba(var(--b406-accent-rgb),.55)!important}
:root[data-visual-style="2040"] .k406-bonus-result{
  position:absolute!important;
  z-index:16!important;
  left:50%!important;
  bottom:-7px!important;
  width:320px!important;
  min-height:58px!important;
  transform:translateX(-50%) translateY(8px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  opacity:.72!important;
  transition:opacity .34s ease,transform .34s cubic-bezier(.2,.78,.2,1)!important;
}
:root[data-visual-style="2040"] .k406-bonus-result.is-visible{opacity:1!important;transform:translateX(-50%) translateY(0)!important}
:root[data-visual-style="2040"] .k406-bonus-result .k359-prize-badge{width:auto!important;min-width:0!important;height:50px!important;padding:0 12px!important;border:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;align-items:center!important;gap:8px!important}
:root[data-visual-style="2040"] .k406-bonus-result .k359-prize-badge svg{width:30px!important;height:30px!important}
:root[data-visual-style="2040"] .k406-bonus-result .k359-prize-badge small,
:root[data-visual-style="2040"] .k406-bonus-result .k359-prize-badge span{display:none!important}
:root[data-visual-style="2040"] .k406-bonus-result .k359-prize-badge strong{font-size:18px!important}
:root[data-visual-style="2040"] .k406-bonus-result>strong{display:none!important}
:root[data-visual-style="2040"] .k406-bonus-idle{display:flex!important;align-items:center!important;gap:8px!important;color:rgba(255,255,255,.28)!important;font-size:8px!important;font-weight:850!important;letter-spacing:.18em!important}
:root[data-visual-style="2040"] .k406-bonus-idle i{width:5px!important;height:5px!important;border-radius:50%!important;background:#d88b68!important;box-shadow:0 0 12px rgba(var(--b406-accent-rgb),.38)!important}
:root[data-visual-style="2040"] .k406-bonus-actions{
  position:relative!important;
  z-index:18!important;
  display:flex!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
}
:root[data-visual-style="2040"] .k406-bonus-primary{
  width:250px!important;
  height:52px!important;
  min-height:52px!important;
  border:1px solid rgba(255,226,209,.16)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,#f0b08b,#c77a58)!important;
  color:#1a100c!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  box-shadow:inset 0 1px rgba(255,255,255,.34),0 14px 28px rgba(0,0,0,.24),0 0 22px rgba(var(--b406-accent-rgb),.08)!important;
  transition:transform .55s cubic-bezier(.2,.75,.2,1),box-shadow .55s cubic-bezier(.2,.75,.2,1),filter .55s cubic-bezier(.2,.75,.2,1)!important;
}
:root[data-visual-style="2040"] .k406-bonus-primary:hover:not(:disabled){transform:translateY(-2px)!important;filter:brightness(1.035)!important;box-shadow:inset 0 1px rgba(255,255,255,.42),0 18px 34px rgba(0,0,0,.30),0 0 30px rgba(var(--b406-accent-rgb),.14)!important}
:root[data-visual-style="2040"] .k406-bonus-primary:disabled{background:rgba(255,255,255,.075)!important;color:rgba(255,255,255,.38)!important;border-color:rgba(255,255,255,.07)!important;box-shadow:none!important;opacity:1!important}
:root[data-visual-style="2040"] .k406-bonus-experience.is-spinning .k406-reel-focus{animation:k406FocusBreath .7s ease-in-out infinite alternate!important}
:root[data-visual-style="2040"] .k406-bonus-experience.is-spinning .k406-reel-scan{animation:k406Scan 1s linear infinite!important}
@keyframes k406FocusBreath{to{box-shadow:inset 0 0 0 1px rgba(var(--b406-accent-rgb),.38),0 0 48px rgba(var(--b406-accent-rgb),.14)}}
@keyframes k406Scan{to{background-position:0 30px}}


/* BONUS — one premium vertical console. No top banner / dashboard copy. */
:root[data-visual-style="2040"] .k407-bonus-page{padding-top:20px!important}
:root[data-visual-style="2040"] .k407-bonus-experience{
  width:min(980px,calc(100vw - 190px))!important;
  min-height:680px!important;
  margin:0 auto!important;
  padding:0 0 36px!important;
  border:0!important;
  border-radius:0!important;
  overflow:visible!important;
  background:transparent!important;
  box-shadow:none!important;
}
:root[data-visual-style="2040"] .k407-bonus-experience::before{display:none!important;content:none!important}
:root[data-visual-style="2040"] .k407-bonus-stage{
  min-height:590px!important;
  padding:18px 0 0!important;
  display:grid!important;
  place-items:center!important;
}
:root[data-visual-style="2040"] .k407-bonus-console{
  position:relative!important;
  width:430px!important;
  height:590px!important;
  padding:68px 20px 20px!important;
  border:1px solid rgba(255,224,206,.14)!important;
  border-radius:44px!important;
  background:
    radial-gradient(340px 220px at 50% 12%,rgba(231,145,102,.11),transparent 68%),
    linear-gradient(180deg,rgba(24,19,18,.94),rgba(8,10,13,.985))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),inset 0 -1px rgba(0,0,0,.55),0 30px 70px rgba(0,0,0,.38),0 0 60px rgba(218,126,84,.055)!important;
  isolation:isolate!important;
}
:root[data-visual-style="2040"] .k407-bonus-console::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;top:-1px!important;
  width:150px!important;height:2px!important;
  transform:translateX(-50%)!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,#e8a17b,transparent)!important;
  box-shadow:0 0 22px rgba(232,161,123,.34)!important;
}
:root[data-visual-style="2040"] .k407-bonus-title{
  position:absolute!important;
  z-index:20!important;
  top:23px!important;left:50%!important;
  transform:translateX(-50%)!important;
  color:#fff8f3!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:820!important;
  letter-spacing:.22em!important;
  text-indent:.22em!important;
  white-space:nowrap!important;
}
:root[data-visual-style="2040"] .k407-bonus-reel{
  width:390px!important;
  height:500px!important;
  filter:none!important;
}
:root[data-visual-style="2040"] .k407-bonus-reel::before,
:root[data-visual-style="2040"] .k407-bonus-reel::after{display:none!important;content:none!important}
:root[data-visual-style="2040"] .k407-reel-window{
  top:0!important;
  width:350px!important;
  height:500px!important;
  border-radius:34px!important;
  border-color:rgba(255,225,207,.10)!important;
  background:linear-gradient(180deg,rgba(8,11,14,.94),rgba(5,7,10,.985))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015),inset 0 0 70px rgba(0,0,0,.62)!important;
}
:root[data-visual-style="2040"] .k407-reel-prize{
  height:112px!important;
  min-height:112px!important;
  opacity:.40!important;
  filter:none!important;
  transform:scale(.94)!important;
}
:root[data-visual-style="2040"] .k407-bonus-prize-name{
  width:292px!important;
  height:78px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border:1px solid rgba(255,255,255,.055)!important;
  border-radius:23px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
  color:rgba(255,248,242,.78)!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:760!important;
  letter-spacing:.045em!important;
}
:root[data-visual-style="2040"] .k407-bonus-experience:not(.is-spinning) .k407-reel-prize:nth-child(23) .k407-bonus-prize-name{
  border-color:rgba(234,159,119,.16)!important;
}
:root[data-visual-style="2040"] .k407-bonus-reel .k406-reel-focus{
  top:194px!important;
  left:13px!important;right:13px!important;
  height:112px!important;
  border-radius:28px!important;
  background:radial-gradient(100% 100% at 50% 50%,rgba(232,157,117,.075),transparent 74%)!important;
  box-shadow:inset 0 0 0 1px rgba(232,157,117,.27),0 0 34px rgba(232,157,117,.065)!important;
}
:root[data-visual-style="2040"] .k407-bonus-reel .k406-reel-marker{
  top:247px!important;
  width:386px!important;
}
:root[data-visual-style="2040"] .k407-bonus-result{
  bottom:-2px!important;
  min-height:38px!important;
  color:#fff4ed!important;
  font-size:12px!important;
  font-weight:780!important;
  letter-spacing:.05em!important;
}
:root[data-visual-style="2040"] .k407-bonus-result:not(.is-visible){opacity:0!important;pointer-events:none!important}
:root[data-visual-style="2040"] .k407-bonus-result.is-visible>strong{display:block!important;font-size:13px!important;color:#fff5ef!important}
:root[data-visual-style="2040"] .k407-bonus-actions{
  margin-top:34px!important;
  padding-top:0!important;
}
:root[data-visual-style="2040"] .k407-bonus-primary{
  width:270px!important;
  height:54px!important;
  border-radius:17px!important;
}
@media(max-width:1100px){
  :root[data-visual-style="2040"] .k407-bonus-experience{width:calc(100% - 28px)!important}
  :root[data-visual-style="2040"] .k407-bonus-console{transform:scale(.88)!important;transform-origin:center top!important}
}



/* v412: profile tabs — SHOP is a true peer of Inventory / History / Withdrawals / Bonuses. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v156-content-tabs .profile-v412-shop-tab{
  height:40px!important;min-height:40px!important;padding:0 18px!important;border:1px solid transparent!important;border-radius:11px!important;
  background:transparent!important;color:#73777f!important;font:inherit!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;white-space:nowrap!important;
  transition:transform .38s cubic-bezier(.16,.8,.22,1),background .32s ease,color .32s ease,border-color .32s ease!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v156-content-tabs .profile-v412-shop-tab:hover{
  transform:translateY(-1px)!important;color:#e7ddd6!important;background:rgba(255,255,255,.025)!important;border-color:rgba(255,255,255,.05)!important;
}

/* v412: Top Drops archive — title belongs to the window, no secondary banner or column captions. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-archive-modal{
  position:relative!important;padding-top:68px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-archive-modal>header.k412-topdrops-title{
  position:absolute!important;left:0!important;right:0!important;top:0!important;height:68px!important;margin:0!important;padding:0 72px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;background:transparent!important;box-shadow:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-archive-modal>header.k412-topdrops-title h2{
  margin:0!important;padding:0!important;text-align:center!important;color:#f3eeea!important;font-size:24px!important;font-weight:850!important;letter-spacing:.05em!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-archive-modal>header.k412-topdrops-title .profile-v81-close{
  position:absolute!important;right:20px!important;top:50%!important;transform:translateY(-50%)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-archive-head{display:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-archive-list{
  margin-top:0!important;padding-top:4px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-archive-list>article{
  grid-template-columns:46px minmax(300px,1fr) 190px 94px 96px!important;column-gap:16px!important;align-items:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-archive-list .archive-case{
  width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;align-items:center!important;gap:12px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-archive-list .archive-case .history-origin-visual{
  width:36px!important;height:36px!important;min-width:36px!important;margin:0!important;display:grid!important;place-items:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-archive-list .archive-case>strong{
  margin:0!important;min-width:0!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-archive-list time{justify-self:start!important;text-align:left!important}

/* Keep v412 Bonus usable under the 24-inch Full-HD density mode. */
@media (min-width:1720px) and (max-width:2048px){
  :root[data-visual-style="2040"] .k407-bonus-console{transform:none!important}
}

/* --- v413-innovative-skin-cards.css --- */
/* KORZH v413 — INNOVATIVE SKIN CARDS
   Visual-only rebuild. IMPORTANT: no skin image URL / hydration / market logic is changed.
   Every card continues to use the exact real image already supplied by skinArt()/art(). */

/* ---------------------------------------------------------
   1) Shared card material: rarity paint + dark glass depth
   --------------------------------------------------------- */
:root[data-visual-style="2040"][data-theme="hub"] .skin-card,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page-item,
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-top-card{
  isolation:isolate!important;
  position:relative!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--rarity) 58%,rgba(255,255,255,.10))!important;
  border-radius:18px!important;
  background:
    radial-gradient(110% 78% at 50% 16%,color-mix(in srgb,var(--rarity) 46%,transparent) 0%,color-mix(in srgb,var(--rarity) 24%,transparent) 36%,transparent 68%),
    radial-gradient(72% 64% at 18% 88%,color-mix(in srgb,var(--rarity) 15%,transparent),transparent 74%),
    linear-gradient(155deg,color-mix(in srgb,var(--rarity) 12%,#17100d) 0%,#0d0b0d 56%,#06070a 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -26px 48px rgba(0,0,0,.24),
    0 14px 34px rgba(0,0,0,.30),
    0 0 22px color-mix(in srgb,var(--rarity) 7%,transparent)!important;
  transition:transform .56s cubic-bezier(.16,.8,.22,1),border-color .42s ease,box-shadow .56s cubic-bezier(.16,.8,.22,1),filter .42s ease!important;
}

/* Volumetric colour paint. No external texture/image asset = nothing can go missing. */
:root[data-visual-style="2040"][data-theme="hub"] .skin-card::before,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page-item::before,
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card::before,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-top-card::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  inset:-22%!important;
  pointer-events:none!important;
  opacity:.62!important;
  background:
    radial-gradient(circle at 28% 31%,color-mix(in srgb,var(--rarity) 30%,transparent) 0 7%,transparent 25%),
    radial-gradient(circle at 73% 24%,rgba(255,255,255,.065) 0 3%,transparent 22%),
    radial-gradient(circle at 62% 76%,color-mix(in srgb,var(--rarity) 18%,transparent) 0 5%,transparent 27%),
    conic-gradient(from 118deg at 52% 45%,transparent 0 12%,color-mix(in srgb,var(--rarity) 10%,transparent) 18%,transparent 28% 58%,rgba(255,255,255,.025) 66%,transparent 76% 100%)!important;
  filter:blur(13px)!important;
  transform:rotate(-4deg) scale(1.04)!important;
}

/* Inner luminous edge + bottom vignette. Overrides old 2px rarity line. */
:root[data-visual-style="2040"][data-theme="hub"] .skin-card::after,
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:4!important;
  inset:0!important;
  left:0!important;right:0!important;top:0!important;bottom:0!important;
  width:auto!important;height:auto!important;
  pointer-events:none!important;
  opacity:1!important;
  border-radius:inherit!important;
  border:1px solid color-mix(in srgb,var(--rarity) 16%,rgba(255,255,255,.05))!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 23%,transparent 67%,rgba(0,0,0,.25)),
    linear-gradient(112deg,transparent 18%,rgba(255,255,255,.035) 42%,transparent 58%)!important;
  box-shadow:inset 0 0 24px color-mix(in srgb,var(--rarity) 7%,transparent)!important;
  transform:none!important;
}

:root[data-visual-style="2040"][data-theme="hub"] .skin-card:hover,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page-item:hover,
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card:hover,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-top-card:hover{
  border-color:color-mix(in srgb,var(--rarity) 78%,rgba(255,255,255,.16))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -26px 48px rgba(0,0,0,.22),
    0 20px 42px rgba(0,0,0,.38),
    0 0 30px color-mix(in srgb,var(--rarity) 13%,transparent)!important;
}

/* ---------------------------------------------------------
   2) Real skin art: KEEP ORIGINAL IMG SRC, only present it better
   --------------------------------------------------------- */
:root[data-visual-style="2040"][data-theme="hub"] .skin-card>.skin-art,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page-item .skin-art,
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card .skin-art,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-top-card .skin-art{
  position:relative!important;
  z-index:2!important;
  overflow:visible!important;
  background:transparent!important;
  transition:transform .62s cubic-bezier(.16,.8,.22,1),filter .46s ease!important;
  filter:drop-shadow(0 15px 14px rgba(0,0,0,.36))!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .skin-card:hover>.skin-art,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page-item:hover .skin-art,
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card:hover .skin-art{
  transform:translateY(-2px) scale(1.025)!important;
  filter:drop-shadow(0 18px 17px rgba(0,0,0,.42)) brightness(1.04)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .skin-card .skin-glow,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page-item .skin-glow,
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card .skin-glow{
  opacity:.24!important;
  filter:blur(34px)!important;
  background:var(--rarity)!important;
}

/* ---------------------------------------------------------
   3) Clean, readable typography. No decorative junk text.
   --------------------------------------------------------- */
:root[data-visual-style="2040"][data-theme="hub"] .skin-card .skin-info,
:root[data-visual-style="2040"][data-theme="hub"] .skin-card .skin-caption{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-end!important;
  text-align:center!important;
  gap:2px!important;
  padding:0 5px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .skin-card .skin-info small,
:root[data-visual-style="2040"][data-theme="hub"] .skin-card .skin-caption small{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:color-mix(in srgb,var(--rarity) 52%,#d9d5d2)!important;
  font-family:"Sora","Nunito Sans",system-ui,sans-serif!important;
  font-size:9px!important;
  font-weight:750!important;
  line-height:1.1!important;
  letter-spacing:.015em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 1px 3px rgba(0,0,0,.75)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .skin-card .skin-info strong,
:root[data-visual-style="2040"][data-theme="hub"] .skin-card .skin-caption strong{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#fffaf6!important;
  font-family:"Sora","Nunito Sans",system-ui,sans-serif!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.12!important;
  letter-spacing:-.015em!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  text-shadow:0 2px 5px rgba(0,0,0,.78)!important;
}

/* Bottom-centred price capsule from the approved concept. */
:root[data-visual-style="2040"][data-theme="hub"] .skin-card>.skin-price{
  position:relative!important;
  z-index:3!important;
  width:max-content!important;
  min-width:70px!important;
  max-width:92%!important;
  min-height:26px!important;
  margin:7px auto 0!important;
  padding:5px 11px!important;
  border:1px solid color-mix(in srgb,var(--rarity) 46%,rgba(255,255,255,.12))!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,rgba(8,8,10,.72),rgba(8,8,10,.92))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 5px 13px rgba(0,0,0,.26),0 0 13px color-mix(in srgb,var(--rarity) 8%,transparent)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border-top:1px solid color-mix(in srgb,var(--rarity) 46%,rgba(255,255,255,.12))!important;
  color:#fff9f5!important;
  font-family:"Sora","Nunito Sans",system-ui,sans-serif!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1!important;
  text-align:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .skin-card>.skin-price .korzh-money{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .skin-card>.skin-price .korzh-currency-icon{width:13px!important;height:13px!important}

/* ---------------------------------------------------------
   4) Compact upgrade / contracts / plane cards
   Keep existing grid dimensions so no gameplay layout can jump.
   --------------------------------------------------------- */
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card{
  height:138px!important;
  min-height:138px!important;
  padding:7px 8px 7px!important;
  display:grid!important;
  grid-template-rows:68px 31px 24px!important;
  align-content:start!important;
  gap:2px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card>.skin-art{
  width:100%!important;height:68px!important;min-height:68px!important;max-height:68px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card .skin-info{height:31px!important;min-height:31px!important;padding:0 3px!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card .skin-info small{font-size:7.8px!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card .skin-info strong{font-size:10.5px!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card>.skin-price{
  min-width:62px!important;min-height:22px!important;height:22px!important;margin:0 auto!important;padding:3px 8px!important;font-size:9px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card>.skin-price .korzh-currency-icon{width:11px!important;height:11px!important}

:root[data-visual-style="2040"][data-theme="hub"] :is(.picker-card,.plane-inventory-card,.plane-public-picker-card) .skin-card{
  padding:9px 10px 9px!important;
}

/* Selected state is a clean rarity ring, not a second conflicting background. */
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card).selected>.skin-card,
:root[data-visual-style="2040"][data-theme="hub"] .picker-card.selected>.skin-card,
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card.selected{
  outline:0!important;
  border-color:color-mix(in srgb,var(--rarity) 86%,#fff 18%)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--rarity) 34%,transparent),0 0 0 2px rgba(255,255,255,.045),0 18px 38px rgba(0,0,0,.38),0 0 26px color-mix(in srgb,var(--rarity) 18%,transparent)!important;
}

/* ---------------------------------------------------------
   5) Profile inventory — same language, larger card
   --------------------------------------------------------- */
:root[data-visual-style="2040"][data-theme="hub"] .profile-page-item{
  border-radius:22px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page-item>.withdrawal-card-body{
  position:relative!important;z-index:2!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta{
  position:relative!important;z-index:3!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;
  width:100%!important;padding:2px 9px 10px!important;text-align:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta>div{
  width:100%!important;min-width:0!important;text-align:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta small{
  color:color-mix(in srgb,var(--rarity) 48%,#d4d0cd)!important;font-size:9.5px!important;font-weight:750!important;margin:0 0 2px!important;text-align:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta strong{
  color:#fffaf6!important;font-size:14px!important;font-weight:850!important;line-height:1.1!important;text-align:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta>b{
  width:max-content!important;min-width:78px!important;min-height:27px!important;margin:7px auto 0!important;padding:5px 11px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid color-mix(in srgb,var(--rarity) 46%,rgba(255,255,255,.12))!important;border-radius:999px!important;
  background:linear-gradient(180deg,rgba(8,8,10,.72),rgba(8,8,10,.92))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 6px 14px rgba(0,0,0,.24)!important;
  color:#fff9f5!important;font-size:12px!important;font-weight:850!important;opacity:1!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page-item:hover .profile-item-meta>b{opacity:1!important}

/* Top drop cards inherit the material, but keep their existing rail geometry. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-top-card .profile-v81-top-info{
  position:relative!important;z-index:3!important;text-align:center!important;align-items:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-top-card .profile-v81-top-info>b{
  width:max-content!important;margin:7px auto 0!important;padding:4px 10px!important;border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--rarity) 42%,rgba(255,255,255,.11))!important;background:rgba(8,8,10,.78)!important;color:#fff9f5!important;
}

/* ---------------------------------------------------------
   6) Exchange target cards — preserve stock dots and real images
   --------------------------------------------------------- */
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card{
  background:
    radial-gradient(105% 76% at 50% 15%,color-mix(in srgb,var(--rarity) 42%,transparent),transparent 68%),
    linear-gradient(155deg,color-mix(in srgb,var(--rarity) 11%,#15100e),#08090d 72%)!important;
}
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card .skin-caption{
  position:relative!important;z-index:3!important;
  min-height:66px!important;padding:8px 10px 9px!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-end!important;gap:2px!important;
  text-align:center!important;background:linear-gradient(180deg,transparent,rgba(5,6,9,.58) 32%,rgba(5,6,9,.88))!important;
  border:0!important;box-shadow:none!important;
}
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card .skin-caption small{
  color:color-mix(in srgb,var(--rarity) 50%,#d7d3d0)!important;font-size:9px!important;font-weight:750!important;text-align:center!important;
}
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card .skin-caption strong{
  color:#fffaf6!important;font-size:13px!important;font-weight:850!important;text-align:center!important;
}
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card .skin-caption>div{
  width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;margin-top:5px!important;
}
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card .skin-caption>div>b{
  min-width:70px!important;padding:5px 10px!important;border-radius:999px!important;border:1px solid color-mix(in srgb,var(--rarity) 44%,rgba(255,255,255,.10))!important;background:rgba(7,8,10,.80)!important;color:#fff9f5!important;text-align:center!important;
}

/* ---------------------------------------------------------
   7) Case contents — same paint, compact information only
   --------------------------------------------------------- */
:root[data-visual-style="2040"][data-theme="hub"] .case-page-contents .contents-card{
  isolation:isolate!important;border-radius:18px!important;
  background:
    radial-gradient(105% 76% at 50% 18%,color-mix(in srgb,var(--rarity) 40%,transparent),transparent 68%),
    linear-gradient(155deg,color-mix(in srgb,var(--rarity) 12%,#15100e),#08090d 74%)!important;
  border-color:color-mix(in srgb,var(--rarity) 52%,rgba(255,255,255,.10))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.28)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-page-contents .contents-card .skin-info{
  position:relative!important;z-index:3!important;text-align:center!important;align-items:center!important;
}

/* Reduced motion: cards stay premium but completely still. */
@media(prefers-reduced-motion:reduce){
  :root[data-visual-style="2040"] :is(.skin-card,.profile-page-item,.exchange-v109-card,.profile-v81-top-card),
  :root[data-visual-style="2040"] :is(.skin-card,.profile-page-item,.exchange-v109-card,.profile-v81-top-card) .skin-art{transition:none!important;transform:none!important}
}

/* v411 24-inch density mode compatibility: do not introduce extra card dimensions. */
@media (min-width:1720px) and (max-width:2048px){
  :root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card{height:138px!important;min-height:138px!important}
}

/* --- v414-market-exchange-topdrops.css --- */
/* KORZH v414 — MARKET / EXCHANGE / TOP DROPS 2040
   This layer is deliberately UI-only. Market images remain the server-provided
   real skin images; no generated placeholder assets are referenced here. */

/* ---------------------------------------------------------
   PROFILE TAB: SHOP
   --------------------------------------------------------- */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v156-content-tabs .profile-v412-shop-tab.active{
  color:#fff7f2!important;border-color:rgba(232,157,117,.25)!important;
  background:linear-gradient(180deg,rgba(232,157,117,.12),rgba(232,157,117,.045))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 22px rgba(0,0,0,.16)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content-body.shop-mode{
  padding:0!important;overflow:visible!important;min-height:520px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop{
  width:100%;padding:18px 18px 22px;display:flex;flex-direction:column;gap:14px;
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-hero{
  min-height:112px;padding:22px 24px;border:1px solid rgba(232,157,117,.14);border-radius:22px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden;
  background:
    radial-gradient(80% 170% at 0% 0%,rgba(232,157,117,.13),transparent 62%),
    radial-gradient(55% 150% at 100% 80%,rgba(133,96,255,.07),transparent 68%),
    linear-gradient(135deg,rgba(25,16,14,.92),rgba(9,10,13,.96));
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 18px 48px rgba(0,0,0,.20);
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-hero:after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.65;
  background:linear-gradient(112deg,transparent 0 42%,rgba(255,255,255,.025) 48%,transparent 56%);
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-hero>div{position:relative;z-index:1;min-width:0}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-hero small{display:block;color:#dd9878;font-size:8px;font-weight:850;letter-spacing:.16em}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-hero h2{margin:6px 0 4px;color:#fff7f2;font-size:25px;line-height:1;font-weight:850;letter-spacing:.025em}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-hero p{margin:0;max-width:620px;color:#827c79;font-size:10px;font-weight:650;line-height:1.45}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-balance{
  position:relative;z-index:1;min-width:184px;height:64px;padding:0 18px;border:1px solid rgba(255,255,255,.07);border-radius:17px;
  display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;background:rgba(4,6,9,.47);box-shadow:inset 0 1px rgba(255,255,255,.035);
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-balance small{color:#68686b;font-size:7px;letter-spacing:.13em}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-balance strong{color:#fff7f2;font-size:16px;font-weight:850}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-controls{
  min-height:52px;padding:6px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:rgba(5,7,10,.60);
  display:grid;grid-template-columns:minmax(280px,1fr) 118px 118px 132px;gap:7px;align-items:center;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.k414-shop-search,.k414-shop-filter){
  height:38px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:#07090d;display:flex;align-items:center;gap:8px;padding:0 12px;
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-search>span{font-size:15px;color:#756f6d}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-filter>span{font-size:7px;color:#776f6c;font-weight:900;letter-spacing:.12em}
:root[data-visual-style="2040"][data-theme="hub"] :is(.k414-shop-search,.k414-shop-filter) input{
  min-width:0;width:100%;height:100%;border:0!important;outline:0!important;background:transparent!important;color:#e8e2de!important;font:inherit;font-size:9px!important;font-weight:750!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-sort{
  height:38px;border:1px solid rgba(232,157,117,.14);border-radius:11px;background:rgba(232,157,117,.065);color:#d8cec8;font-size:8px;font-weight:850;letter-spacing:.06em;
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-sort:hover{border-color:rgba(232,157,117,.30);background:rgba(232,157,117,.10)}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-body{
  min-height:390px;max-height:720px;overflow:auto;padding:4px 4px 12px;scrollbar-width:thin;scrollbar-color:rgba(232,157,117,.28) transparent;
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card{
  --card-r:var(--rarity,#a8afb8);min-width:0;min-height:268px;padding:10px;border:1px solid color-mix(in srgb,var(--card-r) 48%,rgba(255,255,255,.08));border-radius:20px;
  position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-rows:142px 48px 54px;gap:3px;
  background:
    radial-gradient(115% 72% at 50% 12%,color-mix(in srgb,var(--card-r) 42%,transparent),transparent 68%),
    radial-gradient(80% 80% at 15% 90%,color-mix(in srgb,var(--card-r) 12%,transparent),transparent 72%),
    linear-gradient(155deg,color-mix(in srgb,var(--card-r) 10%,#17100e),#090a0d 70%);
  box-shadow:inset 0 1px rgba(255,255,255,.075),inset 0 -30px 44px rgba(0,0,0,.22),0 12px 28px rgba(0,0,0,.28);
  transition:transform .52s cubic-bezier(.16,.8,.22,1),border-color .35s ease,box-shadow .45s ease;
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card:before{
  content:"";position:absolute;z-index:0;inset:-22%;pointer-events:none;opacity:.62;filter:blur(15px);transform:rotate(-5deg);
  background:conic-gradient(from 125deg at 52% 45%,transparent 0 10%,color-mix(in srgb,var(--card-r) 11%,transparent) 18%,transparent 31% 62%,rgba(255,255,255,.025) 70%,transparent 79%);
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-r) 74%,rgba(255,255,255,.12));box-shadow:inset 0 1px rgba(255,255,255,.10),0 22px 40px rgba(0,0,0,.38),0 0 28px color-mix(in srgb,var(--card-r) 10%,transparent)}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card.is-unavailable{filter:saturate(.45);opacity:.58}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card-art{position:relative;z-index:2;min-width:0}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card .skin-art{width:100%!important;height:142px!important;overflow:visible!important;background:transparent!important;filter:drop-shadow(0 16px 13px rgba(0,0,0,.40))!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card .skin-art img{width:100%!important;height:100%!important;object-fit:contain!important;transform:scale(.96);transition:transform .52s cubic-bezier(.16,.8,.22,1),filter .4s ease!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card:hover .skin-art img{transform:translateY(-2px) scale(1.025);filter:brightness(1.05)}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card .skin-glow{opacity:.18!important;filter:blur(30px)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card-copy{position:relative;z-index:2;min-width:0;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:3px;padding:0 7px}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card-copy small{color:color-mix(in srgb,var(--card-r) 48%,#cfc9c5);font-size:8.5px;font-weight:720;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card-copy strong{color:#fff9f5;font-size:13px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card-foot{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:7px;align-items:center}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card-foot>b{
  height:34px;padding:0 9px;border:1px solid color-mix(in srgb,var(--card-r) 35%,rgba(255,255,255,.08));border-radius:11px;background:rgba(4,5,8,.63);display:flex;align-items:center;justify-content:center;color:#fff9f5;font-size:10px;font-weight:850;
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card-foot button{
  height:34px;border:1px solid rgba(232,157,117,.24);border-radius:11px;background:linear-gradient(180deg,rgba(232,157,117,.18),rgba(232,157,117,.08));color:#f0d6c9;font-size:8px;font-weight:900;letter-spacing:.08em;
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card-foot button:hover:not(:disabled){background:linear-gradient(180deg,rgba(232,157,117,.28),rgba(232,157,117,.12));border-color:rgba(232,157,117,.42)}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card-foot button:disabled{opacity:.45;cursor:not-allowed}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-state{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center;color:#77747a}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-state>i{width:34px;height:34px;border:2px solid rgba(255,255,255,.07);border-top-color:#dd9878;border-radius:50%;animation:k414spin 1s linear infinite}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-state strong{color:#e7dfda;font-size:11px;letter-spacing:.08em}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-state span{font-size:9px}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-state button{margin-top:4px;height:36px;padding:0 18px;border-radius:11px;border:1px solid rgba(232,157,117,.22);background:rgba(232,157,117,.08);color:#ead2c6;font-size:8px;font-weight:850}
@keyframes k414spin{to{transform:rotate(360deg)}}

/* Purchase confirmation: no destructive action without a second click. */
:root[data-visual-style="2040"] .k414-shop-confirm-overlay{z-index:10050!important}
:root[data-visual-style="2040"] .k414-shop-confirm{
  --card-r:var(--rarity,#a8afb8);width:min(430px,calc(100vw - 38px));padding:20px;border:1px solid color-mix(in srgb,var(--card-r) 45%,rgba(255,255,255,.09));border-radius:26px;position:relative;overflow:hidden;
  background:radial-gradient(110% 62% at 50% 0%,color-mix(in srgb,var(--card-r) 28%,transparent),transparent 67%),linear-gradient(155deg,#17100f,#08090c 68%);box-shadow:0 46px 130px rgba(0,0,0,.70),inset 0 1px rgba(255,255,255,.08);
}
:root[data-visual-style="2040"] .k414-shop-confirm>#shopConfirmClose{position:absolute;z-index:5;right:14px;top:14px;width:34px;height:34px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:#0c0e12;color:#918b88;font-size:18px;display:grid;place-items:center}
:root[data-visual-style="2040"] .k414-shop-confirm-art{height:190px;position:relative}.k414-shop-confirm-art .skin-art{width:100%!important;height:100%!important;background:transparent!important;overflow:visible!important}.k414-shop-confirm-art .skin-art img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 18px 16px rgba(0,0,0,.44))}
:root[data-visual-style="2040"] .k414-shop-confirm-copy{text-align:center;position:relative;z-index:2}.k414-shop-confirm-copy small{color:color-mix(in srgb,var(--card-r) 48%,#d5cfcb);font-size:9px;font-weight:750}.k414-shop-confirm-copy h3{margin:5px 0 8px;color:#fff9f5;font-size:22px;font-weight:850}.k414-shop-confirm-copy>b{display:inline-flex;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--card-r) 40%,rgba(255,255,255,.10));background:rgba(4,5,8,.70);align-items:center;justify-content:center;color:#fff9f5}.k414-shop-confirm-copy p{max-width:330px;margin:12px auto 0;color:#77716e;font-size:9px;line-height:1.45}
:root[data-visual-style="2040"] .k414-shop-confirm-buy{width:100%;height:48px;margin-top:18px;border:1px solid rgba(232,157,117,.32);border-radius:15px;background:linear-gradient(180deg,#c98565,#8d543e);box-shadow:inset 0 1px rgba(255,255,255,.20),0 14px 30px rgba(0,0,0,.30);color:#160d09;font-size:10px;font-weight:950;letter-spacing:.07em}.k414-shop-confirm-buy:disabled{opacity:.48;filter:saturate(.5)}

/* ---------------------------------------------------------
   EXCHANGE — same market language as Shop, existing logic intact
   --------------------------------------------------------- */
:root[data-visual-style="2040"] .k414-exchange-overlay{background:rgba(4,4,6,.74)!important;backdrop-filter:blur(20px)!important}
:root[data-visual-style="2040"] .k414-exchange-modal{
  width:min(1180px,calc(100vw - 56px))!important;height:min(760px,calc(100vh - 60px))!important;max-height:none!important;padding:0!important;border:1px solid rgba(232,157,117,.15)!important;border-radius:28px!important;overflow:hidden!important;
  background:radial-gradient(90% 90% at 0 0,rgba(232,157,117,.08),transparent 58%),linear-gradient(145deg,#15100f,#080a0e 60%,#08090d)!important;box-shadow:0 50px 140px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.05)!important;
}
:root[data-visual-style="2040"] .k414-market-head{height:82px!important;min-height:82px!important;padding:0 24px!important;border-bottom:1px solid rgba(255,255,255,.055)!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
:root[data-visual-style="2040"] .k414-market-head>div small{display:block;color:#d99070;font-size:7px;font-weight:900;letter-spacing:.15em}.k414-market-head>div h2{margin:5px 0 0!important;color:#fff8f4!important;font-size:21px!important;font-weight:850!important;letter-spacing:.035em!important}
:root[data-visual-style="2040"] .k414-market-head .exchange-close{position:static!important;transform:none!important;width:36px!important;height:36px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.07)!important;background:#0d0f13!important;color:#8e8986!important}
:root[data-visual-style="2040"] .k414-exchange-layout{height:calc(100% - 82px);padding:16px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px}
:root[data-visual-style="2040"] .k414-exchange-owned{min-height:0;padding:12px;border:1px solid rgba(255,255,255,.055);border-radius:20px;background:rgba(5,7,10,.48);display:flex;flex-direction:column;gap:9px}
:root[data-visual-style="2040"] .k414-exchange-label{height:22px;display:flex;align-items:center;justify-content:space-between;color:#77716e;font-size:7px;font-weight:900;letter-spacing:.11em}.k414-exchange-label em{font-style:normal;color:#d49475}
:root[data-visual-style="2040"] .k414-exchange-selected{height:190px!important;min-height:190px!important;border:1px solid color-mix(in srgb,var(--rarity) 50%,rgba(255,255,255,.08))!important;border-radius:18px!important;overflow:hidden!important;position:relative!important;background:radial-gradient(105% 75% at 50% 10%,color-mix(in srgb,var(--rarity) 38%,transparent),transparent 67%),#0a0b0e!important;display:grid!important;grid-template-rows:128px 62px!important}
:root[data-visual-style="2040"] .k414-exchange-selected .skin-art{width:100%!important;height:128px!important;background:transparent!important;overflow:visible!important}.k414-exchange-selected .skin-art img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 14px 12px rgba(0,0,0,.38))}
:root[data-visual-style="2040"] .k414-exchange-selected .skin-caption{min-height:0!important;padding:4px 8px 8px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:linear-gradient(180deg,transparent,rgba(5,6,8,.80))!important}.k414-exchange-selected .skin-caption small{font-size:7.5px!important;color:color-mix(in srgb,var(--rarity) 48%,#d2cbc7)!important}.k414-exchange-selected .skin-caption strong{font-size:11px!important;color:#fff8f4!important}.k414-exchange-selected .skin-caption>b{margin-top:3px!important;font-size:9px!important;color:#fff8f4!important}
:root[data-visual-style="2040"] .k414-exchange-target-preview{display:flex;flex-direction:column;gap:4px;min-height:0}.k414-exchange-empty{height:190px!important;min-height:190px!important;border:1px dashed rgba(232,157,117,.15)!important;border-radius:18px!important;background:radial-gradient(circle at 50% 50%,rgba(232,157,117,.05),transparent 62%)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important}.k414-exchange-empty>span{font-size:24px;color:#bd8064}.k414-exchange-empty strong{color:#cfc4be!important;font-size:9px!important}.k414-exchange-empty small{color:#655f5c!important;font-size:7px!important}
:root[data-visual-style="2040"] .k414-exchange-credit{height:46px;margin-top:auto;border:1px solid rgba(255,255,255,.05);border-radius:13px;background:rgba(255,255,255,.018);display:flex;align-items:center;justify-content:space-between;padding:0 12px}.k414-exchange-credit small{font-size:7px;color:#6f6966;font-weight:850;letter-spacing:.08em}.k414-exchange-credit strong{font-size:10px;color:#ebd7cc}
:root[data-visual-style="2040"] .k414-exchange-confirm{height:46px!important;min-height:46px!important;width:100%!important;border-radius:14px!important;border:1px solid rgba(232,157,117,.28)!important;background:linear-gradient(180deg,#c88666,#89513c)!important;color:#160d09!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-shadow:inset 0 1px rgba(255,255,255,.20),0 12px 26px rgba(0,0,0,.22)!important}.k414-exchange-confirm:disabled{opacity:.34!important;filter:saturate(.45)!important}.k414-exchange-confirm span{font-size:16px!important}.k414-exchange-confirm b{font-size:9px!important;font-weight:950!important;letter-spacing:.08em!important}
:root[data-visual-style="2040"] .k414-exchange-market{min-width:0;min-height:0;border:1px solid rgba(255,255,255,.055);border-radius:20px;background:rgba(5,7,10,.42);display:flex;flex-direction:column;overflow:hidden}
:root[data-visual-style="2040"] .k414-exchange-toolbar{height:58px;min-height:58px;padding:9px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;border-bottom:1px solid rgba(255,255,255,.045)}
:root[data-visual-style="2040"] .k414-market-search{margin:0!important;height:40px!important;border:1px solid rgba(255,255,255,.055)!important;border-radius:12px!important;background:#07090d!important;padding:0 12px!important}.k414-market-search input{height:100%!important;color:#ddd5d0!important;font-size:9px!important;font-weight:750!important}
:root[data-visual-style="2040"] .k414-exchange-limit{height:40px;min-width:130px;padding:0 12px;border:1px solid rgba(232,157,117,.12);border-radius:12px;background:rgba(232,157,117,.05);display:flex;align-items:center;justify-content:center;color:#8c827d;font-size:8px;font-weight:800;white-space:nowrap}
:root[data-visual-style="2040"] .k414-exchange-grid{min-height:0!important;max-height:none!important;flex:1!important;overflow:auto!important;padding:10px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;align-content:start!important;scrollbar-width:thin;scrollbar-color:rgba(232,157,117,.25) transparent}
:root[data-visual-style="2040"] .k414-exchange-grid .exchange-v109-card{height:206px!important;min-height:206px!important;border-radius:17px!important;display:grid!important;grid-template-rows:132px 74px!important;overflow:hidden!important}
:root[data-visual-style="2040"] .k414-exchange-grid .exchange-v109-card .skin-art{height:132px!important;min-height:132px!important;width:100%!important;overflow:visible!important}.k414-exchange-grid .exchange-v109-card .skin-art img{width:100%!important;height:100%!important;object-fit:contain!important}
:root[data-visual-style="2040"] .k414-exchange-grid .exchange-v109-card .skin-caption{min-height:74px!important;height:74px!important;padding:6px 8px!important}.k414-exchange-grid .exchange-v109-card .skin-caption small{font-size:7.5px!important}.k414-exchange-grid .exchange-v109-card .skin-caption strong{font-size:10.5px!important}.k414-exchange-grid .exchange-v109-card .skin-caption>div{margin-top:3px!important}.k414-exchange-grid .exchange-v109-card .skin-caption>div>b{padding:4px 8px!important;font-size:8.5px!important}

/* ---------------------------------------------------------
   TOP DROPS — one coherent 2040 sheet, no hidden header clipping
   --------------------------------------------------------- */
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrops-overlay{padding:26px!important;display:flex!important;align-items:center!important;justify-content:center!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrops-modal{
  width:min(1220px,calc(100vw - 52px))!important;height:min(780px,calc(100vh - 52px))!important;max-height:none!important;padding:0!important;overflow:hidden!important;
  display:flex!important;flex-direction:column!important;border:1px solid rgba(232,157,117,.14)!important;border-radius:28px!important;
  background:radial-gradient(90% 90% at 0 0,rgba(232,157,117,.07),transparent 58%),linear-gradient(145deg,#15100f,#080a0e 61%,#08090d)!important;
  box-shadow:0 50px 140px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.055)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrops-modal>header.k414-topdrops-title{
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;transform:none!important;flex:0 0 82px!important;height:82px!important;min-height:82px!important;margin:0!important;padding:0 64px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.05)!important;background:transparent!important;box-shadow:none!important;z-index:3!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrops-title h2{margin:0!important;text-align:center!important;color:#fff8f4!important;font-size:23px!important;font-weight:850!important;letter-spacing:.045em!important;line-height:1!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrops-title .profile-v81-close{position:absolute!important;right:18px!important;top:50%!important;transform:translateY(-50%)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrops-list{
  flex:1 1 auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:12px 14px 16px!important;overflow-y:auto!important;overflow-x:visible!important;display:flex!important;flex-direction:column!important;gap:7px!important;scrollbar-width:thin;scrollbar-color:rgba(232,157,117,.26) transparent;
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrop-row{
  min-height:86px!important;overflow:visible!important;padding:8px 10px!important;border:1px solid rgba(255,255,255,.047)!important;border-radius:15px!important;
  grid-template-columns:44px minmax(360px,1fr) 176px 88px 104px!important;column-gap:14px!important;align-items:center!important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--rarity) 6%,#0d0f14),#0c0f15 34%,#0b0e13)!important;box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrop-row:first-child{margin-top:0!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrop-row:before{top:14px!important;bottom:14px!important;width:2px!important;background:var(--rarity)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrop-row .archive-rank{display:block!important;color:#6f7078!important;font-size:15px!important;font-weight:650!important;text-align:center!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrop-row .archive-drop{min-width:0!important;display:grid!important;grid-template-columns:122px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;overflow:visible!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrop-row .archive-drop>.skin-art{width:118px!important;height:68px!important;overflow:visible!important;background:transparent!important;filter:drop-shadow(0 10px 9px rgba(0,0,0,.28))!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrop-row .archive-drop>.skin-art img{width:100%!important;height:100%!important;object-fit:contain!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrop-row .archive-drop .skin-caption{min-width:0!important}.k414-topdrop-row .archive-drop .skin-caption small{font-size:8px!important;color:#76767c!important}.k414-topdrop-row .archive-drop .skin-caption strong{margin-top:3px!important;font-size:11px!important;color:#f7f2ee!important}.k414-topdrop-row .archive-drop .skin-caption>b{margin-top:5px!important;font-size:10px!important;color:#f6e9e2!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-drop-source{width:100%!important;min-width:0!important;display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;overflow:visible!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-source-visual{width:58px;height:54px;display:grid;place-items:center;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-drop-source .history-case-icon{width:58px!important;height:50px!important;min-width:58px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;display:grid!important;place-items:center!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-drop-source .history-case-icon:before,.k414-drop-source .history-case-icon:after{display:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-drop-source .history-case-icon img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 7px 6px rgba(0,0,0,.35))!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-drop-source .history-origin-visual{width:50px!important;height:50px!important;min-width:50px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;overflow:visible!important;border:0!important;background:transparent!important;box-shadow:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-drop-source .origin-upgrade svg{width:48px!important;height:48px!important;overflow:visible!important;display:block!important}.k414-drop-source .origin-upgrade .u-base{fill:none!important;stroke:#343945!important;stroke-width:8!important}.k414-drop-source .origin-upgrade .u-win{fill:none!important;stroke:#64d6a5!important;stroke-width:8!important;stroke-linecap:round!important;transform:rotate(-90deg);transform-origin:32px 32px}.k414-drop-source .origin-upgrade .u-pointer{fill:#e6a16f!important;filter:drop-shadow(0 0 5px rgba(230,161,111,.38))}
:root[data-visual-style="2040"][data-theme="hub"] .k414-drop-source>strong{margin:0!important;min-width:0!important;text-align:left!important;color:#c9c3bf!important;font-size:8.5px!important;font-weight:850!important;letter-spacing:.035em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrop-row time{justify-self:start!important;text-align:left!important;font-size:7.5px!important;color:#65646a!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrop-row .profile-v81-replay-btn{justify-self:end!important;min-width:96px!important;height:38px!important;border-radius:11px!important}

/* 24-inch desktop density mode: CSS zoom handles the overall scale; keep grids intact. */
@media (min-width:1720px) and (max-width:2048px){
  :root[data-visual-style="2040"][data-theme="hub"] .k414-shop-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  :root[data-visual-style="2040"] .k414-exchange-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1180px){
  :root[data-visual-style="2040"][data-theme="hub"] .k414-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  :root[data-visual-style="2040"] .k414-exchange-layout{grid-template-columns:270px minmax(0,1fr)}
}
@media(max-width:840px){
  :root[data-visual-style="2040"][data-theme="hub"] .k414-shop-controls{grid-template-columns:1fr 1fr}.k414-shop-search{grid-column:1/-1}
  :root[data-visual-style="2040"][data-theme="hub"] .k414-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  :root[data-visual-style="2040"] .k414-exchange-modal{height:calc(100vh - 24px)!important;width:calc(100vw - 24px)!important}.k414-exchange-layout{grid-template-columns:1fr;overflow:auto}.k414-exchange-owned{display:grid;grid-template-columns:1fr 1fr}.k414-exchange-market{min-height:520px}.k414-exchange-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* --- v415-card-typography-profile.css --- */
/* KORZH v415 — CARD DEPTH / TYPOGRAPHY / PROFILE METRICS
   2040-only. This file changes presentation only; skin image URLs remain the
   real market-provided images already rendered by src.js/profile.js. */

/* =========================================================
   1) Volumetric rarity paint — more contrast, more depth.
   ========================================================= */
:root[data-visual-style="2040"][data-theme="hub"] :is(.skin-card,.profile-page-item),
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card,
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card{
  isolation:isolate!important;
  overflow:hidden!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.skin-card,.profile-page-item){
  background:
    radial-gradient(105% 72% at 22% 14%,color-mix(in srgb,var(--rarity) 66%,transparent) 0%,color-mix(in srgb,var(--rarity) 36%,transparent) 24%,transparent 61%),
    radial-gradient(72% 78% at 84% 78%,color-mix(in srgb,var(--rarity) 28%,transparent) 0%,transparent 68%),
    radial-gradient(38% 45% at 54% 51%,rgba(255,255,255,.055) 0%,transparent 76%),
    linear-gradient(152deg,color-mix(in srgb,var(--rarity) 19%,#1a1110) 0%,#100c0e 50%,#06080b 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    inset 0 -34px 54px rgba(0,0,0,.34),
    inset 18px 0 42px color-mix(in srgb,var(--rarity) 7%,transparent),
    0 15px 34px rgba(0,0,0,.34),
    0 0 28px color-mix(in srgb,var(--rarity) 13%,transparent)!important;
}
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card{
  background:
    radial-gradient(108% 74% at 20% 12%,color-mix(in srgb,var(--rarity) 63%,transparent),transparent 62%),
    radial-gradient(70% 78% at 86% 80%,color-mix(in srgb,var(--rarity) 24%,transparent),transparent 70%),
    linear-gradient(152deg,color-mix(in srgb,var(--rarity) 18%,#191010),#0d0c0f 56%,#06080b)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 -30px 48px rgba(0,0,0,.33),0 14px 32px rgba(0,0,0,.34),0 0 26px color-mix(in srgb,var(--rarity) 12%,transparent)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card{
  background:
    radial-gradient(108% 74% at 20% 12%,color-mix(in srgb,var(--card-r) 64%,transparent),transparent 62%),
    radial-gradient(70% 78% at 86% 80%,color-mix(in srgb,var(--card-r) 25%,transparent),transparent 70%),
    radial-gradient(34% 40% at 56% 46%,rgba(255,255,255,.05),transparent 78%),
    linear-gradient(152deg,color-mix(in srgb,var(--card-r) 18%,#191010),#0d0c0f 56%,#06080b)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.12),inset 0 -30px 48px rgba(0,0,0,.33),0 14px 32px rgba(0,0,0,.34),0 0 26px color-mix(in srgb,var(--card-r) 12%,transparent)!important;
}

/* Paint clouds / brush depth. No bitmap texture, so it cannot disappear. */
:root[data-visual-style="2040"][data-theme="hub"] :is(.skin-card,.profile-page-item)::before,
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card::before,
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:-26%!important;
  pointer-events:none!important;
  opacity:.96!important;
  background:
    radial-gradient(ellipse at 23% 26%,color-mix(in srgb,var(--rarity,var(--card-r)) 48%,transparent) 0 9%,transparent 29%),
    radial-gradient(ellipse at 70% 24%,rgba(255,255,255,.10) 0 2%,transparent 22%),
    radial-gradient(ellipse at 77% 72%,color-mix(in srgb,var(--rarity,var(--card-r)) 33%,transparent) 0 7%,transparent 30%),
    conic-gradient(from 126deg at 48% 48%,transparent 0 12%,color-mix(in srgb,var(--rarity,var(--card-r)) 20%,transparent) 19%,transparent 31% 57%,rgba(255,255,255,.045) 65%,transparent 76% 100%)!important;
  filter:blur(17px) saturate(1.35)!important;
  transform:rotate(-6deg) scale(1.08)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card::before{--rarity:var(--card-r)!important}

/* =========================================================
   2) Card typography — readable handwritten names, LEFT aligned.
   Price remains a clean Sora capsule in the bottom centre.
   ========================================================= */
:root[data-visual-style="2040"][data-theme="hub"] .skin-card .skin-info,
:root[data-visual-style="2040"][data-theme="hub"] .skin-card .skin-caption{
  align-items:flex-start!important;
  text-align:left!important;
  padding-left:10px!important;
  padding-right:10px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .skin-card .skin-info small,
:root[data-visual-style="2040"][data-theme="hub"] .skin-card .skin-caption small,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page-item .skin-caption small,
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card .skin-caption small,
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card-copy small{
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.18!important;
  letter-spacing:0!important;
  text-align:left!important;
  color:color-mix(in srgb,var(--rarity,var(--card-r)) 54%,#e7dfda)!important;
  text-shadow:0 2px 5px rgba(0,0,0,.82)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .skin-card .skin-info strong,
:root[data-visual-style="2040"][data-theme="hub"] .skin-card .skin-caption strong,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page-item .skin-caption strong,
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card .skin-caption strong,
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card-copy strong{
  font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;
  font-size:15.5px!important;
  font-weight:700!important;
  line-height:1.12!important;
  letter-spacing:-.015em!important;
  text-align:left!important;
  color:#fffaf6!important;
  text-shadow:0 3px 7px rgba(0,0,0,.88)!important;
}

/* Bigger price pill. */
:root[data-visual-style="2040"][data-theme="hub"] .skin-card>.skin-price{
  min-width:86px!important;
  min-height:31px!important;
  height:auto!important;
  padding:6px 13px!important;
  font-size:12px!important;
  font-weight:900!important;
  border-width:1px!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08),0 7px 18px rgba(0,0,0,.31),0 0 18px color-mix(in srgb,var(--rarity) 13%,transparent)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .skin-card>.skin-price .korzh-currency-icon{width:14px!important;height:14px!important}

/* Compact gameplay cards: keep their footprint, but lift the actual item art. */
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card>.skin-art,
:root[data-visual-style="2040"][data-theme="hub"] .picker-card>.skin-card>.skin-art{
  transform:translateY(-8px)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card):hover>.skin-card>.skin-art,
:root[data-visual-style="2040"][data-theme="hub"] .picker-card:hover>.skin-card>.skin-art{
  transform:translateY(-10px) scale(1.025)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card .skin-info,
:root[data-visual-style="2040"][data-theme="hub"] .picker-card>.skin-card .skin-info{
  align-items:flex-start!important;text-align:left!important;padding:0 7px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card .skin-info small,
:root[data-visual-style="2040"][data-theme="hub"] .picker-card>.skin-card .skin-info small{font-size:8.9px!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card .skin-info strong,
:root[data-visual-style="2040"][data-theme="hub"] .picker-card>.skin-card .skin-info strong{font-size:12.2px!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card>.skin-price,
:root[data-visual-style="2040"][data-theme="hub"] .picker-card>.skin-card>.skin-price{
  min-width:72px!important;min-height:25px!important;height:25px!important;padding:4px 9px!important;font-size:10.2px!important;
}

/* =========================================================
   3) Case contents — lock copy to the BOTTOM LEFT.
   Fixes the v413/v414 text floating upward.
   ========================================================= */
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .contents-card{
  position:relative!important;
  overflow:hidden!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .contents-card>.skin-art{
  inset:4px 8px 42px!important;
  transform:translateY(-3px)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .contents-card>.skin-art img{
  max-width:94%!important;max-height:94%!important;object-position:50% 44%!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .contents-card .k415-content-copy{
  position:absolute!important;
  z-index:6!important;
  left:12px!important;right:12px!important;top:auto!important;bottom:10px!important;
  width:auto!important;height:auto!important;min-height:35px!important;
  padding:0!important;margin:0!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-end!important;gap:1px!important;
  text-align:left!important;pointer-events:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .contents-card .k415-content-copy small{
  font-size:9.4px!important;text-align:left!important;opacity:.92!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-detail-page .contents-card .k415-content-copy strong{
  margin:0!important;font-size:13.2px!important;line-height:1.08!important;text-align:left!important;
}

/* =========================================================
   4) Profile inventory / Shop / Exchange — same approved card language.
   ========================================================= */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta{
  align-items:flex-start!important;text-align:left!important;padding:4px 12px 12px!important;gap:3px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta>div,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta small,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta strong{
  text-align:left!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta small{font-size:10.8px!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta strong{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;font-size:16px!important;font-weight:700!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta>b{
  align-self:center!important;min-width:92px!important;min-height:32px!important;margin:8px auto 0!important;padding:6px 13px!important;font-size:12px!important;font-weight:900!important;
}

:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card-copy{
  text-align:left!important;align-items:flex-start!important;justify-content:center!important;padding:0 10px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card-copy small{font-size:10.5px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card-copy strong{font-size:15.5px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card-foot>b{height:38px!important;font-size:12px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-shop-card-foot button{height:38px!important;font-size:9.5px!important}

:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card .skin-caption{
  align-items:flex-start!important;text-align:left!important;padding-left:10px!important;padding-right:10px!important;
}
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card .skin-caption small{font-size:9.4px!important}
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card .skin-caption strong{font-size:13.3px!important}
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card .skin-caption>div{align-self:center!important}

/* =========================================================
   5) Profile metrics — Opened / Withdrawn / Upgrades / Contracts / Trade link.
   Trade link is now the same material and height as the counters.
   ========================================================= */
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-info-row{
  grid-template-columns:minmax(270px,1.35fr) repeat(5,minmax(116px,132px))!important;
  gap:12px!important;
  align-items:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page.k275-public-profile .profile-v160-info-row{
  grid-template-columns:minmax(270px,1.45fr) repeat(4,minmax(120px,140px))!important;
  gap:12px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page.k275-public-profile .profile-v187-stat{
  width:100%!important;min-width:0!important;max-width:none!important;height:72px!important;min-height:72px!important;max-height:72px!important;padding:0!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat::before,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat::after{
  display:none!important;animation:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat .profile-v156-card-copy,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page.k275-public-profile .profile-v187-stat .profile-v156-card-copy{
  width:100%!important;height:72px!important;min-height:72px!important;border-radius:17px!important;gap:6px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat .profile-v156-card-copy>strong,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page.k275-public-profile .profile-v187-stat .profile-v156-card-copy>strong{
  height:auto!important;min-height:24px!important;font-size:20px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v187-stat .profile-v156-card-copy>small,
:root[data-visual-style="2040"][data-theme="hub"] .profile-page.k275-public-profile .profile-v187-stat .profile-v156-card-copy>small{
  height:auto!important;min-height:12px!important;font-size:8.5px!important;letter-spacing:.10em!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v415-trade-stat{
  appearance:none!important;cursor:pointer!important;border:0!important;background:transparent!important;padding:0!important;color:inherit!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v415-trade-stat .profile-v156-card-copy{transition:border-color .25s ease,box-shadow .25s ease,background .25s ease!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v415-trade-stat.is-linked .profile-v156-card-copy{
  border-color:rgba(73,219,139,.34)!important;background:linear-gradient(180deg,rgba(31,86,58,.32),rgba(21,37,29,.90))!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 18px rgba(73,219,139,.08)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v415-trade-stat.is-linked strong{color:#75e6ad!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v415-trade-stat.is-unlinked .profile-v156-card-copy{
  border-color:rgba(232,102,94,.30)!important;background:linear-gradient(180deg,rgba(91,41,36,.34),rgba(38,22,20,.91))!important;box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 18px rgba(232,102,94,.07)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v415-trade-stat.is-unlinked strong{color:#e98f83!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v160-command-actions:empty{display:none!important}

/* =========================================================
   6) Secondary typography / windows / errors / notifications.
   Global 2040 readability pass. Main headlines are intentionally untouched.
   ========================================================= */
:root[data-visual-style="2040"] body small,
:root[data-visual-style="2040"] body :is(.muted,.hint,.subtitle,.description,.helper-text){
  font-size:10.5px!important;
  line-height:1.35!important;
}
:root[data-visual-style="2040"] body :is(.toast,.profile-toast,[role="alert"],.case-promo-status,.k414-shop-state,.profile-page-empty,.empty,.k276-profile-load-error,.profile-boot-error){
  font-size:12.5px!important;
  line-height:1.42!important;
  font-weight:700!important;
}
:root[data-visual-style="2040"] body :is(.k386-promo-modal,.trade-link-modal,.kx229-card,.k414-shop-confirm,.k414-exchange-modal) p,
:root[data-visual-style="2040"] body :is(.k386-promo-modal,.trade-link-modal,.kx229-card,.k414-shop-confirm,.k414-exchange-modal) span:not(.korzh-money):not(.korzh-currency-icon){
  font-size:max(10.5px,.72rem)!important;
  line-height:1.4!important;
}
:root[data-visual-style="2040"] body :is(input,select,textarea)::placeholder{font-size:10.5px!important;opacity:.78!important}

/* Keep the 24-inch density layout usable with the expanded profile stats. */
@media (min-width:1720px) and (max-width:2048px){
  :root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-info-row{grid-template-columns:minmax(250px,1.3fr) repeat(5,minmax(112px,128px))!important;gap:10px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .profile-page.k275-public-profile .profile-v160-info-row{grid-template-columns:minmax(250px,1.35fr) repeat(4,minmax(115px,132px))!important;gap:10px!important}
}
@media(max-width:1260px){
  :root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-info-row,
  :root[data-visual-style="2040"][data-theme="hub"] .profile-page.k275-public-profile .profile-v160-info-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  :root[data-visual-style="2040"][data-theme="hub"] .profile-v160-user{grid-column:1/-1!important}
}

/* Small finishing guards. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-page:not(.k275-public-profile) .profile-v160-command-actions.no-admin{display:none!important}
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card .skin-caption>div>b{
  min-height:28px!important;padding:5px 10px!important;font-size:10.5px!important;font-weight:900!important;
}
:root[data-visual-style="2040"] body :is(.error,.ok,.warning,.status-message){font-size:12.5px!important;line-height:1.42!important;font-weight:700!important}

/* Site-wide secondary copy: deliberately explicit so legacy 7–8px helpers no longer win. */
html:root[data-visual-style="2040"][data-theme="hub"] body :is(
  .section-title span,.contents-title span,.profile-v80-content-actions,.profile-v156-card-copy>span,
  .profile-lower-head small,.setting-row span,.setting-select-row span,.trade-link-head p,.trade-link-field>span,
  .kx229-card p,.kx229-card small,.k414-shop-hero p,.k414-shop-state span,.k414-shop-confirm-copy p,
  .case-promo-status,.withdrawal-pending-badge,.k348-profile-telegram span,.k348-profile-bonus-card span
){font-size:11px!important;line-height:1.4!important}
html:root[data-visual-style="2040"][data-theme="hub"] body :is(.toast,.profile-toast){font-size:13px!important;min-height:38px!important;padding:10px 15px!important}

/* --- v417-profile-premium-motion.css --- */
/* KORZH v417 — PROFILE PREMIUM MOTION / TYPOGRAPHY NORMALIZATION
   Presentation only. 2040 profile redesign + card typography reset. */

/* 1. Skin cards: remove handwritten font while keeping the approved price capsule intact. */
:root[data-visual-style="2040"] :is(
  .skin-card .skin-info small,.skin-card .skin-caption small,
  .profile-page-item .skin-caption small,
  #profileExchangePortal .exchange-v109-card .skin-caption small,
  .k414-shop-card-copy small
){
  font-family:"Sora","Nunito Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:10.8px!important;font-weight:650!important;line-height:1.18!important;
  letter-spacing:.015em!important;font-style:normal!important;
}
:root[data-visual-style="2040"] :is(
  .skin-card .skin-info strong,.skin-card .skin-caption strong,
  .profile-page-item .skin-caption strong,
  #profileExchangePortal .exchange-v109-card .skin-caption strong,
  .k414-shop-card-copy strong
){
  font-family:"Sora","Nunito Sans",Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:15px!important;font-weight:760!important;line-height:1.12!important;
  letter-spacing:-.02em!important;font-style:normal!important;
}
/* compact cards remain readable without spilling */
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card .skin-info small,
:root[data-visual-style="2040"][data-theme="hub"] .picker-card>.skin-card .skin-info small{font-size:9px!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card .skin-info strong,
:root[data-visual-style="2040"][data-theme="hub"] .picker-card>.skin-card .skin-info strong{font-size:12.1px!important}

/* 2. Premium command deck — soft glass, warm depth, no cheap neon. */
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command{
  position:relative!important;isolation:isolate!important;overflow:hidden!important;
  min-height:126px!important;padding:18px 20px!important;border-radius:28px!important;
  border:1px solid rgba(228,169,132,.16)!important;
  background:
    radial-gradient(72% 150% at 8% 0%,rgba(237,149,105,.12),transparent 58%),
    radial-gradient(52% 110% at 92% 95%,rgba(191,118,88,.08),transparent 62%),
    linear-gradient(135deg,rgba(40,26,23,.84),rgba(18,16,18,.90) 52%,rgba(23,17,18,.88))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.065),inset 0 -36px 70px rgba(0,0,0,.12),0 24px 60px rgba(0,0,0,.18)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command::before{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.8;
  background:
    linear-gradient(112deg,transparent 0 22%,rgba(255,255,255,.026) 22.2% 22.45%,transparent 22.7% 56%,rgba(238,163,120,.035) 56.2% 56.45%,transparent 56.7%),
    radial-gradient(circle at 18% 28%,rgba(255,216,190,.09) 0 1px,transparent 1.6px),
    radial-gradient(circle at 68% 22%,rgba(255,216,190,.075) 0 1px,transparent 1.5px),
    radial-gradient(circle at 86% 72%,rgba(255,216,190,.08) 0 1px,transparent 1.5px);
  background-size:auto,180px 130px,230px 170px,260px 190px;
  animation:k417-starDrift 18s linear infinite;
}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command::after{
  content:"";position:absolute;left:-10%;right:-10%;top:48%;height:1px;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(239,170,128,.12),rgba(255,255,255,.045),rgba(239,170,128,.10),transparent);
  filter:blur(.2px);transform:rotate(-3deg);opacity:.72;
}
@keyframes k417-starDrift{to{background-position:0 0,180px 130px,-230px 170px,260px -190px}}

:root[data-visual-style="2040"][data-theme="hub"] .k417-ambient{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;border-radius:inherit}
:root[data-visual-style="2040"][data-theme="hub"] .k417-orbit{position:absolute;border:1px solid rgba(240,171,129,.08);border-radius:50%;filter:blur(.1px)}
:root[data-visual-style="2040"][data-theme="hub"] .k417-orbit-a{width:230px;height:230px;right:-80px;top:-125px;animation:k417-orbit 24s linear infinite}
:root[data-visual-style="2040"][data-theme="hub"] .k417-orbit-b{width:160px;height:160px;left:31%;bottom:-124px;border-color:rgba(255,255,255,.04);animation:k417-orbit 31s linear infinite reverse}
@keyframes k417-orbit{to{transform:rotate(360deg)}}
:root[data-visual-style="2040"][data-theme="hub"] .k417-streak{position:absolute;height:1px;width:150px;background:linear-gradient(90deg,transparent,rgba(255,189,147,.20),transparent);filter:blur(.2px);opacity:.55}
:root[data-visual-style="2040"][data-theme="hub"] .k417-streak-a{top:27px;left:-170px;animation:k417-streak 13s ease-in-out infinite}
:root[data-visual-style="2040"][data-theme="hub"] .k417-streak-b{bottom:22px;right:-160px;animation:k417-streakR 16s ease-in-out 3s infinite}
@keyframes k417-streak{0%,18%{transform:translateX(0);opacity:0}34%,64%{opacity:.5}82%,100%{transform:translateX(1120px);opacity:0}}
@keyframes k417-streakR{0%,20%{transform:translateX(0);opacity:0}40%,68%{opacity:.42}88%,100%{transform:translateX(-980px);opacity:0}}

/* Subtle old DVD-screen homage, intentionally barely visible. */
:root[data-visual-style="2040"][data-theme="hub"] .k417-dvd-korzh{
  position:absolute;left:18px;top:16px;z-index:-1;pointer-events:none;
  font:800 22px/1 "Sora","Nunito Sans",system-ui,sans-serif;letter-spacing:.24em;color:rgba(255,220,199,.055);
  text-shadow:0 0 15px rgba(233,154,112,.045);mix-blend-mode:screen;white-space:nowrap;
  animation:k417-dvdPath 32s linear infinite;
}
@keyframes k417-dvdPath{
  0%{transform:translate(0,0)} 24%{transform:translate(690px,8px)} 48%{transform:translate(835px,74px)} 72%{transform:translate(210px,78px)} 100%{transform:translate(0,0)}
}

/* 3. Cards inside the profile deck — one geometry, one typography. */
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v160-info-row{
  position:relative;z-index:2;align-items:stretch!important;gap:10px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v156-primary-card{
  height:84px!important;min-height:84px!important;border-radius:19px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v156-primary-card .profile-v156-card-copy{
  height:84px!important;min-height:84px!important;border-radius:19px!important;
  border:1px solid rgba(224,166,130,.16)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012) 48%,rgba(0,0,0,.08))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 28px rgba(0,0,0,.09)!important;
  backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v187-stat .profile-v156-card-copy>strong{
  min-height:26px!important;height:auto!important;margin:0!important;
  color:#f4eee9!important;font-family:"Sora","Nunito Sans",system-ui,sans-serif!important;
  font-size:21px!important;font-weight:760!important;line-height:1!important;letter-spacing:-.025em!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v187-stat .profile-v156-card-copy>strong *,
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v187-stat .profile-v156-card-copy>strong .korzh-money,
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v187-stat .profile-v156-card-copy>strong .korzh-money-number{
  color:inherit!important;font:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v187-stat .profile-v156-card-copy>strong .korzh-currency-icon{width:14px!important;height:14px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v187-stat .profile-v156-card-copy>small{
  min-height:auto!important;margin:6px 0 0!important;color:rgba(222,205,195,.58)!important;
  font-size:8.4px!important;font-weight:760!important;letter-spacing:.11em!important;
}
/* Withdrawn is no longer a special visual snowflake. */
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v187-withdrawn-stat .profile-v156-card-copy{
  border-color:rgba(224,166,130,.16)!important;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012) 48%,rgba(0,0,0,.08))!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v187-withdrawn-stat .profile-v156-card-copy>strong{color:#f4eee9!important;opacity:1!important}

/* User card: calmer portrait treatment. */
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v160-user{
  position:relative!important;padding:0 17px!important;border:1px solid rgba(231,171,135,.20)!important;
  background:linear-gradient(135deg,rgba(101,58,43,.17),rgba(255,255,255,.018) 54%,rgba(0,0,0,.06))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 14px 34px rgba(0,0,0,.11)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v160-user .profile-avatar-xl{width:50px!important;height:50px!important;min-width:50px!important;box-shadow:0 0 0 1px rgba(255,190,149,.22),0 0 22px rgba(235,144,97,.10)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v160-user .profile-v156-card-copy{border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v160-user .profile-v156-card-copy>strong{font-size:18px!important;color:#fff7f1!important}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v160-user .profile-v156-card-copy>span{font-size:9px!important;color:rgba(224,209,200,.62)!important}

/* 4. Trade-link state — same card family, real semantic glow. */
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v415-trade-stat{position:relative!important;overflow:visible!important}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v415-trade-stat .profile-v156-card-copy>em{
  display:block;margin-top:2px;font:760 7.5px/1 "Sora","Nunito Sans",system-ui,sans-serif;letter-spacing:.07em;font-style:normal;opacity:.72;
}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v415-trade-stat.is-linked .profile-v156-card-copy{
  border-color:rgba(82,220,148,.34)!important;background:linear-gradient(145deg,rgba(45,112,76,.20),rgba(21,42,31,.14) 52%,rgba(0,0,0,.08))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.065),0 0 24px rgba(72,220,143,.12),0 12px 30px rgba(0,0,0,.10)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v415-trade-stat.is-linked .profile-v156-card-copy>strong,
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v415-trade-stat.is-linked .profile-v156-card-copy>em{color:#77e6ad!important}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v415-trade-stat.is-unlinked .profile-v156-card-copy{
  border-color:rgba(237,102,93,.36)!important;background:linear-gradient(145deg,rgba(125,46,42,.18),rgba(59,25,25,.14) 52%,rgba(0,0,0,.08))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 0 25px rgba(235,86,78,.12),0 12px 30px rgba(0,0,0,.10)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v415-trade-stat.is-unlinked .profile-v156-card-copy>strong,
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v415-trade-stat.is-unlinked .profile-v156-card-copy>em{color:#ef948c!important}
:root[data-visual-style="2040"][data-theme="hub"] .k417-trade-arrow{
  position:absolute;z-index:6;left:-31px;top:50%;margin-top:-10px;color:#ec9188;font-size:17px;line-height:20px;opacity:0;pointer-events:none;filter:drop-shadow(0 0 8px rgba(235,89,82,.22));
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v415-trade-stat.is-unlinked .k417-trade-arrow{opacity:.92;animation:k417-arrowNudge 1.45s cubic-bezier(.37,0,.28,1) infinite}
@keyframes k417-arrowNudge{0%,100%{transform:translateX(-5px);opacity:.48}50%{transform:translateX(4px);opacity:1}}

/* 5. Tabs: SHOP is not a disabled-looking special case anymore. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v156-content-tabs .profile-v412-shop-tab{
  color:#e5ddd8!important;font-family:inherit!important;font-size:10px!important;font-weight:800!important;letter-spacing:.08em!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v156-content-tabs .profile-v412-shop-tab:not(.active){color:#d9d0cb!important;opacity:.88!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v156-content-tabs :is(button,.profile-v412-shop-tab):not(.active){color:#d9d0cb!important;opacity:.88!important}

/* Preserve motion accessibility. */
@media (prefers-reduced-motion:reduce){
  :root[data-visual-style="2040"] .k417-profile-command::before,
  :root[data-visual-style="2040"] .k417-orbit,
  :root[data-visual-style="2040"] .k417-streak,
  :root[data-visual-style="2040"] .k417-dvd-korzh,
  :root[data-visual-style="2040"] .k417-trade-arrow{animation:none!important}
}

/* 24-inch density guard: keep the richer command deck from overflowing. */
@media (min-width:1720px) and (max-width:2048px){
  :root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command{min-height:118px!important;padding:15px 17px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v156-primary-card,
  :root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v156-primary-card .profile-v156-card-copy{height:78px!important;min-height:78px!important}
  :root[data-visual-style="2040"][data-theme="hub"] .k417-dvd-korzh{font-size:18px!important}
}

/* --- v418-global-motion-cards.css --- */
/* KORZH v418 — GLOBAL AMBIENT / CARD GEOMETRY / PRICE CAPSULES
   2040-only overrides. Keeps gameplay logic untouched. */

/* Whole-profile ambient layer: behind all cards/panels, above the static page background. */
:root[data-visual-style="2040"][data-theme="hub"] #profileApp{position:relative;isolation:isolate}
:root[data-visual-style="2040"][data-theme="hub"] #profileApp>.k418-global-ambient{
  position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
}
:root[data-visual-style="2040"][data-theme="hub"] #profileApp>.k2040-stage{position:relative;z-index:2}
:root[data-visual-style="2040"][data-theme="hub"] .k418-global-dvd{
  position:absolute;left:4vw;top:8vh;white-space:nowrap;
  font:850 clamp(18px,1.25vw,28px)/1 "Sora","Nunito Sans",system-ui,sans-serif;
  letter-spacing:.28em;color:rgba(255,210,184,.10);text-shadow:0 0 18px rgba(236,148,103,.10);
  mix-blend-mode:screen;animation:k418Dvd 28s linear infinite;
}
@keyframes k418Dvd{
  0%{transform:translate(0,0) rotate(-1deg)}
  23%{transform:translate(76vw,8vh) rotate(.6deg)}
  48%{transform:translate(67vw,77vh) rotate(-.4deg)}
  73%{transform:translate(8vw,70vh) rotate(.7deg)}
  100%{transform:translate(0,0) rotate(-1deg)}
}
:root[data-visual-style="2040"][data-theme="hub"] .k418-star{
  position:absolute;width:4px;height:4px;border-radius:50%;background:#ffd7bf;
  box-shadow:0 0 9px rgba(255,190,151,.72),0 0 22px rgba(241,130,84,.24);
  opacity:.42;animation:k418Star 8s ease-in-out infinite;
}
:root[data-visual-style="2040"][data-theme="hub"] .k418-star.s1{left:12%;top:18%;animation-delay:-1s}.k418-star.s2{left:28%;top:72%;animation-delay:-4s}.k418-star.s3{left:52%;top:25%;animation-delay:-6s}.k418-star.s4{left:74%;top:64%;animation-delay:-2s}.k418-star.s5{left:89%;top:34%;animation-delay:-5s}.k418-star.s6{left:42%;top:88%;animation-delay:-3s}
@keyframes k418Star{0%,100%{opacity:.18;transform:scale(.65)}50%{opacity:.9;transform:scale(1.5)}}
:root[data-visual-style="2040"][data-theme="hub"] .k418-flight{
  position:absolute;width:280px;height:2px;border-radius:99px;
  background:linear-gradient(90deg,transparent,rgba(255,182,137,.16),rgba(255,236,222,.85),rgba(255,157,108,.28),transparent);
  filter:drop-shadow(0 0 7px rgba(239,132,80,.30));opacity:0;transform:rotate(-12deg);
}
:root[data-visual-style="2040"][data-theme="hub"] .k418-flight.f1{top:21%;left:-320px;animation:k418Flight1 8.5s ease-in-out infinite}
:root[data-visual-style="2040"][data-theme="hub"] .k418-flight.f2{top:54%;right:-330px;transform:rotate(9deg);animation:k418Flight2 10.5s ease-in-out 1.5s infinite}
:root[data-visual-style="2040"][data-theme="hub"] .k418-flight.f3{top:80%;left:-300px;transform:rotate(-5deg);animation:k418Flight1 13s ease-in-out 4s infinite}
@keyframes k418Flight1{0%,14%{opacity:0;translate:0 0}25%,70%{opacity:.82}88%,100%{opacity:0;translate:calc(100vw + 620px) -90px}}
@keyframes k418Flight2{0%,16%{opacity:0;translate:0 0}30%,67%{opacity:.66}88%,100%{opacity:0;translate:calc(-100vw - 650px) 85px}}

/* Command-local ambient is no longer the only motion source; keep it subtle. */
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .k417-dvd-korzh{display:none!important}

/* Trade link: state is expressed by glow only; no redundant status text. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v415-trade-stat .profile-v156-card-copy>em{display:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k417-trade-arrow{display:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k418-trade-arrow{
  position:absolute;z-index:7;opacity:0;pointer-events:none;color:#ef948c;
  font:900 19px/1 "Sora",system-ui,sans-serif;filter:drop-shadow(0 0 8px rgba(235,89,82,.42));
}
:root[data-visual-style="2040"][data-theme="hub"] .k418-trade-arrow.a{right:-22px;top:-15px;transform:rotate(128deg)}
:root[data-visual-style="2040"][data-theme="hub"] .k418-trade-arrow.b{left:-22px;bottom:-15px;transform:rotate(-52deg)}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v415-trade-stat.is-unlinked .k418-trade-arrow{opacity:.96;animation:k418TradeNudge 1.35s cubic-bezier(.37,0,.28,1) infinite}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v415-trade-stat.is-unlinked .k418-trade-arrow.b{animation-delay:-.675s}
@keyframes k418TradeNudge{0%,100%{translate:0 0;opacity:.45}50%{translate:-5px 5px;opacity:1}}

/* Fix withdrawn number + K icon vertical alignment exactly like adjacent metrics. */
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v187-stat .profile-v156-card-copy>strong{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  padding:0!important;transform:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v187-stat .profile-v156-card-copy>strong .korzh-money{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;height:26px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v187-stat .korzh-money-number{display:inline-flex!important;align-items:center!important;height:26px!important;line-height:26px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k417-profile-command .profile-v187-stat .korzh-currency-icon{align-self:center!important;transform:none!important;margin:0!important;vertical-align:middle!important}

/* Profile inventory: larger type; approved capsule sits bottom-right. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta{
  position:relative!important;min-height:88px!important;padding:8px 14px 14px!important;display:block!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta .skin-caption{
  padding-right:104px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;gap:4px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta small{font-size:12px!important;line-height:1.2!important;font-weight:700!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta strong{font-size:17px!important;line-height:1.1!important;font-weight:780!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta>b{
  position:absolute!important;right:13px!important;bottom:13px!important;left:auto!important;margin:0!important;
  min-width:86px!important;min-height:31px!important;padding:6px 12px!important;border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--rarity) 48%,rgba(255,255,255,.14))!important;
  background:linear-gradient(180deg,rgba(8,8,10,.74),rgba(8,8,10,.94))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 6px 15px rgba(0,0,0,.28),0 0 15px color-mix(in srgb,var(--rarity) 10%,transparent)!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  font-size:11.5px!important;font-weight:860!important;line-height:1!important;color:#fff9f5!important;
}

/* Upgrade cards: restore a full, non-squashed card proportion. */
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card{
  height:170px!important;min-height:170px!important;padding:9px 9px 8px!important;
  grid-template-rows:88px 38px 27px!important;gap:3px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card>.skin-art{
  height:88px!important;min-height:88px!important;max-height:88px!important;transform:translateY(-3px)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card):hover>.skin-card>.skin-art{transform:translateY(-5px) scale(1.02)!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card .skin-info{height:38px!important;min-height:38px!important;padding:0 6px!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card .skin-info small{font-size:9.5px!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card .skin-info strong{font-size:12.8px!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card>.skin-price{height:27px!important;min-height:27px!important;min-width:76px!important;padding:4px 9px!important;font-size:10.5px!important}

/* Apply the approved weapon-price capsule language to ALL case price tags on the main page. */
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-price-tag,.k220-oscar-price,.k221-oscar-price){
  min-width:72px!important;min-height:29px!important;height:auto!important;padding:6px 12px!important;border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--accent,#d98a61) 48%,rgba(255,255,255,.14))!important;
  background:linear-gradient(180deg,rgba(8,8,10,.72),rgba(8,8,10,.94))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 6px 15px rgba(0,0,0,.28),0 0 14px color-mix(in srgb,var(--accent,#d98a61) 10%,transparent)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  color:#fff9f5!important;font-size:11px!important;font-weight:860!important;line-height:1!important;
  transform:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-price-tag,.k220-oscar-price,.k221-oscar-price):hover{transform:none!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.case-price-tag,.k220-oscar-price,.k221-oscar-price) .korzh-currency-icon{width:13px!important;height:13px!important;margin:0!important}

@media (prefers-reduced-motion:reduce){
  :root[data-visual-style="2040"] :is(.k418-global-dvd,.k418-star,.k418-flight,.k418-trade-arrow){animation:none!important}
}

/* --- v419-visual-polish.css --- */
/* KORZH v419 — rarity depth, card price unification, case roulette cleanup, profile/shop/top-drops polish */

/* 1) Rarity colors must stay vivid in every palette. Palette affects the site, not skin identity. */
:root[data-visual-style="2040"] :is(.skin-card,.profile-page-item,.profile-v81-top-card,.case-roulette-card-v166:not(.k385-mystery-case-card),.opening-slot-card),
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card{
  background:
    radial-gradient(110% 88% at 18% 14%, color-mix(in srgb,var(--rarity) 54%,transparent) 0 13%, transparent 46%),
    radial-gradient(95% 86% at 82% 24%, color-mix(in srgb,var(--rarity) 31%,transparent) 0 9%, transparent 42%),
    radial-gradient(120% 95% at 56% 105%, rgba(0,0,0,.58) 0 38%, transparent 72%),
    linear-gradient(145deg,color-mix(in srgb,var(--rarity) 33%,#151319),color-mix(in srgb,var(--rarity) 11%,#08090d) 62%,#07080b)!important;
  border-color:color-mix(in srgb,var(--rarity) 62%,rgba(255,255,255,.14))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -34px 56px rgba(0,0,0,.26),0 14px 32px rgba(0,0,0,.32),0 0 26px color-mix(in srgb,var(--rarity) 11%,transparent)!important;
  isolation:isolate!important;
}
:root[data-visual-style="2040"] :is(.skin-card,.profile-page-item,.profile-v81-top-card,.case-roulette-card-v166:not(.k385-mystery-case-card),.opening-slot-card)::before,
:root[data-visual-style="2040"] #profileExchangePortal .exchange-v109-card::before{
  content:""!important;display:block!important;position:absolute!important;inset:-18%!important;z-index:0!important;pointer-events:none!important;
  background:
    radial-gradient(circle at 28% 31%,color-mix(in srgb,var(--rarity) 38%,transparent) 0 7%,transparent 24%),
    radial-gradient(circle at 72% 24%,rgba(255,255,255,.075) 0 3%,transparent 20%),
    radial-gradient(circle at 61% 76%,color-mix(in srgb,var(--rarity) 22%,transparent) 0 6%,transparent 29%),
    conic-gradient(from 120deg at 50% 48%,transparent 0 13%,color-mix(in srgb,var(--rarity) 13%,transparent) 18%,transparent 28% 58%,rgba(255,255,255,.03) 66%,transparent 78%)!important;
  filter:blur(12px)!important;opacity:.78!important;transform:rotate(-4deg) scale(1.03)!important;
}

/* 2) Weapon cards: clean left stack. Price is text, not a pill. */
:root[data-visual-style="2040"] .skin-card .skin-info,
:root[data-visual-style="2040"] .skin-card .skin-caption{
  align-items:flex-start!important;text-align:left!important;padding-left:10px!important;padding-right:10px!important;gap:3px!important;
}
:root[data-visual-style="2040"] .skin-card .skin-info small,
:root[data-visual-style="2040"] .skin-card .skin-caption small{
  font-size:10px!important;line-height:1.15!important;font-weight:760!important;text-align:left!important;
}
:root[data-visual-style="2040"] .skin-card .skin-info strong,
:root[data-visual-style="2040"] .skin-card .skin-caption strong{
  font-size:14px!important;line-height:1.12!important;font-weight:850!important;text-align:left!important;
}
:root[data-visual-style="2040"] .skin-card>.skin-price{
  position:relative!important;z-index:3!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;
  width:100%!important;max-width:none!important;min-width:0!important;min-height:18px!important;height:auto!important;
  margin:0!important;padding:0 10px 4px!important;border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;color:#fff5ef!important;font-size:11px!important;font-weight:850!important;line-height:1.1!important;text-align:left!important;
}
:root[data-visual-style="2040"] .skin-card>.skin-price .korzh-money{justify-content:flex-start!important;gap:4px!important}
:root[data-visual-style="2040"] .skin-card>.skin-price .korzh-currency-icon{width:12px!important;height:12px!important}

/* Profile inventory follows the same hierarchy and becomes slightly more compact. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-grid{gap:10px!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item{min-height:224px!important;padding:10px!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .skin-art{height:148px!important;min-height:148px!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta{
  min-height:64px!important;padding:6px 8px 8px!important;display:block!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta .skin-caption{
  padding:0!important;display:flex!important;align-items:flex-start!important;text-align:left!important;gap:3px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta small{font-size:10.5px!important;line-height:1.15!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta strong{font-size:14.5px!important;line-height:1.12!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item .profile-item-meta>b{
  position:static!important;display:block!important;width:max-content!important;min-width:0!important;min-height:0!important;margin:4px 0 0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff6f1!important;font-size:11.5px!important;font-weight:850!important;line-height:1.1!important;text-align:left!important;
}

/* 3) Upgrade cards get a proper, readable proportion. */
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card{
  height:182px!important;min-height:182px!important;padding:9px!important;grid-template-rows:100px 48px 22px!important;gap:2px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card>.skin-art{
  height:100px!important;min-height:100px!important;max-height:100px!important;transform:translateY(-5px)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card):hover>.skin-card>.skin-art{transform:translateY(-7px) scale(1.02)!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card .skin-info{height:48px!important;min-height:48px!important;padding:0 5px!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card .skin-info small{font-size:9px!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card .skin-info strong{font-size:12.5px!important}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card>.skin-price{height:22px!important;min-height:22px!important;padding:0 5px 2px!important;font-size:9.5px!important}

/* 4) Case contents / roulette: preview only weapon + skin. Result cards keep full quality/edition/price via JS. */
:root[data-visual-style="2040"] .case-page-contents .contents-card .k415-content-copy{left:0!important;right:0!important;bottom:9px!important;padding:0 10px!important;align-items:flex-start!important;text-align:left!important}
:root[data-visual-style="2040"] .case-page-contents .contents-card .contents-weapon{font-size:10px!important;color:rgba(255,246,239,.72)!important}
:root[data-visual-style="2040"] .case-page-contents .contents-card .contents-skin-name{font-size:14px!important;color:#fff!important}
:root[data-visual-style="2040"] .case-roulette-card-v166>div{align-items:flex-start!important;text-align:left!important;padding:0 10px 10px!important}
:root[data-visual-style="2040"] .case-roulette-card-v166>div small{font-size:9.5px!important}
:root[data-visual-style="2040"] .case-roulette-card-v166>div strong{font-size:13px!important}
:root[data-visual-style="2040"] .case-roulette-card-v166>div>b{display:none!important}

/* 5) Case price tags use the approved dark rounded capsule, but stay fixed under the case. */
:root[data-visual-style="2040"] .page-cases .case-price-premium{
  min-width:74px!important;min-height:30px!important;height:30px!important;padding:5px 12px!important;border-radius:999px!important;
  border:1px solid color-mix(in srgb,var(--accent,#d98a61) 42%,rgba(255,255,255,.14))!important;
  background:linear-gradient(180deg,rgba(12,11,13,.76),rgba(6,7,10,.96))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 7px 15px rgba(0,0,0,.30),0 0 15px color-mix(in srgb,var(--accent,#d98a61) 9%,transparent)!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;
  color:#fff8f4!important;font-size:11px!important;font-weight:860!important;line-height:1!important;transform:none!important;translate:none!important;
}
:root[data-visual-style="2040"] .page-cases :is(.case-card,.k220-oscar-card,.k221-oscar-tile):is(:hover,:focus-visible,:active) .case-price-premium{
  transform:none!important;translate:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 7px 15px rgba(0,0,0,.30),0 0 18px color-mix(in srgb,var(--accent,#d98a61) 12%,transparent)!important;
}

/* 6) Profile controls. */
:root[data-visual-style="2040"][data-theme="hub"] #sellAllBtn{
  color:#ffd8d2!important;border-color:rgba(229,91,83,.34)!important;background:linear-gradient(180deg,rgba(118,35,38,.34),rgba(66,20,23,.26))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 0 18px rgba(223,74,70,.08)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] #sellAllBtn:hover{border-color:rgba(235,104,96,.52)!important;background:linear-gradient(180deg,rgba(135,40,42,.43),rgba(72,21,25,.34))!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v187-withdrawn-stat .profile-v156-card-copy>strong{transform:translateY(-2px)!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v187-withdrawn-stat .profile-v156-card-copy>strong .korzh-money{transform:translateY(-1px)!important}

/* 7) Shop: default expensive-first is logic; visually remove switch and simplify hero. */
:root[data-visual-style="2040"][data-theme="hub"] .k419-shop-hero{min-height:54px!important;padding:8px 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
:root[data-visual-style="2040"][data-theme="hub"] .k419-shop-hero h2{margin:0!important;font-size:18px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k419-shop-balance{display:flex!important;align-items:center!important;justify-content:center!important;min-width:150px!important;height:36px!important;padding:0 13px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k419-shop-balance>small{display:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k419-shop-balance>strong{font-size:14px!important;line-height:1!important}
:root[data-visual-style="2040"][data-theme="hub"] .k419-shop-controls{grid-template-columns:minmax(0,1fr) 138px 138px!important;gap:9px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k419-shop-controls :is(.k414-shop-search,.k414-shop-filter){min-height:42px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k419-shop-controls input{font-size:12px!important}

/* 8) Top drops / game history: centered title, source label sits between item and icon. */
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrops-title{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:12px 54px!important;background:transparent!important;border:0!important;box-shadow:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrops-title h2{width:100%!important;margin:0!important;text-align:center!important;font-size:22px!important;letter-spacing:.02em!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrops-title .profile-v81-close{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrop-row{
  grid-template-columns:44px minmax(280px,1.55fr) minmax(100px,.52fr) 88px 90px 100px!important;align-items:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k419-source-label{justify-self:center!important;text-align:center!important;color:#f2ede8!important;font-size:10.5px!important;font-weight:820!important;white-space:nowrap!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-drop-source{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important}
:root[data-visual-style="2040"][data-theme="hub"] .k414-drop-source>strong{display:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k419-history-origin{display:grid!important;grid-template-columns:minmax(92px,1fr) 62px!important;align-items:center!important;gap:10px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k419-history-source-label{text-align:center!important;font-size:10px!important;font-weight:820!important;color:#eee8e3!important}
:root[data-visual-style="2040"][data-theme="hub"] .k419-history-source-visual{display:flex!important;align-items:center!important;justify-content:center!important}

@media(max-width:2048px) and (min-width:1500px){
  :root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card{height:176px!important;min-height:176px!important;grid-template-rows:96px 46px 22px!important}
  :root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card>.skin-art{height:96px!important;min-height:96px!important;max-height:96px!important}
}

/* --- v420-public-streamer-palette-polish.css --- */
/* KORZH v420 — public profile parity, streamlined settings, streamer privacy, palette-aware surfaces */

/* --- public profile command deck now uses the same premium geometry as own profile --- */
:root[data-visual-style="2040"][data-theme="hub"] .k420-public-command{
  grid-template-columns:minmax(0,1fr)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k420-public-command .profile-v160-info-row{
  display:grid!important;
  grid-template-columns:minmax(285px,1.55fr) repeat(4,minmax(118px,.72fr))!important;
  gap:10px!important;
  padding-top:0!important;
  width:100%!important;
  min-width:0!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k420-public-command .profile-v156-primary-card,
:root[data-visual-style="2040"][data-theme="hub"] .k420-public-command .profile-v156-primary-card .profile-v156-card-copy{
  height:84px!important;min-height:84px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k420-public-command .profile-v187-stat .profile-v156-card-copy{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k420-public-command .profile-v187-stat .profile-v156-card-copy>strong{
  transform:none!important;margin:0!important;min-height:24px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  color:#f4eee9!important;font-size:21px!important;font-weight:760!important;line-height:1!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k420-public-command .profile-v187-stat .profile-v156-card-copy>strong .korzh-money{
  transform:none!important;display:inline-flex!important;align-items:center!important;gap:4px!important;font:inherit!important;line-height:1!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k420-public-command .profile-v187-stat .profile-v156-card-copy>small{
  margin-top:6px!important;font-size:8.4px!important;line-height:1!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k420-public-command-foot{display:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k420-best-title{padding:6px 2px 10px!important}
:root[data-visual-style="2040"][data-theme="hub"] .k420-best-title>span{display:none!important}

/* Public history: no owner-only controls and source label sits cleanly between item and visual. */
:root[data-visual-style="2040"][data-theme="hub"] .k420-public-history-row{
  grid-template-columns:54px 126px minmax(260px,1fr) 210px 118px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k420-public-history-row>.profile-v81-replay-btn{display:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k420-public-history-row .profile-v81-event-index small{display:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k420-public-history-row .k419-history-origin{
  display:grid!important;grid-template-columns:minmax(96px,1fr) 84px!important;gap:14px!important;align-items:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k420-public-history-row .k419-history-origin::before,
:root[data-visual-style="2040"][data-theme="hub"] .k420-public-history-row .k419-history-source-visual::before{content:none!important;display:none!important}
:root[data-visual-style="2040"][data-theme="hub"] .k420-public-history-row .k419-history-source-label{
  justify-self:center!important;text-align:center!important;white-space:nowrap!important;font-size:10px!important;font-weight:820!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .k420-public-history-row time{justify-self:center!important}

/* --- settings: remove explanatory clutter, retain controls --- */
:root[data-visual-style="2040"] :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-setting-row>div>span{display:none!important}
:root[data-visual-style="2040"] :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-setting-row{min-height:58px!important}
:root[data-visual-style="2040"] :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-setting-row>div>strong{
  font-size:14px!important;line-height:1.1!important;margin:0!important;
}
:root[data-visual-style="2040"] .k420-streamer-row{order:5}
:root[data-visual-style="2040"] .k420-palette-setting{display:block!important;padding:10px 12px!important}
:root[data-visual-style="2040"] .k420-palette-setting .k323-palette-grid{width:100%!important}

/* --- Telegram support: remove the extra colored backing plate behind the Telegram icon --- */
:root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal) :is(.k248-telegram-logo,.k251-telegram-logo){
  background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important;padding:0!important;
}
:root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal) :is(.k248-telegram-logo,.k251-telegram-logo)::before,
:root[data-visual-style="2040"] :is(#supportPortal,#profileSupportPortal) :is(.k248-telegram-logo,.k251-telegram-logo)::after{display:none!important}

/* --- trade-link semantic glow must remain green/red in EVERY palette --- */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v415-trade-stat.is-linked .profile-v156-card-copy{
  border-color:rgba(75,224,144,.50)!important;
  background:linear-gradient(145deg,rgba(43,126,79,.24),rgba(18,51,34,.18) 55%,rgba(0,0,0,.10))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.075),0 0 28px rgba(73,223,143,.20),0 12px 30px rgba(0,0,0,.12)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v415-trade-stat.is-linked .profile-v156-card-copy>strong{color:#7ce8b1!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v415-trade-stat.is-unlinked .profile-v156-card-copy{
  border-color:rgba(240,96,91,.50)!important;
  background:linear-gradient(145deg,rgba(132,44,42,.23),rgba(59,22,24,.18) 55%,rgba(0,0,0,.10))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.065),0 0 28px rgba(235,80,76,.18),0 12px 30px rgba(0,0,0,.12)!important;
}

/* --- withdrawal cards: rarity paint fills the entire card, not only the art half --- */
:root[data-visual-style="2040"][data-theme="hub"] .profile-withdraw-card{
  position:relative!important;overflow:hidden!important;isolation:isolate!important;
  background:
    radial-gradient(110% 90% at 18% 12%,color-mix(in srgb,var(--rarity) 52%,transparent) 0 13%,transparent 48%),
    radial-gradient(95% 86% at 84% 26%,color-mix(in srgb,var(--rarity) 27%,transparent) 0 8%,transparent 44%),
    linear-gradient(145deg,color-mix(in srgb,var(--rarity) 31%,#151319),color-mix(in srgb,var(--rarity) 10%,#08090d) 63%,#07080b)!important;
  border-color:color-mix(in srgb,var(--rarity) 58%,rgba(255,255,255,.13))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.075),inset 0 -35px 58px rgba(0,0,0,.23),0 14px 32px rgba(0,0,0,.30),0 0 24px color-mix(in srgb,var(--rarity) 10%,transparent)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-withdraw-card::before{
  content:"";position:absolute;inset:-20%;z-index:0;pointer-events:none;
  background:radial-gradient(circle at 28% 30%,color-mix(in srgb,var(--rarity) 35%,transparent) 0 8%,transparent 27%),radial-gradient(circle at 70% 72%,rgba(255,255,255,.045) 0 4%,transparent 25%);
  filter:blur(13px);opacity:.82;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-withdraw-card>:is(.profile-withdraw-card-art,.profile-withdraw-card-copy,.profile-withdraw-card-foot){
  position:relative!important;z-index:1!important;background:transparent!important;border-color:transparent!important;
}

/* --- palette-aware shared surfaces: gray shells now inherit the selected atmosphere --- */
:root[data-visual-style="2040"][data-k2040-palette] :is(
  .k414-shop-shell,.k414-shop-panel,.k419-shop-hero,.k414-shop-controls,.k414-shop-body,
  .case-detail-shell,.case-page-stage,.case-page-contents,.case-roulette-board-v166,
  .profile-v156-content,.profile-v293-public-content
){
  border-color:var(--k323-line,rgba(226,190,168,.13))!important;
}
:root[data-visual-style="2040"][data-k2040-palette] :is(.k414-shop-shell,.case-detail-shell,.profile-v156-content,.profile-v293-public-content){
  background:
    radial-gradient(85% 80% at 15% 0%,color-mix(in srgb,var(--k323-accent,#d98a61) 7%,transparent),transparent 58%),
    linear-gradient(145deg,color-mix(in srgb,var(--k323-panel-2,#251916) 76%,transparent),color-mix(in srgb,var(--k323-bg-0,#0b0807) 82%,transparent))!important;
  box-shadow:inset 0 1px color-mix(in srgb,var(--k323-text,#fff) 5%,transparent),0 24px 64px rgba(0,0,0,.20)!important;
  backdrop-filter:blur(7px) saturate(1.04)!important;-webkit-backdrop-filter:blur(7px) saturate(1.04)!important;
}
:root[data-visual-style="2040"][data-k2040-palette] :is(.k419-shop-hero,.k414-shop-controls,.k414-shop-body,.case-page-stage,.case-page-contents,.case-roulette-board-v166){
  background:linear-gradient(145deg,color-mix(in srgb,var(--k323-panel,#1b1411) 62%,transparent),color-mix(in srgb,var(--k323-bg-0,#0b0807) 70%,transparent))!important;
  box-shadow:inset 0 1px color-mix(in srgb,var(--k323-text,#fff) 3.5%,transparent)!important;
}

/* Settings palette/background injected controls: align with simplified rows. */
:root[data-visual-style="2040"] :is(#siteSettingsPortal,#profileSettingsPortal) .k348-bg-copy>span,
:root[data-visual-style="2040"] :is(#siteSettingsPortal,#profileSettingsPortal) .k323-palette-copy{display:none!important}

@media (max-width:2048px) and (min-width:1500px){
  :root[data-visual-style="2040"][data-theme="hub"] .k420-public-command .profile-v160-info-row{
    grid-template-columns:minmax(260px,1.45fr) repeat(4,minmax(108px,.68fr))!important;gap:8px!important;
  }
  :root[data-visual-style="2040"][data-theme="hub"] .k420-public-command .profile-v156-primary-card,
  :root[data-visual-style="2040"][data-theme="hub"] .k420-public-command .profile-v156-primary-card .profile-v156-card-copy{height:78px!important;min-height:78px!important}
}

/* Premium command deck inherits every selected 2040 palette instead of staying coffee-only. */
:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette] .k417-profile-command{
  border-color:color-mix(in srgb,var(--k323-accent,#d98a61) 21%,rgba(255,255,255,.10))!important;
  background:
    radial-gradient(72% 150% at 8% 0%,color-mix(in srgb,var(--k323-accent,#d98a61) 12%,transparent),transparent 58%),
    radial-gradient(52% 110% at 92% 95%,color-mix(in srgb,var(--k323-accent-2,#bd876a) 8%,transparent),transparent 62%),
    linear-gradient(135deg,color-mix(in srgb,var(--k323-panel-2,#291b17) 78%,transparent),color-mix(in srgb,var(--k323-bg-0,#0c0908) 90%,transparent) 52%,color-mix(in srgb,var(--k323-panel,#211713) 76%,transparent))!important;
}
:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette] .k417-profile-command .profile-v156-primary-card .profile-v156-card-copy{
  border-color:color-mix(in srgb,var(--k323-accent,#d98a61) 18%,rgba(255,255,255,.08))!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--k323-panel-2,#291b17) 42%,transparent),color-mix(in srgb,var(--k323-bg-0,#0c0908) 30%,transparent) 58%,rgba(0,0,0,.08))!important;
}
:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette] .k417-profile-command .profile-v160-user{
  border-color:color-mix(in srgb,var(--k323-accent,#d98a61) 26%,rgba(255,255,255,.10))!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--k323-accent,#d98a61) 10%,transparent),color-mix(in srgb,var(--k323-panel-2,#291b17) 35%,transparent) 58%,rgba(0,0,0,.06))!important;
}

/* v420 final semantic trade-link state must win after palette-neutral command deck rules */
html[data-style="2040"] .profile-v156-primary-card.profile-v156-trade-card.linked,
html[data-style="2040"] .profile-v156-primary-card.profile-v156-trade-card.has-link,
html[data-style="2040"] .profile-v156-trade-card[data-trade-state="ok"] {
  background:linear-gradient(145deg,rgba(13,66,45,.72),rgba(7,27,22,.55))!important;
  border-color:rgba(72,231,153,.72)!important;
  box-shadow:0 0 0 1px rgba(72,231,153,.12) inset,0 0 26px rgba(45,210,132,.24)!important;
}
html[data-style="2040"] .profile-v156-primary-card.profile-v156-trade-card:not(.linked):not(.has-link),
html[data-style="2040"] .profile-v156-trade-card[data-trade-state="missing"] {
  background:linear-gradient(145deg,rgba(75,25,31,.68),rgba(27,9,13,.54))!important;
  border-color:rgba(246,91,105,.68)!important;
  box-shadow:0 0 0 1px rgba(246,91,105,.10) inset,0 0 24px rgba(220,57,73,.20)!important;
}

/* Semantic trade state — final cascade position, intentionally palette-independent. */
:root[data-visual-style="2040"][data-theme="hub"] .profile-v415-trade-stat.is-linked .profile-v156-card-copy{
  border-color:rgba(75,224,144,.58)!important;
  background:linear-gradient(145deg,rgba(43,126,79,.28),rgba(18,51,34,.20) 55%,rgba(0,0,0,.10))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.075),0 0 30px rgba(73,223,143,.25),0 12px 30px rgba(0,0,0,.12)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v415-trade-stat.is-linked .profile-v156-card-copy>strong{color:#7ce8b1!important}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v415-trade-stat.is-unlinked .profile-v156-card-copy{
  border-color:rgba(240,96,91,.58)!important;
  background:linear-gradient(145deg,rgba(132,44,42,.27),rgba(59,22,24,.20) 55%,rgba(0,0,0,.10))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.065),0 0 28px rgba(235,80,76,.22),0 12px 30px rgba(0,0,0,.12)!important;
}

/* --- v421-price-ui-hardfix.css --- */
/* KORZH v421 — economy hierarchy + price language + palette isolation + replay geometry */

/* ------------------------------------------------------------------
   1. RARITY CARDS ARE PALETTE-INDEPENDENT.
   Older 2040 palette rules had greater specificity and could recolor
   the card surface. This final layer intentionally outranks them.
   ------------------------------------------------------------------ */
html:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette] :is(
  .skin-card,
  .profile-page-item,
  .profile-v81-top-card,
  .case-roulette-card-v166:not(.k385-mystery-case-card),
  .opening-slot-card,
  .contents-card,
  #profileExchangePortal .exchange-v109-card,
  .k414-shop-card
){
  background:
    radial-gradient(108% 86% at 18% 14%,color-mix(in srgb,var(--rarity) 57%,transparent) 0 13%,transparent 47%),
    radial-gradient(94% 84% at 82% 24%,color-mix(in srgb,var(--rarity) 32%,transparent) 0 9%,transparent 43%),
    radial-gradient(118% 92% at 55% 106%,rgba(0,0,0,.60) 0 39%,transparent 72%),
    linear-gradient(145deg,color-mix(in srgb,var(--rarity) 35%,#151319),color-mix(in srgb,var(--rarity) 12%,#08090d) 62%,#07080b)!important;
  border-color:color-mix(in srgb,var(--rarity) 65%,rgba(255,255,255,.14))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.085),inset 0 -34px 56px rgba(0,0,0,.27),0 14px 32px rgba(0,0,0,.33),0 0 27px color-mix(in srgb,var(--rarity) 12%,transparent)!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  isolation:isolate!important;
}
html:root[data-visual-style="2040"][data-theme="hub"][data-k2040-palette] :is(
  .skin-card,.profile-page-item,.profile-v81-top-card,.case-roulette-card-v166:not(.k385-mystery-case-card),.opening-slot-card,.contents-card,#profileExchangePortal .exchange-v109-card,.k414-shop-card
)::before{
  background:
    radial-gradient(circle at 28% 31%,color-mix(in srgb,var(--rarity) 39%,transparent) 0 7%,transparent 24%),
    radial-gradient(circle at 72% 24%,rgba(255,255,255,.075) 0 3%,transparent 20%),
    radial-gradient(circle at 61% 76%,color-mix(in srgb,var(--rarity) 23%,transparent) 0 6%,transparent 29%),
    conic-gradient(from 120deg at 50% 48%,transparent 0 13%,color-mix(in srgb,var(--rarity) 14%,transparent) 18%,transparent 28% 58%,rgba(255,255,255,.03) 66%,transparent 78%)!important;
  opacity:.82!important;
  filter:blur(12px)!important;
}

/* ------------------------------------------------------------------
   2. ONE PLAIN PRICE LANGUAGE INSIDE WEAPON CARDS.
   No capsules in Upgrade / Contracts / Plane / Top Drops.
   ------------------------------------------------------------------ */
html:root[data-visual-style="2040"][data-theme="hub"] .skin-card>.skin-price,
html:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card,.contracts-v201 .picker-card,.plane-inventory-card,.plane-public-picker-card) .skin-card>.skin-price{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
  width:100%!important;max-width:none!important;min-width:0!important;height:22px!important;min-height:22px!important;
  margin:0!important;padding:0 6px 3px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;outline:0!important;
  color:#fff7f2!important;font-size:10.5px!important;font-weight:850!important;line-height:1!important;text-align:left!important;
  transform:none!important;translate:none!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] .skin-card>.skin-price :is(.korzh-money,.korzh-money-number,.korzh-currency-symbol){
  border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;translate:none!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] .skin-card>.skin-price .korzh-money{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important}
html:root[data-visual-style="2040"][data-theme="hub"] .skin-card>.skin-price .korzh-currency-icon{width:12px!important;height:12px!important;min-width:12px!important}

/* Selected contract slot price is text too. */
html:root[data-visual-style="2040"][data-theme="hub"] .contracts-v201 .contract-slot.filled .k368-contract-price{
  position:static!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;align-self:stretch!important;
  width:100%!important;min-width:0!important;height:auto!important;margin:3px 0 0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff7f2!important;font-size:10px!important;font-weight:850!important;text-align:left!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] .contracts-v201 .contract-slot.filled .k368-contract-price :is(.korzh-money,.korzh-money-number,.korzh-currency-symbol){border:0!important;background:transparent!important;box-shadow:none!important}

/* Plane selected stake/showcase follows the same plain left price. */
html:root[data-visual-style="2040"][data-theme="hub"] .plane-page-v265 .plane-stake-price-v265{
  align-self:flex-start!important;justify-content:flex-start!important;width:100%!important;margin:4px 0 0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff7f2!important;font-size:11px!important;text-align:left!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] .plane-page-v265 .plane-stake-price-v265 .korzh-money{justify-content:flex-start!important}

/* Profile Top Drop rail and archive: price is just text, no mini pill. */
html:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-top-card .profile-v81-top-info>b,
html:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrop-row .archive-drop .skin-caption>b{
  width:auto!important;min-width:0!important;min-height:0!important;height:auto!important;margin:4px 0 0!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff7f2!important;
  font-size:10.5px!important;font-weight:850!important;line-height:1.05!important;text-align:left!important;align-self:flex-start!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] :is(.profile-v81-top-info>b,.k414-topdrop-row .archive-drop .skin-caption>b) :is(.korzh-money,.korzh-money-number,.korzh-currency-symbol){border:0!important;background:transparent!important;box-shadow:none!important}
html:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-top-card .profile-v81-top-info{align-items:flex-start!important;text-align:left!important}

/* ------------------------------------------------------------------
   3. UPGRADE — restore the v418 card proportion exactly.
   ------------------------------------------------------------------ */
html:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card{
  height:170px!important;min-height:170px!important;max-height:170px!important;padding:9px 9px 8px!important;
  grid-template-rows:88px 48px 22px!important;gap:2px!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card>.skin-art{
  height:88px!important;min-height:88px!important;max-height:88px!important;transform:translateY(-3px)!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card):hover>.skin-card>.skin-art{transform:translateY(-5px) scale(1.02)!important}
html:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card .skin-info{height:48px!important;min-height:48px!important;padding:0 6px!important;justify-content:flex-end!important}
html:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card .skin-info small{font-size:9.5px!important}
html:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card .skin-info strong{font-size:12.8px!important}
@media(max-width:2048px) and (min-width:1500px){
  html:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card{height:170px!important;min-height:170px!important;max-height:170px!important;grid-template-rows:88px 48px 22px!important}
  html:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card>.skin-art{height:88px!important;min-height:88px!important;max-height:88px!important}
}

/* ------------------------------------------------------------------
   4. CASE PRICES — same approved dark capsule as weapon-card price UI.
   Strongest selector on purpose: old bundles contain several legacy CTA skins.
   ------------------------------------------------------------------ */
html:root[data-visual-style="2040"][data-theme="hub"] .page-cases :is(
  .case-price-premium,
  .case-price-tag.case-price-premium,
  .k220-oscar-price.case-price-premium,
  .k221-oscar-price.case-price-premium
){
  position:relative!important;isolation:isolate!important;
  width:max-content!important;min-width:76px!important;max-width:none!important;height:30px!important;min-height:30px!important;
  margin-top:8px!important;padding:5px 12px!important;gap:5px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  border:1px solid color-mix(in srgb,var(--accent,#d98a61) 48%,rgba(255,255,255,.13))!important;border-radius:999px!important;
  background:linear-gradient(180deg,rgba(8,8,10,.76),rgba(8,8,10,.95))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.065),0 6px 14px rgba(0,0,0,.27),0 0 14px color-mix(in srgb,var(--accent,#d98a61) 10%,transparent)!important;
  color:#fff9f5!important;text-shadow:none!important;overflow:visible!important;
  transform:none!important;translate:none!important;filter:none!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-price-premium::before,
html:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-price-premium::after,
html:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-price-premium .korzh-money::before,
html:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-price-premium .korzh-money::after{display:none!important;content:none!important}
html:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-price-premium :is(.case-price-value,.korzh-money,.korzh-money-number,.korzh-currency-symbol){
  margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;text-shadow:none!important;transform:none!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-price-premium :is(.case-price-value,.korzh-money){display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;line-height:1!important}
html:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-price-premium .korzh-money-number{font-size:11.5px!important;font-weight:860!important;line-height:1!important}
html:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-price-premium .korzh-currency-symbol{width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;flex:0 0 15px!important}
html:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-price-premium .korzh-currency-logo{width:15px!important;height:15px!important;min-width:15px!important;max-width:15px!important;min-height:15px!important;max-height:15px!important;filter:none!important}
html:root[data-visual-style="2040"][data-theme="hub"] .page-cases :is(.case-card,.k220-oscar-card,.k221-oscar-tile):is(:hover,:active,:focus-visible) .case-price-premium{
  transform:none!important;translate:none!important;background:linear-gradient(180deg,rgba(8,8,10,.76),rgba(8,8,10,.95))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.075),0 6px 14px rgba(0,0,0,.27),0 0 17px color-mix(in srgb,var(--accent,#d98a61) 13%,transparent)!important;
}

/* ------------------------------------------------------------------
   5. PROFILE metric — move WITHDRAWN copy up as one unit.
   ------------------------------------------------------------------ */
html:root[data-visual-style="2040"][data-theme="hub"] .profile-v187-withdrawn-stat .profile-v156-card-copy{
  transform:translateY(-4px)!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] .profile-v187-withdrawn-stat .profile-v156-card-copy>strong,
html:root[data-visual-style="2040"][data-theme="hub"] .profile-v187-withdrawn-stat .profile-v156-card-copy>strong .korzh-money{
  transform:none!important;translate:none!important;
}

/* ------------------------------------------------------------------
   6. TOP DROPS archive — source moves left; REPEAT stays at far right.
   ------------------------------------------------------------------ */
html:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrop-row{
  grid-template-columns:44px minmax(320px,1.65fr) minmax(118px,.52fr) 82px 88px 108px!important;
  column-gap:12px!important;align-items:center!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrop-row>.k419-source-label{
  grid-column:3!important;justify-self:start!important;text-align:left!important;padding-left:2px!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrop-row>.k414-drop-source{grid-column:4!important;justify-self:center!important}
html:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrop-row>time{grid-column:5!important;justify-self:center!important;text-align:center!important}
html:root[data-visual-style="2040"][data-theme="hub"] .k414-topdrop-row>.profile-v81-replay-btn{
  grid-column:6!important;grid-row:1!important;position:static!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  justify-self:end!important;align-self:center!important;margin:0!important;transform:none!important;translate:none!important;z-index:2!important;
  min-width:96px!important;height:38px!important;
}

/* --- v424-profile-ui-precision.css --- */
/* KORZH v422 FIXED — the profile UI fixes that v422 was supposed to ship. */

/* 1) Shop: smaller, denser cards without touching market logic. */
:root[data-visual-style="2040"] body .k414-shop-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
}
:root[data-visual-style="2040"] body .k414-shop-card{
  min-height:0!important;
  height:228px!important;
  border-radius:18px!important;
  padding:10px!important;
}
:root[data-visual-style="2040"] body .k414-shop-card-art{
  height:132px!important;
  min-height:132px!important;
}
:root[data-visual-style="2040"] body .k414-shop-card-copy{padding:3px 4px 0!important}
:root[data-visual-style="2040"] body .k414-shop-card-copy small{font-size:9px!important}
:root[data-visual-style="2040"] body .k414-shop-card-copy strong{font-size:12.5px!important}
:root[data-visual-style="2040"] body .k414-shop-card-foot{gap:7px!important;margin-top:7px!important}
:root[data-visual-style="2040"] body .k414-shop-card-foot>*{min-height:34px!important;height:34px!important}

/* 2) Withdrawal history: compact cards. */
:root[data-visual-style="2040"] body .profile-withdraw-history.k396-withdraw-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  max-width:none!important;
}
:root[data-visual-style="2040"] body .profile-withdraw-card{
  min-height:0!important;
  height:220px!important;
  border-radius:18px!important;
  padding:10px!important;
}
:root[data-visual-style="2040"] body .profile-withdraw-card-art{
  height:130px!important;
  min-height:130px!important;
}
:root[data-visual-style="2040"] body .profile-withdraw-card-copy{padding:2px 3px 0!important}
:root[data-visual-style="2040"] body .profile-withdraw-card-copy small{font-size:8.5px!important}
:root[data-visual-style="2040"] body .profile-withdraw-card-copy strong{font-size:12.5px!important}
:root[data-visual-style="2040"] body .profile-withdraw-card-copy b{font-size:11px!important}
:root[data-visual-style="2040"] body .profile-withdraw-card-foot{padding:6px 3px 0!important}

/* 3) Trade-link semantics must win over every palette. Glow the actual outer tile too. */
:root[data-visual-style="2040"] body #tradeLinkOpen.profile-v415-trade-stat.is-linked{
  border-color:rgba(74,232,147,.70)!important;
  box-shadow:0 0 0 1px rgba(74,232,147,.16) inset,0 0 24px rgba(48,216,132,.32),0 12px 28px rgba(0,0,0,.20)!important;
}
:root[data-visual-style="2040"] body #tradeLinkOpen.profile-v415-trade-stat.is-linked .profile-v156-card-copy{
  border-color:rgba(74,232,147,.65)!important;
  background:linear-gradient(145deg,rgba(21,92,59,.42),rgba(10,40,28,.30) 62%,rgba(0,0,0,.08))!important;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 0 26px rgba(48,216,132,.26)!important;
}
:root[data-visual-style="2040"] body #tradeLinkOpen.profile-v415-trade-stat.is-linked .profile-v156-card-copy>strong{color:#73efad!important}
:root[data-visual-style="2040"] body #tradeLinkOpen.profile-v415-trade-stat.is-unlinked{
  border-color:rgba(245,88,91,.68)!important;
  box-shadow:0 0 0 1px rgba(245,88,91,.14) inset,0 0 24px rgba(238,69,75,.28),0 12px 28px rgba(0,0,0,.20)!important;
}
:root[data-visual-style="2040"] body #tradeLinkOpen.profile-v415-trade-stat.is-unlinked .profile-v156-card-copy{
  border-color:rgba(245,88,91,.62)!important;
  background:linear-gradient(145deg,rgba(101,31,35,.40),rgba(49,16,20,.28) 62%,rgba(0,0,0,.08))!important;
}

/* 4) Public profile command deck: same height and centered typography as owner's deck. */
:root[data-visual-style="2040"] body .k420-public-command{
  min-height:126px!important;
  padding:18px 20px!important;
}
:root[data-visual-style="2040"] body .k420-public-command .profile-v160-info-row{
  display:grid!important;
  grid-template-columns:minmax(300px,1.55fr) repeat(4,minmax(126px,.72fr))!important;
  gap:10px!important;
  align-items:stretch!important;
  width:100%!important;
}
:root[data-visual-style="2040"] body .k420-public-command .profile-v156-primary-card,
:root[data-visual-style="2040"] body .k420-public-command .profile-v156-primary-card>.profile-v156-card-copy{
  height:84px!important;
  min-height:84px!important;
  max-height:84px!important;
  box-sizing:border-box!important;
}
:root[data-visual-style="2040"] body .k420-public-command .profile-v160-user{
  height:84px!important;min-height:84px!important;max-height:84px!important;
  display:flex!important;align-items:center!important;padding:0 17px!important;
}
:root[data-visual-style="2040"] body .k420-public-command .profile-v160-user .profile-v156-card-copy{
  height:auto!important;min-height:0!important;max-height:none!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;
}
:root[data-visual-style="2040"] body .k420-public-command .profile-v187-stat>.profile-v156-card-copy{
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  padding:0 10px!important;text-align:center!important;
}
:root[data-visual-style="2040"] body .k420-public-command .profile-v187-stat>.profile-v156-card-copy>strong{
  margin:0!important;padding:0!important;transform:none!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;
  min-height:24px!important;font-size:21px!important;line-height:1!important;font-weight:760!important;color:#f4eee9!important;
}
:root[data-visual-style="2040"] body .k420-public-command .profile-v187-stat>.profile-v156-card-copy>small{
  margin:6px 0 0!important;padding:0!important;font-size:8.4px!important;line-height:1!important;text-align:center!important;
}
:root[data-visual-style="2040"] body .profile-v293-public-content .profile-v80-content-actions:empty{display:none!important}

/* Public top-10: visibly smaller than owner inventory and no 10/10 counter. */
:root[data-visual-style="2040"] body .profile-v293-public-content .profile-page-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
:root[data-visual-style="2040"] body .profile-v293-public-content .profile-page-item{
  min-height:0!important;height:205px!important;padding:9px!important;border-radius:16px!important;
}
:root[data-visual-style="2040"] body .profile-v293-public-content .profile-page-item .skin-art{
  height:132px!important;min-height:132px!important;
}
:root[data-visual-style="2040"] body .profile-v293-public-content .profile-page-item .skin-caption small{font-size:8.5px!important}
:root[data-visual-style="2040"] body .profile-v293-public-content .profile-page-item .skin-caption strong{font-size:12px!important}
:root[data-visual-style="2040"] body .profile-v293-public-content .profile-page-item .profile-item-meta>b{font-size:10.5px!important}

/* 5) Settings: currency label + deterministic row order: Currency -> Streamer -> Background -> Palette. */
:root[data-visual-style="2040"] body #profileSettingsPortal .kx229-settings-body{
  display:flex!important;flex-direction:column!important;
}
:root[data-visual-style="2040"] body #profileSettingsPortal .kx229-settings-body>.kx229-setting-row:nth-child(1){order:10!important}
:root[data-visual-style="2040"] body #profileSettingsPortal .kx229-settings-body>.kx229-setting-row:nth-child(2){order:20!important}
:root[data-visual-style="2040"] body #profileSettingsPortal .kx229-settings-body>.kx229-setting-row:nth-child(3){order:30!important}
:root[data-visual-style="2040"] body #profileSettingsPortal .kx229-settings-body>.kx229-setting-row:nth-child(4){order:40!important}
:root[data-visual-style="2040"] body #profileSettingsPortal .k420-streamer-row{order:50!important}
:root[data-visual-style="2040"] body #profileSettingsPortal [data-k348-background-toggle]{order:60!important}
:root[data-visual-style="2040"] body #profileSettingsPortal [data-k323-palette-setting]{order:70!important}

/* 6) Telegram: remove ONLY the extra plate. Keep Telegram's own blue circle in the SVG. */
html:root[data-visual-style="2040"][data-k2040-palette] body #profileSupportPortal .k248-telegram-logo,
html:root[data-visual-style="2040"][data-k2040-palette] body #supportPortal .k248-telegram-logo,
:root[data-visual-style="2040"] body #profileSupportPortal .k248-telegram-logo,
:root[data-visual-style="2040"] body #supportPortal .k248-telegram-logo{
  width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;
  margin:0 0 16px!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;outline:0!important;transform:none!important;overflow:visible!important;
}
:root[data-visual-style="2040"] body :is(#profileSupportPortal,#supportPortal) .k248-telegram-logo::before,
:root[data-visual-style="2040"] body :is(#profileSupportPortal,#supportPortal) .k248-telegram-logo::after{display:none!important;content:none!important}
:root[data-visual-style="2040"] body :is(#profileSupportPortal,#supportPortal) .k248-telegram-logo svg{width:64px!important;height:64px!important;display:block!important}
:root[data-visual-style="2040"] body :is(#profileSupportPortal,#supportPortal) .k248-telegram-logo svg circle{fill:#2aabee!important}
:root[data-visual-style="2040"] body :is(#profileSupportPortal,#supportPortal) .k248-telegram-logo svg path{fill:#fff!important}

@media (min-width:1500px) and (max-width:2048px){
  :root[data-visual-style="2040"] body .k414-shop-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  :root[data-visual-style="2040"] body .profile-withdraw-history.k396-withdraw-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  :root[data-visual-style="2040"] body .k420-public-command .profile-v160-info-row{grid-template-columns:minmax(270px,1.45fr) repeat(4,minmax(112px,.68fr))!important;gap:8px!important}
  :root[data-visual-style="2040"] body .k420-public-command .profile-v156-primary-card,
  :root[data-visual-style="2040"] body .k420-public-command .profile-v156-primary-card>.profile-v156-card-copy{height:78px!important;min-height:78px!important;max-height:78px!important}
  :root[data-visual-style="2040"] body .k420-public-command .profile-v160-user{height:78px!important;min-height:78px!important;max-height:78px!important}
}

/* --- v425-profile-precision-hardfix.css --- */
/* KORZH v425 — real profile/settings sizing and alignment hardfix, built on v424/v423. */

/* ------------------------------------------------------------------
   1) SETTINGS: identical order on the main site and in profile.
      Animations -> Sound -> Language -> Currency -> Streamer -> BG -> Palette
   ------------------------------------------------------------------ */
:root[data-visual-style="2040"] body :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-settings-body{
  display:flex!important;
  flex-direction:column!important;
}
:root[data-visual-style="2040"] body :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-settings-body>.kx229-setting-row:nth-child(1){order:10!important}
:root[data-visual-style="2040"] body :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-settings-body>.kx229-setting-row:nth-child(2){order:20!important}
:root[data-visual-style="2040"] body :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-settings-body>.kx229-setting-row:nth-child(3){order:30!important}
:root[data-visual-style="2040"] body :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-settings-body>.kx229-setting-row:nth-child(4){order:40!important}
:root[data-visual-style="2040"] body :is(#siteSettingsPortal,#profileSettingsPortal) .kx229-settings-body>.k420-streamer-row{order:50!important}
:root[data-visual-style="2040"] body :is(#siteSettingsPortal,#profileSettingsPortal) [data-k348-background-toggle]{order:60!important}
:root[data-visual-style="2040"] body :is(#siteSettingsPortal,#profileSettingsPortal) [data-k323-palette-setting]{order:70!important}

/* ------------------------------------------------------------------
   2) OWNER COMMAND DECK: WITHDRAWN must sit on the exact same baseline.
   ------------------------------------------------------------------ */
:root[data-visual-style="2040"][data-theme="hub"] body .k417-profile-command .profile-v187-stat>.profile-v156-card-copy,
:root[data-visual-style="2040"][data-theme="hub"] body .k417-profile-command .profile-v187-withdrawn-stat>.profile-v156-card-copy{
  transform:none!important;
  translate:none!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] body .k417-profile-command .profile-v187-stat>.profile-v156-card-copy>strong,
:root[data-visual-style="2040"][data-theme="hub"] body .k417-profile-command .profile-v187-withdrawn-stat>.profile-v156-card-copy>strong{
  transform:none!important;
  translate:none!important;
  margin:0!important;
  padding:0!important;
  min-height:26px!important;
  height:26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:26px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] body .k417-profile-command .profile-v187-stat>.profile-v156-card-copy>strong .korzh-money,
:root[data-visual-style="2040"][data-theme="hub"] body .k417-profile-command .profile-v187-withdrawn-stat>.profile-v156-card-copy>strong .korzh-money{
  transform:none!important;
  translate:none!important;
  height:26px!important;
  line-height:26px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] body .k417-profile-command .profile-v187-stat>.profile-v156-card-copy>small{
  margin:0!important;
  padding:0!important;
  height:10px!important;
  min-height:10px!important;
  line-height:10px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* ------------------------------------------------------------------
   3) OWNER INVENTORY: genuinely smaller cards, still readable.
   ------------------------------------------------------------------ */
:root[data-visual-style="2040"][data-theme="hub"] body .profile-page:not(.k275-public-profile) .profile-v80-content:not(.profile-v293-public-content) .profile-page-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:9px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] body .profile-page:not(.k275-public-profile) .profile-v80-content:not(.profile-v293-public-content) .profile-page-item{
  height:202px!important;
  min-height:202px!important;
  padding:8px!important;
  border-radius:17px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] body .profile-page:not(.k275-public-profile) .profile-v80-content:not(.profile-v293-public-content) .profile-page-item .skin-art{
  height:126px!important;
  min-height:126px!important;
  max-height:126px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] body .profile-page:not(.k275-public-profile) .profile-v80-content:not(.profile-v293-public-content) .profile-page-item .profile-item-meta{
  min-height:58px!important;
  padding:5px 7px 7px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] body .profile-page:not(.k275-public-profile) .profile-v80-content:not(.profile-v293-public-content) .profile-page-item .profile-item-meta small{font-size:9.4px!important}
:root[data-visual-style="2040"][data-theme="hub"] body .profile-page:not(.k275-public-profile) .profile-v80-content:not(.profile-v293-public-content) .profile-page-item .profile-item-meta strong{font-size:13.2px!important}
:root[data-visual-style="2040"][data-theme="hub"] body .profile-page:not(.k275-public-profile) .profile-v80-content:not(.profile-v293-public-content) .profile-page-item .profile-item-meta>b{font-size:10.6px!important;margin-top:3px!important}

/* ------------------------------------------------------------------
   4) SHOP: compact card but footer is INSIDE the card, never clipped.
   ------------------------------------------------------------------ */
:root[data-visual-style="2040"][data-theme="hub"] body .k414-shop-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] body .k414-shop-card{
  height:220px!important;
  min-height:220px!important;
  padding:9px!important;
  border-radius:17px!important;
  grid-template-rows:114px 41px 37px!important;
  gap:3px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
:root[data-visual-style="2040"][data-theme="hub"] body .k414-shop-card-art{
  height:114px!important;
  min-height:114px!important;
  max-height:114px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] body .k414-shop-card .skin-art{
  height:114px!important;
  min-height:114px!important;
  max-height:114px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] body .k414-shop-card-copy{
  height:41px!important;
  min-height:41px!important;
  padding:1px 4px 0!important;
  justify-content:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] body .k414-shop-card-copy small{font-size:8.3px!important}
:root[data-visual-style="2040"][data-theme="hub"] body .k414-shop-card-copy strong{font-size:12px!important}
:root[data-visual-style="2040"][data-theme="hub"] body .k414-shop-card-foot{
  height:37px!important;
  min-height:37px!important;
  margin:0!important;
  gap:6px!important;
  align-self:end!important;
}
:root[data-visual-style="2040"][data-theme="hub"] body .k414-shop-card-foot>b,
:root[data-visual-style="2040"][data-theme="hub"] body .k414-shop-card-foot>button{
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
}

/* ------------------------------------------------------------------
   5) WITHDRAWAL HISTORY: smaller and all copy/status stays inside.
   ------------------------------------------------------------------ */
:root[data-visual-style="2040"][data-theme="hub"] body .profile-withdraw-history.k396-withdraw-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
  padding:2px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] body .profile-withdraw-card{
  height:188px!important;
  min-height:188px!important;
  padding:0!important;
  border-radius:16px!important;
  grid-template-rows:100px 54px 32px!important;
  gap:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
:root[data-visual-style="2040"][data-theme="hub"] body .profile-withdraw-card-art{
  height:100px!important;
  min-height:100px!important;
  max-height:100px!important;
  padding:7px 10px 0!important;
  box-sizing:border-box!important;
}
:root[data-visual-style="2040"][data-theme="hub"] body .profile-withdraw-card-copy{
  height:54px!important;
  min-height:54px!important;
  max-height:54px!important;
  padding:5px 10px 4px!important;
  gap:2px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  justify-content:center!important;
}
:root[data-visual-style="2040"][data-theme="hub"] body .profile-withdraw-card-copy small{font-size:7.5px!important;line-height:1.05!important}
:root[data-visual-style="2040"][data-theme="hub"] body .profile-withdraw-card-copy strong{font-size:11.2px!important;line-height:1.08!important}
:root[data-visual-style="2040"][data-theme="hub"] body .profile-withdraw-card-copy b{font-size:9.7px!important;line-height:1.05!important;margin:1px 0 0!important}
:root[data-visual-style="2040"][data-theme="hub"] body .profile-withdraw-card-foot{
  height:32px!important;
  min-height:32px!important;
  max-height:32px!important;
  padding:0 9px!important;
  gap:6px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
:root[data-visual-style="2040"][data-theme="hub"] body .profile-withdraw-card-foot time{font-size:7px!important;line-height:1!important;white-space:nowrap!important}
:root[data-visual-style="2040"][data-theme="hub"] body .profile-withdraw-card .profile-withdraw-status{
  height:20px!important;
  min-height:20px!important;
  max-height:20px!important;
  padding:0 6px!important;
  font-size:5.8px!important;
  line-height:20px!important;
}

/* ------------------------------------------------------------------
   6) TELEGRAM: original clean icon asset with safe internal padding.
      No colored backing plate, no SVG clipping from legacy rules.
   ------------------------------------------------------------------ */
html:root[data-visual-style="2040"] body :is(#supportPortal,#profileSupportPortal) .k248-telegram-logo,
html:root[data-visual-style="2040"] body :is(#supportPortal,#profileSupportPortal) .k251-telegram-logo{
  width:68px!important;
  height:68px!important;
  min-width:68px!important;
  min-height:68px!important;
  padding:0!important;
  margin:0 0 16px!important;
  display:grid!important;
  place-items:center!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  outline:0!important;
  overflow:visible!important;
}
html:root[data-visual-style="2040"] body :is(#supportPortal,#profileSupportPortal) .k248-telegram-logo::before,
html:root[data-visual-style="2040"] body :is(#supportPortal,#profileSupportPortal) .k248-telegram-logo::after{content:none!important;display:none!important}
html:root[data-visual-style="2040"] body :is(#supportPortal,#profileSupportPortal) .k425-telegram-original{
  width:60px!important;
  height:60px!important;
  min-width:60px!important;
  min-height:60px!important;
  display:block!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
  clip-path:none!important;
}

@media (min-width:1500px) and (max-width:2048px){
  :root[data-visual-style="2040"][data-theme="hub"] body .profile-withdraw-history.k396-withdraw-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  :root[data-visual-style="2040"][data-theme="hub"] body .k414-shop-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media (max-width:1200px){
  :root[data-visual-style="2040"][data-theme="hub"] body .profile-withdraw-history.k396-withdraw-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  :root[data-visual-style="2040"][data-theme="hub"] body .k414-shop-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:820px){
  :root[data-visual-style="2040"][data-theme="hub"] body .profile-withdraw-history.k396-withdraw-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  :root[data-visual-style="2040"][data-theme="hub"] body .k414-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* --- v426-desktop-master-parity.css --- */
/* =========================================================
   KORZH v426 — DESKTOP MASTER PARITY
   2040 only.

   24" Full-HD must use the SAME composition as the approved roomy
   27" desktop. Previous v411 applied CSS zoom:.75 on top of an
   already responsive Full-HD layout; that created a hybrid geometry:
   narrow/tall rails, over-wide Upgrade/Contracts panels, drifting agents,
   and tiny typography. v426 removes that second scaling layer and keeps
   one desktop coordinate system.

   This pass intentionally changes geometry only. Game logic, card data,
   palettes, roulette mechanics and profile logic stay untouched.
   ========================================================= */

@media (min-width:1720px) and (max-width:2048px) {
  /* 1) Never emulate browser zoom. Full-HD gets a native 100% layout. */
  html:root[data-visual-style="2040"] body {
    zoom:1!important;
    min-height:100vh!important;
  }
  html:root[data-visual-style="2040"] :is(.page,.k2040-stage) {
    min-height:100vh!important;
  }

  /* 2) Restore the roomy desktop chrome instead of the compressed rail tier. */
  html:root[data-visual-style="2040"] {
    --k308-rail-w:136px!important;
    --k308-rail-pad-x:14px!important;
    --k308-edge:18px!important;
    --k308-stage-pad:clamp(172px,9.6vw,190px)!important;
  }
  html:root[data-visual-style="2040"] .k2040-stage {
    width:100%!important;
    max-width:none!important;
    padding-left:var(--k308-stage-pad)!important;
    padding-right:var(--k308-stage-pad)!important;
  }
  html:root[data-visual-style="2040"] .k2040-rail,
  html:root[data-visual-style="2040"] .k2040-rail:hover {
    top:18px!important;
    bottom:78px!important;
    width:136px!important;
    padding:22px 14px!important;
    overflow:visible!important;
  }
  html:root[data-visual-style="2040"] .k2040-rail-left {left:18px!important}
  html:root[data-visual-style="2040"] .k2040-rail-right {right:18px!important}
  html:root[data-visual-style="2040"] .k2040-rail-mark {
    width:54px!important;height:54px!important;
    min-width:54px!important;min-height:54px!important;
    margin-bottom:25px!important;
  }
  html:root[data-visual-style="2040"] .k2040-rail-mark img {width:39px!important;height:39px!important}
  html:root[data-visual-style="2040"] .k2040-nav {gap:10px!important}
  html:root[data-visual-style="2040"] .k2040-nav button {
    height:65px!important;min-height:65px!important;
    padding:0!important;gap:5px!important;border-radius:17px!important;
  }
  html:root[data-visual-style="2040"] .k2040-nav button svg {width:23px!important;height:23px!important}
  html:root[data-visual-style="2040"] .k2040-nav button span {font-size:7px!important;line-height:1.05!important}
  html:root[data-visual-style="2040"] .k2040-profile-orbit {
    width:70px!important;height:70px!important;
    min-width:70px!important;min-height:70px!important;
  }
  html:root[data-visual-style="2040"] .k2040-avatar {width:58px!important;height:58px!important}
  html:root[data-visual-style="2040"] .k2040-balance {
    width:112px!important;min-height:58px!important;height:auto!important;
  }
  html:root[data-visual-style="2040"] .k2040-round-action,
  html:root[data-visual-style="2040"] .k2040-round-action:hover {
    width:47px!important;height:47px!important;
    min-width:47px!important;min-height:47px!important;
    max-width:47px!important;max-height:47px!important;
  }

  /* 3) Header / Live Drop use the same master width as roomy desktop. */
  html:root[data-visual-style="2040"][data-theme="hub"] :is(.korzh-shared-header,.live) {
    width:100%!important;
    max-width:1480px!important;
  }
  html:root[data-visual-style="2040"][data-theme="hub"] .korzh-shared-header {
    min-height:72px!important;height:72px!important;margin-top:18px!important;
  }
  html:root[data-visual-style="2040"][data-theme="hub"] .live {
    min-height:78px!important;height:78px!important;margin-top:13px!important;
  }

  /* 4) Shared page canvas. Same width family on Cases / Plane / Profile. */
  html:root[data-visual-style="2040"][data-theme="hub"] :is(
    .feature-main,.case-detail-page,.plane-page-v136,.hub-u151-page,
    .hub-showcase-collection
  ) {
    width:100%!important;
    max-width:1480px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  html:root[data-visual-style="2040"] :is(.profile-page,.profile-v163-page,.profile-v80-shell) {
    width:100%!important;
    max-width:1480px!important;
    min-width:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* 5) Upgrade: lock the approved 27" composition instead of stretching
        source/target panels across the Full-HD logical canvas. */
  html:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-shell {
    width:100%!important;
    max-width:1480px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    overflow:visible!important;
  }
  html:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-stage {
    grid-template-columns:420px 326px 420px!important;
    justify-content:center!important;
    column-gap:36px!important;
    padding-left:0!important;
    padding-right:0!important;
    min-width:0!important;
    min-height:420px!important;
    overflow:visible!important;
  }
  html:root[data-visual-style="2040"][data-theme="hub"] :is(.hub-u151-source,.hub-u151-target) {
    width:420px!important;
    max-width:420px!important;
    min-width:420px!important;
  }
  html:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-core {
    width:326px!important;max-width:326px!important;min-width:326px!important;
  }
  html:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-wheel-wrap {
    width:326px!important;height:326px!important;
  }
  html:root[data-visual-style="2040"][data-theme="hub"] .k335-upgrade-agent {
    max-height:none!important;
  }
  html:root[data-visual-style="2040"][data-theme="hub"] .hub-u151-browsers {
    width:100%!important;
    max-width:1480px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* 6) Contracts: restore the roomy master board dimensions. The old Full-HD
        overrides enlarged the whole stage after the v411 zoom, which is why
        the boards and agent looked displaced on the 24" screen. */
  html:root[data-visual-style="2040"][data-theme="hub"] .k356-contracts-absolute {
    width:min(1500px,calc(100vw - 340px))!important;
    max-width:1500px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  html:root[data-visual-style="2040"][data-theme="hub"] .k356-contracts-absolute .k356-contract-stage {
    margin-top:92px!important;
    height:620px!important;
    --k358-contract-gap:330px!important;
  }
  html:root[data-visual-style="2040"][data-theme="hub"] .k356-contracts-absolute .k356-contract-board {
    top:110px!important;
    height:420px!important;
    width:calc((100% - var(--k358-contract-gap)) / 2)!important;
    padding:24px 25px 18px!important;
  }
  html:root[data-visual-style="2040"][data-theme="hub"] .k356-contracts-absolute .k365-contract-agent-body,
  html:root[data-visual-style="2040"][data-theme="hub"] .k356-contracts-absolute .k365-contract-agent-hand-layer {
    top:-150px!important;
    width:980px!important;
  }
  html:root[data-visual-style="2040"][data-theme="hub"] .k356-contracts-absolute .k356-contract-cta-wrap {
    top:372px!important;
    width:410px!important;
    height:78px!important;
  }
  html:root[data-visual-style="2040"][data-theme="hub"] .k356-contracts-absolute .k356-contract-cta-wrap #runContract {
    width:400px!important;
    max-width:none!important;
    height:72px!important;
  }

  /* 7) Plane follows the same centered master canvas. */
  html:root[data-visual-style="2040"][data-theme="hub"] .plane-page-v136 {
    width:100%!important;
    max-width:1480px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Keep tablet/mobile behavior from the existing responsive system. */
@media print {
  html:root[data-visual-style="2040"] body {zoom:1!important}
}

/* --- v427-promo-profile-cleanup.css --- */
/* =========================================================
   KORZH v427 — PROMO EDGE PARITY + PROFILE IDENTITY CLEANUP
   2040 only.

   1) One compact promo tag on every surface. The profile bundle did not
      carry the v391 palette variables, so v394's background/border/shadow
      declarations could be dropped by the browser and only the brass eyelet
      remained visible. v427 owns both palette tokens and geometry.
   2) The owner identity card must be one uninterrupted surface. Remove the
      legacy nested copy plate / pseudo decoration that can read as a dark
      rectangle behind the nickname.
   ========================================================= */

/* Shared promo palette tokens — deliberately defined here so BOTH index and
   profile have a complete, self-contained visual definition. */
html:root[data-visual-style="2040"]{
  --k427-ticket-a:#3a0d17;
  --k427-ticket-b:#641829;
  --k427-ticket-edge:rgba(222,122,108,.30);
  --k427-ticket-glow:rgba(126,25,46,.18);
}
html:root[data-visual-style="2040"][data-k2040-palette="gamma"]{
  --k427-ticket-a:#071f17;
  --k427-ticket-b:#0c4b31;
  --k427-ticket-edge:rgba(86,236,154,.30);
  --k427-ticket-glow:rgba(41,213,126,.17);
}
html:root[data-visual-style="2040"][data-k2040-palette="blackpearl"]{
  --k427-ticket-a:#17101f;
  --k427-ticket-b:#40305a;
  --k427-ticket-edge:rgba(183,157,244,.29);
  --k427-ticket-glow:rgba(137,105,225,.16);
}
html:root[data-visual-style="2040"][data-k2040-palette="fade"]{
  --k427-ticket-a:#35101b;
  --k427-ticket-b:#733047;
  --k427-ticket-edge:rgba(244,126,143,.32);
  --k427-ticket-glow:rgba(232,91,119,.18);
}

/* Exact same compact edge tag on main site + Profile. */
html:root[data-visual-style="2040"] body > :is(#globalPromoOpen,#profileGlobalPromoOpen).k386-promo-tag.k388-promo-tail{
  position:fixed!important;
  left:0!important;
  right:auto!important;
  top:auto!important;
  bottom:22px!important;
  width:104px!important;
  min-width:104px!important;
  max-width:104px!important;
  height:44px!important;
  min-height:44px!important;
  max-height:44px!important;
  margin:0!important;
  padding:0 18px 0 26px!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  overflow:hidden!important;
  clip-path:none!important;
  -webkit-clip-path:none!important;
  border:1px solid var(--k427-ticket-edge)!important;
  border-left:0!important;
  border-radius:0 999px 999px 0!important;
  background:
    radial-gradient(82% 145% at 100% 50%,rgba(255,255,255,.095),transparent 52%),
    linear-gradient(180deg,rgba(255,255,255,.055),transparent 38%),
    linear-gradient(112deg,var(--k427-ticket-a),var(--k427-ticket-b))!important;
  color:#d9af69!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -1px 0 rgba(0,0,0,.40),
    7px 10px 22px rgba(0,0,0,.22),
    5px 0 19px var(--k427-ticket-glow)!important;
  transform:translate3d(-60%,0,0) rotate(-2.1deg)!important;
  transform-origin:left center!important;
  filter:none!important;
  z-index:230!important;
  cursor:pointer!important;
  will-change:transform!important;
  transition:
    transform .86s cubic-bezier(.22,1,.36,1),
    box-shadow .58s cubic-bezier(.22,1,.36,1),
    filter .58s cubic-bezier(.22,1,.36,1)!important;
}
html:root[data-visual-style="2040"] body > :is(#globalPromoOpen,#profileGlobalPromoOpen).k386-promo-tag.k388-promo-tail::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:11px!important;
  left:auto!important;
  top:50%!important;
  width:7px!important;
  height:7px!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  border:1px solid rgba(239,190,104,.62)!important;
  background:radial-gradient(circle at 38% 34%,#f0ca82 0 18%,#a96e29 45%,#4a2410 100%)!important;
  box-shadow:0 0 0 3px rgba(218,164,76,.05),inset 0 1px 1px rgba(255,236,191,.44)!important;
  opacity:1!important;
}
html:root[data-visual-style="2040"] body > :is(#globalPromoOpen,#profileGlobalPromoOpen).k386-promo-tag.k388-promo-tail::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  right:26px!important;
  left:auto!important;
  top:10px!important;
  bottom:10px!important;
  width:1px!important;
  height:auto!important;
  background:linear-gradient(180deg,transparent,rgba(218,170,91,.27),transparent)!important;
  opacity:.68!important;
}
html:root[data-visual-style="2040"] body > :is(#globalPromoOpen,#profileGlobalPromoOpen).k386-promo-tag.k388-promo-tail span{
  margin:0 21px 0 0!important;
  padding:0!important;
  writing-mode:horizontal-tb!important;
  transform:none!important;
  white-space:nowrap!important;
  font:850 8.5px/1 "Nunito Sans",system-ui,sans-serif!important;
  letter-spacing:.15em!important;
  color:#d9af69!important;
  text-shadow:0 1px rgba(18,4,7,.68),0 0 10px rgba(214,160,82,.07)!important;
}
html:root[data-visual-style="2040"] body > :is(#globalPromoOpen,#profileGlobalPromoOpen).k386-promo-tag.k388-promo-tail:hover,
html:root[data-visual-style="2040"] body > :is(#globalPromoOpen,#profileGlobalPromoOpen).k386-promo-tag.k388-promo-tail:focus-visible{
  left:0!important;
  right:auto!important;
  transform:translate3d(-7%,0,0) rotate(-.55deg)!important;
  filter:brightness(1.04)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    inset 0 -1px 0 rgba(0,0,0,.39),
    10px 13px 27px rgba(0,0,0,.26),
    8px 0 26px var(--k427-ticket-glow)!important;
}
html:root[data-visual-style="2040"] body > :is(#globalPromoOpen,#profileGlobalPromoOpen).k386-promo-tag.k388-promo-tail:active{
  transform:translate3d(-8%,1px,0) rotate(-.55deg) scale(.992)!important;
}

/* Owner profile identity card: no nested dark slab behind nickname/ID. */
html:root[data-visual-style="2040"][data-theme="hub"] body
.profile-page:not(.k275-public-profile) .k417-profile-command .profile-v160-user{
  isolation:isolate!important;
  overflow:hidden!important;
  background-image:none!important;
  background:linear-gradient(135deg,rgba(85,49,37,.23),rgba(43,28,23,.13) 48%,rgba(13,10,9,.08))!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] body
.profile-page:not(.k275-public-profile) .k417-profile-command .profile-v160-user::before,
html:root[data-visual-style="2040"][data-theme="hub"] body
.profile-page:not(.k275-public-profile) .k417-profile-command .profile-v160-user::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
  animation:none!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] body
.profile-page:not(.k275-public-profile) .k417-profile-command .profile-v160-user .profile-v156-card-copy,
html:root[data-visual-style="2040"][data-theme="hub"] body
.profile-page:not(.k275-public-profile) .k417-profile-command .profile-v160-user .profile-v156-card-copy:hover{
  position:relative!important;
  z-index:2!important;
  background:none!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  opacity:1!important;
}
html:root[data-visual-style="2040"][data-theme="hub"] body
.profile-page:not(.k275-public-profile) .k417-profile-command .profile-v160-user .profile-v156-card-copy::before,
html:root[data-visual-style="2040"][data-theme="hub"] body
.profile-page:not(.k275-public-profile) .k417-profile-command .profile-v160-user .profile-v156-card-copy::after{
  content:none!important;
  display:none!important;
}

@media(max-width:1120px){
  html:root[data-visual-style="2040"] body > :is(#globalPromoOpen,#profileGlobalPromoOpen).k386-promo-tag.k388-promo-tail{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  html:root[data-visual-style="2040"] body > :is(#globalPromoOpen,#profileGlobalPromoOpen).k386-promo-tag.k388-promo-tail{transition:none!important}
}


/* --- v437-ui-performance-responsive.css --- */
/* ================================================================
   KORZH v437 — UI PERFORMANCE + CLIP-SAFE CARDS + FLUID FULL-HD
   2040 only. Standard visual mode is intentionally untouched.
   ================================================================ */

/* ---------------------------------------------------------------
   1) x2–x5 CASE ROULETTE — compositor-only multi-lane animation
   --------------------------------------------------------------- */
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-v166.is-multi.mode-opening{
  animation:none!important;
  filter:none!important;
  transform:none!important;
  contain:layout style!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-v166.is-multi.mode-opening .case-roulette-lane-v166{
  contain:layout style!important;
  transform:translateZ(0)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-v166.is-multi.mode-opening .case-roulette-track-v166{
  will-change:transform!important;
  backface-visibility:hidden!important;
  transform-style:flat!important;
  contain:layout style!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-v166.is-multi.mode-opening .case-roulette-card-v166,
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-v166.is-multi.mode-opening .case-roulette-card-v166:not(.is-focused),
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-v166.is-multi.mode-opening .case-roulette-card-v166.is-focused{
  opacity:1!important;
  filter:none!important;
  transform:translateZ(0)!important;
  transition:none!important;
  backface-visibility:hidden!important;
  will-change:auto!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-v166.is-multi.mode-opening .case-roulette-card-v166 .skin-art,
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-v166.is-multi.mode-opening .case-roulette-card-v166 .real-skin img{
  transition:none!important;
  filter:none!important;
  backface-visibility:hidden!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-v166.is-multi.mode-opening .case-roulette-card-v166.k437-multi-winner{
  border-color:color-mix(in srgb,var(--rarity) 70%,rgba(255,255,255,.18))!important;
}

/* ---------------------------------------------------------------
   2) CONTRACT BOARD HEADERS — count only, no INPUT 01 / INPUT 02
   --------------------------------------------------------------- */
:root[data-visual-style="2040"] .k356-contracts-absolute .k356-board-head.k437-board-head-count-only{
  justify-content:flex-end!important;
  min-height:24px!important;
}
:root[data-visual-style="2040"] .k356-contracts-absolute .k356-board-head.k437-board-head-count-only>div{
  display:none!important;
}

/* ---------------------------------------------------------------
   3) CARD CLIPPING — give moving cards a real paint/scroll gutter.
      Paint containment on these grids was the invisible clipping wall.
   --------------------------------------------------------------- */
:root[data-visual-style="2040"][data-theme="hub"] :is(
  .upgrade-inventory-grid,
  .upgrade-target-grid,
  .picker-section .inventory-grid,
  .plane-inventory-grid,
  .profile-v80-content .profile-page-grid
){
  contain:layout style!important;
  scroll-padding-block:12px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inventory-grid,.upgrade-target-grid){
  padding:12px 7px 15px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .picker-section .inventory-grid{
  padding-top:12px!important;
  padding-bottom:14px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .plane-inventory-grid{
  padding:12px 6px 14px!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-grid{
  padding-top:12px!important;
  padding-bottom:14px!important;
}

/* Upgrade buttons themselves must not draw a grey plate behind the real card. */
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card){
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  outline-offset:2px!important;
  overflow:visible!important;
  contain:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card)>.skin-card{
  margin:0!important;
  width:100%!important;
  max-width:100%!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 -28px 48px rgba(0,0,0,.22),0 11px 26px rgba(0,0,0,.26)!important;
}

/* Keep hover tactile, but do not grow cards through the top of scroll containers. */
:root[data-visual-style="2040"][data-theme="hub"] :is(
  .upgrade-inv-card:hover>.skin-card,
  .upgrade-target-card:hover>.skin-card,
  .contracts-v201 .picker-card:hover>.skin-card,
  .plane-inventory-card:hover>.skin-card,
  .plane-public-picker-card:hover>.skin-card
){
  transform:translate3d(0,-2px,0)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(.plane-inventory-card,.plane-public-picker-card):hover{
  transform:translate3d(0,-2px,0)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item:hover{
  transform:translate3d(0,-2px,0)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(
  .upgrade-inv-card,
  .upgrade-target-card,
  .contracts-v201 .picker-card,
  .plane-inventory-card,
  .plane-public-picker-card,
  .profile-v80-content .profile-page-item
) :is(.skin-art,.real-skin img){
  backface-visibility:hidden!important;
}
:root[data-visual-style="2040"][data-theme="hub"] :is(
  .upgrade-inv-card:hover,
  .upgrade-target-card:hover,
  .contracts-v201 .picker-card:hover,
  .plane-inventory-card:hover,
  .plane-public-picker-card:hover
)>.skin-card>.skin-art,
:root[data-visual-style="2040"][data-theme="hub"] .profile-v80-content .profile-page-item:hover .skin-art{
  transform:translate3d(0,-2px,0) scale(1.008)!important;
  filter:drop-shadow(0 15px 14px rgba(0,0,0,.36))!important;
}

/* ---------------------------------------------------------------
   4) TOP DROP / LONG-SCROLL PERFORMANCE
   --------------------------------------------------------------- */
:root[data-visual-style="2040"][data-theme="hub"] #topDropTrack{
  contain:layout style!important;
  overscroll-behavior-inline:contain!important;
  scroll-behavior:auto!important;
  transform:translateZ(0)!important;
  backface-visibility:hidden!important;
}
:root[data-visual-style="2040"][data-theme="hub"] #topDropTrack.dragging{
  cursor:grabbing!important;
  scroll-snap-type:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-top-progress i{
  width:100%!important;
  transform:scaleX(.24);
  transform-origin:0 50%!important;
  will-change:transform!important;
}

/* Interactive cards: animate only compositor/cheap properties. Avoid implicit
   transition:all and hover-time filter changes on scrolling surfaces. */
:root[data-visual-style="2040"][data-theme="hub"] :is(
  .skin-card,.profile-page-item,.picker-card,.plane-inventory-card,
  .plane-public-picker-card,.upgrade-inv-card,.upgrade-target-card,
  .case-card,.k220-oscar-card,.k221-oscar-tile
){
  transition-property:transform,opacity,border-color,background-color!important;
  transition-duration:.16s,.14s,.16s,.16s!important;
  transition-timing-function:cubic-bezier(.2,.78,.2,1)!important;
}

/* ---------------------------------------------------------------
   5) FOOTER BRAND AXIS + EXACT BADGE PLACEMENT
   --------------------------------------------------------------- */
html[data-visual-style="2040"] .korzh-footer-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}
html[data-visual-style="2040"] .korzh-footer-brand .korzh-footer-logo{
  align-self:center!important;
  justify-content:center!important;
}
html[data-visual-style="2040"] .korzh-footer-brand>p{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
html[data-visual-style="2040"] .korzh-footer-brand .korzh-footer-badges{
  width:100%!important;
  justify-content:center!important;
  align-items:center!important;
  align-self:center!important;
}

/* ---------------------------------------------------------------
   6) CASE SHELVES — Chromium repaint hard-fix.
      content-visibility + paint containment + 3D children could leave tiles
      unpainted until hover invalidated the layer. Keep layout containment only.
   --------------------------------------------------------------- */
:root[data-visual-style="2040"][data-theme="hub"] .page-cases :is(
  .hub-showcase-collection,.k221-oscar-section,.collection-fold,
  .collection-fold-inner,.hub-showcase-frame,.case-grid
){
  content-visibility:visible!important;
  contain:layout style!important;
  contain-intrinsic-size:none!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases :is(.case-card,.k220-oscar-card,.k221-oscar-tile){
  content-visibility:visible!important;
  contain:layout style!important;
  transform-style:flat!important;
  backface-visibility:hidden!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-card{
  transform:translate3d(0,0,0)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-card:hover{
  transform:translate3d(0,-4px,0) scale(1.008)!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-card :is(.case-art,.case-card-title,.case-price-tag){
  transform:translate3d(0,0,0)!important;
  backface-visibility:hidden!important;
}
:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-card:hover .case-art{
  transform:translate3d(0,-2px,0) scale(1.012)!important;
  filter:none!important;
}\n/* --- v439-ui-regression-fix.css --- */\n/* KORZH v439: restore 1920x1080 reference composition; no physical-inch stretching. */\n\n/* Multi-open stays compositor-driven, but the card under the pointer gets the subtle scale back. */\n:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-v166.is-multi.mode-opening .case-roulette-card-v166,\n:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-v166.is-multi.mode-opening .case-roulette-card-v166:not(.is-focused){\n  opacity:.92!important;filter:none!important;transform:translateZ(0) scale(1)!important;transition:transform 80ms linear,opacity 80ms linear!important;\n}\n:root[data-visual-style="2040"][data-theme="hub"] .case-roulette-v166.is-multi.mode-opening .case-roulette-card-v166.is-focused{\n  opacity:1!important;filter:none!important;transform:translateZ(0) scale(1.035)!important;z-index:5!important;\n  border-color:color-mix(in srgb,var(--rarity) 76%,#fff 14%)!important;\n}\n\n/* Upgrade cards: no grey wrapper and no invisible bottom clipping. */\n:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inventory-grid,.upgrade-target-grid,.hub-u151-inventory-grid,.hub-u151-target-grid){\n  overflow:visible!important;clip-path:none!important;padding-bottom:16px!important;\n}\n:root[data-visual-style="2040"][data-theme="hub"] :is(.upgrade-inv-card,.upgrade-target-card){overflow:visible!important;clip-path:none!important;background:transparent!important}\n\n/* Contracts / plane / inventory: card and skin art grow together, with safe inner scaling. */\n:root[data-visual-style="2040"][data-theme="hub"] :is(.contracts-v201 .picker-card,.k356-contracts-absolute .picker-card,.picker-section .picker-card,.plane-inventory-card,.plane-public-picker-card,.profile-v80-content .profile-page-item):hover .skin-art{\n  transform:translate3d(0,-3px,0) scale(1.045)!important;transform-origin:50% 52%!important;\n}\n:root[data-visual-style="2040"][data-theme="hub"] :is(.contracts-v201 .picker-card,.k356-contracts-absolute .picker-card,.picker-section .picker-card,.plane-inventory-card,.plane-public-picker-card,.profile-v80-content .profile-page-item):hover .skin-art img,\n:root[data-visual-style="2040"][data-theme="hub"] :is(.contracts-v201 .picker-card,.k356-contracts-absolute .picker-card,.picker-section .picker-card,.plane-inventory-card,.plane-public-picker-card,.profile-v80-content .profile-page-item):hover .real-skin img{\n  transform:scale(1.035)!important;transform-origin:50% 52%!important;\n}\n\n/* Top Drop: visible visual-only progress line. */\n:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-top-progress{\n  display:block!important;height:2px!important;margin:8px 10px 0!important;border-radius:999px!important;overflow:hidden!important;\n  background:rgba(255,240,228,.055)!important;pointer-events:none!important;\n}\n:root[data-visual-style="2040"][data-theme="hub"] .profile-v81-top-progress i{\n  display:block!important;width:100%!important;height:100%!important;transform:scaleX(.18);transform-origin:left center!important;\n  background:linear-gradient(90deg,rgba(235,155,111,.38),rgba(255,229,211,.92))!important;box-shadow:0 0 9px rgba(230,145,102,.22)!important;will-change:transform!important;\n}\n\n/* Footer in 2040 is text on the site background everywhere, not a separate plate. */\n:root[data-visual-style="2040"][data-theme="hub"] .korzh-footer{\n  background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;\n}\n:root[data-visual-style="2040"][data-theme="hub"] .korzh-footer::before{display:none!important;content:none!important}\n\n/* Cases must be painted before hover. Avoid Chromium's stale composited/lazy shelf tiles. */\n:root[data-visual-style="2040"][data-theme="hub"] .page-cases :is(.hub-showcase-collection,.case-row,.case-grid,.case-card){\n  content-visibility:visible!important;contain:none!important;visibility:visible!important;opacity:1!important;\n}\n:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-card:not(:hover){transform:none!important}\n:root[data-visual-style="2040"][data-theme="hub"] .page-cases .case-card :is(.case-art,.case-art img){visibility:visible!important;opacity:1!important}\n