.hh-game--ludo{--c-red:var(--bad);--c-blue:var(--tone-sky);--c-green:var(--tone-leaf);--c-yellow:var(--tone-sun);--cells:11}.hh-game--ludo .ludo-c-red,.hh-game--ludo .lb-red{--c:var(--c-red)}.hh-game--ludo .ludo-c-blue,.hh-game--ludo .lb-blue{--c:var(--c-blue)}.hh-game--ludo .ludo-c-green,.hh-game--ludo .lb-green{--c:var(--c-green)}.hh-game--ludo .ludo-c-yellow,.hh-game--ludo .lb-yellow{--c:var(--c-yellow)}.hh-game--ludo [class*=ludo-c-],.hh-game--ludo [class*=lb-]{--c-soft:color-mix(in srgb, var(--c,var(--line)) 22%, var(--card))}.ludo-pawn{display:block;overflow:visible}.lp-halo{fill:none;stroke:var(--card);stroke-width:8px;stroke-linejoin:round}.lp-body{stroke:var(--ink);stroke-width:2.4px;stroke-linejoin:round}.lp-red{fill:var(--c-red)}.lp-blue{fill:var(--c-blue)}.lp-green{fill:var(--c-green)}.lp-yellow{fill:var(--c-yellow)}.lp-mark,.lb-mark{fill:var(--card)}.lp-mark-yellow,.lb-mark-yellow{fill:var(--ink)}.ld-face{fill:var(--card);stroke:var(--ink);stroke-width:26px}.ld-pip{fill:var(--ink)}.ludo-setup{gap:var(--s4);width:min(520px,100%);padding:var(--s3) 0 var(--s4);display:grid}.ludo-setup__title{text-align:center;margin:0}.ludo-setup__pawns{justify-content:center;gap:var(--s3);display:flex}.ludo-setup__pawns .ludo-pawn{width:34px;height:41px}.ludo-setup__option{gap:var(--s2);display:grid}.ludo-setup__option .hh-btn{width:100%}.ludo-note{color:var(--ink);font-size:var(--fs-base);margin:0}.ludo-setup__row{justify-content:space-between;align-items:center;gap:var(--s3);flex-wrap:wrap;display:flex}.ludo-setup__label{font-weight:700}.ludo-setup__actions{justify-content:space-between;align-items:flex-start;gap:var(--s3);flex-wrap:wrap;display:flex}.ludo-setup__go{gap:var(--s2);flex:220px;display:grid}.ludo-setup__go .hh-btn--primary{width:100%}.ludo-need[hidden]{display:none}.ludo-seats{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}.ludo-seat{justify-content:space-between;align-items:center;gap:var(--s2) var(--s3);padding:var(--s2) var(--s2) var(--s2) var(--s3);border-radius:var(--r-tile);background:var(--c-soft);flex-wrap:wrap;display:flex}.ludo-seat__who{align-items:center;gap:var(--s2);font-weight:700;display:flex}.ludo-seat__who .ludo-pawn{width:26px;height:31px}.ludo-seat .hh-seg{background:var(--card)}.ludo-seat__name{gap:var(--s1);flex:100%;display:grid}.ludo-seat__name-label{font-size:var(--fs-base);color:var(--ink);font-weight:700}.ludo-seat__input{width:100%;max-width:280px;font-size:var(--fs-base);font-weight:700}.ludo-seat__input::placeholder{color:var(--ink-2);opacity:1;font-weight:400}.ludo-variants{border:2px solid var(--line);border-radius:var(--r-tile);padding:0 var(--s3)}.ludo-variants>summary{min-height:var(--tap);align-items:center;gap:var(--s2);cursor:pointer;font-weight:700;list-style:none;display:flex}.ludo-variants>summary::-webkit-details-marker{display:none}.ludo-variants>summary:before{content:"";box-sizing:content-box;border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);width:8px;height:8px;transition:transform .12s var(--ease);flex:none;margin:0 4px;transform:rotate(-45deg)}.ludo-variants[open]>summary:before{transform:rotate(45deg)}.ludo-variants[open]{padding-bottom:var(--s3)}.ludo-variants>.ludo-note{margin-bottom:var(--s2)}.ludo-switch{align-items:flex-start;gap:var(--s3);padding:var(--s2) 0;cursor:pointer;min-height:var(--tap);display:flex;position:relative}.ludo-switch input{opacity:0;width:48px;height:28px;top:var(--s2);cursor:pointer;margin:0;position:absolute;left:0}.ludo-switch__track{background:var(--line-strong);border:2px solid var(--ink-2);border-radius:14px;flex:none;width:48px;height:28px;margin-top:1px;transition:background-color .12s;position:relative}.ludo-switch__track:after{content:"";background:var(--card);width:20px;height:20px;box-shadow:var(--shadow-1);transition:transform .12s var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.ludo-switch input:checked+.ludo-switch__track{background:var(--go);border-color:var(--go)}.ludo-switch input:checked+.ludo-switch__track:after{transform:translate(20px)}.ludo-switch input:focus-visible+.ludo-switch__track{box-shadow:var(--focus)}.ludo-switch__text{gap:2px;display:grid}.ludo-switch__text small{color:var(--ink-2);font-size:var(--fs-sm)}.ludo{--board:min(100%, 600px, max(300px, calc(100dvh - 150px)));gap:var(--s3);place-items:start center;width:100%;display:grid}.ludo-board{width:var(--board);aspect-ratio:1;-webkit-user-select:none;user-select:none;position:relative;container-type:inline-size}.ludo-board__svg{width:100%;height:100%;display:block}.lb-plate{fill:var(--paper);stroke:var(--ink);stroke-width:8px}.lb-yard{fill:var(--c)}.lb-path{fill:none;stroke:var(--line-strong);stroke-width:10px;stroke-linejoin:round}.lb-goalpath{stroke:var(--c);stroke-width:12px;stroke-linecap:round}.lb-field{fill:var(--card);stroke:var(--ink);stroke-width:5px}.lb-start{fill:var(--c);stroke-width:7px}.lb-goal{fill:var(--c);stroke:var(--ink);stroke-width:5px}.lb-base{fill:var(--card);stroke:var(--ink);stroke-width:5px}.lb-yard.lb-off,.lb-start.lb-off,.lb-goal.lb-off{fill:var(--c-soft)}.lb-goal.lb-off,.lb-start.lb-off,.lb-base.lb-off{stroke:var(--line-strong)}.lb-goalpath.lb-off{stroke:var(--c-soft)}.lb-arrow{stroke:var(--ink);stroke-width:10px;stroke-linecap:round}.lb-arrowhead{fill:var(--ink)}.ludo-layer{position:absolute;inset:2.749%}.ludo-targets{position:absolute;inset:0}.ludo-piece,.ludo-target,.ludo-badge{left:calc(var(--x) * 100% / var(--cells));top:calc(var(--y) * 100% / var(--cells));position:absolute}.ludo-piece,.ludo-target{width:calc(100% / var(--cells));height:calc(100% / var(--cells));background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid}.ludo-piece{z-index:2;cursor:default;color:var(--ink);isolation:isolate;-webkit-tap-highlight-color:transparent;transition:left .13s var(--ease), top .13s var(--ease)}.ludo-piece .ludo-pawn,.ludo-target .ludo-pawn{pointer-events:none;width:72%;height:86%;transform:translateY(-12%)}.ludo-piece.is-walking{z-index:5}.ludo-piece.is-walking .ludo-pawn{transform:translateY(-26%)}.ludo-piece.is-hit{opacity:.2;transition:opacity .2s}.ludo-piece:focus-visible{border-radius:50%}.ludo-piece.is-victim{pointer-events:none}.ludo-piece.is-on-own:after{content:"";z-index:-1;background:var(--card);border-radius:50%;position:absolute;inset:20%}.ludo-piece.is-walking:after{content:none}.ludo-piece.is-movable{z-index:4;cursor:pointer;touch-action:none}.ludo-piece.is-movable:before{content:"";border-radius:50%;position:absolute;inset:min(-8px,50% - 22px)}.ludo-piece.is-movable:after{content:"";z-index:-1;background:var(--card);border:4px solid var(--ink);box-shadow:0 0 0 3px var(--card);border-radius:50%;position:absolute;inset:1%}.ludo-piece.is-movable .ludo-pawn{animation:ludo-hop .9s var(--ease) infinite}.ludo-piece.is-selected:after{background:var(--ink)}.ludo-piece.is-dragging{z-index:7;cursor:grabbing;transition:none}.ludo-piece.is-dragging:after{content:none}.ludo-piece.is-dragging .ludo-pawn{animation:none;transform:translateY(-20%)scale(1.15)}@keyframes ludo-hop{0%,to{transform:translateY(-12%)}45%{transform:translateY(-30%)}}.ludo-piece.is-shake{animation:.26s ludo-shake}@keyframes ludo-shake{0%,to{translate:0}25%{translate:-5px}75%{translate:5px}}@media (prefers-reduced-motion:reduce){.ludo-piece.is-shake{animation:none}}.ludo-target{z-index:1;cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent}.ludo-target:before{content:"";border:4px dashed var(--ink);z-index:-1;border-radius:50%;position:absolute;inset:4%}.ludo-target .ludo-ghost{opacity:.45}.ludo-target.is-hot:before{background:var(--card)}.ludo-target.is-over:before{background:var(--card);border-style:solid;border-width:5px}.ludo-target.is-hot .ludo-ghost,.ludo-target.is-over .ludo-ghost{opacity:.7}.ludo-target.is-dim{opacity:.3}.ludo-target__n,.ludo.is-touch .ludo-target:not(.is-hot):not(.is-over) .ludo-ghost{display:none}.ludo.is-touch .ludo-target:not(.is-hot):not(.is-over) .ludo-target__n{aspect-ratio:1;background:var(--ink);width:56%;color:var(--card);border-radius:50%;place-items:center;font-size:max(13px,3cqw);font-weight:800;line-height:1;display:grid}.ludo.is-touch .ludo-badge--to:not(.is-capture){display:none}.ludo-target.is-capture:before{border-width:5px;inset:-3%}.ludo-target.is-capture.is-hot:before,.ludo-target.is-capture.is-over:before{background:0 0;border-width:6px}.ludo-badge{z-index:6;pointer-events:none;width:max(17px,4.2cqw);height:max(17px,4.2cqw);margin-left:calc(100% / var(--cells) * .62);background:var(--ink);color:var(--card);border:2px solid var(--card);border-radius:50%;place-items:center;margin-top:-2px;font-size:max(11px,2.6cqw);font-weight:800;line-height:1;display:grid}.ludo-badge.is-dim{opacity:.3}.ludo-panel{gap:var(--s3);align-content:start;width:min(100%,600px);display:grid}.ludo-turn{align-items:center;gap:var(--s1) var(--s3);padding:var(--s3);border-radius:var(--r-tile);background:var(--c-soft);border:2px solid var(--ink);grid-template-columns:auto 1fr;display:grid}.ludo-turn__pawn{grid-row:span 2}.ludo-turn__pawn .ludo-pawn{width:38px;height:46px}.ludo-turn__text{line-height:1.2;display:grid}.ludo-turn__label{font-size:var(--fs-base);color:var(--ink);font-weight:700}.ludo-turn__who{align-items:baseline;gap:0 var(--s2);flex-wrap:wrap;display:flex}.ludo-turn__name{font-size:var(--fs-lg)}.ludo-turn__color{font-size:var(--fs-base);color:var(--ink);font-weight:600}.ludo-turn__text{align-items:baseline;column-gap:var(--s2);grid-template-columns:auto minmax(0,1fr)}.ludo-turn__label{grid-area:1/1}.ludo-turn__who{display:contents}.ludo-turn__color{white-space:nowrap;text-overflow:ellipsis;grid-area:1/2;overflow:hidden}.ludo-turn__name{text-overflow:ellipsis;white-space:nowrap;grid-area:2/1/auto/-1;min-width:0;overflow:hidden}.ludo-turn__msg{grid-column:2;min-height:4.35em;margin:0;font-weight:600;line-height:1.45}.ludo-controls{align-items:center;gap:var(--s3);display:flex}.ludo-controls[hidden]{display:none}.ludo-die{cursor:default;flex:none;width:60px;height:60px}.ludo-die.is-ready{cursor:pointer}.ludo-die.is-blank .ld-pip{opacity:.18}.ludo-die svg{width:100%;height:100%}.ludo-die.is-rolling{animation:.16s linear infinite ludo-tumble}@keyframes ludo-tumble{0%{transform:rotate(0)translateY(0)}50%{transform:rotate(14deg)translateY(-4px)}to{transform:rotate(0)translateY(0)}}.ludo-roll{white-space:nowrap;min-width:0;padding:0 var(--s4);flex:1}.hh-game--ludo .ludo-roll[aria-disabled=true],.hh-game--ludo .ludo-roll[aria-disabled=true]:hover,.hh-game--ludo .ludo-roll[aria-disabled=true]:active{cursor:default;background:var(--paper);border-color:var(--line-strong);box-shadow:0 3px 0 var(--line-strong);transform:none}.ludo-result{gap:var(--s3);display:grid}.ludo-result[hidden]{display:none}.ludo-result__title{align-items:center;gap:var(--s2);font-size:var(--fs-xl);margin:0;font-weight:800;display:flex}.ludo-result__actions{gap:var(--s3);flex-wrap:wrap;display:flex}.ludo-result__actions .hh-btn--primary{flex:200px}.ludo-log{height:calc(4.05em + 4px);line-height:1.35;font-size:var(--fs-base);color:var(--ink);align-content:start;gap:2px;display:grid;overflow:hidden}.ludo-log p{margin:0}.ludo-log p.is-note{font-weight:700}.ludo-log[hidden]{display:none}.ludo-players{gap:var(--s2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.ludo-chip{align-items:center;gap:2px var(--s2);min-height:var(--tap);padding:var(--s1) var(--s2);border-radius:var(--r-btn);border:2px solid var(--line);background:var(--card);grid-template-columns:auto minmax(0,1fr);display:grid}.ludo-chip__pawn{grid-row:span 2}.ludo-chip.is-current,.ludo-chip.is-winner{border-color:var(--ink);background:var(--c-soft)}.ludo-chip__pawn .ludo-pawn{width:20px;height:24px}.ludo-chip__name{min-width:0;font-weight:700;font-size:var(--fs-base);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ludo-chip__goal{align-items:center;gap:var(--s2);min-width:0;display:flex}.ludo-chip__goal-text{font-size:var(--fs-base);color:var(--ink);white-space:nowrap;font-weight:600}.ludo-chip__dots{gap:3px;display:flex}.ludo-chip__dots i{border:1.5px solid var(--ink);background:var(--card);border-radius:50%;width:8px;height:8px}.ludo-chip__dots i.is-on{background:var(--c)}.ludo-keys{font-size:var(--fs-sm);color:var(--ink-2);margin:0}@media (pointer:coarse){.ludo-keys:not(.ludo-variants-on){display:none}}@media (width>=900px){.ludo{--board:min(640px, max(320px, calc(100dvh - 140px)), calc(100vw - 470px));justify-content:center;gap:var(--s5);grid-template-columns:auto minmax(280px,330px)}.ludo-players{grid-template-columns:1fr}.ludo-die{width:64px;height:64px}}@media (orientation:landscape) and (height<=560px){.hh-game--ludo .hh-game__stage{place-items:start center}.ludo{--board:max(250px, min(calc(100dvh - 76px), calc(100vw - 390px)));justify-content:center;gap:var(--s4);grid-template-columns:auto minmax(220px,360px)}.ludo-panel{gap:var(--s2)}.ludo-turn{padding:var(--s2) var(--s3)}.ludo-turn__msg{min-height:0;font-size:var(--fs-sm)}.ludo-turn__pawn .ludo-pawn{width:30px;height:36px}.ludo-die{width:52px;height:52px}.ludo-players{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.ludo-turn{padding:var(--s2) var(--s3)}.ludo-turn__pawn .ludo-pawn{width:30px;height:36px}.ludo-die{width:56px;height:56px}}.ludo-online{gap:var(--s3);width:100%;min-width:0;display:grid}.ludo-online__stage{place-items:center;min-width:0;min-height:300px;display:grid}.ludo-online__wait{color:var(--ink-2);margin:0;font-weight:700}.ludo-who{--who:40px;width:var(--who);height:var(--who);flex:none;display:inline-grid;position:relative}.ludo-who .hh-avatar{background:color-mix(in srgb, var(--c) 32%, var(--card))}.ludo-who .ludo-who__pawn{right:calc(var(--who) * -.2);bottom:calc(var(--who) * -.14);width:calc(var(--who) * .46);height:calc(var(--who) * .55);position:absolute}.ludo-who .ludo-who__pawn .ludo-pawn{width:100%;height:100%}.ludo-online .ludo-turn__pawn{padding-right:6px}.ludo-online .ludo-turn.is-away{border-style:dashed}.ludo-online .ludo-turn__label,.ludo-online .ludo-turn__who{line-height:1.5rem}.ludo-online .ludo-turn__color{line-height:1}.ludo-online .ludo-turn.is-mine .ludo-turn__label{font-size:var(--fs-lg);color:var(--ink);font-weight:800}.ludo-online .ludo-turn.is-mine .ludo-turn__name{font-size:var(--fs-md)}.ludo-online__note{align-items:center;gap:var(--s2);margin:0;font-weight:700;display:flex}.ludo-online__note-pawn .ludo-pawn{width:20px;height:24px}.ludo-online .ludo-players{grid-template-columns:1fr}.ludo-online .ludo-chip{align-items:center;gap:var(--s3);min-height:54px;padding:var(--s1) var(--s3) var(--s1) var(--s2);display:flex}.ludo-online .ludo-chip__name{flex:1}.ludo-online .ludo-chip__goal{flex-direction:column;flex:none;align-items:flex-end;gap:2px}.ludo-online .ludo-chip__name{white-space:normal;line-height:1.25;display:grid}.ludo-online .ludo-chip__name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ludo-online .ludo-chip__name small{color:var(--ink);font-weight:400;font-size:var(--fs-base)}.ludo-online .ludo-chip.is-away{border-style:dashed;border-color:var(--ink-2)}.ludo-online .ludo-chip.is-away .hh-avatar{opacity:.55}@media (width>=560px) and (width<=899px) and (height>=561px){.ludo-online .ludo-players{grid-template-columns:repeat(2,minmax(0,1fr))}}.ludo-standings{gap:var(--s2);counter-reset:place;margin:0;padding:0;list-style:none;display:grid}.ludo-standings__row{counter-increment:place;align-items:center;gap:var(--s3);min-height:52px;padding:var(--s1) var(--s3);border:2px solid var(--line);border-radius:var(--r-btn);background:var(--card);display:flex}.ludo-standings__row:before{content:counter(place) ".";min-width:1.3em;font-weight:800}.ludo-standings__row.is-winner{border-color:var(--ink);background:var(--c-soft)}.ludo-standings__name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:700;line-height:1.25}.ludo-standings__goal{font-size:var(--fs-sm);color:var(--ink-2);white-space:nowrap}.ludo-online .ludo-result{padding:var(--s3);border:2px solid var(--ink);border-radius:var(--r-tile);background:var(--paper)}.ludo-online .ludo-result__title{font-size:var(--fs-lg)}.ludo-online__dialog{gap:var(--s3);display:grid}.ludo-online__dialog .ludo-standings__row{background:var(--card)}