/* Mobile interaction pass: preserves the GoldenX header and makes every control touch-safe. */
.eog{width:100%;max-width:100%;min-width:0}
.eog button,.eog select,.eog a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}

@media(max-width:720px){
 .eog{position:relative;z-index:1;width:auto;max-width:none;overflow-x:clip;padding:7px 5px calc(84px + env(safe-area-inset-bottom,0px));contain:inline-size}
 .eog-topbar{height:52px;min-width:0;grid-template-columns:48px minmax(0,1fr) 48px;gap:4px;padding:0}
 .eog-back{width:44px;min-width:44px;height:44px;min-height:44px;justify-content:center;padding:0;font-size:18px}
 .eog-brand{min-width:0}.eog-brand strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:18px}
 .eog-topmeta{width:44px;justify-content:center}.eog-topmeta span{display:grid;width:44px;height:44px;place-items:center;padding:0;font-size:0}.eog-topmeta span i{width:8px;height:8px;margin:0}
 .eog-jackpots{width:100%;min-width:0;margin:2px 0 6px}.eog-jackpots div{min-width:0}
 .eog-stage,.eog-stage__frame,.eog-reels-wrap,.eog-reels{min-width:0;max-width:100%}
 .eog-stage__frame{padding:17px 2px 8px}
 .eog-reels-wrap{grid-template-columns:13px minmax(0,1fr) 13px}
 .eog-winbar{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:3px}
 .eog-winbar>div{min-width:0}.eog-winbar strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

 .eog-controls{width:100%;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) 84px;grid-template-areas:"bet spin" "auto turbo";gap:6px;margin-top:7px}
 .eog-bet{grid-area:bet}.eog-spin{grid-area:spin;align-self:center}.eog-auto{grid-area:auto}.eog-turbo{grid-area:turbo}
 .eog-bet,.eog-auto,.eog-turbo{min-width:0;min-height:52px;padding:5px 7px}
 .eog-bet>div{grid-template-columns:44px minmax(0,1fr) 44px;gap:3px}
 .eog-bet button{width:44px;height:44px;min-width:44px;min-height:44px;font-size:24px}
 .eog-bet strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
 .eog-auto select{width:100%;min-width:0;min-height:44px;font-size:16px}
 .eog-turbo{display:flex!important;min-width:44px;min-height:52px}
 .eog-spin{width:80px;height:80px;min-width:80px;min-height:80px;margin:auto}
 .eog-tools{width:100%;display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:4px;overflow:visible;padding:0;margin-top:7px}
 .eog-tools button{width:100%;min-width:44px;height:46px;min-height:44px;padding:4px;font-size:16px}
 .eog-tools button span{display:none}
 .eog-panel__sheet{width:calc(100% - 12px);max-height:calc(100dvh - 24px);padding:58px 12px 18px;border-radius:17px}
 .eog-panel__close{left:10px;top:8px;width:44px;height:44px;min-width:44px;min-height:44px;font-size:27px}
 .eog-info input{min-height:44px;font-size:16px}
}

@media(max-width:360px){
 .eog{padding-inline:3px}
 .eog-brand strong{font-size:16px}.eog-jackpots strong{font-size:11px}
 .eog-controls{grid-template-columns:minmax(0,1fr) 78px;gap:4px}
 .eog-spin{width:74px;height:74px;min-width:74px;min-height:74px}
 .eog-bet>div{grid-template-columns:44px minmax(0,1fr) 44px}
 .eog-tools{gap:2px}.eog-tools button{padding:2px}
}

@media(max-width:900px) and (max-height:520px) and (orientation:landscape){
 .eog{min-height:0;padding-bottom:10px}
 .eog-topbar{height:46px}.eog-brand small{display:none}
 .eog-jackpots{max-width:620px;margin-bottom:4px}
 .eog-stage{max-width:620px}.eog-stage__frame{padding-top:14px}
 .eog-message{height:20px}.eog-winbar{margin-top:4px;padding-block:4px}
 .eog-controls{max-width:620px;grid-template-columns:minmax(0,1fr) 76px;gap:4px}
 .eog-spin{width:70px;height:70px;min-width:70px;min-height:70px}
 .eog-tools{max-width:620px}
}

@media(prefers-reduced-motion:reduce){
 .eog *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}