/* Moksha Patam studio: readable turn line (ink text plus a colour dot, so a player is never identified by colour alone), Paheli button language
   (teal pill, no glow, off-grey disabled), tinted + ringed + ticked mode choice, ladder/snake notes in green/amber with their own icons,
   and a night variant for the studio. Sizes and layout are unchanged. Undo: delete this file, theme.js and their tags in index.html. */
html body .mp-app{--mp-accent:#145C63;--mp-accent-hover:#0F474D;--mp-on-accent:#fff;--mp-tint:rgba(20,92,99,.08);--mp-hover-tint:rgba(20,92,99,.12);--mp-sec-ink:#145C63;--mp-surface:#fff;--mp-ring:rgba(22,32,44,.14);--mp-off-bg:#E4E7EB;--mp-off-ink:#56606D;--mp-ink:#16202C;--mp-cap:#46505D;--mp-ok-bg:#EAF4EE;--mp-ok-ink:#1F5E3B;--mp-miss-bg:#FBEFE2;--mp-miss-ink:#8A4A1C}
html body .mp-app .mp-turn{color:var(--mp-ink)}
html body .mp-app .mp-turn::before{content:"";display:inline-block;width:.6em;height:.6em;margin-right:.4em;border-radius:50%;background:var(--c,#16202C);box-shadow:0 0 0 2px var(--mp-surface),0 0 0 3px var(--mp-ring);vertical-align:.04em}
html body .mp-app .mp-roll{background:var(--mp-accent);color:var(--mp-on-accent);box-shadow:none}
html body .mp-app .mp-roll:hover:not([disabled]){background:var(--mp-accent-hover)}
html body .mp-app .mp-roll[disabled],html body .mp-app .mp-again[disabled]{background:var(--mp-off-bg);color:var(--mp-off-ink);opacity:1;box-shadow:none}
html body .mp-app .mp-again{background:var(--mp-accent);color:var(--mp-on-accent)}
html body .mp-app .mp-again:hover{background:var(--mp-accent-hover)}
html body .mp-app .mp-mode{background:var(--mp-surface);box-shadow:inset 0 0 0 1px var(--mp-ring)}
html body.mp-studio .mp-app .mp-mode,html body.mp-s-mode .mp-app .mp-mode{background:var(--mp-surface)}
html body .mp-app .mp-mode button{color:var(--mp-cap)}
html body .mp-app .mp-mode button[aria-pressed="true"],html body.mp-s-mode .mp-app .mp-mode button[aria-pressed="true"]{background:var(--mp-tint);color:var(--mp-sec-ink);box-shadow:inset 0 0 0 2px var(--mp-accent)}
html body .mp-app .mp-mode button[aria-pressed="true"]::before{content:"\2713";margin-right:5px;font-weight:700}
html body .mp-app .mp-mode button:not([aria-pressed="true"]):hover{background:var(--mp-hover-tint)}
html body .mp-app .mp-ib:hover{background:var(--mp-hover-tint)}
html body .mp-app .mp-log{color:#3A4654}
html body .mp-app .mp-log.up,html body.mp-studio .mp-app .mp-log.up{background:var(--mp-ok-bg);color:var(--mp-ok-ink)}
html body .mp-app .mp-log.down,html body.mp-studio .mp-app .mp-log.down{background:var(--mp-miss-bg);color:var(--mp-miss-ink)}
html body .mp-app .mp-lh.up{color:var(--mp-ok-ink)}
html body .mp-app .mp-lh.down{color:var(--mp-miss-ink)}
html body .mp-app .mp-mh,html body.mp-studio .mp-app .mp-mh,html body .mp-app .mp-hud h2{color:var(--mp-cap)}
@media (prefers-reduced-motion:reduce){html body .mp-app .mp-roll,html body .mp-app .mp-ib,html body .mp-app *{transition:none!important}html body .mp-app .mp-roll:active,html body .mp-app .mp-ib:active{transform:none!important}html body .mp-app .mp-roll::after{display:none}}
/* ---------- night ---------- */
html[data-mp-theme="dark"] body .mp-app{--mp-accent:#4FB3C4;--mp-accent-hover:#6BC6D4;--mp-on-accent:#0B1218;--mp-tint:rgba(79,179,196,.16);--mp-hover-tint:rgba(79,179,196,.22);--mp-sec-ink:#7FCBD8;--mp-surface:#18222D;--mp-ring:#34445A;--mp-off-bg:#243140;--mp-off-ink:#97A5B3;--mp-ink:#E9EEF2;--mp-cap:#B7C3CE;--mp-ok-bg:#16281F;--mp-ok-ink:#9BDDB5;--mp-miss-bg:#2A2118;--mp-miss-ink:#F2BE91;color-scheme:dark;color:#E9EEF2;background:#0F1720!important}
html[data-mp-theme="dark"] body .mp-app::before{background:none}
html[data-mp-theme="dark"] body .mp-app .mp-bar-t{color:#E9EEF2}
html[data-mp-theme="dark"] body .mp-app .mp-ib,html[data-mp-theme="dark"] body .mp-app #mpclose{background:#18222D;color:#E9EEF2;box-shadow:0 0 0 1px #34445A}
html[data-mp-theme="dark"] body .mp-app .mp-hud,html[data-mp-theme="dark"] body.mp-studio .mp-app .mp-hud,html[data-mp-theme="dark"] body .mp-app .mp-play,html[data-mp-theme="dark"] body.mp-studio .mp-app .mp-play{background:#18222D;border-color:#263341;box-shadow:none}
html[data-mp-theme="dark"] body.mp-s-mode .mp-app .mp-hud{background:#18222D;box-shadow:0 24px 60px rgba(0,0,0,.6)}
html[data-mp-theme="dark"] body .mp-app .mp-pl,html[data-mp-theme="dark"] body.mp-studio .mp-app .mp-pl{background:#1F2B38;border-color:#34445A;color:#DCE4EA}
html[data-mp-theme="dark"] body .mp-app .mp-pl b{color:#E9EEF2}
html[data-mp-theme="dark"] body .mp-app .mp-pl.on,html[data-mp-theme="dark"] body.mp-studio .mp-app .mp-pl.on{background:color-mix(in srgb,var(--c) 22%,#18222D);color:#E9EEF2;box-shadow:0 0 0 1px var(--c)}
html[data-mp-theme="dark"] body .mp-app .mp-log,html[data-mp-theme="dark"] body.mp-studio .mp-app .mp-log{background:#1F2B38;border-color:transparent;color:#DCE4EA}
html[data-mp-theme="dark"] body .mp-app .mp-log.up,html[data-mp-theme="dark"] body.mp-studio .mp-app .mp-log.up{background:#16281F;color:#9BDDB5}
html[data-mp-theme="dark"] body .mp-app .mp-log.down,html[data-mp-theme="dark"] body.mp-studio .mp-app .mp-log.down{background:#2A2118;color:#F2BE91}
html[data-mp-theme="dark"] body .mp-app .mp-play::after{background:#2A2118;color:#F2D9BF}
html[data-mp-theme="dark"] body .mp-app .mp-mh{color:#E9EEF2}
html[data-mp-theme="dark"] body .mp-app .mp-rules,html[data-mp-theme="dark"] body .mp-app .mp-rules-sheet{background:#18222D;color:#E9EEF2;border-color:#263341}
html[data-mp-theme="dark"] body .mp-app .mp-lg li b{color:#B7C3CE}
html[data-mp-theme="dark"] body .mp-app .mp-note{color:#B7C3CE}
html[data-mp-theme="dark"] body .mp-app .mp-f{background:linear-gradient(145deg,#fff,#E9E3D6)}
html[data-mp-theme="dark"] body .mp-app .mp-ib:focus-visible,html[data-mp-theme="dark"] body .mp-app .mp-roll:focus-visible,html[data-mp-theme="dark"] body .mp-app button:focus-visible,html[data-mp-theme="dark"] body .mp-app summary:focus-visible{outline-color:#F2A65A}