/* CHG-0058-STAKE-02: wheel is an overlay; Redo keeps its original centered layout. */
.stake-wheel{position:absolute;left:0;top:50%;transform:translateY(-50%);width:64px;height:144px;z-index:5;isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:ns-resize;font-family:Nunito,sans-serif;}
.stake-wheel-label{position:absolute;top:-12px;left:0;right:0;text-align:center;font-size:8px;line-height:10px;font-weight:800;letter-spacing:1px;color:#7a8ca3}
.stake-wheel-window{position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}
.stake-wheel-strip{position:absolute;top:1px;width:100%;will-change:transform}
.stake-wheel-row{height:25px;display:flex;align-items:center;justify-content:center;gap:3px;font-size:15px;line-height:1;font-weight:800;color:#879bb4;opacity:.45;white-space:nowrap}
.stake-wheel-current{height:42px;color:#34465b;opacity:1;font-size:28px;font-weight:900;letter-spacing:-1px}
.stake-wheel-current small{font-size:7px;font-weight:800;letter-spacing:0}
.stake-wheel-focus{position:absolute;left:0;right:0;top:51px;height:42px;border-radius:12px;background:#ffffffa6;box-shadow:0 4px 12px #567fa617;z-index:-1}
.stake-wheel-marker{position:absolute;left:-5px;right:auto;top:65px;font-size:9px;color:#359ce7;line-height:14px}
.stake-wheel:focus-visible{outline:2px solid #319ef4;outline-offset:4px;border-radius:14px}
@media(max-height:700px){.stake-wheel{transform:translateY(-50%) scale(.85);transform-origin:left center}}
@media(max-width:360px){.stake-wheel{width:58px}.stake-wheel-current{font-size:24px}}

/* CHG-0058-MAX-02: restore the independent right wheel without moving Redo. */
.coefficient-wheel{left:auto;right:0}
.coefficient-wheel .stake-wheel-marker{right:auto;left:-5px}
.coefficient-wheel .stake-wheel-label{letter-spacing:.6px;white-space:nowrap}
.coefficient-wheel .stake-wheel-current{font-size:22px;letter-spacing:-.6px}
.coefficient-wheel .stake-wheel-current small{font-size:9px}
@media(max-height:700px){.coefficient-wheel{transform-origin:right center}}

/* CHG-0058-HELP-01: guidance appears above the game controls after a wheel gesture. */
.stake-help{position:fixed;z-index:130;left:50%;bottom:calc(var(--app-viewport-bottom,0px) + var(--app-dock-height,55px) + var(--app-route-footer-height,0px) + 12px);transform:translateX(-50%);box-sizing:border-box;width:calc(min(100vw,var(--mobile-frame-width,430px)) - 32px);max-width:380px;padding:16px 37px 16px 16px;border:1px solid #ffffff15;border-radius:16px;background:#17181c;color:#f7f8fa;box-shadow:0 9px 32px #10213733;text-align:left;font:600 12px/1.45 Nunito,sans-serif;animation:stake-help-enter .18s ease-out}
.stake-help[hidden],body:not([data-screen=game]) .stake-help{display:none}
.stake-help strong{display:block;font-size:14px;line-height:1.3;color:#fff}
.stake-help p{margin:7px 0 0}
.stake-help .stake-help-action{font-weight:800;color:#fff}
.stake-help .stake-help-growth{color:#b8c2ce}
.stake-help .stake-help-close{position:absolute;right:4px;top:4px;width:32px;height:32px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#c6cdd5;font:400 23px/1 Nunito,sans-serif;cursor:pointer}
.stake-help .stake-help-more{display:inline-flex;align-items:center;gap:4px;min-height:28px;margin-top:4px;padding:4px 0;border:0;border-radius:0;background:transparent;color:#b8c2ce;font:700 12px/1.3 Nunito,sans-serif;cursor:pointer}
.stake-help .stake-help-more[hidden],.stake-help [data-help-rule][hidden],.stake-help [data-help-action][hidden],.stake-help [data-help-growth][hidden]{display:none}
.stake-help-more:focus-visible{outline:2px solid #63b8f6;outline-offset:3px}
.stake-help-close:focus-visible{outline:2px solid #63b8f6;outline-offset:-2px}
@keyframes stake-help-enter{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){.stake-help{animation:none}}