#game-shell{container-type:inline-size}
.game-controls.reference-controls{grid-template-columns:70px 32px minmax(85px,1fr) minmax(75px,.7fr) 108px 86px 36px;grid-template-areas:"bonus menu wallet win bet spin auto";gap:10px;padding:12px 16px}
.reference-controls .buy-bonus-button{grid-area:bonus;justify-self:center}
.reference-controls .slot-menu-button{grid-area:menu;justify-self:center}
.reference-controls>.control-value:not(.win-control){grid-area:wallet}
.reference-controls>.win-control{grid-area:win;display:block}
.reference-controls .reference-bet{grid-area:bet;min-width:0}
.reference-controls .auto-button{grid-area:auto;justify-self:center}
.reference-controls .spin-button{grid-area:spin;justify-self:center;align-self:center;width:82px;height:82px;min-width:0;padding:0;gap:0;isolation:isolate;touch-action:manipulation;overflow:visible;transition:background .18s,box-shadow .18s,scale .18s}
.reference-controls .spin-button .spin-glyph{display:block;width:68px;height:68px;transform:none;transform-origin:50% 50%;pointer-events:none}
.reference-controls .spin-button:not(.busy) .spin-glyph{animation:none}
.reference-controls .spin-button.busy .spin-glyph{animation:duck-spin var(--spin-cycle,1.6s) linear infinite}
.reference-controls .spin-button #spin-label{display:none}
.reference-controls .spin-button.retry::after{content:'RETRY';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:900;letter-spacing:1px;padding:3px 6px;border-radius:4px;background:#ead28b;color:#25311e;pointer-events:none}
.reference-controls .spin-button:hover:not(:disabled){box-shadow:inset 0 0 0 1px #fff2,0 5px 0 #0005,0 0 24px #edd07940}
.reference-controls .spin-button:active:not(:disabled){scale:.95}
.reference-controls .spin-button:disabled{opacity:.48;cursor:default}
.reference-controls .spin-button.busy:disabled{opacity:.9}
.reference-controls .spin-button:focus-visible,.slot-speed select:focus-visible{outline:3px solid #ffe5a0;outline-offset:4px}
.slot-pace-bar{display:flex;align-items:center;justify-content:flex-end;gap:18px;padding:10px 18px;background:#131c17;border-top:1px solid #c4d7ad16}
.slot-speed{display:flex;align-items:center;gap:9px;color:#a5b2a3;font-size:11px;font-weight:800;letter-spacing:1px}
.slot-speed select{font:700 12px 'DM Sans',sans-serif;color:#f3dc98;background:#293128;border:1px solid #e9cd7244;border-radius:6px;padding:7px 26px 7px 10px;cursor:pointer}
.slot-pace-hint{font-size:11px;color:#91a08e}
@keyframes duck-spin{to{transform:rotate(360deg)}}
@container(max-width:780px){
  .game-controls.reference-controls{grid-template-columns:62px 26px minmax(74px,1fr) 104px 80px 32px;grid-template-areas:"bonus menu wallet bet spin auto";gap:9px;padding:12px}
  .reference-controls>.win-control{display:none}
  .reference-controls .buy-bonus-button{width:60px;height:60px;font-size:11px}
  .reference-controls .control-value strong{font-size:20px}
  .reference-controls .slot-menu-button{width:26px;font-size:25px}
}
@container(max-width:510px){
  .game-controls.reference-controls{grid-template-columns:minmax(54px,1fr) minmax(32px,.65fr) minmax(80px,1fr) minmax(36px,.65fr);grid-template-areas:"wallet wallet bet bet" "bonus menu spin auto";gap:10px 16px;padding:14px 18px;min-height:166px}
  .reference-controls>.control-value:not(.win-control){align-self:center}
  .reference-controls .control-value>small{font-size:10px}
  .reference-controls .control-value strong{font-size:21px}
  .reference-controls .control-value strong small{font-size:11px}
  .reference-controls .reference-bet{max-width:140px;justify-self:stretch;grid-template-columns:1fr 30px;min-height:52px}
  .reference-bet>div:first-child{padding:7px 10px}
  .reference-bet label{font-size:10px}
  .reference-bet select{width:75px;font-size:20px}
  .reference-bet .bet-arrows button{height:26px;font-size:20px}
  .reference-bet::after{right:30px}
  .reference-controls .spin-button{width:76px;height:76px;border-width:3px}
  .reference-controls .spin-button .spin-glyph{width:62px;height:62px;transform:none}
  .reference-controls .auto-button>span{font-size:30px}
  .reference-controls .auto-button>small{font-size:10px}
  .slot-pace-bar{justify-content:space-between;gap:8px;padding:10px 14px}
  .slot-pace-hint{font-size:10px;max-width:120px;text-align:right}
}
@media(prefers-reduced-motion:reduce){.reference-controls .spin-button.busy .spin-glyph{animation:none}.reference-controls .spin-button{transition:none}}