.hud-button{--hud-edge:var(--panel-edge);height:calc(var(--game-unit) * 2);padding-inline:calc(var(--game-unit) * .75);border-radius:calc(var(--game-unit) * .75);box-shadow:0 calc(var(--game-unit) * .25) 0 var(--hud-edge);white-space:nowrap;font-size:.9375em;position:relative}.hud-button:active:not(:disabled,[aria-disabled=true]){transform:translateY(calc(var(--game-unit) * .1875));box-shadow:0 calc(var(--game-unit) * .0625) 0 var(--hud-edge);transition-duration:0s}.hud-icon{width:1.5rem;height:1.5rem;display:none}.hud-button--icon{width:calc(var(--game-unit) * 2);padding-inline:0}.hud-button--icon .hud-label{display:none}.hud-button--icon .hud-icon{width:1.25em;height:1.25em;display:block}@media (prefers-reduced-motion:no-preference){.hud-button--icon .hud-icon{transition:transform var(--duration-hover) ease}}.hud-button--icon:hover .hud-icon{transform:rotate(45deg)}.die-cube__cast{opacity:.3;pointer-events:none;background:radial-gradient(closest-side,#000000b8,#0000004d 44%,#0000 84%);border-radius:50%;width:86%;height:22%;margin-left:-40%;position:absolute;bottom:3%;left:50%}.die-cube{width:var(--cube);height:var(--cube);transform-style:preserve-3d;--cube:var(--die-cube-size,calc(var(--game-unit) * 3.2));--cube-half:calc(var(--cube) / 2);--die-body:#b4bdca;--die-face:#fff;--die-sheen-rgb:255, 255, 255;--die-shade-rgb:20, 29, 45;margin:auto;position:absolute;inset:0}.die-cube[data-rolling]{will-change:transform}.die-cube__body{background:var(--die-body);backface-visibility:hidden;--cube-half:calc(var(--cube) * .46);position:absolute;inset:0}.die-cube__face{background:var(--die-face);backface-visibility:hidden;border-radius:10%;display:block;position:absolute;inset:0;overflow:hidden}.die-cube__face img{width:calc(var(--art-raster) * 100%);height:calc(var(--art-raster) * 100%);margin:calc((1 - var(--art-raster)) * 50%);transform:scale(calc(var(--art-crop) / var(--art-raster)));--art-raster:3;--art-crop:1.12;display:block}.die-cube__face:after{content:"";background:linear-gradient(158deg, rgba(var(--die-sheen-rgb), var(--sheen,.08)), rgba(var(--die-sheen-rgb), 0) 46%), linear-gradient(202deg, rgba(var(--die-shade-rgb), calc(var(--shade,.2) * .4)), rgba(var(--die-shade-rgb), var(--shade,.2)));pointer-events:none;position:absolute;inset:0}.die-cube__face[data-lit=top]{--sheen:.3;--shade:.06}.die-cube__face[data-lit=right]{--sheen:.1;--shade:.2}.die-cube__face[data-lit=left]{--sheen:.06;--shade:.34}.ludo-game{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:calc(var(--game-unit) * var(--hud-units,2.75)) minmax(0, 1fr);height:100%;min-height:0;color:var(--cream);font-family:var(--body);--ludo-red:#e86a17;--ludo-green:#73cd4b;--ludo-yellow:#fc0;--ludo-blue:#1ea7e1;--ludo-red-reading:#ffb483;--ludo-green-reading:#7bdc50;--ludo-yellow-reading:#fc0;--ludo-blue-reading:#64d1ff;--ludo-chalk:#fffdf5;grid-template-areas:"stats modes controls""board board board";display:grid}.ludo-hud__stats,.ludo-hud__modes,.ludo-hud__controls{font-size:var(--game-unit);align-self:center}.ludo-hud__stats{margin-left:var(--game-unit);grid-area:stats;justify-self:start;gap:1.25em;display:flex}.ludo-hud__controls{margin-right:var(--game-unit);grid-area:controls;justify-self:end;gap:.5em;display:flex}.ludo-hud__modes{grid-area:modes;justify-self:center;gap:.25em;display:flex}.ludo-hud__mode{border-radius:calc(var(--game-unit) * .75);color:var(--cream);font-family:var(--display);white-space:nowrap;padding:.25em .75em;font-weight:600;text-decoration:none}.ludo-hud__mode:hover{background:#0000001f}.ludo-hud__mode[aria-current=page]{color:var(--cream);background:#00000038}.ludo-hud__stat{align-items:baseline;gap:.25em;display:flex}.ludo-hud__stat-label{color:var(--cream);font-size:.875em}.ludo-hud__stat-value{min-width:var(--reading);white-space:nowrap;font-size:1.0625em;font-weight:700;display:inline-grid}.ludo-hud__stat-value>span{grid-area:1/1}.ludo-hud__stat-reserve{visibility:hidden}.ludo-hud__stat-value[data-colour=red]{color:var(--ludo-red-reading)}.ludo-hud__stat-value[data-colour=green]{color:var(--ludo-green-reading)}.ludo-hud__stat-value[data-colour=yellow]{color:var(--ludo-yellow-reading)}.ludo-hud__stat-value[data-colour=blue]{color:var(--ludo-blue-reading)}.ludo-seats{flex-direction:column;align-items:flex-start;gap:.125em}.ludo-seats__list{flex-wrap:wrap;align-items:center;gap:.25em 1em;margin:0;padding:0;list-style:none;display:flex}.ludo-seats__seat{border-radius:calc(var(--game-unit) * .5);align-items:center;gap:.25em;padding:.125em .5em;font-size:.9375em;display:flex}.ludo-seats__badge{border-radius:calc(var(--game-unit) * .4);background:color-mix(in srgb, var(--accent) 28%, transparent);color:var(--cream);padding:0 .375em;font-size:.8125em;font-weight:700}.ludo-seats__seat[data-acting]{background:color-mix(in srgb, var(--accent) 22%, transparent)}.ludo-seats__seat[data-out]{opacity:.55}.ludo-seats__seat[data-out] .ludo-seats__name{text-decoration:line-through}.ludo-seats__pawn{object-fit:contain;width:1.25em;height:1.25em}.ludo-seats__who{color:var(--cream-soft)}.ludo-seats__who:empty{display:none}.ludo-seats__clock{text-align:right;min-width:2.75ch;font-weight:700}.ludo-seats__note{color:var(--cream);margin:0;font-size:.875em}.ludo-hud__refusal{max-width:calc(var(--game-unit) * 14);color:var(--cream);align-self:center;margin:0;font-size:.875em}.ludo{justify-content:center;align-items:center;gap:calc(var(--game-unit) * 1.5);width:100%;height:100%;min-height:0;padding-inline:calc(var(--game-unit) * .25);isolation:isolate;--die-column:calc(var(--game-unit) * 9.5);grid-area:board;display:flex;position:relative;overflow:visible;container-type:size}.ludo__board{isolation:isolate;--board:round(down, min(100cqh, calc(100cqw - var(--die-column))), 1px);min-height:0;width:var(--board);height:var(--board);--focus-ring:var(--ink);border-radius:calc(var(--board) * 40 / 1540);flex:none;position:relative;box-shadow:0 .375rem #0003,0 1rem 2rem #00000040}.ludo__art{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ludo__turn{left:calc(var(--x) * 100% / var(--picture));top:calc(var(--y) * 100% / var(--picture));width:calc(var(--block) * 100% / var(--picture));height:calc(var(--block) * 100% / var(--picture));border:var(--ring) solid color-mix(in srgb, var(--ludo-chalk) 70%, transparent);border-radius:calc(.5 * 100% / var(--block));opacity:0;pointer-events:none;--ring:calc(var(--board) / var(--picture) * .09);--seat:var(--ludo-red);position:absolute}.ludo__turn:after{content:"";inset:calc(var(--ring) * -1);border-radius:inherit;box-shadow:0 0 calc(var(--ring) * 5) var(--ring) color-mix(in srgb, var(--seat) 55%, transparent);position:absolute}.ludo__turn[data-acting]{opacity:1}.ludo__turn[data-colour=green]{--seat:var(--ludo-green)}.ludo__turn[data-colour=yellow]{--seat:var(--ludo-yellow)}.ludo__turn[data-colour=blue]{--seat:var(--ludo-blue)}@media (prefers-reduced-motion:no-preference){.ludo__turn{transition:opacity .28s}.ludo__turn:after{animation:1.9s ease-in-out infinite ludo-turn}}@keyframes ludo-turn{50%{opacity:.55}}.ludo__token{left:calc(var(--x) * 100% / var(--picture));top:calc(var(--y) * 100% / var(--picture));width:calc(var(--pawn-w) * 100% / var(--picture));height:calc(var(--pawn-h) * 100% / var(--picture));margin-left:calc(var(--pawn-w) * -50% / var(--picture));margin-top:calc((var(--pawn-base) - var(--pawn-h)) * 100% / var(--picture));transform-origin:50% calc((var(--pawn-h) - var(--pawn-base)) * 100% / var(--pawn-h));z-index:var(--depth);color:inherit;background:0 0;border:0;place-items:end center;padding:0;display:grid;position:absolute}.ludo__token:disabled{cursor:default}.ludo__pawn{object-fit:contain;object-position:bottom center;width:100%;height:100%;filter:drop-shadow(0 calc(var(--game-unit) * .04) calc(var(--game-unit) * .04) #00000080) drop-shadow(0 calc(var(--game-unit) * .12) calc(var(--game-unit) * .16) #00000038);pointer-events:none;grid-area:1/1;justify-self:center}.ludo__token[data-movable]:before{content:"";border:calc(var(--game-unit) * .14) solid var(--accent);background:color-mix(in srgb, var(--accent) 35%, transparent);border-radius:50%;position:absolute;inset:74% -14% -4%}.ludo__token[data-movable]{cursor:pointer;z-index:calc(var(--depth) + 400)}.ludo__token[data-showing]:before{background:color-mix(in srgb, var(--accent) 70%, transparent)}.ludo__token[data-doomed]:after{content:"";border:calc(var(--game-unit) * .14) solid var(--danger);border-radius:50%;position:absolute;inset:70% -20% -8%}.ludo__step{left:calc(var(--x) * 100% / var(--picture));top:calc(var(--y) * 100% / var(--picture));width:calc(var(--dot) * 100% / var(--picture));height:calc(var(--dot) * 100% / var(--picture));margin:calc(var(--dot) * -50% / var(--picture));z-index:1;background:color-mix(in srgb, var(--ink) 34%, transparent);pointer-events:none;--dot:.34;border-radius:50%;position:absolute}.ludo__landing{left:calc(var(--x) * 100% / var(--picture));top:calc(var(--y) * 100% / var(--picture));width:calc(var(--pawn-w) * 100% / var(--picture));height:calc(var(--pawn-h) * 100% / var(--picture));margin-left:calc(var(--pawn-w) * -50% / var(--picture));margin-top:calc((var(--pawn-base) - var(--pawn-h)) * 100% / var(--picture));z-index:calc(var(--depth) - 1);opacity:.5;pointer-events:none;place-items:end center;display:grid;position:absolute}.ludo__landing:before{content:"";border:calc(var(--game-unit) * .14) solid color-mix(in srgb, var(--ludo-chalk) 95%, transparent);background:color-mix(in srgb, var(--ludo-chalk) 35%, transparent);border-radius:50%;position:absolute;inset:74% -14% -4%}.ludo__dice{width:calc(var(--game-unit) * 8);font-size:var(--game-unit);flex-direction:column;align-items:center;gap:.5em;display:flex}.ludo__tray{width:100%;padding:calc(var(--game-unit) * .9);background:radial-gradient(58% 44% at 50% 70%,#00000038,#0000 72%);place-items:center;display:grid}.ludo__die{width:calc(var(--game-unit) * 5);height:calc(var(--game-unit) * 5);border-radius:calc(var(--game-unit) * .75);box-shadow:none;filter:brightness(1.0001);cursor:pointer;background:0 0;border:0;padding:0;display:block;position:relative}.ludo__die[aria-disabled=true]{cursor:default}.ludo__die[data-rolling]{filter:none}@media (prefers-reduced-motion:no-preference){.ludo__die{transition:transform 90ms}}.ludo__die:hover:not([aria-disabled=true]){transform:translateY(calc(var(--game-unit) * -.125))}.ludo__die:active:not([aria-disabled=true]){transform:translateY(calc(var(--game-unit) * .1875));transition-duration:0s}.ludo__die:before{content:"";border:max(2px, calc(var(--game-unit) * .14)) solid color-mix(in srgb, var(--ludo-chalk) 85%, transparent);border-radius:inherit;box-shadow:0 0 calc(var(--game-unit) * .6) color-mix(in srgb, var(--ludo-chalk) 45%, transparent);opacity:0;pointer-events:none;position:absolute;inset:-8%}.ludo__dice[data-ready] .ludo__die:before{opacity:1}@media (prefers-reduced-motion:no-preference){.ludo__dice[data-ready] .ludo__die:before{animation:1.4s ease-in-out infinite ludo-turn}}.ludo__dice[data-ready] .ludo__called{color:var(--ludo-chalk);font-weight:600}.ludo__called{width:100%;min-height:2.9em;color:var(--cream-soft);text-align:center;justify-content:center;align-items:center;gap:.4em;margin:0;font-size:.9375em;display:flex}.ludo__chip{background:var(--ludo-red);border-radius:50%;flex:none;width:.75em;height:.75em}.ludo__chip[data-colour=green]{background:var(--ludo-green)}.ludo__chip[data-colour=yellow]{background:var(--ludo-yellow)}.ludo__chip[data-colour=blue]{background:var(--ludo-blue)}.ludo-end{background:color-mix(in srgb, var(--table-edge) 60%, transparent)}.ludo-end__panel{text-align:center}.ludo-end__title{margin:0 0 .25rem}.ludo-end__reading{color:var(--ink-soft);margin:0 0 1.25rem}.ludo-end__actions{justify-content:center;gap:.75rem;display:flex}.ludo-players .setting{flex-direction:column;align-items:stretch;gap:.5em}.ludo-players .segmented{grid-template-columns:repeat(3,1fr);display:grid}.ludo-players .segmented span{text-align:center;padding-inline:.5em}@media (width<=48rem) and (height>=24rem){.ludo-game{grid-template:"stats""modes""board"minmax(0,1fr)"controls"/minmax(0,1fr)}.ludo-hud__modes{margin-top:-.25rem;padding-bottom:.125rem;font-size:.9375rem;line-height:1.25}.ludo-hud__mode{padding-block:.1875em}.ludo-hud__stats,.ludo-hud__controls{flex-wrap:wrap;justify-content:center;justify-self:center;margin:0;padding-block:.5rem;font-size:1rem}.ludo-hud__controls{flex-direction:row-reverse;justify-content:space-evenly;gap:1.5rem .5rem;width:100%;padding-block:.75rem 1.5rem;padding-inline:.5rem}.ludo-seats{align-items:center}.ludo-seats__list{justify-content:center}.ludo-hud__refusal{max-width:14rem;font-size:.875rem}.ludo-hud__label{color:var(--cream);font-family:var(--body);text-align:center;white-space:nowrap;pointer-events:none;font-size:.625rem;line-height:1;position:absolute;inset:calc(100% + .375rem) -1rem auto}.ludo-hud__icon{display:block}.ludo-hud__button--icon .ludo-hud__icon{width:1.5rem;height:1.5rem}.ludo-hud__button{border-radius:var(--radius-control);width:2.75rem;height:2.75rem;box-shadow:0 .25rem 0 var(--hud-edge);padding-inline:0}.ludo-hud__button:active:not(:disabled,[aria-disabled=true]){box-shadow:0 .0625rem 0 var(--hud-edge);transform:translateY(.1875rem)}.ludo{--die-column:0px;--die-row:4.25rem;flex-direction:column;gap:.75rem}.ludo__board{--board:round(down, min(100cqw, calc(100cqh - var(--die-row))), 1px);width:var(--board);height:var(--board)}.ludo__dice{flex-direction:row;justify-content:center;align-items:center;gap:.75rem;width:100%;max-width:20rem;font-size:1rem}.ludo__tray{width:auto;padding:.5rem}.ludo__die{border-radius:var(--radius-control);--die-cube-size:2.2rem;width:3.5rem;height:3.5rem}.ludo__die:active:not([aria-disabled=true]){transform:translateY(.1875rem)}.ludo__called{text-align:start;width:12rem;min-height:2.6em}}