/* Device-only skin. No desktop selector changes outside .ref-mobile. */
#rmRoot{display:none}body.ref-mobile>.remote{display:none}
@layer rm-mobile{
body.ref-mobile{background:radial-gradient(ellipse at 50% 5%,#00372f77,transparent 70%),#020c0e!important;color:#f8ffff!important;color-scheme:dark}
body.ref-mobile #rmRoot{display:block!important;width:min(1480px,100%);margin:auto;padding:12px 24px 24px;font-family:Arial,system-ui,sans-serif;color:#fff}
body.ref-mobile #rmRoot[hidden]{display:none!important}
body.ref-mobile #rmRoot *{box-sizing:border-box}
body.ref-mobile #rmRoot button{color:#fff!important;font-family:Arial,system-ui,sans-serif;touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer;font-weight:750}
body.ref-mobile #rmRoot button:disabled{opacity:.35!important;cursor:not-allowed}
body.ref-mobile #rmRoot button:focus-visible{outline:3px solid #fff!important;outline-offset:3px}
body.ref-mobile .rm-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:#8fbdb8;min-height:35px}
body.ref-mobile .rm-top button,body.ref-mobile #rmMore{padding:7px 12px;min-height:34px;border:1px solid #13665c!important;background:#071917!important;border-radius:6px;font-size:11px}
body.ref-mobile #rmError{color:#ff9d9d;margin:6px 0;font-size:13px}
body.ref-mobile #rmError:empty{display:none}
body.ref-mobile .rm-console{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,44px);padding-top:20px}
body.ref-mobile .rm-bank{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
body.ref-mobile .rm-tile,body.ref-mobile .rm-dual{border:0!important;border-radius:0!important;background:#00e7d1!important;clip-path:polygon(0 0,85% 0,100% 18%,100% 100%,0 100%);position:relative;isolation:isolate;min-height:100px;padding:14px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-shadow:none!important}
body.ref-mobile .rm-tile:before,body.ref-mobile .rm-dual:before{content:'';position:absolute;inset:1.5px;background:linear-gradient(140deg,#1b2425,#090f11 80%);clip-path:polygon(0 0,85% 0,100% 18%,100% 100%,0 100%);z-index:-1}
body.ref-mobile .rm-tile:active:before,body.ref-mobile .rm-dual button:active{background:#006354!important}
body.ref-mobile .rm-tile>b{font-size:clamp(27px,3.6vw,58px);line-height:1;font-weight:800;font-style:normal;display:block}
body.ref-mobile .rm-tile>span{font-size:clamp(10px,1.15vw,17px);font-weight:800;line-height:1.25}
body.ref-mobile .rm-tile em{color:#ffdd25;font-style:normal}body.ref-mobile .rm-tile i:not(.rm-ball){font-style:normal}body.ref-mobile .rm-tile span>i{color:#00ffe0}
body.ref-mobile .rm-tile small{display:block;color:#00eed6;font-size:9px;margin-top:4px;letter-spacing:.08em}
body.ref-mobile .rm-dual{gap:0;padding:5px 10px}
body.ref-mobile .rm-dual button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:45px;width:100%;background:transparent!important;border:0!important;border-radius:0!important;padding:5px 0;font-size:clamp(10px,1.2vw,18px)}
body.ref-mobile .rm-dual button:first-child{border-bottom:1px solid #d7e4e2!important;padding-bottom:7px}
body.ref-mobile #rmRoot .rm-dual button:last-child{color:#00ffe0!important;font-size:clamp(9px,1.05vw,15px);line-height:1.4;padding-top:7px}
body.ref-mobile .rm-dual b{font-size:clamp(25px,3vw,44px);line-height:1}
body.ref-mobile .rm-wide{grid-column:1/-1;width:76%;justify-self:center;min-height:78px}
body.ref-mobile .rm-gold{background:#ecca62!important}body.ref-mobile .rm-duck{background:#c6a07b!important}
body.ref-mobile .rm-gold>b,body.ref-mobile .rm-duck>b{font-size:clamp(18px,2vw,30px);line-height:1.3;color:#ffdf29}
body.ref-mobile .rm-duck>b{color:#cf9368}body.ref-mobile .rm-gold:before{background:linear-gradient(135deg,#3b3015,#0c1010)}body.ref-mobile .rm-duck:before{background:linear-gradient(135deg,#36271b,#0c1010)}
body.ref-mobile .rm-ext>b{color:#ffe323;font-size:clamp(32px,4vw,58px)}body.ref-mobile .rm-ext>span{color:#00ffe0}
body.ref-mobile .rm-new-shot:before{background:radial-gradient(ellipse at 25% 40%,#006d58,#002b24 75%)}body.ref-mobile .rm-new-shot>b{color:#00ffca;text-shadow:0 0 18px #00ffca99}
body.ref-mobile .rm-center{text-align:center;min-width:0}
body.ref-mobile .rm-brand{display:block;font-size:clamp(26px,4.1vw,61px);letter-spacing:-.04em;font-weight:950;color:#fff;text-decoration:none;margin:0 0 28px}
body.ref-mobile .rm-brand span{color:#00e6c7}
body.ref-mobile .rm-center h1{font-size:clamp(11px,1.5vw,21px);letter-spacing:.2em;font-weight:400;color:#b2d0d2;margin:0 0 14px}
body.ref-mobile .rm-shot{font-size:clamp(100px,22vw,310px);font-weight:900;letter-spacing:-.08em;line-height:.95;color:#fff;text-shadow:0 8px 40px #ffffff08;padding-right:.07em;font-variant-numeric:tabular-nums}
body.ref-mobile .rm-shot.warning{color:#ffe551}body.ref-mobile .rm-shot.expired{color:#ff665f}
body.ref-mobile #rmShotStatus{color:#b3cfd2;font-size:clamp(12px,1.55vw,22px);margin:15px 0 24px;min-height:20px}
body.ref-mobile .rm-scoreline{display:grid;grid-template-columns:minmax(0,1fr) auto 1px auto minmax(0,1fr);gap:15px;align-items:center}
body.ref-mobile .rm-scoreline button{background:transparent!important;border:0!important;border-radius:0!important;min-height:44px;font-size:clamp(11px,1.3vw,19px);line-height:1.3;padding:4px;overflow-wrap:anywhere;text-transform:uppercase}
body.ref-mobile .rm-scoreline button[aria-pressed=true]{color:#00f4cf!important}
body.ref-mobile .rm-scoreline small{display:block;font-size:10px;margin-top:3px;color:#a1c3bb}
body.ref-mobile .rm-scoreline strong{font-size:clamp(30px,4vw,58px);font-weight:850;line-height:1}
body.ref-mobile .rm-divider{height:38px;background:#839b98}
body.ref-mobile .rm-turn{border:1px solid #00ebcc!important;background:linear-gradient(135deg,#00362b,#001510)!important;border-radius:15px!important;width:88%;margin:20px auto 15px;padding:10px;min-height:60px}
body.ref-mobile .rm-turn small{display:block;font-size:11px;color:#00ffcc;margin-bottom:6px}
body.ref-mobile .rm-turn>span{display:flex;align-items:center;justify-content:center;gap:10px;font-size:clamp(14px,1.7vw,24px)}
body.ref-mobile .rm-ball,body.ref-mobile .rm-mode-balls i{display:inline-block;width:23px;height:23px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff,#dadfe0 65%,#83989c);box-shadow:inset -2px -3px 5px #0005;flex-shrink:0}
body.ref-mobile .rm-ball.red,body.ref-mobile .rm-mode-balls .red,body.ref-mobile .rm-mode-balls i:last-child{background:radial-gradient(circle at 30% 25%,#ff9b90,#fa2727 60%,#9d0808)}
body.ref-mobile .rm-ball.yellow,body.ref-mobile .rm-mode-balls .yellow{background:radial-gradient(circle at 30% 25%,#fff7a7,#ffce11 60%,#c79300)}
body.ref-mobile .rm-mode-balls{display:flex!important;justify-content:center;gap:12px}
body.ref-mobile .rm-mode-balls i{width:clamp(18px,2.4vw,34px);height:clamp(18px,2.4vw,34px)}
body.ref-mobile .rm-mode-balls i:nth-child(2):not(.red){background:radial-gradient(circle at 30% 25%,#a8fff5,#00cab4 65%,#008f83)}
body.ref-mobile .rm-clock-info{display:flex;justify-content:center;gap:20px;color:#85aaa6;font-size:10px;margin:7px 0 12px}.rm-clock-info b{color:#e6f4f1;margin-left:7px;font-size:13px}
body.ref-mobile .rm-minor{display:flex;justify-content:center;gap:5px;flex-wrap:wrap}
body.ref-mobile .rm-minor button{background:#061c1a!important;border:1px solid #20463e!important;border-radius:5px;font-size:10px;min-height:34px;padding:7px}
body.ref-mobile #rmBreaker{font-size:10px;color:#8cb2ac;margin:14px 0 10px}
body.ref-mobile .rm-hint{color:#75938d;text-align:center;font-size:10px;line-height:1.6;margin:25px 0 0}
body.ref-mobile :is(#rmRoot dialog,#settingsDialog){background:#071b19!important;color:#f1fff9!important;border:1px solid #00c8af!important;border-radius:16px!important;width:min(520px,calc(100% - 28px));max-height:90svh;overflow:auto;padding:24px}
body.ref-mobile dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}body.ref-mobile .rm-dialog-buttons{display:grid;gap:10px;margin:20px 0}body.ref-mobile .rm-dialog-buttons button,body.ref-mobile [data-rm-close],body.ref-mobile #settingsDialog button{background:#12352d!important;border-color:#236c5b!important;color:#fff!important}body.ref-mobile #settingsDialog :is(input,select){background:#102c25!important;color:#fff!important;border-color:#236c5b!important}
}
@media(orientation:portrait){body.ref-mobile .rm-console{grid-template-columns:1fr 1fr;gap:20px 14px;padding-top:12px}body.ref-mobile .rm-center{grid-column:1/-1;grid-row:1}body.ref-mobile .rm-brand{font-size:36px;margin-bottom:16px}body.ref-mobile .rm-center h1{font-size:12px;margin-bottom:12px}body.ref-mobile .rm-shot{font-size:150px}body.ref-mobile #rmShotStatus{margin:9px 0 18px;font-size:15px}body.ref-mobile .rm-scoreline{max-width:450px;margin:auto}body.ref-mobile .rm-scoreline strong{font-size:39px}body.ref-mobile .rm-scoreline button{font-size:13px}body.ref-mobile .rm-turn{max-width:390px;margin-top:14px}body.ref-mobile .rm-turn>span{font-size:19px}body.ref-mobile .rm-bank{gap:9px}body.ref-mobile .rm-tile{min-height:90px;padding:10px 4px}body.ref-mobile .rm-tile>b{font-size:34px}body.ref-mobile .rm-gold>b,body.ref-mobile .rm-duck>b{font-size:16px}body.ref-mobile .rm-tile>span{font-size:10px}body.ref-mobile .rm-dual{padding:5px 7px}body.ref-mobile .rm-dual button{font-size:11px}body.ref-mobile .rm-dual button:last-child{font-size:9px}body.ref-mobile .rm-dual b{font-size:29px}body.ref-mobile .rm-wide{width:100%;min-height:76px}body.ref-mobile #rmRoot{padding-inline:15px}}
@media(orientation:landscape) and (max-height:550px){body.ref-mobile #rmRoot{padding:7px 12px 12px}body.ref-mobile .rm-console{gap:16px;padding-top:8px}body.ref-mobile .rm-bank{gap:7px}body.ref-mobile .rm-tile{min-height:60px;padding:7px 4px;gap:5px}body.ref-mobile .rm-tile>b{font-size:29px}body.ref-mobile .rm-tile>span{font-size:9px}body.ref-mobile .rm-tile small{font-size:7px;margin-top:2px}body.ref-mobile .rm-gold>b,body.ref-mobile .rm-duck>b{font-size:17px}body.ref-mobile .rm-dual{padding:3px 7px}body.ref-mobile .rm-dual button{min-height:32px;font-size:10px;padding:3px 0!important}body.ref-mobile .rm-dual b{font-size:24px}body.ref-mobile .rm-dual button:last-child{font-size:8px}body.ref-mobile .rm-wide{min-height:50px}body.ref-mobile .rm-brand{font-size:32px;margin-bottom:15px}body.ref-mobile .rm-shot{font-size:140px}body.ref-mobile .rm-center h1{font-size:11px;margin-bottom:9px}body.ref-mobile #rmShotStatus{font-size:12px;margin:7px 0 12px}body.ref-mobile .rm-scoreline{gap:8px}body.ref-mobile .rm-scoreline button{font-size:10px}body.ref-mobile .rm-scoreline strong{font-size:33px}body.ref-mobile .rm-turn{min-height:44px;padding:7px;margin:10px auto}.ref-mobile .rm-turn small{font-size:9px}.ref-mobile .rm-turn>span{font-size:14px}.ref-mobile .rm-ball{width:17px;height:17px}.ref-mobile .rm-clock-info{margin:5px 0 8px}.ref-mobile #rmBreaker{margin:7px 0}.ref-mobile .rm-hint{margin-top:12px}}

/* v56 — local mobile countdown alerts. */
body.ref-mobile .rm-sound{border:1px solid #15574d;border-radius:8px;padding:10px 12px;margin:8px 0;background:#061b18}
body.ref-mobile .rm-sound-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.ref-mobile #rmRoot .rm-sound button{padding:8px 11px;min-height:36px;border:1px solid #26816e!important;background:#0b3027!important;border-radius:5px;font-size:11px}
body.ref-mobile #rmRoot #rmSoundToggle[aria-pressed=true]{color:#00ffd0!important;border-color:#00cda5!important}
body.ref-mobile .rm-sound label{font-size:11px;display:flex;gap:8px;white-space:nowrap;color:#bbded4}
body.ref-mobile #rmSoundVolume{min-width:90px;max-width:180px;flex:1;height:30px;accent-color:#00e5b9;padding:0;background:transparent!important;border:0!important}
body.ref-mobile #rmSoundStatus{font-size:10px;color:#a7c9c1;line-height:1.5;margin:7px 0 0}
body.ref-mobile .rm-desktop-sound-setting{display:none!important}
@media(max-width:400px){body.ref-mobile .rm-sound-actions{gap:8px}body.ref-mobile .rm-sound label{width:85px}body.ref-mobile #rmSoundVolume{max-width:none}}

/* Direct colour assignment: two taps targets, no dialog. */
body.ref-mobile .rm-quick-colors{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;border:1px solid #00cdb5;padding:6px;background:#051d1b}
body.ref-mobile .rm-quick-colors>span{text-align:center;font-size:8px;font-weight:800;letter-spacing:.03em;color:#b9e9df}
body.ref-mobile .rm-quick-colors>div{display:grid;grid-template-columns:1fr 1fr;gap:5px}
body.ref-mobile #rmRoot .rm-quick-colors button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:44px;padding:5px 2px;border:1px solid #34776b!important;border-radius:6px;background:#092a25!important;font-size:9px}
body.ref-mobile #rmRoot .rm-quick-colors button[aria-pressed=true]{border-color:#f4fffb!important;background:#195043!important;box-shadow:inset 0 0 0 1px #f4fffb}
body.ref-mobile .rm-quick-colors .rm-ball{width:22px;height:22px;flex-shrink:0}
body.ref-mobile .rm-scoreline button>.rm-ball{display:inline-block;width:11px;height:11px;margin-right:5px;vertical-align:middle}