/* DXCKSHOTI product-detail/cart typography, controls and brand pink. */
:root{--dx-font:"Helvetica Neue",Helvetica,Arial,sans-serif;--dx-pink:#be2994;--reward-gradient:linear-gradient(105deg,#be2994 0%,#ce41a5 60%,#dc70bb 100%);--reward-color:#be2994;--reward-flash:#f6ddec}
html[data-reward="06"]{--reward-gradient:linear-gradient(105deg,#be2994 0%,#ce41a5 60%,#dc70bb 100%);--reward-color:#be2994;--reward-flash:#f6ddec}
html body[data-mode],
html body[data-mode] :is(button,input,select,textarea,h1,h2,h3,p,span,strong,small,dt,dd,a,label,summary,li,th,td){font-family:var(--dx-font)!important}
html body[data-mode] :is(.section-title,.page-title,#dialog-title){font-weight:600;letter-spacing:-.025em}
html body[data-mode] :is(.mobile-player-name,.mobile-player-balance){font-weight:600;letter-spacing:-.02em}
html body[data-mode] .mobile-phase-links :is(.phase-season,.phase-round){font-weight:500}
html body[data-mode] :is(.game-timer-value,.superprize-fund strong,.burn-available>strong){font-weight:600!important;letter-spacing:-.025em;font-variant-numeric:tabular-nums}
html[data-look] body[data-mode][data-screen=game] :is(.game-earned>strong,.game-potential>strong,.game-summary dd){font-weight:600}
html[data-look] body[data-mode][data-screen=game] .game-prize-ink,
html[data-look] body[data-mode][data-screen=game] .game-investments .mvp-list-value>strong{background-image:var(--reward-gradient)!important;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:var(--dx-pink);font-weight:500!important}
html[data-look] body[data-mode][data-screen=game] .game-investments .mvp-list-main>strong{font-weight:500!important}
html[data-look] body[data-mode][data-screen=game] .game-investments .mvp-list-main>small{font-weight:400!important;color:#8b8b94}
html[data-look] body[data-mode][data-screen=game] .controls-v5 .controls-v5-joint{background:#111;border-radius:999px;box-shadow:none}
html[data-look] body[data-mode][data-screen=game] .controls-v5 :is(.game-deposit>strong,.controls-v5-auto>strong){font-weight:500;letter-spacing:-.025em}
html[data-look] body[data-mode][data-screen=game] .controls-v5 .game-award-side{border-color:#ffffff26}
html[data-look] body[data-mode][data-screen=game] .controls-v5 .game-award-side>strong{font-weight:500;letter-spacing:-.025em}
html[data-look] body[data-mode][data-screen=game] .game-claim{border-radius:999px;font-weight:500;letter-spacing:-.015em;box-shadow:none}
html body[data-mode] #dialog{border-radius:26px}
html body[data-mode] #dialog :is(.button-primary,.button-secondary){border-radius:999px;box-shadow:none;font-weight:500;letter-spacing:-.015em}
html body[data-mode]:not([data-screen=burning]) #dialog .button-primary{background:#111;color:#fff}
html body[data-mode]:not([data-screen=burning]) #dialog .button-secondary{background:#f0f0f3;color:#282828;border:0}
html body[data-mode][data-screen=tickets] .superprize-tabs>button{font-weight:500}
html body[data-mode][data-screen=tickets] .superprize-prize-tier>strong{font-weight:600}
html body[data-mode][data-screen=tickets] .superprize-prize-tier>span{font-weight:500}
html body[data-mode][data-screen=tickets] .superprize-summary dd{font-weight:600}

/* Flush mobile purchase dock, matching the DXCKSHOTI cart action. */
html[data-look] body[data-mode][data-screen=game] .controls-v5{padding:0!important;border:0;border-radius:0;background:#111}
html[data-look] body[data-mode][data-screen=game] .controls-v5 .controls-v5-joint{width:100%;margin:0;border-radius:0;background:#111;box-shadow:none;min-height:56px}
html[data-look] body[data-mode][data-screen=game] .controls-v5 :is(.game-deposit,.controls-v5-auto){height:56px;min-height:56px;border-radius:0;padding:10px 12px}
html[data-look] body[data-mode][data-screen=game] .controls-v5 :is(.game-deposit>strong,.controls-v5-auto>strong){font-size:20px;line-height:24px;font-weight:700!important;letter-spacing:-.035em}
html[data-look] body[data-mode][data-screen=game] .controls-v5 .game-deposit.is-cooling>strong{font-size:17px}
html[data-look] body[data-mode][data-screen=game] .controls-v5 .game-award-side{width:76px;min-width:76px;margin:9px 0;padding:0 10px}
html[data-look] body[data-mode][data-screen=game] .controls-v5 .game-award-side>strong{font-size:19px;font-weight:650}

/* One central switch between labels: no option cards or outlined buttons. */
html[data-look] body[data-mode][data-screen=game] .contribution-mode-bridge{display:grid;grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);align-items:center;gap:12px;width:100%;margin:0 0 14px}
html[data-look] body[data-mode=mobile][data-screen=game] .contribution-mode-bridge{position:relative;top:-10px}
html[data-look] body[data-mode][data-screen=game] .mode-label{display:flex;flex-direction:column;gap:4px;padding:6px 0;border:0;border-radius:0;background:none;box-shadow:none;color:#898993;text-align:left;min-height:44px}
html[data-look] body[data-mode][data-screen=game] .mode-label-auto{text-align:right;align-items:flex-end}
.mode-label strong{font-size:14px;font-weight:500;line-height:18px;letter-spacing:-.025em}.mode-label small{font-size:10px;line-height:14px;color:#9797a0}
.contribution-mode-bridge:not([data-auto=true]) .mode-label-manual strong,
.contribution-mode-bridge[data-auto=true] .mode-label-auto strong{color:#28282e}
html[data-look] body[data-mode][data-screen=game] .mode-bridge-switch{position:relative;display:block;width:62px;height:34px;padding:0;border:0;border-radius:999px;background:#d9d9e1;box-shadow:none;touch-action:manipulation}
.mode-bridge-switch>span{position:absolute;top:3px;left:3px;width:28px;height:28px;border-radius:50%;background:white;transform:translateX(0);transition:transform 180ms ease}
html[data-look] body[data-mode][data-screen=game] .mode-bridge-switch[aria-checked=true]{background:#3d3d45}.mode-bridge-switch[aria-checked=true]>span{transform:translateX(28px)}
.mode-bridge-switch:focus-visible{outline:2px solid #be2994;outline-offset:4px}
/* Purchase action geometry. Fixed anchoring is defined below. */
html[data-look] body[data-mode][data-screen=game] .game-controls.controls-v5{position:static!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%!important;max-width:none;min-height:0;height:auto;grid-column:auto;grid-row:auto;margin:0 0 20px!important;padding:0!important;background:transparent!important;z-index:auto;border:0}
html[data-look] body[data-mode][data-screen=game] .controls-v5 .controls-v5-joint{min-height:74px;border-radius:0}
html[data-look] body[data-mode][data-screen=game] .controls-v5 :is(.game-deposit,.controls-v5-auto){min-height:74px;height:74px;padding:14px 12px}
html[data-look] body[data-mode][data-screen=game] .controls-v5 :is(.game-deposit>strong,.controls-v5-auto>strong){font-size:22px;line-height:26px;font-weight:700!important}
html[data-look] body[data-mode][data-screen=game] .controls-v5 .game-award-side{margin-block:15px;width:80px;min-width:80px}
html body[data-mode=mobile] .mobile-nav{position:fixed!important;bottom:0!important;z-index:100;backface-visibility:hidden}
html body[data-mode=mobile][data-screen=game] .game-page{padding-bottom:calc(75px + env(safe-area-inset-bottom))!important}
html body[data-mode=mobile][data-screen=game] .game-investments{flex:none;overflow:visible;height:auto;max-height:none;min-height:0}
html body[data-mode=mobile][data-screen=game] .game-side{height:auto;max-height:none;overflow:visible;flex:none}
html body[data-mode=mobile][data-screen=game] .game-grid{height:auto;max-height:none;overflow:visible}
@media(prefers-reduced-motion:reduce){.mode-bridge-switch>span{transition:none}}
html body[data-mode=mobile][data-screen=game] .game-page{padding-inline:0!important}
html body[data-mode=mobile][data-screen=game] .game-investments{padding-inline:16px!important;margin-inline:0!important;width:100%;box-sizing:border-box}
html[data-look] body[data-mode=mobile][data-screen=game] .controls-v5 .controls-v5-joint{width:calc(100% + 32px);margin-inline:-16px}

/* Anchor the action directly above navigation, without visualViewport offsets. */
html[data-look] body[data-mode=mobile][data-screen=game] .game-controls.controls-v5{position:fixed!important;top:auto!important;bottom:var(--mobile-game-nav-height,calc(55px + env(safe-area-inset-bottom)))!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;width:min(100%,var(--mobile-frame-width,430px))!important;margin:0!important;z-index:99;background:#111!important}
html[data-look] body[data-mode=mobile][data-screen=game] .controls-v5 .controls-v5-joint{width:100%;margin:0}
html body[data-mode=mobile][data-screen=game] .game-page{padding-bottom:calc(var(--mobile-game-nav-height,55px) + 94px)!important}

/* One fixed container: navigation and action can never drift independently. */
.mobile-bottom-dock{display:contents}
html body[data-mode=mobile] .mobile-bottom-dock{position:fixed;display:flex;flex-direction:column;bottom:0;left:50%;right:auto;transform:translateX(-50%);width:min(100%,var(--mobile-frame-width,430px));margin:0;padding:0;gap:0;z-index:100;isolation:isolate;background:#fff;overflow:hidden}
html body[data-mode=mobile] .mobile-bottom-dock>.mobile-nav{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%!important;max-width:none;margin:0!important;flex:none;z-index:auto;box-sizing:border-box}
html[data-look] body[data-mode=mobile][data-screen=game] .mobile-bottom-dock>.game-controls.controls-v5{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%!important;max-width:none;margin:0!important;flex:none;z-index:auto}
html body[data-mode=mobile][data-screen=burning] .mobile-bottom-dock{background:#141416}

/* Dotted selector: an open path and a travelling circle, without a pill track. */
html[data-look] body[data-mode][data-screen=game] .mode-bridge-switch,
html[data-look] body[data-mode][data-screen=game] .mode-bridge-switch[aria-checked=true]{background:transparent;border:0;border-radius:0;box-shadow:none;height:40px}
.mode-bridge-switch::before{content:'';position:absolute;left:4px;right:4px;top:17px;height:6px;background:radial-gradient(circle,#aaaab7 2px,transparent 2.5px) 0 0/12px 6px repeat-x}
html[data-look] body[data-mode][data-screen=game] .mode-bridge-switch>span{top:8px;left:3px;width:24px;height:24px;background:#3d3d45;border-radius:50%;box-shadow:0 0 0 4px white;transition:transform 180ms ease}
html[data-look] body[data-mode][data-screen=game] .mode-bridge-switch[aria-checked=true]>span{transform:translateX(32px)}
.mode-bridge-switch>span::after{content:'';position:absolute;inset:9px;border-radius:50%;background:#fff}
/* Make the coefficient's destination explicit, without pulsing the whole action. */
html[data-look] body[data-mode][data-screen=game] .controls-v5 .game-award-side{width:94px;min-width:94px;gap:2px}
html[data-look] body[data-mode][data-screen=game] .coefficient-more{display:flex;align-items:center;justify-content:center;gap:2px;font-size:9px;line-height:12px;font-weight:500;color:#bec9d5}
.coefficient-more svg{width:10px;height:10px;flex:none;animation:coefficient-hint 4s ease-in-out infinite}
@keyframes coefficient-hint{0%,
75%,
100%{transform:translateX(0)}83%,
92%{transform:translateX(2px)}}
html[data-look] body[data-mode][data-screen=game] .game-award-side:hover .coefficient-more{color:#fff}
html[data-look] body[data-mode][data-screen=game] .game-award-side:focus-visible{outline:2px solid #fff;outline-offset:-4px}
html[data-look] body[data-mode][data-screen=game] .game-prize-ink,
html[data-look] body[data-mode][data-screen=game] .game-investments .mvp-list-value>strong{font-weight:700!important}
@media(prefers-reduced-motion:reduce){.coefficient-more svg{animation:none}.mode-bridge-switch>span{transition:none!important}}

/* The main scrollport ends above the complete dock, including its scrollbar. */
html body[data-mode][data-screen=game]{overflow:hidden;height:100svh;min-height:0;max-height:100svh}
html body[data-mode][data-screen=game] #app-view{position:fixed;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#46525e transparent;scroll-padding-bottom:16px;min-height:0;height:auto;max-height:none;box-sizing:border-box}
html body[data-mode=mobile][data-screen=game] #app-view{top:0;bottom:calc(var(--mobile-game-nav-height,calc(55px + env(safe-area-inset-bottom))) + var(--mobile-game-controls-height,74px));left:50%;right:auto;transform:translateX(-50%);width:min(100%,var(--mobile-frame-width,430px))}
html body[data-mode][data-screen=game] #app-view::-webkit-scrollbar{width:4px}
html body[data-mode][data-screen=game] #app-view::-webkit-scrollbar-track{background:transparent}
html body[data-mode][data-screen=game] #app-view::-webkit-scrollbar-thumb{background:#46525e;border-radius:99px}
html body[data-mode][data-screen=game] .game-page{padding-bottom:20px!important;min-height:0}
/* GRAM-blue dotted path and a larger directional thumb. */
html[data-look] body[data-mode][data-screen=game] .contribution-mode-bridge{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr)}
html[data-look] body[data-mode][data-screen=game] .mode-bridge-switch{width:76px;height:44px}
html[data-look] body[data-mode][data-screen=game] .mode-bridge-switch::before{top:19px;left:6px;right:6px;background:radial-gradient(circle,#30a1f5 2px,transparent 2.5px) 0 0/12px 6px repeat-x}
html[data-look] body[data-mode][data-screen=game] .mode-bridge-switch>span{display:grid;place-items:center;top:5px;left:3px;width:34px;height:34px;background:#30a1f5;color:white;box-shadow:0 0 0 4px white;transition:transform 220ms cubic-bezier(.2,.7,.2,1)}
html[data-look] body[data-mode][data-screen=game] .mode-bridge-switch[aria-checked=true]>span{transform:translateX(36px)}
html[data-look] body[data-mode][data-screen=game] .mode-bridge-switch>span::after{display:none}
.mode-bridge-switch svg{display:block;width:19px;height:19px;transform:rotate(180deg);transition:transform 220ms cubic-bezier(.2,.7,.2,1)}
.mode-bridge-switch[aria-checked=true] svg{transform:rotate(0)}
html[data-look] body[data-mode][data-screen=game] .game-claim{border-radius:12px!important}
@media(prefers-reduced-motion:reduce){.mode-bridge-switch svg,
.mode-bridge-switch>span{transition:none!important}}

/* Shared graphite / chrome treatment for game details. */
html[data-look] body[data-mode][data-screen=game] .coefficient-more{position:relative;display:block;width:max-content;margin-inline:auto;text-align:center}
html[data-look] body[data-mode][data-screen=game] .coefficient-more svg{position:absolute;left:calc(100% + 3px);top:1px}
html[data-look] body[data-mode][data-screen=game] .game-claim,
html[data-look] body[data-mode][data-screen=game] .game-claim:hover:not(:disabled){background:#46525e!important;color:#fff!important;-webkit-text-fill-color:#fff;box-shadow:none}
html[data-look] body[data-mode][data-screen=game] .game-claim:hover:not(:disabled){filter:brightness(1.08)}
html[data-look] body[data-mode][data-screen=game] .game-claim:focus-visible{outline-color:#46525e}
html body[data-mode]:not([data-screen=burning]) #dialog:is([data-panel=history],[data-panel=coefficient],[data-panel=auto]){background:linear-gradient(135deg,#e4edf3 0,#f0f2f4 140px,#fff 280px);color:#28282e;border:0;box-shadow:0 18px 70px #20202430;scrollbar-color:#46525e transparent}
html body[data-mode] :is(.history-page,.coefficient-page,.auto-page){color:#28282e;--accent:#be2994}
html body[data-mode] :is(.history-page,.coefficient-page,.auto-page) .panel{background:#fff;border:0;box-shadow:none;border-radius:12px}
html body[data-mode] :is(.history-page,.coefficient-page,.auto-page) :is(.badge,.mvp-metrics>div){background:#f0f2f4;color:#46525e;border:0;box-shadow:none;border-radius:12px}
html body[data-mode] :is(.history-page,.coefficient-page,.auto-page) .mvp-metrics dd{color:#394550;font-weight:650}
html body[data-mode] :is(.history-page,.coefficient-page,.auto-page) :is(.tabs,.mvp-subtabs){background:#f0f2f4;border:0;border-radius:12px;padding:4px;gap:3px}
html body[data-mode] :is(.history-page,.coefficient-page,.auto-page) .tabs button{background:transparent;color:#6c767f;border:0;border-radius:9px;box-shadow:none;font-weight:600}
html body[data-mode] :is(.history-page,.coefficient-page,.auto-page) .tabs button:is(.is-active,[aria-selected=true]){background:linear-gradient(115deg,#46525e,#6d7882);color:white}
html body[data-mode] :is(.history-page,.coefficient-page,.auto-page) :is(.text-link,a:not(.button)){color:#be2994}
html body[data-mode] :is(.history-page,.coefficient-page,.auto-page) :is(.muted,.mvp-test-status,.mvp-list-main small,.mvp-list-value small){color:#777783}
html body[data-mode] .coefficient-tier-table td{border-color:#e9ebee;color:#46525e;font-weight:600;padding-block:11px}
html body[data-mode] .coefficient-tier-table tr.is-current{background:#f8eaf4;color:#be2994}
html body[data-mode] .coefficient-tier-table tr.is-current td{color:#be2994;font-weight:700}
html body[data-mode] .history-page .mvp-list-row{border-color:#e9ebee}
html body[data-mode] .history-page .mvp-list-main strong{color:#28282e;font-weight:600}
html body[data-mode] .history-page .mvp-list-value strong{color:#be2994;font-weight:700}
html body[data-mode] .history-page .is-you{background:#f0f2f4}
html body[data-mode] .auto-page .auto-intro p{color:#6c767f;line-height:1.55}
html body[data-mode] .auto-page .auto-intro p strong{color:#28282e}
html body[data-mode] :is(.auto-page,.coefficient-page) .button-primary{background:#28282e!important;color:white;border:0;border-radius:12px!important;min-height:54px;font-weight:700!important;width:100%!important}
html body[data-mode] .auto-page .button-secondary{background:#f0f2f4;color:#46525e;border:0;border-radius:12px!important;min-height:46px}

/* First-load value skeletons; live refreshes keep their existing values. */
body[data-values-loading]{--value-skeleton:#e4e7eb;--value-skeleton-light:#f5f6f8}
body[data-values-loading][data-screen=burning]{--value-skeleton:#303034;--value-skeleton-light:#49494e}
html body[data-values-loading] :is([data-bind],[data-balance-number],[data-header-bind],[data-burn-bind],[data-prize-value="mine"],[data-prize-value="count"],[data-prize-value="width"]):not([data-bind="connection-status"]):not([data-bind="round-status"]):not([data-bind="auto-status"]):not([data-burn-bind="offer-note"]):not([data-burn-bind="offer-status"]){
 display:inline-block;min-width:3.4ch;min-height:.8em;max-width:100%;vertical-align:baseline;border-radius:5px;overflow:hidden;
 color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important;
 background:linear-gradient(105deg,var(--value-skeleton) 15%,var(--value-skeleton-light) 42%,var(--value-skeleton) 68%)!important;background-size:240% 100%!important;background-clip:border-box!important;-webkit-background-clip:border-box!important;
 animation:value-skeleton-shine 1.5s ease-in-out infinite!important;pointer-events:none;user-select:none;
}
html body[data-values-loading] :is([data-bind],[data-balance-number],[data-header-bind],[data-burn-bind]) *{color:transparent!important;-webkit-text-fill-color:transparent!important;visibility:hidden}
html body[data-values-loading] [data-bind="timer"]{width:8ch}
html body[data-values-loading] :is([data-balance-number],[data-bind="season-fund"],[data-burn-bind="available"]){min-width:6ch}
html body[data-values-loading] :is([data-bind="lastPlayer"],[data-bind="coefficient-progress"]){min-width:12ch}
html body[data-values-loading] [data-header-bind]{min-width:1.2ch}
@keyframes value-skeleton-shine{from{background-position:180% 0}to{background-position:-80% 0}}
@media(prefers-reduced-motion:reduce){html body[data-values-loading] :is([data-bind],[data-balance-number],[data-header-bind],[data-burn-bind],[data-prize-value="mine"],[data-prize-value="count"],[data-prize-value="width"]){animation:none!important}}

/* Selected coefficient milestone: centered, variant 09. */
html body[data-mode][data-screen=game] .coefficient-milestone{display:block;width:100%;box-sizing:border-box;margin:18px 0 8px;padding:10px 8px;background:transparent;color:#46525e;border:0;border-radius:0;text-decoration:none;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;box-shadow:none}
.coefficient-milestone .milestone-line{display:flex;align-items:center;justify-content:center;gap:12px;line-height:20px;white-space:nowrap}
.coefficient-milestone .milestone-target{font-size:13px;font-weight:500}
.coefficient-milestone .milestone-target strong{color:#be2994;font-size:18px;letter-spacing:-.035em;font-weight:700;font-variant-numeric:tabular-nums}
.coefficient-milestone .milestone-remaining{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.coefficient-milestone .milestone-line svg{width:12px;height:12px;flex:none;color:#777783}
.coefficient-milestone .milestone-track{display:block;overflow:hidden;width:70%;height:3px;margin:10px auto 0;background:#dce0e5;border-radius:3px}
.coefficient-milestone .milestone-track>span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#46525e,#7a8793);transition:width 240ms ease}
.coefficient-milestone.is-complete .milestone-prefix{display:none}
.coefficient-milestone[hidden]{display:none!important}
.coefficient-milestone:focus-visible{outline:2px solid #be2994;outline-offset:3px}
@media(max-width:350px){.coefficient-milestone .milestone-line{gap:8px}.coefficient-milestone .milestone-remaining{font-size:11px}}
@media(prefers-reduced-motion:reduce){.coefficient-milestone .milestone-track>span{transition:none}}

/* Equal spacing around the next coefficient; emphasize remaining contributions. */
.coefficient-milestone .milestone-line{gap:6px}
.coefficient-milestone .milestone-target{display:inline-flex;align-items:baseline;gap:6px}
.coefficient-milestone .milestone-remaining strong{font-size:inherit;font-weight:800}
.coefficient-milestone .milestone-complete{display:none}
.coefficient-milestone.is-complete .milestone-countdown{display:none}
.coefficient-milestone.is-complete .milestone-complete{display:inline}