/* Shared viewport rules: keep layout responsive without clipping page content. */
html{scroll-padding-block:24px;scrollbar-gutter:stable}
body{min-width:0}
:where(main,section,article,aside,form,fieldset){min-width:0}
:where(input,select,textarea){min-width:0;max-width:100%}
:where(dialog){max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid #b4c7ff;outline-offset:3px}
.cabinet :is(.cabinet-panel,.settings-card,.cash-form-box){min-width:0}
.cabinet :is(.cabinet-feedback,.cabinet-note),.info-page :is(p,li,a){overflow-wrap:anywhere}
.info-page :is(h1,h2,h3){overflow-wrap:anywhere}
.partner-wrap .orbit{overflow:clip}
.cash-redesign.cash-refresh [data-pay-method][hidden]{display:none!important}
.cash-redesign.cash-refresh .cash-columns>*,.cash-redesign .cash-total>*{min-width:0}
.cash-redesign .cash-total{flex-wrap:wrap;gap:8px}
.cash-redesign .cash-total strong{overflow-wrap:anywhere}
.mobile-bottom-nav{padding-bottom:calc(10px + env(safe-area-inset-bottom))}
/* Keep the original navigation; mobile-nav.js only supplies missing navs. */
@media(max-width:640px){.site .tabbar{position:fixed;left:0;right:0;bottom:0;z-index:90;padding-bottom:calc(10px + env(safe-area-inset-bottom))}}
@media(min-width:1600px){
 .site .wrap{max-width:1600px}
 .site .hero-wins-panel{max-width:1536px}
 .site .wins{max-width:1536px}
 .original-page-layout{max-width:1600px}
}
@media(max-width:900px){
 .cash-redesign.cash-refresh .cash-columns{grid-template-columns:minmax(0,1fr)}
 .cash-redesign.cash-refresh .cash-form-box{position:static;min-width:0}
 .history-filters>*{min-width:0;max-width:100%}
}
@media(max-width:700px){
 .site .hdr .wrap{gap:8px;padding-inline:12px;height:auto;min-height:64px;padding-block:8px;flex-wrap:nowrap}
 .site .account-bar{min-width:0;gap:0;margin-left:auto;flex-shrink:1;flex-wrap:nowrap}
 .site .account-bar>.account-balance{min-width:0}
 .site .account-bar .balance-picker summary{padding-inline:6px;gap:3px}
 .site .account-bar .balance-picker b{font-size:14px}
 .site .account-bar>.user-dropdown{margin-left:6px}
 .site .account-bar .user-dropdown summary{padding:4px;gap:3px}
 .site .account-bar .header-notifications{margin-right:4px;flex-basis:32px;width:32px;height:36px}
 .site .account-balance{min-width:0}
 .site .menu-login{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .site .user-dropdown nav{max-width:calc(100vw - 24px);max-height:calc(100dvh - 150px);overflow:auto}
 .site .cabinet-panel,.site .settings-card{padding:18px 14px}
 .site .settings-redesign .settings-art-header{margin:-18px -14px 20px;padding:16px 14px}
 .cash-redesign.cash-refresh .cash-columns{gap:20px}
 .cash-redesign.cash-refresh .cash-form-box{padding:16px 12px}
 .cash-redesign.cash-refresh .crypto-toggle{white-space:normal;gap:8px}
 .cash-crypto-icons{flex-shrink:0}
 .site :is(input,select,textarea){font-size:16px}
 .site .mobile-bottom-nav a{min-height:44px;justify-content:center;min-width:0;flex:1}
 .site .hero-single .mojito-carousel .mojito-slide{min-height:0!important;padding:185px 18px 48px;gap:10px}
 .site .hero-single .mojito-slide .parrot-banner{height:185px}
 .site .hero-single .mojito-slide :is(.mojito-heading,.mojito-number,.mojito-copy,.hero-details){max-width:100%}
 .site .hero-single .mojito-slide .mojito-heading{font-size:clamp(25px,6vw,34px)}
 .site .hero-single .mojito-slide .mojito-copy{font-size:15px;line-height:1.5}
 .site .hero-single .mojito-slide .btn{min-height:48px;margin-top:14px;font-size:16px}
 .site .hero-single .mojito-slide .eyebrow{font-size:11px}
}
/* Short laptop screens still need usable controls; tall desktops can grow. */
@media(min-width:901px){
 .original-game-content .parrot-original{--original-stage-height:clamp(500px,calc(100svh - 250px),820px)}
 .original-game-content .parrot-original.parrot-mines .mines-scene .board{width:min(510px,100%,calc(var(--original-stage-height) - 80px));margin-inline:auto}
 .original-game-content .parrot-original .bet-panel-content{overflow-y:auto;overscroll-behavior:contain}
}
@media(max-width:480px){
 .original-game-content .parrot-original .layout{gap:18px}
 .original-game-content .parrot-original .layout>section{height:clamp(340px,65svh,460px)}
 .parrot-original .keno-grid{gap:5px}
 .parrot-original .dice-bottom-controls{gap:6px}
 .site .cash-redesign .payment-name{font-size:11px!important}
 .site .cash-redesign .crypto-toggle{padding:12px 10px!important}
 .site .cash-crypto-icons{gap:3px}
 .site .cash-crypto-icons img{width:20px;height:20px}
 .site .account-bar .menu-login{display:none!important}
 .site .account-bar .menu-chevron{display:none!important}
 .site .account-bar .menu-avatar{width:26px;height:26px}
}
@media(max-height:550px) and (orientation:landscape){
 :where(dialog){max-height:calc(100dvh - 12px);margin:6px auto}
 .site .hdr{position:static}
 .original-game-content .parrot-original .layout>section{height:380px}
 .original-game-content .parrot-original.parrot-mines .mines-scene .board{width:min(300px,100%)}
}

/* Mines fills its game module with five flexible rows and columns. */
.original-game-content .parrot-original.parrot-mines .field{padding:44px 20px 20px}
.original-game-content .parrot-original.parrot-mines .mines-scene{align-items:stretch;padding:0;width:100%;min-height:0}
.original-game-content .parrot-original.parrot-mines .mines-scene .board{width:100%;max-width:none;height:100%;align-self:stretch;margin:0;flex:1;grid-template-rows:repeat(5,minmax(0,1fr));gap:10px}
.original-game-content .parrot-original.parrot-mines .board .tile{aspect-ratio:auto;min-height:0;display:grid;place-items:center;overflow:hidden}
.original-game-content .parrot-original.parrot-mines .tile .mines-tile-art{width:auto;height:70%;max-width:78%;max-height:90px}
.original-game-content .parrot-original.parrot-mines .mascot-bet-panel .mines-payout{margin:8px 0 2px;padding:16px;border:1px solid #3d6686;border-radius:16px;background:radial-gradient(ellipse at top right,#1b6b8045,transparent 75%),linear-gradient(135deg,#1a2e45,#111c30);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;box-shadow:inset 0 1px 0 #bdefff12}
.original-game-content .parrot-mines .mines-payout>span{grid-column:1/-1;font-size:12px;color:#b6cee2}
.original-game-content .parrot-original.parrot-mines .mines-payout strong{font-size:clamp(20px,2vw,28px);color:#e3f8ff;overflow-wrap:anywhere;align-self:center}
.original-game-content .parrot-mines .mines-payout small{align-self:center;padding:6px 8px;border-radius:9px;background:#244b65;color:#94e5ff;font-weight:700;font-size:12px}
.original-game-content .parrot-mines #random-cell{min-height:44px;font-size:13px;border:1px solid #425677;background:#202e47;color:#c6daf7}
@media(max-width:900px){.original-game-content .parrot-original.parrot-mines .field{padding:40px 12px 12px}.original-game-content .parrot-original.parrot-mines .mines-scene .board{gap:7px}}