.rakes-app #view-upgrader:not(.view-hidden){ display:flex !important; flex-direction:column !important; }
.rakes-app #view-upgrader{
  padding:10px 14px calc(86px + env(safe-area-inset-bottom)) !important;
  min-height:100svh; gap:10px; height:var(--appvh,100vh); overflow-y:auto; overflow-x:hidden;
}
html.vp-noFit .rakes-app #view-upgrader{ height:auto; min-height:100svh; overflow:visible; }
.rakes-app .upgrader-x{ display:flex; flex-direction:column; gap:10px; flex:1 1 auto; min-height:0; max-width:470px; width:100%; margin:0 auto; }

.lc-upgrader{ --lc-tint:rgba(255,170,20,.06); --lc-vig:.10; --lc-acc:rgba(255,190,40,.5); }
.lc-upgrader .lc-body{ display:none; }
.lc-upgrader .lc-art{ inset:0; }
.lc-upgrader .lc-glow{ background:radial-gradient(130px 90px at 82% -10%, rgba(255,170,20,.12), transparent 70%); }


.rakes-app .upg-arena{
  position:relative; flex:1 1 auto; min-height:230px; border-radius:22px; overflow:hidden; isolation:isolate;
  display:flex; flex-direction:column; align-items:center; justify-content:center; padding:10px 10px 8px;
  border:1px solid rgba(255,196,40,.14);
  background:
    radial-gradient(90% 70% at 50% 108%, rgba(255,140,20,.16), transparent 62%),
    radial-gradient(80% 60% at 50% -12%, rgba(255,220,80,.07), transparent 60%),
    linear-gradient(180deg,#121110,#0b0a09 60%,#08080a);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.6), inset 0 0 70px rgba(0,0,0,.6), 0 18px 44px rgba(0,0,0,.55);
  transition:border-color .6s ease, box-shadow .6s ease;
}
.rakes-app .upg-arena::before{ content:""; position:absolute; inset:7px; border:1px solid rgba(255,196,40,.10); border-radius:16px; pointer-events:none; z-index:4; }
.rakes-app .upg-arena::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:0;
  background:radial-gradient(70% 55% at 50% 52%, rgba(255,200,40,.22), transparent 70%);
  transition:opacity .6s ease;
}
.rakes-app .upg-arena.win{ border-color:rgba(255,214,22,.55); box-shadow:inset 0 0 0 1px rgba(0,0,0,.6), inset 0 0 90px rgba(255,180,20,.16), 0 0 34px rgba(255,190,30,.16); }
.rakes-app .upg-arena.win::after{ opacity:1; animation:upgGlowIn .9s ease-out 1; }
.rakes-app .upg-arena.big::after{ animation:upgGlowBig 1.6s ease-in-out 2; }
.rakes-app .upg-arena.lose{ border-color:rgba(255,120,100,.18); }
@keyframes upgGlowIn{ 0%{ opacity:0; } 25%{ opacity:1; } 100%{ opacity:.8; } }
@keyframes upgGlowBig{ 0%,100%{ opacity:1; } 50%{ opacity:.45; } }

.rakes-app .upg-fx{ position:absolute; inset:0; width:100%; height:100%; z-index:3; pointer-events:none; }
.rakes-app .upg-fw{ position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; }
.rakes-app .upg-live{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }


.upg-wheel{
  display:block; flex:1 1 0; min-height:0; width:100%; max-width:360px; height:auto; position:relative; z-index:1;
  user-select:none; -webkit-user-select:none; touch-action:none; -webkit-tap-highlight-color:transparent; cursor:grab;
}
.upg-wheel.dragging{ cursor:grabbing; }
.upg-wheel.busy{ cursor:default; }

.upg-tick{ stroke:#2b2b2e; stroke-width:2; }
.upg-tick.major{ stroke:#3a3a3e; }
.upg-wheel.intro .upg-ticks{ animation:upgFade .6s ease-out 1; }
@keyframes upgFade{ from{ opacity:0; } to{ opacity:1; } }
.upg-rim{ fill:none; stroke:#262628; stroke-width:3; }
.upg-disc{ fill:#222224; }

.upg-arc{ fill:url(#upg-arc-grad); }
.upg-arc-glow{ fill:url(#upg-arc-grad); filter:url(#upg-blur); opacity:.62; transition:opacity .6s ease; }
.upg-arc-dim{ fill:#34343a; opacity:0; pointer-events:none; transition:opacity .6s ease; }
.upg-arc-edge{ fill:none; stroke:#fbb414; stroke-width:2.5; stroke-linecap:round; transition:stroke .6s ease, opacity .6s ease; }
.upg-wheel.idle .upg-glow-breath{ animation:upgBreath 2.8s ease-in-out infinite; }
@keyframes upgBreath{ 0%,100%{ opacity:1; } 50%{ opacity:.6; } }
.upg-wheel.busy .upg-arc-glow{ transition-duration:.18s; }
.upg-wheel.lit .upg-arc-glow{ opacity:.95; }
.upg-wheel.won .upg-arc-glow{ opacity:1; animation:upgFlash .7s ease-out 1; }
.upg-wheel.big .upg-glow-breath{ animation:upgBreathBig 1.1s ease-in-out .7s 2; }
@keyframes upgFlash{ 0%{ opacity:1; } 30%{ opacity:.6; } 55%{ opacity:1; } 100%{ opacity:1; } }
@keyframes upgBreathBig{ 0%,100%{ opacity:1; } 50%{ opacity:.65; } }
.upg-wheel.lost .upg-arc-dim{ opacity:.92; }   
.upg-wheel.lost .upg-arc-glow{ opacity:.08; }
.upg-wheel.lost .upg-arc-edge{ stroke:#55555c; opacity:.8; }

.upg-wave{ fill:none; stroke:#ffd616; stroke-width:5; opacity:0; transform-box:fill-box; transform-origin:center; pointer-events:none; }
.upg-wheel.won .upg-wave{ animation:upgWave .75s ease-out 1; }
.upg-wheel.big .upg-wave{ animation:upgWave .75s ease-out 1, upgWave .9s ease-out .35s 1; }
@keyframes upgWave{ 0%{ opacity:.5; transform:scale(.85); stroke-width:5; } 100%{ opacity:0; transform:scale(1.18); stroke-width:1; } }

.upg-core{ fill:#19191c; stroke:#2b2a29; stroke-width:1.5; transition:stroke .4s ease; }
.upg-wheel.won .upg-core{ stroke:rgba(255,214,22,.45); }
.upg-chev polygon{ transform-box:fill-box; transform-origin:center; }
.upg-chev-a{ fill:#ffd616; transition:fill .6s ease; }
.upg-chev-b{ fill:#705b00; transition:fill .6s ease; }

.upg-wheel.busy .upg-chev-a{ animation:upgRise 1.6s ease-in-out infinite; }
.upg-wheel.busy .upg-chev-b{ animation:upgRise 1.6s ease-in-out .2s infinite; }
@keyframes upgRise{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-2px); } }
.upg-wheel.won .upg-chev-a{ animation:upgJump .7s cubic-bezier(.3,.7,.4,1) 1; }
.upg-wheel.won .upg-chev-b{ animation:upgJump .7s cubic-bezier(.3,.7,.4,1) .06s 1; }
@keyframes upgJump{ 0%{ transform:translateY(0) scale(1); } 45%{ transform:translateY(-4px) scale(1.04); } 100%{ transform:translateY(0) scale(1); } }
.upg-wheel.lost .upg-chev-a{ fill:#5d5d63; }
.upg-wheel.lost .upg-chev-b{ fill:#36363b; }


.upg-readout{ transform-box:view-box; }
.upg-readout.swap{ animation:upgSwap .32s cubic-bezier(.2,.8,.3,1) 1; }
@keyframes upgSwap{ from{ opacity:0; transform:translateY(4px); } to{ opacity:1; transform:none; } }
.upg-chance{ fill:#f6f6f7; font-weight:900; font-size:40px; font-variant-numeric:tabular-nums; text-anchor:middle; letter-spacing:-.01em; transition:fill .5s ease; }
.upg-chance.win{ fill:#ffd616; }
.upg-chance.lose{ fill:#9a9ca3; }
.upg-mult{ fill:#ffd616; font-weight:900; font-size:17px; font-variant-numeric:tabular-nums; text-anchor:middle; opacity:.92; transition:fill .5s ease, opacity .5s ease; }
.upg-mult.win{ opacity:1; }
.upg-mult.lose{ fill:#ff8a78; opacity:.95; }
.upg-sub{ fill:#83848a; font-weight:800; font-size:10.5px; letter-spacing:.15em; text-anchor:middle; text-transform:uppercase; transition:fill .5s ease; }
.upg-sub.win{ fill:#ffd616; }
.upg-sub.lose{ fill:#c98a80; }

.upg-ghost{ fill:#ffd616; opacity:0; pointer-events:none; }
.upg-needle-glow{ fill:rgba(255,194,14,.26); transition:fill .6s ease; }
.upg-needle{ fill:#ffd616; transition:fill .6s ease; }
.upg-needle-line{ stroke:#fff8b4; stroke-width:2; stroke-linecap:round; transition:stroke .6s ease; }
.upg-wheel.idle .upg-needle-glow{ animation:upgPulse 1.5s ease-in-out infinite; }
.upg-wheel.dragging .upg-needle-glow{ animation:none; opacity:1; }
@keyframes upgPulse{ 0%,100%{ opacity:1; } 50%{ opacity:.25; } }
.upg-wheel.lost .upg-needle{ fill:#ff7d6b; }
.upg-wheel.lost .upg-needle-line{ stroke:#ffd2ca; }
.upg-wheel.lost .upg-needle-glow{ fill:rgba(255,110,90,.18); }


.rakes-app .upgrader-x .bb-ctl{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
.rakes-app .upg-chips button.on{ border-color:rgba(255,214,22,.6) !important; color:#ffd616 !important; background:rgba(255,214,22,.08) !important; }
.rakes-app .upg-chips button{ transition:transform .08s ease, color .15s ease, border-color .15s ease !important; }
.rakes-app .upg-chips button:active{ transform:scale(.92); }
.rakes-app .upg-chips button:disabled{ opacity:.5; }
.rakes-app .upg-chance-field .bb-auto-field{ display:flex; align-items:center; justify-content:center; position:relative; cursor:text; }
.rakes-app .upg-chance-field .bb-auto-field input.bb-auto-input{ text-align:center; min-width:1ch; }
.rakes-app .upg-probe{ position:absolute; left:0; top:0; visibility:hidden; pointer-events:none; white-space:pre;
  font-size:17px; font-weight:800; font-family:inherit; font-variant-numeric:tabular-nums; letter-spacing:normal; }
.rakes-app .upg-range{ -webkit-appearance:none; appearance:none; width:100%; height:34px; background:transparent; outline:none; margin:2px 0 0; cursor:pointer; touch-action:none; flex:0 0 auto; }
.rakes-app .upg-range::-webkit-slider-runnable-track{ height:8px; border-radius:999px; background:linear-gradient(90deg,#ffd616 0 var(--fill,50%), #1a1f26 var(--fill,50%)) border-box no-repeat; border:1px solid rgba(255,255,255,.06); }
.rakes-app .upg-range:active::-webkit-slider-thumb, .rakes-app .upg-range.dragging::-webkit-slider-thumb{ transform:scale(1.15); }
.rakes-app .upg-range::-webkit-slider-thumb{ -webkit-appearance:none; appearance:none; width:24px; height:24px; margin-top:-9px; border-radius:50%; background:radial-gradient(circle at 38% 32%, #fff3a6, #ffd616 55%, #c79a00); border:2px solid #0c1014; box-shadow:0 2px 7px rgba(0,0,0,.45); transition:transform .12s ease; }
.rakes-app .upg-range:active::-webkit-slider-thumb{ transform:scale(1.15); }
.rakes-app .upg-range::-moz-range-track{ height:8px; border-radius:999px; background:#1a1f26; border:1px solid rgba(255,255,255,.06); }
.rakes-app .upg-range::-moz-range-progress{ height:8px; border-radius:999px; background:#ffd616; }
.rakes-app .upg-range::-moz-range-thumb{ width:22px; height:22px; border-radius:50%; background:#ffd616; border:2px solid #0c1014; }
.rakes-app .upg-range:disabled{ opacity:.5; }
.rakes-app .upgrader-x .game-meta b.upg-warn, .rakes-app .upgrader-x .game-meta b.upg-warn span{ color:#ff7a6e; }


.rakes-app .upg-sound, .rakes-app .upg-time{
  position:absolute; top:12px; z-index:6; height:34px; min-height:0; margin:0; box-sizing:border-box;
  display:inline-flex; align-items:center; justify-content:center; cursor:pointer; isolation:isolate;
  background:linear-gradient(180deg,#24211b,#171615); border:1px solid rgba(255,209,100,.2); color:#ffd374;
  box-shadow:inset 0 1px 0 rgba(255,233,185,.06),0 3px 10px rgba(0,0,0,.25); -webkit-tap-highlight-color:transparent;
  font:inherit; line-height:1; transition:color .15s ease, transform .08s ease;
}
.rakes-app .upg-sound{ right:70px; width:40px; padding:0 0 0 2px; border-right:0; border-radius:12px 0 0 12px; }
.rakes-app .upg-time{
  right:12px; width:58px; padding:0 2px 0 0; gap:5px; border-left:0; border-radius:0 12px 12px 0;
  color:#f3e9d5; font-size:12px; font-weight:800; font-variant-numeric:tabular-nums; letter-spacing:.01em;
}
.rakes-app .upg-time svg.upg-rocket{ display:none; width:19px; height:19px; margin-top:0; }
.rakes-app .upg-time.turbo svg.upg-rocket{ display:block; }
.rakes-app .upg-time.turbo svg.upg-clock, .rakes-app .upg-time.turbo #upgrader-time-val{ display:none; }
.rakes-app #upgrader-time-big .upg-rocket{ width:16px; height:16px; vertical-align:-3px; margin-right:5px; fill:none; stroke:#ffd374; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.rakes-app .upg-time::before{ content:""; position:absolute; left:0; top:9px; bottom:9px; width:1px; background:rgba(255,209,100,.16); }
.rakes-app .upg-sound::after, .rakes-app .upg-time::after{
  content:""; position:absolute; inset:2px; z-index:-1; border-radius:9px; opacity:0;
  background:rgba(255,214,22,.16); box-shadow:inset 0 0 0 1px rgba(255,214,22,.45); transition:opacity .15s ease;
}
.rakes-app .upg-sound.on::after, .rakes-app .upg-time.on::after{ opacity:1; }
.rakes-app .upg-sound svg, .rakes-app .upg-time svg{ flex:none; fill:none; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; }
.rakes-app .upg-sound svg{ width:18px; height:18px; stroke-width:1.8; }
.rakes-app .upg-sound .ic-off,.rakes-app .upg-sound.is-muted .ic-on{ display:none; }
.rakes-app .upg-sound.is-muted .ic-off{ display:block; }
.rakes-app .upg-sound.is-muted{ color:#8a8f97; }
.rakes-app .upg-time svg{ width:17px; height:17px; margin-top:-4px; stroke:#ffd374; stroke-width:1.9; overflow:visible; }
.rakes-app .upg-time .upg-time-case{ display:none; }
.rakes-app .upg-time .upg-time-face{ stroke:rgba(255,211,116,.38); }
.rakes-app .upg-time .upg-time-progress{ stroke:#ffd374; stroke-width:2.2; }
.rakes-app .upg-time .upg-time-pivot{ fill:#ffd374; stroke:none; }
.rakes-app .upg-sound:active, .rakes-app .upg-time:active{ transform:scale(.96); }
.rakes-app .upg-sound:focus-visible, .rakes-app .upg-time:focus-visible{ outline:2px solid #ffd374; outline-offset:2px; }
@media (hover:hover) and (pointer:fine){
  .rakes-app .upg-sound:hover{ color:#ffe6a6; }
  .rakes-app .upg-time:hover{ color:#fff4dd; }
}
.rakes-app .upg-time-pop, .rakes-app .upg-sound-pop{
  position:absolute; top:54px; right:12px; z-index:7; width:min(250px, calc(100% - 24px)); box-sizing:border-box;
  padding:12px 14px 9px; border-radius:16px; background:rgba(18,20,24,.96); border:1px solid rgba(255,209,100,.14);
  box-shadow:0 14px 34px rgba(0,0,0,.55); transform-origin:top right;
}
.rakes-app .upg-time-pop[hidden], .rakes-app .upg-sound-pop[hidden]{ display:none; }
.rakes-app .upg-time-pop.in, .rakes-app .upg-sound-pop{ animation:upgPopIn .18s cubic-bezier(.2,.8,.3,1) 1; }
@keyframes upgPopIn{ from{ opacity:0; transform:translateY(-4px) scale(.97); } to{ opacity:1; transform:none; } }
.upg-time-head{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; }
.upg-time-head span, .rakes-app .upg-sound-pop::before{ font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#8d939c; }
.upg-time-head b, .rakes-app .upg-sound-pop output{ font-size:20px; font-weight:900; line-height:1.15; color:#ffd616; font-variant-numeric:tabular-nums; }
.rakes-app .upg-sound-pop{ display:grid; grid-template-columns:1fr auto; align-items:baseline; column-gap:8px; }
.rakes-app .upg-sound-pop[hidden]{ display:none; }
.rakes-app .upg-sound-pop::before{ content:"Громкость"; }
.upg-volume-slider{ grid-column:1 / -1; position:relative; padding-bottom:13px; }
.upg-volume-slider::before, .upg-volume-slider::after{ position:absolute; bottom:-2px; font-size:10.5px; font-weight:700; color:#6c727b; }
.upg-volume-slider::before{ content:"0%"; left:0; }
.upg-volume-slider::after{ content:"100%"; right:0; }
.rakes-app .upg-time-pop input.upg-time-range{ height:38px; min-height:0; margin:2px 0 0; padding:0; border:0; border-radius:0; box-shadow:none; background:transparent; }
.rakes-app .upg-time-range::-webkit-slider-thumb{ width:26px; height:26px; margin-top:-10px; }
.upg-time-scale{ display:flex; justify-content:space-between; font-size:10.5px; font-weight:700; color:#6c727b; margin-top:-2px; }
.rakes-app #upgrader-volume-range{
  display:block; width:100%; height:38px; min-height:0; margin:2px 0 0; padding:0; -webkit-appearance:none; appearance:none;
  border:0; border-radius:0; outline:none; box-shadow:none; background:transparent; cursor:pointer; touch-action:none;
}
.rakes-app #upgrader-volume-range:focus-visible{ outline:1px solid rgba(255,211,116,.4); outline-offset:2px; border-radius:6px; }
.rakes-app #upgrader-volume-range::-webkit-slider-runnable-track{ height:8px; border-radius:999px; background:linear-gradient(90deg,#ffd616 0 var(--volume,60%), #1a1f26 var(--volume,60%)); border:1px solid rgba(255,255,255,.06); }
.rakes-app #upgrader-volume-range::-webkit-slider-thumb{ -webkit-appearance:none; appearance:none; width:26px; height:26px; margin-top:-10px; border-radius:50%; background:radial-gradient(circle at 38% 32%, #fff3a6, #ffd616 55%, #c79a00); border:2px solid #0c1014; box-shadow:0 2px 7px rgba(0,0,0,.45); transition:transform .12s ease; }
.rakes-app #upgrader-volume-range:active::-webkit-slider-thumb{ transform:scale(1.15); }
.rakes-app #upgrader-volume-range::-moz-range-track{ height:8px; border-radius:999px; background:#1a1f26; border:1px solid rgba(255,255,255,.06); }
.rakes-app #upgrader-volume-range::-moz-range-progress{ height:8px; border-radius:999px; background:#ffd616; }
.rakes-app #upgrader-volume-range::-moz-range-thumb{ width:22px; height:22px; border-radius:50%; background:#ffd616; border:2px solid #0c1014; }


.rakes-app #view-upgrader .upg-mods{ gap:6px; margin-top:8px; }
.rakes-app #view-upgrader .upg-free label{ color:#ffda65 !important; }
.rakes-app #view-upgrader .upg-free .bb-bet-input:disabled{ color:#ffda65 !important; -webkit-text-fill-color:#ffda65; opacity:1; }
.rakes-app #view-upgrader .upg-free .bb-step button:disabled{ opacity:.35; }
.rakes-app #view-upgrader .upgrader-x{ position:relative; }
.rakes-app .upg-tour-cap{ position:absolute; left:50%; top:0; z-index:8; transform:translateX(-50%); white-space:nowrap; padding:6px 13px;
  border-radius:999px; background:rgba(12,14,18,.94); border:1px solid rgba(255,214,22,.55); color:#ffd616; font-size:12px; font-weight:800;
  line-height:1.2; box-shadow:0 4px 14px rgba(0,0,0,.45); opacity:0; transition:opacity .35s ease; pointer-events:none; }
.rakes-app .upg-tour1 .upg-tour-cap, .rakes-app .upg-tour2 .upg-tour-cap{ opacity:1; }
.rakes-app .upg-hand, .rakes-app .upg-orbit{ position:absolute; left:0; top:0; width:0; height:0; z-index:40; pointer-events:none; opacity:0; transition:opacity .3s ease; }
.rakes-app .upg-ts .upg-hand, .rakes-app .upg-tt .upg-hand, .rakes-app .upg-tw .upg-orbit{ opacity:1; }
.rakes-app .upg-tour-held .upg-hand, .rakes-app .upg-tour-held .upg-orbit{ opacity:0 !important; transition-duration:.12s; }
.rakes-app .upg-hand-move, .rakes-app .upg-orbit div{ position:absolute; left:0; top:0; width:0; height:0; transform-origin:0 0; }
.rakes-app .upg-hand-move, .rakes-app .upg-orbit-swing, .rakes-app .upg-orbit-unswing, .rakes-app .upg-orbit-press{ will-change:transform; }
.rakes-app .upg-hand-svg{ position:absolute; left:-19px; top:-4px; width:48px; height:61px; transform-origin:19px 4px; filter:drop-shadow(0 5px 8px rgba(0,0,0,.55)); }
.rakes-app .upg-tour2 .upg-hand .upg-hand-svg{ transform:scaleY(-1); filter:drop-shadow(0 -4px 8px rgba(0,0,0,.55)); }
.rakes-app .upg-hand-tap{ position:absolute; left:-15px; top:-15px; width:30px; height:30px; border-radius:50%;
  background:radial-gradient(circle, rgba(255,214,22,.5), rgba(255,214,22,0) 70%); border:2px solid rgba(255,214,22,.75); opacity:0; }
.rakes-app .upg-ts .upg-hand-move{ animation:upgHandSwing 2.6s ease-in-out 1 both; }
.rakes-app .upg-ts .upg-hand .upg-hand-tap, .rakes-app .upg-tw .upg-orbit .upg-hand-tap{ animation:upgHandHold 2.6s ease-in-out 1 both; }
.rakes-app .upg-tt .upg-hand-move{ animation:upgHandTap 1.3s ease-in-out 2; }
.rakes-app .upg-tt .upg-hand .upg-hand-tap{ animation:upgHandRing 1.3s ease-out 2; }
.rakes-app .upg-tw .upg-orbit-swing{ animation:upgOrbitSwing 2.6s ease-in-out 1 both; }
.rakes-app .upg-tw .upg-orbit-unswing{ animation:upgOrbitUnswing 2.6s ease-in-out 1 both; }
.rakes-app .upg-tw .upg-orbit-press{ animation:upgHandPress 2.6s ease-in-out 1 both; }
@keyframes upgHandSwing{
  0%{ transform:translate(4px,16px) scale(1.06); opacity:0; }
  10%{ transform:translate(0,0) scale(1); opacity:1; }
  16%{ transform:translate(0,0) scale(.9); }
  44%{ transform:translate(48px,0) scale(.9); }
  72%{ transform:translate(-48px,0) scale(.9); }
  86%{ transform:translate(0,0) scale(.9); opacity:1; }
  93%{ transform:translate(0,0) scale(1); opacity:1; }
  100%{ transform:translate(4px,16px) scale(1.06); opacity:0; }
}
@keyframes upgHandPress{
  0%{ transform:translate(4px,16px) scale(1.06); opacity:0; }
  10%{ transform:translate(0,0) scale(1); opacity:1; }
  16%,86%{ transform:translate(0,0) scale(.9); opacity:1; }
  93%{ transform:translate(0,0) scale(1); opacity:1; }
  100%{ transform:translate(4px,16px) scale(1.06); opacity:0; }
}
@keyframes upgOrbitSwing{ 0%,16%{ transform:rotate(0deg); } 44%{ transform:rotate(-24deg); } 72%{ transform:rotate(16deg); } 86%,100%{ transform:rotate(0deg); } }
@keyframes upgOrbitUnswing{ 0%,16%{ transform:rotate(0deg); } 44%{ transform:rotate(24deg); } 72%{ transform:rotate(-16deg); } 86%,100%{ transform:rotate(0deg); } }
@keyframes upgHandHold{ 0%,14%{ opacity:0; transform:scale(.5); } 20%,84%{ opacity:.85; transform:scale(1); } 92%,100%{ opacity:0; transform:scale(1.3); } }
@keyframes upgHandTap{ 0%,100%{ transform:translate(6px,-14px) scale(1); } 38%,52%{ transform:translate(0,0) scale(.88); } }
@keyframes upgHandRing{ 0%,36%{ opacity:0; transform:scale(.4); } 46%{ opacity:.9; } 100%{ opacity:0; transform:scale(1.7); } }
.rakes-app .upg-tour1 #upgrader-chips button, .rakes-app .upg-tour1 #upgrader-chance-minus, .rakes-app .upg-tour1 #upgrader-chance-plus{ position:relative; }
.rakes-app .upg-tour1 #upgrader-chips button::after, .rakes-app .upg-tour1 #upgrader-chance-minus::after, .rakes-app .upg-tour1 #upgrader-chance-plus::after{
  content:""; position:absolute; inset:-1px; border-radius:inherit; border:1px solid rgba(255,214,22,.8); box-shadow:0 0 8px rgba(255,214,22,.35);
  pointer-events:none; opacity:.12; animation:upgTourGlow 2.6s ease-in-out infinite; }
.rakes-app .upg-tour1 .upg-range::-webkit-slider-thumb{ box-shadow:0 0 0 4px rgba(255,214,22,.2), 0 0 10px rgba(255,214,22,.45); }
.rakes-app .upg-tt #upgrader-play{ animation:upgCtaPulse 1.3s ease-in-out 2; }
@keyframes upgCtaPulse{ 0%,100%{ box-shadow:0 0 0 0 rgba(255,214,22,0), 0 8px 22px rgba(255,190,0,.2); } 45%{ box-shadow:0 0 0 3px rgba(255,214,22,.4), 0 0 20px rgba(255,214,22,.55); } }
@keyframes upgTourGlow{ 0%,100%{ opacity:.12; } 50%{ opacity:.6; } }
@media (max-height: 700px){ .rakes-app .upg-tour-cap{ padding:5px 11px; font-size:11px; } }
@media (prefers-reduced-motion: reduce){
  .rakes-app .upg-hand-move, .rakes-app .upg-hand-tap, .rakes-app .upg-orbit div, .rakes-app .upg-tour1 #upgrader-chips button::after,
  .rakes-app .upg-tour1 #upgrader-chance-minus::after, .rakes-app .upg-tour1 #upgrader-chance-plus::after, .rakes-app .upg-tt #upgrader-play{ animation:none !important; }
}
.rakes-app #view-upgrader .upg-mods button{
  min-height:34px !important; height:34px !important; padding:0 !important; border-radius:11px !important;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(180deg,#1b1e24,#121419) !important; border:1px solid rgba(255,255,255,.075) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06), 0 1px 2px rgba(0,0,0,.45) !important;
  color:#dfe3ea !important; font-size:13px !important; font-weight:800 !important; letter-spacing:.01em !important;
  font-variant-numeric:tabular-nums; line-height:1;
  transition:transform .08s ease, color .15s ease, border-color .15s ease, background .15s ease !important;
}
.rakes-app #view-upgrader .upg-mods button:active{ transform:scale(.93); color:#ffd616 !important; border-color:rgba(255,214,22,.45) !important; background:linear-gradient(180deg,#22252b,#16181d) !important; }
.rakes-app #view-upgrader .upg-mods button:disabled{ opacity:.45; }
.rakes-app #view-upgrader .upg-mods button[data-mod="max"]{ font-size:11.5px !important; letter-spacing:.16em !important; padding-left:.16em !important; }
.upg-frac{ display:inline-flex; align-items:center; font-weight:800; }
.upg-frac sup, .upg-frac sub{ font-size:9.5px; font-weight:900; line-height:1; position:relative; vertical-align:baseline; }
.upg-frac sup{ top:-3.5px; margin-right:1px; }
.upg-frac sub{ top:3.5px; margin-left:1px; }
.upg-x{ font-size:13.5px; font-weight:700; margin-right:1px; opacity:.85; }
@media (hover:hover) and (pointer:fine){
  .rakes-app #view-upgrader .upg-mods button{ height:32px !important; min-height:32px !important; }
  .rakes-app #view-upgrader .upg-mods button:hover{ border-color:rgba(255,255,255,.16) !important; color:#fff !important; }
}


.rakes-app #upgrader-play{
  background:linear-gradient(180deg,#ffe14d,#ffc400); color:#1b1400; border-color:transparent;
  box-shadow:inset 0 2px 0 rgba(255,255,255,.45); transition:transform .08s ease, filter .2s ease;
}
.rakes-app #upgrader-play:active{ transform:translateY(1px) scale(.98); }
.rakes-app #upgrader-play:disabled{ filter:none; opacity:1; }

.rakes-app #upgrader-play.spinning{ opacity:.55; }

.rakes-app #upgrader-play.topup{ background:#8fe84f; color:#0d2a06; border-color:transparent; box-shadow:none; }
.rakes-app #upgrader-play.topup:active{ background:#7fd842; }
.rakes-app #upgrader-play.ready{ animation:upgReady .55s cubic-bezier(.2,.9,.3,1.3) 1; }
@keyframes upgReady{ 0%{ transform:scale(.95); filter:brightness(1.35); } 55%{ transform:scale(1.025); } 100%{ transform:none; filter:none; } }
.rakes-app #upgrader-play.nope{ animation:upgNope .38s ease 1; }
@keyframes upgNope{ 0%,100%{ transform:translateX(0); } 30%{ transform:translateX(-3px); } 65%{ transform:translateX(2px); } }

@media (max-height:700px){
  .rakes-app .upg-arena{ min-height:180px; padding:8px 8px 4px; }
}
@media (prefers-reduced-motion:reduce){
  .upg-wheel *, .rakes-app #upgrader-play, .rakes-app .upg-arena::after{ animation:none !important; }
}