.scdev-ludo{--ludo-bg:#fff;--ludo-surface:#fff;--ludo-surface-raised:#f7faf8;--ludo-ink:#30343b;--ludo-muted:#717b80;--ludo-line:#dce3e0;--ludo-green:#24776c;--ludo-board-frame:#354f4a;--ludo-path:#fffdf7;--ludo-path-line:#ded9ce;--ludo-safe:#66756c;--ludo-yard:#fff9;--ludo-lane-red:#e85a61;--ludo-lane-green:#26a57b;--ludo-lane-yellow:#f0c447;--ludo-lane-blue:#448bd1;--ludo-base-red:#f5dadd;--ludo-base-green:#d5eee3;--ludo-base-yellow:#f6eccf;--ludo-base-blue:#d7e6f7;--ludo-center:#eee8dc;--ludo-tip-bg:#fffbf2;--ludo-tip-border:#e5ddc7;--ludo-tip-ink:#776340;--ludo-board-size:550px;width:100%;max-width:none;margin:0;padding:6px 12px;box-sizing:border-box;background:var(--ludo-bg)!important;color:var(--ludo-ink)!important;color-scheme:light;font:14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif!important;container-type:inline-size}
/* Give Ludo the full theme content area on the Arcade game page. */
body:has(.scdev-ludo) .sc-game-launcher-stage{width:100%!important;max-width:1300px!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
body:has(.scdev-ludo) #scGameArenaStage{align-items:stretch!important}
@media(max-width:700px){body:has(.scdev-ludo) .sc-game-launcher-stage{width:100%!important;max-width:100%!important;margin-left:auto!important;margin-right:auto!important}}
.scdev-ludo *{box-sizing:border-box}
.scdev-ludo button,.scdev-ludo select{font:inherit!important;color:var(--ludo-ink)!important;background:var(--ludo-surface)!important;border:1px solid var(--ludo-line)!important;border-radius:6px;padding:6px 12px!important;min-height:34px;box-shadow:none!important}
.scdev-ludo button{cursor:pointer;touch-action:manipulation}
.scdev-ludo button:disabled{opacity:.42;cursor:default}
.scdev-ludo button:focus-visible,.scdev-ludo select:focus-visible,.scdev-ludo summary:focus-visible{outline:3px solid #d89339;outline-offset:2px}
.scdev-ludo .ld-shell{display:grid;grid-template-columns:minmax(200px,240px) minmax(0,1fr) minmax(190px,250px);gap:18px;align-items:center;min-width:0}
.scdev-ludo .ld-controls,.scdev-ludo .ld-info{min-width:0}
.scdev-ludo .ld-eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:800;color:var(--ludo-green)!important;margin:0 0 6px}
.scdev-ludo h1{font:800 clamp(22px,2.5cqw,32px)/1.1 system-ui,sans-serif!important;letter-spacing:-1px;color:var(--ludo-ink)!important;margin:0 0 4px!important}
.scdev-ludo h1 span{color:#d8644b!important}
.scdev-ludo .ld-subtitle{font-size:12px;color:var(--ludo-muted)!important;margin:0 0 10px!important}
.scdev-ludo .ld-settings{display:grid;gap:6px;margin-bottom:8px}
.scdev-ludo .ld-settings label{display:grid;gap:3px;font-size:11px;color:var(--ludo-muted)!important}
.scdev-ludo .ld-settings select{width:100%;min-width:0;padding:5px 8px!important;font-size:11px!important;min-height:32px}
.scdev-ludo .ld-primary{background:#24776c!important;color:white!important;border-color:#24776c!important}
.scdev-ludo [data-action=start]{width:100%;margin-bottom:8px}
.scdev-ludo .ld-turn{font-weight:750;font-size:13px;margin:4px 0}
.scdev-ludo .ld-dice{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:40px}
.scdev-ludo .ld-die{font:30px/1 system-ui,sans-serif!important;min-width:42px;min-height:40px!important;padding:3px 6px!important;border-radius:6px!important}
.scdev-ludo .ld-die.ld-usable{border-color:#d9ae46!important;background:#fffaf0!important}
.scdev-ludo .ld-die.ld-selected{outline:3px solid #d9ae46;outline-offset:1px}
.scdev-ludo .ld-roll{min-height:36px!important;margin-left:auto}
.scdev-ludo .ld-dice-wait{font-size:11px;color:var(--ludo-muted)!important}
.scdev-ludo .ld-status{font-size:11px;line-height:1.35;min-height:30px;margin:3px 0 7px!important;color:var(--ludo-ink)!important}
.scdev-ludo .ld-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.scdev-ludo .ld-player{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0;padding:5px 7px;border:1px solid var(--ludo-line);border-left:3px solid var(--seat);border-radius:6px;background:var(--ludo-surface);color:var(--ludo-ink)!important;font-size:11px}
.scdev-ludo .ld-player strong{font-size:11px;font-variant-numeric:tabular-nums}.scdev-ludo .ld-avatar{width:22px;height:22px;flex:0 0 22px;border-radius:50%;object-fit:cover;border:1px solid #dce3e0}.scdev-ludo .ld-user-player{justify-content:flex-start}.scdev-ludo .ld-user-player strong{margin-left:auto}
.scdev-ludo .ld-player-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scdev-ludo .ld-player.ld-active{background:var(--ludo-surface-raised);border-color:var(--seat)}
.scdev-ludo .ld-red{--seat:#df4855}.scdev-ludo .ld-green{--seat:#20936d}.scdev-ludo .ld-yellow{--seat:#e9ad2e}.scdev-ludo .ld-blue{--seat:#357ec8}
.scdev-ludo .ld-help{font-size:11px;border-top:1px solid var(--ludo-line);padding-top:6px;margin-top:8px}
.scdev-ludo .ld-help summary{font-weight:700;cursor:pointer}
.scdev-ludo .ld-help p{font-size:11px!important;margin:6px 0!important}
.scdev-ludo .ld-main{min-width:0;width:100%;display:grid;justify-items:center;gap:5px}
.scdev-ludo .ld-board-wrap{width:min(100%,var(--ludo-board-size));min-width:0}
.scdev-ludo .ld-board{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));grid-template-rows:repeat(15,minmax(0,1fr));width:100%;aspect-ratio:1;background:var(--ludo-surface);border:7px solid var(--ludo-board-frame);border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #203f3215;touch-action:manipulation}
.scdev-ludo .ld-cell{position:relative;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;background:var(--ludo-path);border:.5px solid var(--ludo-path-line)}
.scdev-ludo .ld-cell.ld-base{border:0}
.scdev-ludo .ld-cell.ld-base.ld-red{background:var(--ludo-base-red)}.scdev-ludo .ld-cell.ld-base.ld-green{background:var(--ludo-base-green)}.scdev-ludo .ld-cell.ld-base.ld-yellow{background:var(--ludo-base-yellow)}.scdev-ludo .ld-cell.ld-base.ld-blue{background:var(--ludo-base-blue)}
.scdev-ludo .ld-cell.ld-yard{margin:0;width:100%;height:100%;border:0;border-radius:0;background:transparent}
.scdev-ludo .ld-cell.ld-yard.ld-red{background:var(--ludo-base-red)!important}.scdev-ludo .ld-cell.ld-yard.ld-green{background:var(--ludo-base-green)!important}.scdev-ludo .ld-cell.ld-yard.ld-yellow{background:var(--ludo-base-yellow)!important}.scdev-ludo .ld-cell.ld-yard.ld-blue{background:var(--ludo-base-blue)!important}
.scdev-ludo .ld-cell.ld-path{background:var(--ludo-path);border:1px solid var(--ludo-path-line)}
.scdev-ludo .ld-cell.ld-path.ld-safe::before{content:"★";position:absolute;font-size:clamp(11px,1.25cqw,14px);color:var(--ludo-safe);opacity:.85}
.scdev-ludo .ld-cell.ld-lane.ld-red{background:var(--ludo-lane-red)}.scdev-ludo .ld-cell.ld-lane.ld-green{background:var(--ludo-lane-green)}.scdev-ludo .ld-cell.ld-lane.ld-yellow{background:var(--ludo-lane-yellow)}.scdev-ludo .ld-cell.ld-lane.ld-blue{background:var(--ludo-lane-blue)}
.scdev-ludo .ld-cell.ld-center{background:conic-gradient(from -45deg,var(--ludo-lane-red) 0 25%,var(--ludo-lane-yellow) 0 50%,var(--ludo-lane-blue) 0 75%,var(--ludo-lane-green) 0);border:0}
.scdev-ludo .ld-center-mark{width:42%;height:42%;border:1px solid #ffffffb0;border-radius:50%;background:#fff7;pointer-events:none}
.scdev-ludo .ld-cell.ld-center{background:var(--ludo-center)}
.scdev-ludo .ld-cell.ld-core .ld-center-mark{width:88%;height:88%;border:2px solid white;background:conic-gradient(var(--ludo-lane-red) 0 25%,var(--ludo-lane-yellow) 0 50%,var(--ludo-lane-blue) 0 75%,var(--ludo-lane-green) 0);box-shadow:0 1px 4px #0003}
.scdev-ludo .ld-token{position:relative;z-index:2;width:clamp(10px,4cqw,25px);height:clamp(10px,4cqw,25px);min-height:0!important;min-width:0!important;padding:0!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 1px 3px #17211d77,inset 0 0 0 1px #0002!important;flex:0 0 auto}
.scdev-ludo .ld-token-red{background:var(--ludo-lane-red)!important}.scdev-ludo .ld-token-green{background:var(--ludo-lane-green)!important}.scdev-ludo .ld-token-yellow{background:var(--ludo-lane-yellow)!important}.scdev-ludo .ld-token-blue{background:var(--ludo-lane-blue)!important}
.scdev-ludo .ld-token:disabled{opacity:1!important}
.scdev-ludo .ld-token.ld-can-move{outline:3px solid #fff!important;box-shadow:0 0 0 5px #e2ad32,0 2px 4px #17211d55!important;cursor:pointer}
.scdev-ludo .ld-token.ld-piece-selected{outline:3px solid #fff!important;box-shadow:0 0 0 5px #e2ad32,0 2px 4px #17211d55!important}
.scdev-ludo .ld-token.ld-home-token{border-style:dashed!important;opacity:.7}
.scdev-ludo .ld-caption{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap;width:min(100%,var(--ludo-board-size));color:var(--ludo-muted)!important;font-size:11px}
.scdev-ludo .ld-info h2{font:750 21px/1.2 system-ui!important;color:var(--ludo-ink)!important;margin:0 0 8px!important}
.scdev-ludo .ld-info h3{font:750 11px/1.4 system-ui!important;text-transform:uppercase;letter-spacing:1px;color:var(--ludo-muted)!important;margin:16px 0 5px!important}
.scdev-ludo .ld-info p{font-size:12px!important;margin:0 0 8px!important}
.scdev-ludo .ld-tip{border:1px solid var(--ludo-tip-border);background:var(--ludo-tip-bg);border-radius:6px;padding:6px 12px;font-size:11px;color:var(--ludo-tip-ink)!important;margin-top:12px}
.scdev-ludo.ld-narrow .ld-shell{grid-template-columns:160px minmax(0,1fr);gap:12px;align-items:center}
.scdev-ludo.ld-narrow .ld-info{display:none}
.scdev-ludo.ld-narrow .ld-eyebrow,.scdev-ludo.ld-narrow .ld-subtitle{display:none}
.scdev-ludo.ld-narrow h1{font-size:20px!important;margin-bottom:5px!important}
.scdev-ludo.ld-narrow .ld-settings{gap:4px;margin-bottom:5px}
.scdev-ludo.ld-narrow .ld-settings select{min-height:29px}
.scdev-ludo.ld-narrow [data-action=start]{min-height:32px!important;margin-bottom:4px}
.scdev-ludo.ld-narrow .ld-status{font-size:11px;min-height:24px;margin:2px 0 4px!important}
.scdev-ludo.ld-narrow .ld-player{padding:4px 5px}
.scdev-ludo.ld-narrow .ld-help{display:none}
.scdev-ludo.ld-phone .ld-shell{display:flex;flex-direction:column;align-items:stretch;gap:6px}
.scdev-ludo.ld-phone .ld-controls{order:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;align-items:center}
.scdev-ludo.ld-phone .ld-controls h1{grid-column:1/-1;font-size:18px!important;margin:0!important}
.scdev-ludo.ld-phone .ld-controls .ld-eyebrow,.scdev-ludo.ld-phone .ld-controls .ld-subtitle{display:none}
.scdev-ludo.ld-phone .ld-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;margin:0}
.scdev-ludo.ld-phone .ld-settings label{min-width:0}
.scdev-ludo.ld-phone [data-action=start]{grid-column:1/-1;margin:0;min-height:30px!important}
.scdev-ludo.ld-phone .ld-turn{grid-column:1;grid-row:5;margin:0;font-size:11px}
.scdev-ludo.ld-phone .ld-dice{grid-column:2;grid-row:5;justify-content:flex-end;min-height:32px}
.scdev-ludo.ld-phone .ld-die{min-width:32px;min-height:30px!important;font-size:24px!important}
.scdev-ludo.ld-phone .ld-roll{min-height:30px!important;margin-left:auto;padding:4px 8px!important;font-size:11px!important}
.scdev-ludo.ld-phone .ld-status{grid-column:1/-1;margin:0!important;min-height:18px;font-size:11px}
.scdev-ludo.ld-phone .ld-roster{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
.scdev-ludo.ld-phone .ld-player{justify-content:center;flex-direction:column;gap:0;padding:2px;font-size:11px}
.scdev-ludo.ld-phone .ld-player strong{font-size:11px}
.scdev-ludo.ld-phone .ld-main{order:1}
.scdev-ludo.ld-phone .ld-board{border-width:5px;border-radius:8px}
.scdev-ludo.ld-phone .ld-caption{font-size:11px}
@media (max-width:380px){.scdev-ludo.ld-phone .ld-token{width:clamp(9px,3.8cqw,18px);height:clamp(9px,3.8cqw,18px)}.scdev-ludo.ld-phone .ld-dice{gap:2px}.scdev-ludo.ld-phone .ld-die{min-width:28px!important}}
:is(body,#scdev-single-container) .scdev-ludo :is(h1,h2,h3,p,label,span,strong,summary){color:var(--ludo-ink)!important;text-shadow:none!important;font-family:system-ui,sans-serif!important}
:is(body,#scdev-single-container) .scdev-ludo :is(button:not(.ld-primary):not(.ld-chat-bubble),select){color:var(--ludo-ink)!important;font-family:system-ui,sans-serif!important;text-shadow:none!important}
:is(body,#scdev-single-container) .scdev-ludo button.ld-primary{color:#fff!important}
.scdev-ludo .ld-online-create{width:100%;margin:0 0 6px!important}
.scdev-ludo .ld-room-dialog{width:min(460px,calc(100vw - 32px));max-width:none;max-height:min(640px,calc(100vh - 32px));margin:auto;padding:0;border:1px solid var(--ludo-line);border-radius:10px;background:var(--ludo-bg);color:var(--ludo-ink);box-shadow:0 18px 60px #0005;overflow:hidden}
.scdev-ludo .ld-room-dialog::backdrop{background:#101722a6;backdrop-filter:blur(2px)}
.scdev-ludo .ld-room-dialog-content{display:flex;flex-direction:column;gap:6px;max-height:min(640px,calc(100vh - 32px));padding:6px 12px}
.scdev-ludo .ld-room-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid var(--ludo-line)}
.scdev-ludo .ld-room-dialog-header .ld-eyebrow{display:block;margin:0 0 2px}
.scdev-ludo .ld-room-dialog-header h2{font:750 18px/1.2 system-ui,sans-serif!important;color:var(--ludo-ink)!important;margin:0!important}
.scdev-ludo .ld-room-dialog-header button{flex:0 0 34px;width:34px;min-width:34px;padding:4px!important;font-size:20px!important}
.scdev-ludo .ld-room-dialog-intro{margin:0!important;font-size:12px!important;color:var(--ludo-muted)!important}
.scdev-ludo .ld-modal-create{width:100%;flex:0 0 auto}
.scdev-ludo .ld-lobby{border-top:1px solid var(--ludo-line);padding-top:6px;margin-top:6px}
.scdev-ludo .ld-lobby h3{font:750 11px/1.3 system-ui,sans-serif!important;letter-spacing:.7px;text-transform:uppercase;color:var(--ludo-ink)!important;margin:2px 0 5px!important}
.scdev-ludo .ld-room-list{display:grid;gap:4px;max-height:150px;overflow:auto}
.scdev-ludo .ld-room-dialog .ld-lobby{display:grid;grid-template-rows:auto minmax(0,1fr);gap:4px;min-height:0;margin:0;padding-top:6px;border-top:1px solid var(--ludo-line)}
.scdev-ludo .ld-room-dialog .ld-room-list{max-height:min(50vh,360px);min-height:60px;overscroll-behavior:contain;padding-right:4px}
.scdev-ludo .ld-room-empty{font-size:11px!important;color:var(--ludo-muted)!important;margin:0!important}
.scdev-ludo .ld-room-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;padding:5px;border:1px solid var(--ludo-line);border-radius:6px;background:var(--ludo-surface)}
.scdev-ludo .ld-room-card>div{display:grid;min-width:0}
.scdev-ludo .ld-room-card strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.scdev-ludo .ld-room-card span{font-size:11px;color:var(--ludo-muted)!important}
.scdev-ludo .ld-room-card button,.scdev-ludo .ld-room-actions button{font-size:11px!important;min-height:28px!important;padding:4px 8px!important}
.scdev-ludo .ld-room-avatars{display:flex;gap:2px;margin-top:2px}
.scdev-ludo .ld-room-avatars img{width:16px;height:16px;object-fit:cover;border-radius:50%;border:1px solid white}
.scdev-ludo .ld-room-tools{border:1px solid var(--ludo-line);border-radius:6px;padding:6px;margin:0 0 6px;background:var(--ludo-surface-raised)}
.scdev-ludo .ld-room-status{font-size:11px;color:var(--ludo-ink)!important;margin-bottom:5px}
.scdev-ludo .ld-room-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
.scdev-ludo .ld-room-actions button{flex:1}
.scdev-ludo .ld-chat{position:fixed;right:32px;bottom:88px;z-index:99999;display:grid;justify-items:end;gap:6px;font:13px/1.4 system-ui,sans-serif}
.scdev-ludo .ld-chat[hidden],.scdev-ludo [hidden]{display:none!important}
.scdev-ludo .ld-chat-bubble{position:relative;border:0!important;border-radius:20px!important;background:#24776c!important;color:#fff!important;box-shadow:0 3px 12px #18292355!important;padding:6px 12px!important;min-height:36px!important;font-size:12px!important}
.scdev-ludo .ld-chat-badge{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border:2px solid var(--ludo-bg);border-radius:999px;background:#d92f3e;color:#fff!important;font:750 11px/1 system-ui,sans-serif!important;box-shadow:0 1px 4px #0005}
:is(body,#scdev-single-container) .scdev-ludo .ld-chat-badge{color:#fff!important}
html[data-color-scheme="dark"] :is(body,#scdev-single-container) .scdev-ludo span.ld-chat-badge,
html.dark-mode :is(body,#scdev-single-container) .scdev-ludo span.ld-chat-badge,
html.night-mode :is(body,#scdev-single-container) .scdev-ludo span.ld-chat-badge,
body:is(.dark-mode,.night-mode,.sheer-dark-mode,.sheer-dark,[data-color-scheme="dark"]) :is(body,#scdev-single-container) .scdev-ludo span.ld-chat-badge{color:#fff!important}
.scdev-ludo .ld-chatbox{display:grid;width:min(320px,calc(100vw - 24px));height:min(380px,50vh);grid-template-rows:auto minmax(0,1fr) auto;border:1px solid var(--ludo-line);border-radius:8px;background:var(--ludo-surface);box-shadow:0 8px 28px #17211d44;overflow:hidden}
.scdev-ludo .ld-chatbox[hidden]{display:none!important}
.scdev-ludo .ld-chatbox header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--ludo-surface-raised);border-bottom:1px solid var(--ludo-line);color:var(--ludo-ink)}
.scdev-ludo .ld-chatbox header button{min-height:26px!important;padding:2px 8px!important}
.scdev-ludo .ld-chat-log{overflow:auto;padding:6px 10px;color:var(--ludo-ink)}
.scdev-ludo .ld-chat-message{padding:4px 0;border-bottom:1px solid var(--ludo-line)}
.scdev-ludo .ld-chat-author{display:flex;align-items:center;gap:5px;font-size:11px}
.scdev-ludo .ld-chat-author img{width:18px;height:18px;object-fit:cover;border-radius:50%}
.scdev-ludo .ld-chat-message p,.scdev-ludo .ld-chat-empty{font-size:12px!important;margin:2px 0 4px!important;overflow-wrap:anywhere}
.scdev-ludo .ld-chatbox form{display:flex;gap:5px;padding:6px 8px;border-top:1px solid var(--ludo-line)}
.scdev-ludo .ld-chatbox input{min-width:0;flex:1;border:1px solid var(--ludo-line);border-radius:6px;padding:6px 8px!important;font:12px system-ui,sans-serif}
@media(max-width:600px){.scdev-ludo .ld-chat{right:24px;bottom:78px}.scdev-ludo .ld-chatbox{height:min(340px,46vh)}.scdev-ludo .ld-room-dialog{width:calc(100vw - 24px);max-height:88dvh}.scdev-ludo .ld-room-dialog-content{max-height:88dvh}.scdev-ludo .ld-room-dialog .ld-room-list{max-height:min(48dvh,320px)}}

/* Follow the site's current scheme instead of leaving a bright game panel in night mode. */
html[data-color-scheme="dark"] .scdev-ludo,
html.dark-mode .scdev-ludo,
html.night-mode .scdev-ludo,
body:is(.dark-mode,.night-mode,.sheer-dark-mode,.sheer-dark,[data-color-scheme="dark"]) .scdev-ludo{
    --ludo-bg:#171c25;
    --ludo-surface:#202734;
    --ludo-surface-raised:#283141;
    --ludo-ink:#e8edf3;
    --ludo-muted:#aab5c3;
    --ludo-line:#414b5a;
    --ludo-green:#4ac5ad;
    --ludo-board-frame:#34534e;
    --ludo-path:#303947;
    --ludo-path-line:#4a5564;
    --ludo-safe:#d0d8cc;
    --ludo-yard:#ffffff18;
    --ludo-lane-red:#e6535e;
    --ludo-lane-green:#22a078;
    --ludo-lane-yellow:#edbd36;
    --ludo-lane-blue:#3d87ce;
    --ludo-base-red:#542c34;
    --ludo-base-green:#1f443a;
    --ludo-base-yellow:#4b4127;
    --ludo-base-blue:#293f57;
    --ludo-center:#343b43;
    --ludo-tip-bg:#322f28;
    --ludo-tip-border:#5c503b;
    --ludo-tip-ink:#e1d2ad;
    background:var(--ludo-bg)!important;
    color:var(--ludo-ink)!important;
    color-scheme:dark;
}
html[data-color-scheme="dark"] :is(body,#scdev-single-container) .scdev-ludo :is(h1,h2,h3,p,label,span,strong,summary),
html.dark-mode :is(body,#scdev-single-container) .scdev-ludo :is(h1,h2,h3,p,label,span,strong,summary),
html.night-mode :is(body,#scdev-single-container) .scdev-ludo :is(h1,h2,h3,p,label,span,strong,summary),
body:is(.dark-mode,.night-mode,.sheer-dark-mode,.sheer-dark,[data-color-scheme="dark"]) :is(body,#scdev-single-container) .scdev-ludo :is(h1,h2,h3,p,label,span,strong,summary){color:var(--ludo-ink)!important}
html[data-color-scheme="dark"] :is(body,#scdev-single-container) .scdev-ludo :is(button:not(.ld-primary):not(.ld-chat-bubble):not(.ld-token),select),
html.dark-mode :is(body,#scdev-single-container) .scdev-ludo :is(button:not(.ld-primary):not(.ld-chat-bubble):not(.ld-token),select),
html.night-mode :is(body,#scdev-single-container) .scdev-ludo :is(button:not(.ld-primary):not(.ld-chat-bubble):not(.ld-token),select),
body:is(.dark-mode,.night-mode,.sheer-dark-mode,.sheer-dark,[data-color-scheme="dark"]) :is(body,#scdev-single-container) .scdev-ludo :is(button:not(.ld-primary):not(.ld-chat-bubble):not(.ld-token),select){color:var(--ludo-ink)!important;background:var(--ludo-surface)!important}
html[data-color-scheme="dark"] .scdev-ludo .ld-cell.ld-base.ld-red,body:is(.dark-mode,.night-mode,.sheer-dark-mode,.sheer-dark,[data-color-scheme="dark"]) .scdev-ludo .ld-cell.ld-base.ld-red{background:var(--ludo-base-red)}
html[data-color-scheme="dark"] .scdev-ludo .ld-cell.ld-base.ld-green,body:is(.dark-mode,.night-mode,.sheer-dark-mode,.sheer-dark,[data-color-scheme="dark"]) .scdev-ludo .ld-cell.ld-base.ld-green{background:var(--ludo-base-green)}
html[data-color-scheme="dark"] .scdev-ludo .ld-cell.ld-base.ld-yellow,body:is(.dark-mode,.night-mode,.sheer-dark-mode,.sheer-dark,[data-color-scheme="dark"]) .scdev-ludo .ld-cell.ld-base.ld-yellow{background:var(--ludo-base-yellow)}
html[data-color-scheme="dark"] .scdev-ludo .ld-cell.ld-base.ld-blue,body:is(.dark-mode,.night-mode,.sheer-dark-mode,.sheer-dark,[data-color-scheme="dark"]) .scdev-ludo .ld-cell.ld-base.ld-blue{background:var(--ludo-base-blue)}
html[data-color-scheme="dark"] .scdev-ludo .ld-die.ld-usable,body:is(.dark-mode,.night-mode,.sheer-dark-mode,.sheer-dark,[data-color-scheme="dark"]) .scdev-ludo .ld-die.ld-usable{background:#3d392b!important}
html[data-color-scheme="dark"] .scdev-ludo .ld-primary,body:is(.dark-mode,.night-mode,.sheer-dark-mode,.sheer-dark,[data-color-scheme="dark"]) .scdev-ludo .ld-primary{background:#24776c!important;color:#fff!important;border-color:#24776c!important}
html[data-color-scheme="dark"] .scdev-ludo .ld-chat-message p,html[data-color-scheme="dark"] .scdev-ludo .ld-chat-empty,
body:is(.dark-mode,.night-mode,.sheer-dark-mode,.sheer-dark,[data-color-scheme="dark"]) .scdev-ludo .ld-chat-message p,
body:is(.dark-mode,.night-mode,.sheer-dark-mode,.sheer-dark,[data-color-scheme="dark"]) .scdev-ludo .ld-chat-empty{color:var(--ludo-ink)!important}

/* Remove the tutorial panel on the game page and give its space to the board. */
.scdev-ludo .ld-info{display:none!important}
.scdev-ludo:not(.ld-narrow):not(.ld-phone) .ld-shell{grid-template-columns:minmax(200px,300px) minmax(0,1fr)!important}
.scdev-ludo:not(.ld-phone) .ld-main{justify-items:start!important}
.scdev-ludo .ld-token-red{--ld-token-color:var(--ludo-lane-red)}
.scdev-ludo .ld-token-green{--ld-token-color:var(--ludo-lane-green)}
.scdev-ludo .ld-token-yellow{--ld-token-color:var(--ludo-lane-yellow)}
.scdev-ludo .ld-token-blue{--ld-token-color:var(--ludo-lane-blue)}
body .scdev-ludo .ld-board .ld-cell>button.ld-token{appearance:none!important;-webkit-appearance:none!important;display:grid!important;place-items:center!important;width:clamp(10px,4cqw,25px)!important;height:clamp(10px,4cqw,25px)!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;outline:0!important;opacity:1!important;line-height:0!important}
body .scdev-ludo .ld-board .ld-cell>button.ld-token::before{content:"";display:block;width:84%;height:84%;border:1px solid #0002;border-radius:50%;background:var(--ld-token-color)!important;box-shadow:0 1px 2px #17211d55}
body .scdev-ludo .ld-board .ld-cell>button.ld-token.ld-can-move::before,body .scdev-ludo .ld-board .ld-cell>button.ld-token.ld-piece-selected::before{box-shadow:0 0 0 3px #e2ad32,0 1px 2px #17211d55}

/* Center the control-and-board group; keep the square capped and responsive. */
.scdev-ludo:not(.ld-narrow):not(.ld-phone) .ld-shell{width:min(100%,868px);margin-inline:auto;grid-template-columns:minmax(0,300px) minmax(0,550px)!important;gap:18px}
.scdev-ludo.ld-narrow:not(.ld-phone) .ld-shell{width:min(100%,802px);margin-inline:auto;grid-template-columns:minmax(0,240px) minmax(0,550px)!important;gap:12px}
.scdev-ludo.ld-phone .ld-shell{width:100%;margin:0}
.scdev-ludo:not(.ld-phone) .ld-main{justify-items:start!important}