/* v57: a landscape surface even with device auto-rotation disabled. Desktop untouched. */
body.ref-mobile.rm-landscape{margin:0;overflow:hidden;overscroll-behavior:none}
body.ref-mobile.rm-landscape #rmRoot{position:fixed;left:var(--rm-left,0px);top:var(--rm-top,0px);width:var(--rm-wide);height:var(--rm-short);max-width:none;margin:0;padding:10px 18px;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;transform-origin:0 0;background:radial-gradient(ellipse at 50% 5%,#00372f77,transparent 70%),#020c0e}
body.ref-mobile.rm-rotated #rmRoot{left:calc(var(--rm-left,0px) + var(--rm-vw));transform:rotate(90deg)}
body.ref-mobile.rm-landscape .rm-console{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);gap:18px;padding-top:8px}
body.ref-mobile.rm-landscape .rm-center{grid-column:auto;grid-row:auto}
body.ref-mobile .rm-view-actions{display:flex;gap:8px;align-items:center}
body.ref-mobile #rmViewStatus{font-size:11px;line-height:1.4;color:#f3df9b;padding:8px 10px;border:1px solid #756030;border-radius:6px;background:#29220b;margin:5px 0}
body.ref-mobile.rm-landscape .rm-top{min-height:34px}
body.ref-mobile.rm-landscape .rm-top button{min-height:34px;white-space:nowrap}
body.ref-mobile.rm-landscape .rm-sound{margin:5px 0;padding:5px 8px}
body.ref-mobile.rm-landscape #rmRoot .rm-sound button{padding:5px 8px;min-height:32px}
body.ref-mobile.rm-landscape .rm-sound-actions{gap:8px;flex-wrap:nowrap}
body.ref-mobile.rm-landscape .rm-sound label{width:auto}
body.ref-mobile.rm-landscape #rmSoundVolume{max-width:180px}
body.ref-mobile.rm-landscape #rmSoundStatus{margin:3px 0 0;font-size:9px}
body.ref-mobile.rm-landscape dialog{position:fixed;inset:auto;left:calc(var(--rm-left,0px) + var(--rm-vw)/2);top:calc(var(--rm-top,0px) + var(--rm-vh)/2);margin:0;transform:translate(-50%,-50%);width:min(520px,calc(var(--rm-wide) - 32px));max-width:none;max-height:calc(var(--rm-short) - 24px);box-sizing:border-box;overflow:auto;background:#071b19!important;color:#f1fff9!important;border:1px solid #00c8af!important;border-radius:12px!important;padding:18px}
body.ref-mobile.rm-rotated dialog{transform:translate(-50%,-50%) rotate(90deg)}
body.ref-mobile.rm-landscape dialog h2{font-size:20px;margin:0 0 12px}
body.ref-mobile.rm-landscape .rm-dialog-buttons{margin:12px 0}
body.ref-mobile.rm-landscape dialog button{min-height:42px}
body.ref-mobile.rm-compact #rmRoot{padding:5px 12px 10px}
body.ref-mobile.rm-compact .rm-console{gap:14px;padding-top:6px}
body.ref-mobile.rm-compact .rm-bank{gap:5px}
body.ref-mobile.rm-compact .rm-tile{min-height:54px;padding:5px 3px;gap:3px}
body.ref-mobile.rm-compact .rm-tile>b{font-size:25px}
body.ref-mobile.rm-compact .rm-tile>span{font-size:9px}
body.ref-mobile.rm-compact .rm-tile small{font-size:7px;margin-top:2px}
body.ref-mobile.rm-compact .rm-gold>b,body.ref-mobile.rm-compact .rm-duck>b{font-size:15px}
body.ref-mobile.rm-compact .rm-dual{padding:2px 6px;min-height:68px}
body.ref-mobile.rm-compact .rm-dual button{min-height:32px;font-size:9px;padding:2px 0!important}
body.ref-mobile.rm-compact .rm-dual b{font-size:20px}
body.ref-mobile.rm-compact #rmRoot .rm-dual button:last-child{font-size:8px;line-height:1.2}
body.ref-mobile.rm-compact .rm-wide{width:100%;min-height:44px}
body.ref-mobile.rm-compact .rm-brand{font-size:27px;margin-bottom:6px}
body.ref-mobile.rm-compact .rm-center h1{font-size:10px;margin-bottom:5px}
body.ref-mobile.rm-compact .rm-shot{font-size:92px}
body.ref-mobile.rm-compact #rmShotStatus{font-size:11px;margin:4px 0 6px;min-height:14px}
body.ref-mobile.rm-compact .rm-scoreline{gap:7px}
body.ref-mobile.rm-compact .rm-scoreline button{font-size:10px;min-height:38px;padding:2px}
body.ref-mobile.rm-compact .rm-scoreline strong{font-size:28px}
body.ref-mobile.rm-compact .rm-scoreline small{font-size:9px;margin-top:1px}
body.ref-mobile.rm-compact .rm-divider{height:30px}
body.ref-mobile.rm-compact .rm-turn{width:95%;min-height:42px;padding:5px;margin:5px auto;border-radius:8px!important}
body.ref-mobile.rm-compact .rm-turn small{font-size:8px;margin-bottom:3px}
body.ref-mobile.rm-compact .rm-turn>span{font-size:13px}
body.ref-mobile.rm-compact .rm-ball,body.ref-mobile.rm-compact .rm-mode-balls i{width:17px;height:17px}
body.ref-mobile.rm-compact .rm-clock-info{margin:3px 0 5px;font-size:9px}
body.ref-mobile.rm-compact .rm-minor{gap:3px;flex-wrap:nowrap}
body.ref-mobile.rm-compact .rm-minor button{font-size:9px;min-height:32px;padding:4px}
body.ref-mobile.rm-compact #rmBreaker{font-size:9px;margin:5px 0}
body.ref-mobile.rm-compact #rmMore{min-height:30px;padding:5px 8px;font-size:10px}
body.ref-mobile.rm-compact .rm-hint{margin:8px 0 0;font-size:9px}

body.ref-mobile.rm-landscape #rmSoundDialog .rm-sound-actions{flex-wrap:wrap}
body.ref-mobile.rm-landscape #rmSoundDialog .rm-sound button{min-height:42px;padding:8px 12px;background:#0b3027;color:#fff;border:1px solid #26816e;border-radius:6px}
body.ref-mobile.rm-landscape #rmSoundDialog #rmSoundStatus{font-size:12px;margin-top:10px}
body.ref-mobile.rm-landscape #rmConnection{max-width:45%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ref-mobile .rm-sound-engine{margin-top:12px;display:flex;align-items:center;gap:12px}
body.ref-mobile .rm-sound-engine select{min-height:42px;flex:1;padding:6px 10px;border:1px solid #267862;background:#092a22;color:white;border-radius:6px}
body.ref-mobile .rm-sound-help{color:#a7c9c1;font-size:12px;line-height:1.5;margin:12px 0}

body.ref-mobile #rmFullscreenHelp h2{padding-inline-end:40px}
body.ref-mobile #rmFullscreenHelp [data-rm-close]{position:absolute;top:10px;right:10px;width:34px;min-height:34px;padding:0;font-size:24px;line-height:1;background:#123d32;color:#fff;border:1px solid #367762;border-radius:6px}