/* Case page: drops fly into balance, plus the "upgrade this drop" panel. */

/* ---------- balance flight ---------- */
.cbf{--cbf-tier:#42ddb9;position:fixed;z-index:10050;width:76px;height:58px;pointer-events:none;will-change:transform,opacity}
.cbf-item,.cbf-coin{position:absolute;inset:0;display:grid;place-items:center}
.cbf-item{border:1px solid color-mix(in srgb,var(--cbf-tier) 55%,#364154);border-radius:14px;background:radial-gradient(70% 60% at 50% 45%,color-mix(in srgb,var(--cbf-tier) 26%,transparent),transparent 75%),linear-gradient(180deg,rgba(24,33,47,.96),rgba(9,14,22,.96));box-shadow:0 14px 34px rgba(0,0,0,.42),0 0 22px color-mix(in srgb,var(--cbf-tier) 30%,transparent)}
.cbf-item img{width:90%;height:86%;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.55))}
.cbf-coin{opacity:0;inset:6px -14px;gap:0;grid-auto-flow:column;align-content:center;justify-content:center;column-gap:5px;border-radius:999px;background:linear-gradient(180deg,#7ff8da,#2fcca6);box-shadow:0 0 0 2px rgba(196,255,240,.6),0 0 26px rgba(66,221,185,.75),0 10px 26px rgba(0,0,0,.4);color:#062019}
.cbf-coin i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(6,32,25,.18);font-style:normal;font-size:13px;font-weight:900}
.cbf-coin b{font-size:14px;font-weight:900;font-variant-numeric:tabular-nums;white-space:nowrap}
.site-header .header-wallet-balance.cbf-pop{animation:cbf-pop .62s cubic-bezier(.2,.9,.3,1.3)}
.site-header .header-wallet-balance.cbf-pop [data-balance]{color:#7ff0d3;transition:color .2s}
@keyframes cbf-pop{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(66,221,185,0)}35%{transform:scale(1.12);box-shadow:0 0 0 6px rgba(66,221,185,.22),0 0 26px rgba(66,221,185,.55)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(66,221,185,0)}}

/* ---------- switch next to Demo / Fast mode ---------- */
.case-upgrade-toggle b{white-space:nowrap}

/* ---------- small "Upgrade" chip on each winning reel ---------- */
[data-case-reel-shell]{position:relative}
.cu-chip{position:absolute;right:10px;bottom:10px;z-index:6;display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border:1px solid rgba(66,221,185,.5);border-radius:999px;background:rgba(8,20,18,.94);color:#7ff0d3;font:inherit;font-size:12px;font-weight:800;cursor:pointer;animation:cu-chip-in .35s cubic-bezier(.2,.9,.3,1.2)}
.cu-chip svg{width:14px;height:14px}
.cu-chip:hover{background:rgba(66,221,185,.2);color:#fff}
.cu-chip:focus-visible{outline:2px solid #7ff0d3;outline-offset:2px}
@keyframes cu-chip-in{from{opacity:0;transform:translateY(6px) scale(.9)}}

/* ---------- panel ---------- */
.cu-panel{--cu-line:rgba(255,255,255,.09);--cu-mint:#42ddb9;max-width:1100px;margin:14px auto 0;padding:0 16px;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1);color:#e8edf5;font-feature-settings:"tnum" 1}
.cu-panel.in{opacity:1;transform:none}
.cu-panel[hidden]{display:none}
.cu-inner{position:relative;padding:16px 18px 14px;border:1px solid rgba(66,221,185,.22);border-radius:18px;background:radial-gradient(600px 220px at 50% 0,rgba(66,221,185,.08),transparent 70%),linear-gradient(180deg,rgba(20,27,40,.96),rgba(11,16,25,.97));box-shadow:0 20px 50px rgba(0,0,0,.35)}
.cu-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.cu-head h2{margin:0;font-size:18px;font-weight:800;letter-spacing:-.02em}
.cu-head p{margin:3px 0 0;color:#8794a8;font-size:12.5px}
.cu-x{flex:0 0 auto;width:32px;height:32px;border:1px solid var(--cu-line);border-radius:9px;background:rgba(255,255,255,.04);color:#8794a8;font-size:18px;cursor:pointer}
.cu-x:hover{color:#fff}
.cu-body{display:grid;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);align-items:center;gap:18px}
.cu-side{display:flex;flex-direction:column;gap:8px;min-width:0}
.cu-side small{color:#8794a8;font-size:11.5px;font-weight:750}
.cu-drop-list{display:flex;flex-wrap:wrap;gap:6px}
.cu-drop{--tier:#5d6a7e;display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;padding:6px 10px 6px 6px;border:1px solid var(--cu-line);border-radius:12px;background:rgba(255,255,255,.03);color:#dbe2ec;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.cu-drop:hover:not(:disabled){border-color:color-mix(in srgb,var(--tier) 60%,transparent)}
.cu-drop.on{border-color:rgba(66,221,185,.6);background:rgba(66,221,185,.08)}
.cu-drop.used{opacity:.4;cursor:default;text-decoration:line-through}
.cu-drop .cu-art{width:46px;height:34px}
.cu-drop .cu-name{overflow:hidden;max-width:150px;font-size:12px;font-weight:650;white-space:nowrap;text-overflow:ellipsis}
.cu-drop b{margin-left:auto;color:var(--cu-mint);font-size:12.5px;font-weight:800}
.cu-art{--tier:inherit;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;background:radial-gradient(closest-side,color-mix(in srgb,var(--tier,#5d6a7e) 32%,transparent),transparent);color:#8794a8}
.cu-art{position:relative;overflow:hidden}
.cu-art img{position:absolute;inset:4%;width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}
.cu-art.big{width:100%;height:110px}
.cu-stake{color:#8794a8;font-size:12.5px}
.cu-stake b{color:#fff;font-size:15px}
.cu-target{align-items:flex-end;text-align:right}
.cu-target .cu-name{max-width:100%;overflow:hidden;font-size:14px;font-weight:750;white-space:nowrap;text-overflow:ellipsis}
.cu-target b{color:var(--cu-mint);font-size:20px;font-weight:850}
.cu-target em{color:#8794a8;font-size:11px;font-style:normal}

/* mini dial: same look as the Upgrader page */
.cu-dial{display:grid;place-items:center}
.cu-wheel{position:relative;width:170px;height:170px;border-radius:50%;background:#0a0f18;box-shadow:0 0 0 1px rgba(255,255,255,.07),0 18px 40px rgba(0,0,0,.45);transition:box-shadow .3s}
.cu-ring{position:absolute;inset:0;border-radius:50%;background:var(--cu-zone);-webkit-mask:radial-gradient(circle closest-side,transparent calc(100% - 15px),#000 calc(100% - 14px),#000 calc(100% - 3px),transparent calc(100% - 2px));mask:radial-gradient(circle closest-side,transparent calc(100% - 15px),#000 calc(100% - 14px),#000 calc(100% - 3px),transparent calc(100% - 2px))}
.cu-needle{position:absolute;inset:0;z-index:2;will-change:transform}
.cu-needle i{position:absolute;top:-4px;left:calc(50% - 2.5px);width:5px;height:24px;border-radius:3px;background:#fff;box-shadow:0 0 0 2px #0a0f18,0 0 12px rgba(255,255,255,.75)}
.cu-hub{position:absolute;inset:16px;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:50%;background:radial-gradient(circle at 50% 28%,#1c2639,#0c121c 70%);box-shadow:0 0 0 3px #0a0f18,inset 0 0 0 1px rgba(255,255,255,.07)}
.cu-hub strong{font-size:26px;font-weight:850;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.cu-hub span{color:#8794a8;font-size:11px;font-weight:650}
.cu-wheel.in-zone .cu-hub strong{color:#7ff0d3;text-shadow:0 0 18px rgba(66,221,185,.55)}
.cu-wheel.land-win{box-shadow:0 0 0 3px rgba(66,221,185,.75),0 0 50px rgba(66,221,185,.45)}
.cu-wheel.land-win .cu-hub strong{color:#7ff0d3}
.cu-wheel.land-loss{box-shadow:0 0 0 3px rgba(255,107,107,.6),0 0 40px rgba(255,90,90,.3)}
.cu-wheel.land-loss .cu-hub strong{color:#ff9d9d}

.cu-foot{display:flex;align-items:center;gap:12px;margin-top:14px}
.cu-chances{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;flex:1 1 auto;max-width:360px}
.cu-chances button{height:40px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.035);color:#dbe2ec;font:inherit;font-size:13.5px;font-weight:800;cursor:pointer}
.cu-chances button:hover:not(:disabled){border-color:rgba(66,221,185,.45);color:#fff}
.cu-chances button.active{border-color:rgba(66,221,185,.7);background:rgba(66,221,185,.14);color:#7ff0d3}
.cu-go{flex:1 1 auto;height:46px;border:0;border-radius:13px;background:linear-gradient(180deg,#6af5d2,#2fcca6);color:#062019;font:inherit;font-size:14.5px;font-weight:850;cursor:pointer;box-shadow:0 12px 28px rgba(66,221,185,.25),inset 0 1px rgba(255,255,255,.5)}
.cu-go:hover:not(:disabled){filter:brightness(1.05)}
.cu-go:disabled{background:rgba(255,255,255,.06);color:#5d6a7e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);cursor:not-allowed}
.cu-panel button:disabled{cursor:not-allowed}
.cu-panel :is(button):focus-visible{outline:2px solid #7ff0d3;outline-offset:2px}
.cu-status{min-height:18px;margin:10px 0 0;color:#cdd5e1;font-size:13px}
.cu-status:empty{display:none}
.cu-status.win{color:#7ff0d3}
.cu-status.loss{color:#ffb0b0}
.cu-note{margin:8px 0 0;color:#5d6a7e;font-size:11.5px}

@media(max-width:820px){
  .cu-body{grid-template-columns:1fr 1fr}
  .cu-dial{grid-column:1/-1;grid-row:1}
  .cu-foot{flex-direction:column;align-items:stretch}
  .cu-chances{max-width:none}
}
@media(max-width:520px){
  .cu-panel{padding:0 10px}
  .cu-inner{padding:14px 12px 12px}
  .cu-body{grid-template-columns:1fr;gap:12px}
  .cu-target{align-items:flex-start;text-align:left}
  .cu-art.big{height:84px}
  .cu-chip{right:6px;bottom:6px;height:28px;padding:0 9px}
}
@media(prefers-reduced-motion:reduce){.cu-panel,.cu-chip,.header-wallet-balance.cbf-pop{transition:none!important;animation:none!important}}

/* drag the green zone (same as the Upgrader page) */
.cu-wheel{touch-action:none;user-select:none}
.cu-wheel.adjustable{cursor:grab}
.cu-wheel.adjustable::after{content:"";position:absolute;inset:-6px;border:1px dashed rgba(66,221,185,.35);border-radius:50%;pointer-events:none;animation:cu-zone-ring 2.4s ease-in-out infinite}
.cu-wheel.dragging{cursor:grabbing;box-shadow:0 0 0 6px rgba(66,221,185,.1),0 0 40px rgba(66,221,185,.25)}
.cu-wheel.dragging::after{border-style:solid;border-color:rgba(66,221,185,.6);animation:none}
@keyframes cu-zone-ring{0%,100%{opacity:.35}50%{opacity:.9}}
.cu-drag{margin-top:3px;color:#8ce9d2;font-size:9.5px;font-style:normal;font-weight:700;white-space:nowrap;opacity:0;transition:opacity .2s}
.cu-wheel.adjustable .cu-drag{opacity:1}
.cu-wheel.spinning .cu-drag{opacity:0}
/* a win waiting to be upgraded again */
.cu-drop.chain{border-color:rgba(255,201,60,.55);background:rgba(255,201,60,.07)}
.cu-drop.chain.on{border-color:rgba(255,201,60,.85);box-shadow:0 0 18px rgba(255,201,60,.18)}
.cu-drop.chain b{color:#ffd76a}
@media(prefers-reduced-motion:reduce){.cu-wheel.adjustable::after{animation:none}}

/* =====================================================================
   Premium dial (matches the Upgrader page) + performance:
   the panel's repaints stay inside it, the needle and trail are their own layers.
   ===================================================================== */
.cu-inner{contain:layout paint}
.cu-wheel{--cu-ring:15px;width:190px;height:190px;margin:12px}
.cu-glow,.cu-ticks{position:absolute;border-radius:50%;pointer-events:none}
.cu-glow{inset:4px;background:var(--cu-zone);filter:blur(14px);opacity:0;transition:opacity .4s}
.cu-wheel.has-zone .cu-glow{opacity:.42}
.cu-ring{z-index:1}
.cu-ticks{inset:-11px;z-index:1}
.cu-ticks::before,.cu-ticks::after{content:"";position:absolute;inset:0;border-radius:50%}
.cu-ticks::before{background:repeating-conic-gradient(from -.25deg,rgba(255,255,255,.2) 0 .5deg,transparent .5deg 3.6deg);-webkit-mask:radial-gradient(circle closest-side,transparent calc(100% - 7px),#000 calc(100% - 6px),#000 calc(100% - 3px),transparent calc(100% - 2px));mask:radial-gradient(circle closest-side,transparent calc(100% - 7px),#000 calc(100% - 6px),#000 calc(100% - 3px),transparent calc(100% - 2px))}
.cu-ticks::after{background:repeating-conic-gradient(from -.6deg,rgba(255,255,255,.62) 0 1.2deg,transparent 1.2deg 36deg);-webkit-mask:radial-gradient(circle closest-side,transparent calc(100% - 9px),#000 calc(100% - 8px),#000 calc(100% - 1px),transparent 100%);mask:radial-gradient(circle closest-side,transparent calc(100% - 9px),#000 calc(100% - 8px),#000 calc(100% - 1px),transparent 100%)}
.cu-needle{z-index:3}
.cu-trail{position:absolute;inset:0;border-radius:50%;text-decoration:none;opacity:0;will-change:opacity;background:conic-gradient(from -75deg,transparent 0,rgba(196,255,240,.05) 30deg,rgba(255,255,255,.55) 75deg,transparent 75deg);-webkit-mask:radial-gradient(circle closest-side,transparent calc(100% - 15px),#000 calc(100% - 14px),#000 calc(100% - 3px),transparent calc(100% - 2px));mask:radial-gradient(circle closest-side,transparent calc(100% - 15px),#000 calc(100% - 14px),#000 calc(100% - 3px),transparent calc(100% - 2px))}
.cu-needle i{top:-14px;height:34px;width:5px;left:calc(50% - 2.5px);background:linear-gradient(180deg,#fff,#e6fff8)}
.cu-needle::before{content:"";position:absolute;top:-24px;left:calc(50% - 7px);width:14px;height:11px;background:#fff;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 0 5px rgba(255,255,255,.8))}
.cu-hub{inset:17px;z-index:2;transition:box-shadow .25s}
.cu-hub strong{font-size:28px}
.cu-wheel.in-zone .cu-hub{box-shadow:0 0 0 3px #0a0f18,inset 0 0 0 1px rgba(66,221,185,.45),inset 0 0 30px rgba(66,221,185,.16)}
/* landing: shock ring + glow pulse, like the Upgrader page */
.cu-wheel::before{content:"";position:absolute;inset:0;z-index:0;border-radius:50%;pointer-events:none;opacity:0}
.cu-wheel.land-win::before{animation:cu-shock .9s cubic-bezier(.2,.7,.3,1) forwards;box-shadow:0 0 0 3px rgba(66,221,185,.8),0 0 36px rgba(66,221,185,.6)}
.cu-wheel.land-loss::before{animation:cu-shock .7s ease-out forwards;box-shadow:0 0 0 3px rgba(255,107,107,.65),0 0 26px rgba(255,90,90,.4)}
.cu-wheel.land-win .cu-glow{animation:cu-glow-pulse 1.4s ease-out}
.cu-wheel.land-loss .cu-hub{box-shadow:0 0 0 3px #0a0f18,inset 0 0 0 1px rgba(255,107,107,.4),inset 0 0 30px rgba(255,90,90,.12)}
@keyframes cu-shock{0%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.22)}}
@keyframes cu-glow-pulse{0%{opacity:.42}25%{opacity:1;transform:scale(1.06)}100%{opacity:.42;transform:scale(1)}}
/* the wheel's own drag ring sits outside the ticks now */
.cu-wheel.adjustable::after{inset:-16px}
/* win burst over the target */
.cu-art.big{overflow:visible}
.cu-art.big img{transition:transform .2s}
.cu-art.big.won img{animation:cu-won-pop .7s cubic-bezier(.2,.9,.25,1.25)}
.cu-burst{position:absolute;left:50%;top:50%;width:0;height:0;pointer-events:none}
.cu-burst i{position:absolute;left:-3px;top:-3px;width:6px;height:6px;border-radius:50%;background:#7ff0d3;box-shadow:0 0 8px #42ddb9;opacity:0}
.cu-art.big.won .cu-burst i{animation:cu-spark .9s cubic-bezier(.15,.8,.3,1) var(--d) forwards}
@keyframes cu-spark{0%{opacity:1;transform:rotate(var(--a)) translateY(0) scale(1)}100%{opacity:0;transform:rotate(var(--a)) translateY(-70px) scale(.4)}}
@keyframes cu-won-pop{0%{transform:scale(.85)}45%{transform:scale(1.14)}100%{transform:scale(1)}}
.cu-ph[hidden],.cu-art img[hidden]{display:none}
@media(max-width:520px){.cu-wheel{width:170px;height:170px}}
@media(prefers-reduced-motion:reduce){.cu-trail{display:none}.cu-wheel::before,.cu-glow,.cu-art.big.won *{animation:none!important}}
/* each static dial layer is drawn once on its own GPU layer; only the needle moves and only the hub number repaints */
.cu-glow,.cu-ring,.cu-ticks{will-change:transform;transform:translateZ(0)}
.cu-hub{will-change:transform;transform:translateZ(0);contain:layout paint}
.cu-wheel.land-win .cu-glow{animation:cu-glow-pulse 1.4s ease-out}
@keyframes cu-glow-pulse{0%{opacity:.42;transform:translateZ(0)}25%{opacity:1;transform:translateZ(0) scale(1.06)}100%{opacity:.42;transform:translateZ(0)}}

/* =====================================================================
   Provably fair window: identical to the Upgrader page (copied rules).
   ===================================================================== */
.cu-panel,.cu-fair-scope{--ua-line:rgba(255,255,255,.08);--ua-line-2:rgba(255,255,255,.14);--ua-glass:rgba(14,20,31,.66);--ua-mint:#42ddb9;--ua-dim:#5d6a7e;--ua-muted:#8794a8;--ua-violet:#a98bff}
.cu-head-acts{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.cu-head-acts .ua-fair{margin-left:0}
.cu-result-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.cu-result-row .cu-status{flex:1 1 auto}
.cu-math{height:30px;margin-top:10px;padding:0 12px;border:1px solid rgba(255,255,255,.14);border-radius:9px;background:rgba(255,255,255,.04);color:#dbe2ec;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.cu-math:hover{color:#fff;border-color:rgba(169,139,255,.45)}
.cu-math[hidden]{display:none}
@media(max-width:520px){.cu-head-acts .ua-fair{height:32px;padding:0 10px}}
.ua-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-height:40px;margin:0 0 6px}
.ua-heading h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.03em}
.ua-fair{display:inline-flex;align-items:center;gap:7px;height:36px;margin-left:auto;padding:0 12px;border:1px solid var(--ua-line);border-radius:10px;background:var(--ua-glass);color:#c3ccd8;font-size:12px!important;font-weight:700;letter-spacing:0}
.ua-fair:hover{color:#fff;border-color:rgba(169,139,255,.4)}
.ua-fair span{color:var(--ua-dim)}
.ua-fast{display:inline-flex;align-items:center;gap:9px;padding:0;border:0;background:none;color:#cdd5e1!important;font-size:12.5px!important;font-weight:650}
.ua-fast i{color:var(--ua-dim);font-style:normal}
.ua-fast[aria-checked="true"] .ua-switch{background:var(--ua-mint)}
.ua-fast[aria-checked="true"] .ua-switch::after{transform:translateX(16px)}
.ua-fast:disabled{opacity:.5}
@media(max-width:600px){.ua-heading{gap:8px}.ua-fair{height:32px}}
@media(prefers-reduced-motion:reduce){#arenaUpgraderBoard *,#arenaUpgraderBoard *::before,#arenaUpgraderBoard *::after,.ua-dialog{animation:none!important;transition:none!important}}
.ua-dialog{width:min(780px,calc(100vw - 24px));max-height:calc(100vh - 32px);padding:0;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#0e1420;color:#e8edf5;box-shadow:0 30px 80px rgba(0,0,0,.6);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-feature-settings:"tnum" 1;overflow:hidden}
.ua-dialog[open]{display:flex;flex-direction:column;animation:ua-pop .22s cubic-bezier(.2,.8,.2,1)}
.ua-dialog::backdrop{background:rgba(3,6,12,.72);backdrop-filter:blur(4px)}
.ua-dialog-head{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 12px}
.ua-dialog-head h2{margin:0;font-size:20px;font-weight:800;letter-spacing:-.02em}
.ua-dialog-head p{margin:3px 0 0;color:#8794a8;font-size:13px}
.ua-dialog-head button{flex:0 0 auto;width:34px;height:34px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:transparent;color:#8794a8;font-size:18px;cursor:pointer}
.ua-dialog-head button:hover{color:#fff;border-color:rgba(255,255,255,.14)}
.ua-ftabs{display:flex;flex:0 0 auto;gap:2px;margin:0 22px;padding:3px;border-radius:12px;background:rgba(0,0,0,.3);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);overflow-x:auto;scrollbar-width:none}
.ua-ftabs button{flex:1 0 auto;height:34px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:#8794a8;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;white-space:nowrap}
.ua-ftabs button:hover{color:#fff}
.ua-ftabs button[aria-selected="true"]{color:#fff;background:linear-gradient(135deg,rgba(145,112,255,.32),rgba(102,77,190,.22));box-shadow:inset 0 0 0 1px rgba(174,149,255,.3)}
.ua-fbody{flex:1;min-height:0;padding:16px 22px 22px;overflow-y:auto;scrollbar-width:thin}
.ua-fpanel[hidden]{display:none}
.ua-fempty{display:grid;place-items:center;gap:4px;min-height:200px;padding:24px;border:1px dashed rgba(255,255,255,.14);border-radius:14px;color:#8794a8;font-size:13px;text-align:center}
.ua-fempty b{color:#e8edf5;font-size:15px}
.ua-fnote{margin:0 0 14px;color:#8794a8;font-size:13px;line-height:1.5}
.ua-fnote b{color:#e8edf5}
.ua-fkv{margin-bottom:10px}
.ua-fkv label{display:block;margin-bottom:4px;color:#5d6a7e;font-size:11px;font-weight:700}
.ua-fkv.two{display:grid;grid-template-columns:1fr 140px;gap:10px}
.ua-dialog code{display:block;padding:9px 11px;border-radius:10px;background:rgba(0,0,0,.32);color:#cdd5e1;font:600 12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}
.ua-dialog code mark{padding:0 2px;border-radius:3px;background:rgba(66,221,185,.25);color:#b5f5e4}
.ua-dialog .ok{color:#7ff0d3}
.ua-dialog .bad{color:#ff9d9d}
.ua-flink{display:inline-block;margin-top:6px;color:#a98bff;font-size:12.5px;font-weight:700;text-decoration:none}
.ua-flink:hover{color:#cbb9ff}
.ua-fround-top{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.ua-fround-top b{font-size:15px}
.ua-fround-top small{color:#8794a8;font-size:12px}
.ua-fres{padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:800}
.ua-fres.win{background:rgba(66,221,185,.16);color:#7ff0d3}
.ua-fres.loss{background:rgba(255,90,90,.14);color:#ff9d9d}
.ua-fverify{margin-left:auto;padding:4px 10px;border-radius:99px;font-size:11.5px;font-weight:750}
.ua-fverify.ok{background:rgba(66,221,185,.14);color:#7ff0d3}
.ua-fverify.bad{background:rgba(255,90,90,.14);color:#ff9d9d}
.ua-fverify.pending{background:rgba(255,255,255,.06);color:#b7c0ce}
.ua-fback{height:32px;margin-bottom:12px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.04);color:#c3ccd8;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.ua-fback:hover{color:#fff}
.ua-fitems{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:14px}
.ua-fside{min-width:0;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025)}
.ua-fside>small{display:block;margin-bottom:8px;color:#5d6a7e;font-size:11px;font-weight:700}
.ua-fstack{display:flex;flex-direction:column;gap:6px}
.ua-fitem{display:flex;align-items:center;gap:10px;min-width:0}
.ua-fitem>span:last-child{min-width:0}
.ua-fitem b{display:block;overflow:hidden;font-size:12.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.ua-fitem em{color:#42ddb9;font-size:12px;font-style:normal;font-weight:750}
.ua-fthumb{--tier:#5d6a7e;position:relative;display:grid;place-items:center;flex:0 0 auto;width:52px;height:42px;border-radius:9px;background:radial-gradient(30px 22px at 50% 45%,color-mix(in srgb,var(--tier) 30%,transparent),transparent 75%),rgba(255,255,255,.04);box-shadow:inset 0 -2px 0 var(--tier)}
.ua-fthumb img{max-width:46px;max-height:34px;object-fit:contain}
.ua-fthumb.sm{width:40px;height:32px}
.ua-fthumb.sm img{max-width:34px;max-height:26px}
.ua-fsum{margin-top:8px;color:#8794a8;font-size:12px;font-weight:650}
.ua-fsum.win{color:#7ff0d3}
.ua-farrow{color:#5d6a7e;font-size:20px}
.ua-fviz{display:flex;align-items:center;gap:18px;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.02)}
.ua-fzone{flex:0 0 auto;width:120px;height:120px}
.ua-fzone-roll{fill:#fff;font:800 13px Inter,sans-serif}
.ua-fzone-cap{fill:#8794a8;font:600 8px Inter,sans-serif}
.ua-flegend p{margin:0 0 6px;color:#b7c0ce;font-size:13px}
.ua-flegend p:last-child{margin:0}
.ua-flegend i{display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:3px;vertical-align:-1px}
.ua-flegend i.z{background:#42ddb9}
.ua-flegend i.r{background:#fff;box-shadow:0 0 0 2px #0a0f18}
.ua-flegend em{color:#5d6a7e;font-style:normal}
.ua-fmath{display:flex;flex-direction:column;gap:8px;margin:0 0 14px;padding:0;list-style:none;counter-reset:m}
.ua-fmath li{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:start;gap:10px;counter-increment:m}
.ua-fmath li>span{display:flex;align-items:center;gap:8px;padding-top:8px;color:#8794a8;font-size:12px;font-weight:700}
.ua-fmath li>span::before{content:counter(m);display:grid;place-items:center;flex:0 0 auto;width:20px;height:20px;border-radius:6px;background:rgba(145,112,255,.2);color:#d9ccff;font-size:10.5px;font-weight:800}
.ua-fmath code b{font-family:Inter,sans-serif;font-weight:750}
.ua-hsum{display:flex;gap:16px;margin-bottom:10px;color:#8794a8;font-size:12.5px}
.ua-hsum b{color:#e8edf5}
.ua-hlist{display:flex;flex-direction:column;gap:6px}
.ua-hrow{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.ua-hrow:hover{border-color:rgba(169,139,255,.4);background:rgba(145,112,255,.06)}
.ua-hres{flex:0 0 auto;width:8px;height:36px;border-radius:4px}
.ua-hres.win{background:#42ddb9}
.ua-hres.loss{background:#ff7b7b}
.ua-hthumbs{display:flex}
.ua-hthumbs .ua-fthumb:not(:first-child){margin-left:-12px}
.ua-harrow{color:#5d6a7e}
.ua-hinfo{flex:1;min-width:0}
.ua-hinfo b{display:block;overflow:hidden;font-size:12.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.ua-hinfo small{color:#5d6a7e;font-size:11px}
.ua-hnums{display:flex;flex-direction:column;align-items:flex-end;color:#8794a8;font-size:11px;font-weight:650;white-space:nowrap}
.ua-hval{min-width:78px;font-size:13.5px;font-weight:800;text-align:right}
.ua-hval.win{color:#42ddb9}
.ua-hval.loss{color:#ff8a8a}
.ua-how .ua-steps{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;counter-reset:s}
.ua-how .ua-steps li{position:relative;padding:12px 14px 12px 50px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.025);counter-increment:s}
.ua-how .ua-steps li::before{content:counter(s);position:absolute;top:12px;left:14px;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(145,112,255,.22);color:#d9ccff;font-size:12px;font-weight:800}
.ua-how .ua-steps b{font-size:14px}
.ua-how .ua-steps p{margin:3px 0 8px;color:#8794a8;font-size:13px;line-height:1.5}
@media(max-width:640px){.ua-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.ua-fitems{grid-template-columns:1fr}.ua-farrow{justify-self:center;transform:rotate(90deg)}.ua-fviz{flex-direction:column;align-items:flex-start}.ua-fmath li{grid-template-columns:1fr;gap:4px}.ua-fmath li>span{padding-top:0}.ua-hnums{display:none}.ua-ftabs{margin:0 14px}.ua-ftabs button{padding:0 9px;font-size:12px}.ua-dialog-head{padding:16px 14px 10px}.ua-fbody{padding:14px}.ua-fkv.two{grid-template-columns:1fr}}
.ua-sound+.ua-fair{margin-left:0}
.ua-wheel.ua-has-zone .ua-wheel-glow{opacity:.42}
.ua-sound-wrap+.ua-fair{margin-left:0}
@keyframes ua-pop{from{opacity:0;transform:translateY(-4px) scale(.97)}}