@media(max-width:900px){
body:has(#whoPaysFlow) .site-header{padding-bottom:2px!important;margin-bottom:0!important}
body:has(#whoPaysFlow) .page-shell{padding-top:0!important;margin-top:0!important}
#whoPaysFlow[data-mobile-step="input"] .mobile-wheel-step{display:none!important}
#whoPaysFlow[data-mobile-step="wheel"] .mobile-input-step{display:none!important}
#whoPaysFlow[data-mobile-step="wheel"] .mobile-wheel-step{
display:grid!important;grid-template-rows:minmax(0,1fr) 118px!important;gap:5px!important;
width:100%!important;height:calc(100dvh - 76px)!important;min-height:calc(100dvh - 76px)!important;
max-height:calc(100dvh - 76px)!important;padding:0 3px 3px!important;margin:0!important;overflow:hidden!important}
#whoPaysFlow .who-wheel-card,#whoPaysFlow.is-result .who-wheel-card{
grid-row:1!important;width:calc(100vw - 6px)!important;max-width:calc(100vw - 6px)!important;height:100%!important;
min-height:0!important;margin:0 auto!important;padding:30px 2px 2px!important;display:flex!important;align-items:center!important;
justify-content:center!important;background:rgba(18,15,13,.91)!important;border:1px solid rgba(242,184,75,.30)!important;
border-radius:26px!important;box-shadow:0 18px 44px rgba(0,0,0,.24)!important;transform:none!important;transition:none!important}
#whoPaysFlow .who-wheel-card #wheelCanvas,#whoPaysFlow.is-result .who-wheel-card #wheelCanvas{
width:min(91vw,calc(100dvh - 214px))!important;max-width:100%!important;height:auto!important;margin:auto!important;
transform:none!important;transition:none!important}
#whoPaysFlow .who-result-card{
grid-row:2!important;display:flex!important;width:calc(100vw - 10px)!important;height:118px!important;min-height:118px!important;
max-height:118px!important;margin:0 auto!important;padding:7px 9px!important;align-items:center!important;justify-content:center!important;
background:rgba(11,9,8,.94)!important;border:1px solid rgba(242,184,75,.30)!important;border-radius:20px!important;
box-shadow:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:none!important;
transition:opacity .18s ease-out!important}
#whoPaysFlow.is-result .who-result-card{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#whoPaysFlow .who-result-card .game-result-inner{width:100%!important;position:relative!important;z-index:5!important}
#whoPaysFlow .who-result-card .result-kicker{font-size:14px!important;margin-bottom:3px!important}
#whoPaysFlow .who-result-card strong{font-size:clamp(27px,7.5vw,34px)!important}
#whoPaysFlow .retry-button{display:none!important}
#whoPaysFlow.is-result .retry-button{
display:flex!important;position:absolute!important;top:6px!important;right:8px!important;left:auto!important;transform:none!important;
z-index:30!important;width:auto!important;min-width:108px!important;height:34px!important;min-height:34px!important;padding:0 12px!important;
align-items:center!important;justify-content:center!important;font-size:11.5px!important;line-height:1!important;border-radius:11px!important}
#whoPaysFlow .who-result-card .game-celebration-layer{position:absolute!important;inset:0!important;z-index:1!important;overflow:hidden!important;pointer-events:none!important}
}
@media(max-width:430px) and (max-height:760px){
#whoPaysFlow .who-wheel-card #wheelCanvas,#whoPaysFlow.is-result .who-wheel-card #wheelCanvas{
width:min(87vw,calc(100dvh - 208px))!important}
}