/* KORZH v486 — SYSTEM HARD FIX / VOLUMETRIC LUXURY / LOCKED GAME RESULTS */
:root[data-visual-style="2040"]{
  --k486-bg:#0d0b0d;
  --k486-surface:#171316;
  --k486-surface-2:#1c171a;
  --k486-surface-3:#221b1e;
  --k486-line:rgba(255,246,239,.085);
  --k486-line-hi:rgba(255,246,239,.14);
  --k486-warm:#d49a76;
  --k486-text:#fff7f1;
  --k486-muted:rgba(255,247,241,.48);
  --k486-ease:cubic-bezier(.22,1,.36,1);
}

/* ---------- 1. ONE MOTION LANGUAGE ---------- */
:root[data-visual-style="2040"] :is(button,a,[role="button"],.case-result-card-v167,.upgrade-inv-card,.upgrade-target-card,.picker-card,.skin-card){
  transition:transform .18s var(--k486-ease),opacity .18s var(--k486-ease),background-color .18s ease,border-color .18s ease,box-shadow .18s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}
:root[data-visual-style="2040"] :is(button,a,[role="button"]):active{transform:translateY(1px)!important}
:root[data-visual-style="2040"] .k482-soft-mount{animation:k486SoftIn .22s var(--k486-ease) both!important}
@keyframes k486SoftIn{from{opacity:.55;transform:translate3d(0,7px,0)}to{opacity:1;transform:translate3d(0,0,0)}}

/* ---------- 2. UPGRADE = CLOSED ROUND UNTIL "AGAIN" ---------- */
:root[data-visual-style="2040"] .hub-u151-page.k486-upgrade-result-locked .hub-u151-browsers,
:root[data-visual-style="2040"] .hub-u151-page:has(.hub-u151-actions.has-result) .hub-u151-browsers{
  pointer-events:none!important;
  opacity:.34!important;
  filter:saturate(.70) brightness(.90)!important;
  transition:opacity .22s var(--k486-ease),filter .22s ease!important;
}
:root[data-visual-style="2040"] .hub-u151-page:has(.hub-u151-actions.has-result) .hub-u151-stage{
  filter:none!important;
}
:root[data-visual-style="2040"] .hub-u151-result-actions,
:root[data-visual-style="2040"] .hub-u151-retry{
  animation:k486ActionIn .22s var(--k486-ease) both!important;
}
@keyframes k486ActionIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

/* ---------- 3. TRUE BODY-LEVEL CENTERED GAME MODALS ---------- */
#k486ContractResultPortal,#k486PlaneResultPortal{
  position:fixed!important;inset:0!important;z-index:2147483300!important;
  display:grid!important;place-items:center!important;pointer-events:none!important;
}
#k486ContractResultPortal>.contract-reveal-overlay,
#k486PlaneResultPortal>.plane-result-overlay-v267{
  position:absolute!important;inset:0!important;width:100vw!important;height:100dvh!important;
  margin:0!important;padding:24px!important;display:grid!important;place-items:center!important;
  pointer-events:auto!important;overflow:auto!important;
  background:rgba(7,5,6,.70)!important;
  backdrop-filter:blur(7px) saturate(.82)!important;-webkit-backdrop-filter:blur(7px) saturate(.82)!important;
  box-sizing:border-box!important;
}
#k486ContractResultPortal .k230-contract-stage,
#k486ContractResultPortal .k222-core-stage,
#k486ContractResultPortal .contract-reveal-card,
#k486PlaneResultPortal .plane-result-card-v267{
  position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  margin:auto!important;transform:none!important;max-height:calc(100dvh - 48px)!important;
  box-sizing:border-box!important;
}
#k486ContractResultPortal .k230-contract-stage{min-height:0!important;height:auto!important;overflow:auto!important}
#k486PlaneResultPortal .plane-result-card-v267{min-height:0!important}

/* contract summary: no fake 100% chance */
:root[data-visual-style="2040"] .k486-contract-note{
  min-width:170px!important;padding:10px 14px!important;border-radius:15px!important;
  border:1px solid var(--k486-line)!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,.035)!important;text-align:right!important;
}
:root[data-visual-style="2040"] .k486-contract-note small{display:block!important;color:var(--k486-muted)!important;font-size:8px!important;letter-spacing:.14em!important}
:root[data-visual-style="2040"] .k486-contract-note strong{display:block!important;margin-top:4px!important;color:var(--k486-text)!important;font-size:10px!important;letter-spacing:.04em!important}

/* ---------- 4. DEPOSIT: ACTUALLY NEW MARKUP ---------- */
:root[data-visual-style="2040"] #depositPortal .k486-deposit-overlay{
  position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;
  display:grid!important;place-items:center!important;padding:20px!important;z-index:2147483500!important;
  background:rgba(7,5,6,.72)!important;backdrop-filter:blur(8px) saturate(.84)!important;-webkit-backdrop-filter:blur(8px) saturate(.84)!important;
}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-modal{
  width:min(900px,calc(100vw - 40px))!important;max-height:calc(100dvh - 40px)!important;overflow:hidden!important;
  border:1px solid var(--k486-line-hi)!important;border-radius:28px!important;
  background:linear-gradient(145deg,#191416 0%,#101014 46%,#0b0d12 100%)!important;
  box-shadow:0 42px 120px rgba(0,0,0,.60),inset 0 1px rgba(255,255,255,.055),inset 0 -1px rgba(0,0,0,.5)!important;
  animation:k486ModalIn .20s var(--k486-ease) both!important;
}
@keyframes k486ModalIn{from{opacity:0;transform:translateY(9px) scale(.992)}to{opacity:1;transform:none}}
:root[data-visual-style="2040"] #depositPortal.k397-deposit-refresh .k486-deposit-modal{animation:none!important}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-head{
  min-height:86px!important;display:grid!important;grid-template-columns:190px minmax(300px,1fr) 42px!important;align-items:center!important;gap:16px!important;
  padding:16px 18px 16px 24px!important;border-bottom:1px solid rgba(255,255,255,.055)!important;background:rgba(255,255,255,.012)!important;
}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-head small{color:#c99170!important;font-size:8px!important;font-weight:900!important;letter-spacing:.17em!important}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-head h2{margin:5px 0 0!important;color:var(--k486-text)!important;font-size:25px!important;line-height:1!important;letter-spacing:.01em!important}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-promo{display:grid!important;grid-template-columns:minmax(0,1fr) 112px auto!important;gap:8px!important;align-items:center!important}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-promo input{
  width:100%!important;height:44px!important;padding:0 14px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:13px!important;
  background:#0b0d12!important;color:#fff4ec!important;outline:none!important;box-shadow:inset 0 1px rgba(255,255,255,.02)!important;
}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-promo button,
:root[data-visual-style="2040"] #depositPortal .k486-submit{
  border:0!important;background:linear-gradient(180deg,#d29a76,#a86f4f)!important;color:#21120d!important;font-weight:900!important;box-shadow:inset 0 1px rgba(255,255,255,.23),0 7px 18px rgba(0,0,0,.18)!important;
}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-promo button{height:44px!important;border-radius:13px!important;font-size:9px!important}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-promo em{padding:7px 9px!important;border-radius:999px!important;background:rgba(101,207,139,.11)!important;color:#82daa2!important;font-size:9px!important;font-style:normal!important;font-weight:900!important}
:root[data-visual-style="2040"] #depositPortal .k486-modal-close{
  width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border:1px solid var(--k486-line)!important;border-radius:13px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;color:#f4e8e0!important;font-size:22px!important;box-shadow:inset 0 1px rgba(255,255,255,.04)!important;
}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-body{display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;min-height:520px!important}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-modes{
  display:flex!important;flex-direction:column!important;gap:10px!important;padding:24px 18px!important;border-right:1px solid rgba(255,255,255,.055)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)!important;
}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-modes>span,
:root[data-visual-style="2040"] #depositPortal .k486-choice-group>span,
:root[data-visual-style="2040"] #depositPortal .k486-amount>span{color:rgba(255,255,255,.36)!important;font-size:8px!important;font-weight:850!important;letter-spacing:.15em!important}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-modes>button{
  width:100%!important;height:72px!important;display:grid!important;grid-template-columns:42px 1fr!important;align-items:center!important;gap:10px!important;text-align:left!important;padding:12px!important;
  border:1px solid rgba(255,255,255,.065)!important;border-radius:17px!important;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012))!important;color:#f6ece5!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-modes>button.active{background:linear-gradient(180deg,rgba(218,157,119,.12),rgba(218,157,119,.045))!important;border-color:rgba(218,157,119,.25)!important;box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 28px rgba(0,0,0,.13)!important}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-modes>button i{width:42px!important;height:42px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:#10131a!important}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-modes>button i svg{width:21px!important;height:21px!important}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-modes>small{margin-top:auto!important;display:flex!important;align-items:center!important;gap:7px!important;color:rgba(255,255,255,.33)!important;font-size:8px!important;line-height:1.4!important}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-modes>small i{width:7px!important;height:7px!important;border-radius:50%!important;background:#6fd39a!important;box-shadow:0 0 12px rgba(111,211,154,.45)!important}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-content{padding:24px!important;display:grid!important;align-content:start!important;gap:18px!important;overflow:auto!important}
:root[data-visual-style="2040"] #depositPortal .k486-choice-group{display:grid!important;gap:9px!important}
:root[data-visual-style="2040"] #depositPortal :is(.k486-choice-grid,.k486-country-grid){display:grid!important;gap:10px!important}
:root[data-visual-style="2040"] #depositPortal .k486-country-grid{grid-template-columns:repeat(3,64px)!important}
:root[data-visual-style="2040"] #depositPortal .k486-country-grid button{
  width:64px!important;height:50px!important;display:grid!important;place-items:center!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:15px!important;background:#11131a!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
:root[data-visual-style="2040"] #depositPortal .k486-country-grid button.active{border-color:rgba(217,155,117,.30)!important;background:#1c1719!important}
:root[data-visual-style="2040"] #depositPortal .k486-country-grid img{width:27px!important;height:19px!important;object-fit:cover!important;border-radius:5px!important;box-shadow:0 3px 8px rgba(0,0,0,.25)!important}
:root[data-visual-style="2040"] #depositPortal .k486-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
:root[data-visual-style="2040"] #depositPortal .k486-choice-grid button{
  min-height:82px!important;padding:12px!important;display:grid!important;place-items:center!important;align-content:center!important;gap:7px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:17px!important;background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012))!important;color:#eee4dd!important;box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
}
:root[data-visual-style="2040"] #depositPortal .k486-choice-grid button.active{border-color:rgba(217,155,117,.28)!important;background:linear-gradient(180deg,rgba(217,155,117,.09),rgba(217,155,117,.025))!important}
:root[data-visual-style="2040"] #depositPortal .k486-choice-grid button :is(svg,.k402-brand-svg,.k402-coin-svg,.k402-network-svg){max-width:72px!important;max-height:30px!important}
:root[data-visual-style="2040"] #depositPortal .k486-choice-grid button b{font-size:9px!important;color:#e8ddd6!important}
:root[data-visual-style="2040"] #depositPortal .k486-deposit-divider{height:1px!important;background:rgba(255,255,255,.055)!important}
:root[data-visual-style="2040"] #depositPortal .k486-pay-summary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
:root[data-visual-style="2040"] #depositPortal .k486-pay-summary>div{min-height:64px!important;padding:12px 14px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:16px!important;background:rgba(255,255,255,.016)!important;box-shadow:inset 0 1px rgba(255,255,255,.02)!important}
:root[data-visual-style="2040"] #depositPortal .k486-pay-summary small{display:block!important;color:rgba(255,255,255,.32)!important;font-size:7px!important;letter-spacing:.15em!important}
:root[data-visual-style="2040"] #depositPortal .k486-pay-summary strong{display:block!important;margin-top:7px!important;color:#fff2e9!important;font-size:14px!important}
:root[data-visual-style="2040"] #depositPortal .k486-amount{display:grid!important;gap:8px!important}
:root[data-visual-style="2040"] #depositPortal .k486-amount>div{height:56px!important;display:grid!important;grid-template-columns:1fr 44px!important;align-items:center!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:15px!important;background:#0b0d12!important;overflow:hidden!important}
:root[data-visual-style="2040"] #depositPortal .k486-amount input{width:100%!important;height:100%!important;padding:0 15px!important;border:0!important;outline:0!important;background:transparent!important;color:#fff6ef!important;font-size:20px!important;font-weight:850!important;box-shadow:none!important}
:root[data-visual-style="2040"] #depositPortal .k486-amount img{width:18px!important;height:18px!important}
:root[data-visual-style="2040"] #depositPortal .k486-presets{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important}
:root[data-visual-style="2040"] #depositPortal .k486-presets button{height:38px!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:12px!important;background:rgba(255,255,255,.018)!important;color:rgba(255,255,255,.60)!important;font-size:9px!important}
:root[data-visual-style="2040"] #depositPortal .k486-submit{width:100%!important;height:52px!important;border-radius:15px!important;font-size:10px!important;letter-spacing:.09em!important}
:root[data-visual-style="2040"] #depositPortal .k486-submit:disabled{opacity:.35!important;filter:saturate(.45)!important}

/* ---------- 5. PRICE COMPONENT: NO COLLECTION COLOUR CAN BLEED THROUGH ---------- */
html:root[data-visual-style="2040"] body .page-cases .k486-case-price{
  box-sizing:border-box!important;min-width:102px!important;width:auto!important;height:38px!important;min-height:38px!important;max-height:38px!important;
  padding:0 15px!important;margin:10px auto 0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  border:1px solid rgba(255,255,255,.105)!important;outline:0!important;border-radius:12px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.072),rgba(255,255,255,.018) 42%),linear-gradient(180deg,#201a1d,#121014)!important;
  color:#fff7f0!important;box-shadow:inset 0 1px rgba(255,255,255,.075),inset 0 -1px rgba(0,0,0,.44),0 8px 18px rgba(0,0,0,.22)!important;
  filter:none!important;text-shadow:none!important;transform:none!important;overflow:hidden!important;
}
html:root[data-visual-style="2040"] body .page-cases .k486-case-price::before,
html:root[data-visual-style="2040"] body .page-cases .k486-case-price::after{display:none!important;content:none!important}
html:root[data-visual-style="2040"] body .page-cases .k486-case-price *{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#fff7f0!important;text-shadow:none!important}
html:root[data-visual-style="2040"] body .page-cases .k486-case-price :is(.korzh-money-number,.case-price-value){font-size:13px!important;font-weight:900!important;line-height:1!important}
html:root[data-visual-style="2040"] body .page-cases .k486-case-price .korzh-currency-symbol{opacity:.82!important;font-size:12px!important}
html:root[data-visual-style="2040"] body .page-cases :is(.case-card,.k220-oscar-card,.k221-oscar-tile,.k449-chick-pick-tile):hover .k486-case-price{border-color:rgba(255,255,255,.145)!important;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.022) 42%),linear-gradient(180deg,#241d21,#141115)!important;transform:none!important}

/* ---------- 6. VOLUMETRIC SITE LANGUAGE ---------- */
/* v487: removed broad surface background which produced the unwanted page-wide
   rectangle behind Upgrade, Contracts and the Profile. Style actual cards only. */
:root[data-visual-style="2040"] .page-cases .hub-showcase-frame{
  position:relative!important;border-radius:22px!important;background:radial-gradient(ellipse 70% 58% at 50% 48%,rgba(255,226,207,.035),transparent 70%)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.018)!important;
}
:root[data-visual-style="2040"] .page-cases :is(.case-card img,.k220-oscar-visual img,.k221-oscar-visual img,.k449-chick-pick-visual img){
  filter:drop-shadow(0 17px 19px rgba(0,0,0,.28)) drop-shadow(0 3px 6px rgba(255,220,197,.035))!important;
  transform:none!important;transition:filter .20s ease,transform .20s var(--k486-ease)!important;
}
:root[data-visual-style="2040"] .page-cases :is(.case-card,.k220-oscar-card,.k221-oscar-tile,.k449-chick-pick-tile):hover img{
  transform:translate3d(0,-2px,0)!important;filter:drop-shadow(0 19px 22px rgba(0,0,0,.31)) drop-shadow(0 4px 8px rgba(255,220,197,.05))!important;
}
:root[data-visual-style="2040"] :is(.hub-u151-side,.hub-u151-core,.hub-u151-browser,.k356-contract-board,.case-roulette-board-v166){
  border-color:rgba(255,255,255,.07)!important;
  background:linear-gradient(155deg,rgba(255,255,255,.035),rgba(255,255,255,.008) 38%),rgba(14,14,18,.84)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035),inset 0 -1px rgba(0,0,0,.38),0 18px 38px rgba(0,0,0,.15)!important;
}

/* case result = polished transition, no flash */
:root[data-visual-style="2040"] .case-results-v167{contain:layout paint!important}
:root[data-visual-style="2040"] .case-result-card-v167{backface-visibility:hidden!important;will-change:transform,opacity!important}
:root[data-visual-style="2040"] .case-result-card-v167.k484-result-selling{opacity:0!important;transform:translate3d(0,8px,0) scale(.985)!important}
:root[data-visual-style="2040"] .result-stage-v166.k484-result-shell-exit{opacity:0!important;transform:translate3d(0,7px,0)!important}

/* clean fields — no black lines / browser residue */
:root[data-visual-style="2040"] :is(input,textarea,select),
:root[data-visual-style="2040"] :is(input,textarea,select):focus,
:root[data-visual-style="2040"] :is(input,textarea,select):focus-visible{outline:0!important;box-shadow:none!important}
:root[data-visual-style="2040"] :is(.upgrade-search,.case-filter.search-filter,.upgrade-price-range label,.case-filter.price-filter){background:#0d0f13!important;background-image:none!important;box-shadow:inset 0 1px rgba(255,255,255,.018)!important}
:root[data-visual-style="2040"] :is(.upgrade-search,.case-filter.search-filter,.upgrade-price-range label,.case-filter.price-filter)::before,
:root[data-visual-style="2040"] :is(.upgrade-search,.case-filter.search-filter,.upgrade-price-range label,.case-filter.price-filter)::after{display:none!important;content:none!important}

/* ---------- PHONE: preserve v485 but center game results and deposit cleanly ---------- */
@media(max-width:720px){
  #k486ContractResultPortal>.contract-reveal-overlay,#k486PlaneResultPortal>.plane-result-overlay-v267{padding:10px!important}
  #k486ContractResultPortal .k230-contract-stage,#k486PlaneResultPortal .plane-result-card-v267{max-height:calc(100dvh - 20px)!important;width:calc(100vw - 20px)!important}
  :root[data-visual-style="2040"] #depositPortal .k486-deposit-overlay{padding:8px!important}
  :root[data-visual-style="2040"] #depositPortal .k486-deposit-modal{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;overflow:auto!important;border-radius:20px!important}
  :root[data-visual-style="2040"] #depositPortal .k486-deposit-head{grid-template-columns:1fr 40px!important;grid-template-areas:'title close' 'promo promo'!important;gap:10px!important;padding:14px!important}
  :root[data-visual-style="2040"] #depositPortal .k486-deposit-head>div:first-child{grid-area:title!important}
  :root[data-visual-style="2040"] #depositPortal .k486-deposit-promo{grid-area:promo!important;grid-template-columns:1fr 98px!important}
  :root[data-visual-style="2040"] #depositPortal .k486-deposit-promo em{display:none!important}
  :root[data-visual-style="2040"] #depositPortal .k486-modal-close{grid-area:close!important}
  :root[data-visual-style="2040"] #depositPortal .k486-deposit-body{grid-template-columns:1fr!important;min-height:0!important}
  :root[data-visual-style="2040"] #depositPortal .k486-deposit-modes{display:grid!important;grid-template-columns:1fr 1fr!important;padding:12px 14px!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
  :root[data-visual-style="2040"] #depositPortal .k486-deposit-modes>span,:root[data-visual-style="2040"] #depositPortal .k486-deposit-modes>small{grid-column:1/-1!important}
  :root[data-visual-style="2040"] #depositPortal .k486-deposit-modes>button{height:58px!important;grid-template-columns:34px 1fr!important}
  :root[data-visual-style="2040"] #depositPortal .k486-deposit-modes>button i{width:34px!important;height:34px!important}
  :root[data-visual-style="2040"] #depositPortal .k486-deposit-content{padding:14px!important;gap:14px!important}
  :root[data-visual-style="2040"] #depositPortal .k486-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  :root[data-visual-style="2040"] #depositPortal .k486-presets{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  :root[data-visual-style="2040"] #depositPortal .k486-pay-summary{grid-template-columns:1fr!important}
}