/* V23: the same drawer transition and return button for every Options screen. */
#siteMenuRanksView [data-drawer-embedded="true"] {
 position:relative!important;inset:auto!important;display:block;width:100%;max-width:none;
 height:auto!important;max-height:none!important;margin:0;padding:0!important;
 border:0!important;border-radius:0!important;background:transparent!important;
 box-shadow:none!important;backdrop-filter:none!important;overflow:visible!important;
 z-index:auto!important;box-sizing:border-box;direction:rtl;text-align:right;
}
#siteMenuRanksView [data-drawer-embedded="true"][hidden]{display:none!important}
#siteMenuRanksView :is(.cloud-modal,.updates-shell,.admin-shell,.support-dialog,.donation-dialog){
 position:relative;inset:auto;width:100%;max-width:none;height:auto;max-height:none;
 margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;
 overflow:visible;box-sizing:border-box;color:#163229;font-family:RubikLocal,Rubik,Arial,sans-serif;
}
#siteMenuRanksView :is(.cloud-close,.updates-close,.admin-close,.support-close,.donation-close){display:none!important}
#siteMenuRanksView .cloud-header{gap:9px;margin:4px 0 16px}
#siteMenuRanksView .cloud-header img{width:42px;height:30px}
#siteMenuRanksView .cloud-header h2{font-size:22px;line-height:1.45;overflow-wrap:anywhere}
#siteMenuRanksView :is(input,textarea,select){max-width:100%;box-sizing:border-box;font-size:16px}
#siteMenuRanksView :is(.cloud-email,.cloud-notice,.cloud-history){overflow-wrap:anywhere}
#siteMenuRanksView .cloud-history{max-height:none}
#siteMenuRanksView .cloud-modal .cloud-links{gap:10px;align-items:center;justify-content:space-between}
#siteMenuRanksView .cloud-links button{min-height:40px}
#siteMenuRanksView .updates-shell{display:flex;flex-direction:column;gap:13px}
#siteMenuRanksView .updates-head{margin:2px 0 0;gap:8px;flex-wrap:wrap}
#siteMenuRanksView .updates-list{display:flex;overflow:visible;max-height:none;flex:none;padding:0;gap:12px}
#siteMenuRanksView .updates-item{min-width:0;padding:14px 12px;background:#fff;border:1px solid #e3d8cb;border-radius:14px}
#siteMenuRanksView .updates-item :is(h3,p){overflow-wrap:anywhere;line-height:1.75;font-size:14px}
#siteMenuRanksView .updates-item h3{font-size:17px;line-height:1.4}
#siteMenuRanksView .updates-footer{position:static;display:flex;flex-direction:column;align-items:stretch;margin:0;padding:12px 0 0;gap:12px;background:transparent;box-shadow:none}
#siteMenuRanksView .updates-dismiss-area,#siteMenuRanksView .updates-confirm{width:100%}
#siteMenuRanksView .updates-dismiss-area label{font-size:13px}
#siteMenuRanksView .support-content{padding:4px 0 0}
#siteMenuRanksView .support-content h2{font-size:26px;line-height:1.4;margin:8px 0}
#siteMenuRanksView .support-content>p{font-size:14px;line-height:1.8}
#siteMenuRanksView .support-form{gap:14px}
#siteMenuRanksView .support-form label{gap:7px}
#siteMenuRanksView .support-icon{width:42px;height:42px;margin-top:10px}
#siteMenuRanksView .support-form .support-mail-button{width:100%}
#siteMenuRanksView .donation-grid{display:flex;flex-direction:column;gap:20px}
#siteMenuRanksView .donation-copy{padding:4px 0 0}
#siteMenuRanksView .donation-copy h2{font-size:26px;line-height:1.35;margin:10px 0 14px}
#siteMenuRanksView .donation-copy p{font-size:14px;line-height:1.85;max-width:none}
#siteMenuRanksView .donation-qr-wrap{padding:14px;border:1px solid #e2d9c9;border-radius:18px;background:#fff;min-width:0}
#siteMenuRanksView .donation-qr-wrap img{width:min(100%,300px);height:auto;display:block;margin:0 auto}
#siteMenuRanksView .paypal-support-button{display:flex;justify-content:center;gap:7px;width:100%;min-height:46px;box-sizing:border-box}
#siteMenuRanksView .admin-shell{display:block}
#siteMenuRanksView .admin-header{padding:4px 0 12px;background:transparent}
#siteMenuRanksView .admin-title h2{font-size:22px}
#siteMenuRanksView .admin-layout{display:block}
#siteMenuRanksView .admin-tabs{display:flex;flex-direction:row;flex-wrap:wrap;border:0;border-radius:13px;padding:8px;gap:5px;overflow:visible}
#siteMenuRanksView .admin-tab{padding:9px 10px;font-size:12px;min-height:40px}
#siteMenuRanksView .admin-main{padding:14px 0 0;overflow:visible;min-width:0}
#siteMenuRanksView .admin-grid-2{grid-template-columns:1fr}
#siteMenuRanksView .admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
#siteMenuRanksView .admin-table-wrap{max-width:100%;overflow:auto}
#siteMenuRanksView .admin-note-row{flex-direction:column}
#siteMenuRanksView .admin-card{padding:12px}
#siteMenuRanksView .admin-kpi{padding:11px}
#siteMenuRanksView .admin-user-result{flex-direction:column;align-items:stretch}
#siteMenuDrawer[aria-busy="true"] :is(#siteMenuMainView,#siteMenuRanksView){pointer-events:none}
.drawer-sound-panel-v23 h2{font:800 24px/1.5 RubikLocal,Rubik,Arial,sans-serif;margin:4px 0 14px;text-align:right}
.drawer-sound-panel-v23 p{font-size:14px;line-height:1.8;color:#586e62;margin:8px 0 14px}
.drawer-sound-panel-v23 small{font-size:12px;line-height:1.7;display:block;color:#66766b}
.sound-setting-switch-v23{display:flex;align-items:center;gap:10px;width:100%;min-height:68px;padding:14px;border:1px solid #9dbda9;border-radius:18px;background:#eaf5ea;color:#234d3a;font:700 14px RubikLocal,Rubik,Arial,sans-serif;cursor:pointer;margin:18px 0}
.sound-setting-switch-v23>span:first-child{font-size:26px}
.sound-switch-track-v23{display:block;direction:ltr;width:44px;height:26px;border-radius:20px;background:#287b68;padding:3px;margin-inline-start:auto;box-sizing:border-box}
.sound-switch-track-v23 i{display:block;width:20px;height:20px;border-radius:50%;background:#fff;transform:translateX(18px);transition:transform .25s}
.sound-setting-switch-v23.is-muted{background:#f3f0e9;border-color:#d4cec0;color:#5a6254}
.sound-setting-switch-v23.is-muted .sound-switch-track-v23{background:#92988e}
.sound-setting-switch-v23.is-muted .sound-switch-track-v23 i{transform:translateX(0)}
.sound-settings-note-v23{background:#fff;border:1px solid #ded9ca;border-radius:16px;padding:15px;margin:18px 0}
.sound-settings-note-v23 p:last-child{margin-bottom:0}

/* Standing mascot; only eyelids move. No plane, A/B route, spinning badge or bobbing body. */
.mascot-loading-screen{display:grid;place-items:center;text-align:center;direction:rtl}
.mascot-loading-scene-v23{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:min(360px,100%);max-width:100%;box-sizing:border-box;padding:22px 14px;margin:0 auto;text-align:center;direction:rtl;color:#173a2e}
.mascot-monologue-v23{position:relative;max-width:100%;box-sizing:border-box;border:1px solid #dbc385;border-bottom:3px solid #c9a755;border-radius:20px;padding:12px 23px;background:#fffbed;font:800 clamp(18px,3.2vw,23px)/1.5 RubikLocal,Rubik,Arial,sans-serif;white-space:nowrap;margin-bottom:4px;box-shadow:0 6px 15px #314d2410}
.mascot-monologue-v23:after{content:'';position:absolute;bottom:-7px;right:calc(50% - 7px);width:12px;height:12px;background:#fffbed;border-right:1px solid #c9a755;border-bottom:1px solid #c9a755;transform:rotate(45deg)}
.standing-mascot-v23{position:relative;display:block;width:clamp(132px,27vw,210px);max-width:100%;height:auto;aspect-ratio:550/650;flex:none}
.standing-mascot-image-v23{display:block;width:100%;height:auto;aspect-ratio:550/650;object-fit:contain;animation:none!important;transform:none!important}
.mascot-blink-eyes-v23{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none;user-select:none}
.mascot-loading-label-v23{font:500 13px/1.7 RubikLocal,Rubik,Arial,sans-serif!important;margin:3px 0 0!important;color:#617165;text-align:center!important;max-width:100%}
.mascot-loading-scene-v23 .mascot-blink-eyes-v23{animation:standing-blink-v23 3.4s ease-in-out infinite}
@keyframes standing-blink-v23{0%,25%,33%,100%{opacity:0}28%,30%{opacity:1}}
.games-page #mascotGreeting .mascot-rig>.mascot-blink-eyes-v23{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:3;animation:none!important;transform:none!important}
.transition-loader:has(.mascot-loading-scene-v23){z-index:250000}
.transition-loader .transition-loader-panel:has(.mascot-loading-scene-v23){gap:0;padding:12px;max-width:min(390px,95vw);box-sizing:border-box}
.loading-screen:has(.mascot-loading-scene-v23){gap:0}
.game-panel .loading-card:has(.mascot-loading-scene-v23){padding:14px}
@media(max-height:520px){.mascot-loading-scene-v23{padding:10px;gap:6px}.standing-mascot-v23{width:130px}.mascot-monologue-v23{font-size:17px;padding:8px 18px}.transition-loader .transition-loader-panel:has(.mascot-loading-scene-v23){padding:5px}}
@media(prefers-reduced-motion:reduce){.mascot-loading-scene-v23 .mascot-blink-eyes-v23{animation:none!important}.sound-switch-track-v23 i{transition:none}}
