.ld,.ld-shell{--ld-c0:#d3263f;--ld-c1:#198049;--ld-c2:#d99a00;--ld-c3:#1f4fd8;--ld-w0:#f8d3d9;--ld-w1:#cfeedb;--ld-w2:#fbe8b0;--ld-w3:#d5defa}.ld{grid-template-columns:minmax(0,1fr);gap:16px;max-width:1200px;margin:0 auto;padding:6px 8px 0;display:grid}.ld__play{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.ld-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;max-width:760px;margin:0 auto;display:grid}.ld-players--3{grid-template-columns:repeat(3,minmax(0,1fr))}.ld-players--4{grid-template-columns:repeat(4,minmax(0,1fr))}.ld-player{border:1.5px solid var(--rule);border-radius:var(--radius);background:var(--paper);flex-wrap:wrap;align-items:center;column-gap:4px;min-width:0;padding:3px 4px;transition:border-color .12s;display:flex;position:relative}.ld-player.is-active{border-color:var(--ink)}.ld-player__shape{flex:none;width:18px;height:18px}.ld-player__text{flex-direction:column;flex:1 1 0;min-width:0;line-height:1.15;display:flex}.ld-player__name{max-width:100%;font-family:var(--font-hand);white-space:nowrap;text-overflow:ellipsis;align-self:flex-start;font-size:.95rem;overflow:hidden}.ld-player.is-active .ld-player__name{background:var(--highlight)}.ld-player__role,.ld-player__meta{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.ld-player__role-short{display:none}@media (max-width:899px){:is(.ld-players--3 .ld-player__role-long:has(+.ld-player__role-short),.ld-players--4 .ld-player__role-long:has(+.ld-player__role-short)){display:none}.ld-players--3 .ld-player__role-short,.ld-players--4 .ld-player__role-short{display:inline}.ld-players--4 .ld-player{grid-template-columns:auto minmax(0,1fr);column-gap:3px;padding:3px;display:grid}.ld-players--4 .ld-player__text{display:contents}.ld-players--4 .ld-player__name{grid-area:1/1/2/3;justify-self:start;line-height:1.15}.ld-players--4 .ld-player__shape{grid-area:2/1;align-self:center;width:14px;height:14px}.ld-players--4 .ld-player__role{grid-area:2/2;line-height:1.15}.ld-players--4 .ld-player__meta{grid-area:3/1/4/3;line-height:1.15}}.ld-status{flex-direction:column;font-size:1rem;overflow:hidden}.ld-status.is-result{font-size:1.25rem}.ld-status__event{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.92em;overflow:hidden}.ld-status.is-thinking .ld-status__now:after{content:"";background:radial-gradient(circle closest-side, var(--ink) 90%, transparent) 0 50% / 33% 100% repeat-x;clip-path:inset(0 100% 0 0);width:1.1em;height:.3em;margin-inline-start:6px;animation:1s steps(4,end) infinite ld-thinking;display:inline-block}.ld-status.is-thinking:after{content:none}@keyframes ld-thinking{to{clip-path:inset(0 -10% 0 0)}}.ld-frame{aspect-ratio:1;width:100%;position:relative}.ld--online .ld-frame{max-width:min(100%,560px)}.ld-board{width:100%;height:100%;display:block}.ld-board__paper{fill:var(--paper);stroke:var(--ink);stroke-width:.08px}.ld-cell{fill:var(--paper);stroke:var(--board-line-strong);stroke-width:.04px}.ld-cell--home,.ld-cell--start{stroke:var(--ink)}.ld-fill--0{fill:var(--ld-w0)}.ld-fill--1{fill:var(--ld-w1)}.ld-fill--2{fill:var(--ld-w2)}.ld-fill--3{fill:var(--ld-w3)}.ld-stroke--0{stroke:var(--ld-c0)}.ld-stroke--1{stroke:var(--ld-c1)}.ld-stroke--2{stroke:var(--ld-c2)}.ld-stroke--3{stroke:var(--ld-c3)}.ld-yard__wall{stroke:var(--ink);stroke-width:.06px}.ld-yard.is-turn .ld-yard__wall{stroke-width:.16px}.ld-yard.is-empty .ld-yard__wall{fill:var(--paper-shade)}.ld-yard__nest{fill:var(--paper);stroke:var(--ink-soft);stroke-width:.04px;stroke-dasharray:.18 .12}.ld-yard__spot{fill:none;stroke-width:.07px}.ld-yard.is-empty .ld-yard__spot{stroke:var(--rule)}.ld-star{fill:none;stroke:var(--ink);stroke-width:.05px;stroke-linejoin:round}.ld-arrow{fill:none;stroke:var(--ink);stroke-width:.07px;stroke-linecap:round;stroke-linejoin:round}.ld-centre path{stroke:var(--ink);stroke-width:.05px;stroke-linejoin:round}.ld-centre__edge{fill:none;stroke:var(--ink);stroke-width:.06px}.ld-tokens{position:absolute;inset:0}.ld-token{cursor:default;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;width:6.2%;height:6.2%;margin:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.ld-token svg{filter:drop-shadow(.5px 1px #1b23408c);width:100%;height:100%;display:block}.ld-token.is-walking{transition:left 70ms linear,top 70ms linear}.ld-token.is-small{width:4.4%;height:4.4%}.ld-token.is-movable{cursor:pointer;z-index:2}.ld-token.is-movable:before{content:"";border:2px dashed var(--ink);z-index:-1;background:#ffe45c8c;border-radius:50%;animation:1.6s linear infinite ld-ring;position:absolute;inset:-30%}.ld-token.is-movable:hover:before{background:#ffe45ce6}.ld-token.is-movable:after{content:"";width:max(44px,100%);height:max(44px,100%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ld-token.is-movable.is-yard:after{width:max(44px,215%);height:max(44px,215%)}.ld-token.is-movable.is-close:after{width:100%;height:100%}.ld-token:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@keyframes ld-ring{to{transform:rotate(360deg)}}.ld-shape{stroke:var(--ink)}.ld-shape--0{fill:var(--ld-c0)}.ld-shape--1{fill:var(--ld-c1)}.ld-shape--2{fill:var(--ld-c2)}.ld-shape--3{fill:var(--ld-c3)}.ld-dicebar{justify-content:center;align-items:center;gap:14px;width:100%;max-width:420px;min-height:60px;display:flex}.ld-dicebar__die{flex:none;width:54px;height:54px;animation:.32s ease-out ld-shake}.ld-die{width:100%;height:100%;display:block}.ld-die__body{fill:var(--paper);stroke:var(--ink);stroke-width:.16px}.ld-die--0 .ld-die__body{fill:var(--ld-w0)}.ld-die--1 .ld-die__body{fill:var(--ld-w1)}.ld-die--2 .ld-die__body{fill:var(--ld-w2)}.ld-die--3 .ld-die__body{fill:var(--ld-w3)}.ld-die__pip{fill:var(--ink)}.ld-die__blank{font-family:var(--font-hand);fill:var(--ink-soft)}.ld-dicebar__go{min-width:140px;min-height:48px;font-size:1.15rem}.ld-dicebar__wait{min-width:140px;color:var(--ink-soft);font-family:var(--font-hand);margin:0}@keyframes ld-shake{0%{transform:rotate(-24deg)scale(.85)}45%{transform:rotate(14deg)scale(1.06)}75%{transform:rotate(-6deg)}to{transform:none}}.ld-dicebar--dock{gap:var(--dock-pad);min-width:0;max-width:none;min-height:var(--dock-row);flex:1 1 0}.ld-dicebar--dock .ld-dicebar__die{width:46px;height:46px}.ld-dicebar--dock .ld-dicebar__wait{text-align:center;flex:1 1 0;min-width:0;font-size:1rem;line-height:1.1}.ld-field__label{margin:0 0 4px;padding:0;font-size:.9rem;font-weight:700}.ld-seats{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}.ld-seat{justify-content:space-between;align-items:center;gap:8px;display:flex}.ld-seat__name{align-items:center;gap:6px;font-weight:600;display:flex}.ld-seat__shape{flex:none;width:20px;height:20px}.ld-seat select{border:2px solid var(--ink);background:var(--paper);min-width:0;max-width:62%;min-height:44px;color:var(--ink);font:inherit;border-radius:8px;padding:4px 8px;font-size:.92rem}.ld-seat select:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.ld-check{cursor:pointer;align-items:flex-start;gap:8px;margin-top:8px;font-size:.92rem;line-height:1.3;display:flex}.ld-check input{width:20px;height:20px;accent-color:var(--ink);flex:none;margin:0}.ld-panel--score p{color:var(--ink-soft);margin:4px 0 10px;font-size:.92rem}.ld-score{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 16px;margin:0 0 8px;padding:0;list-style:none;display:grid}.ld-score li{align-items:center;gap:6px;display:flex}.ld-score strong{font-family:var(--font-hand);margin-inline-start:auto;font-size:1.2rem;font-weight:400}.ld--online .ld__play>.online-actions{width:100%;max-width:640px}.ld-room-note{color:var(--ink-soft);text-align:center;margin:0;font-size:.9rem}@media (prefers-reduced-motion:reduce){.ld-token{transition:none}.ld-token.is-movable:before,.ld-dicebar__die,.ld-status.is-thinking .ld-status__now:after{animation:none}}@media (max-width:340px){.ld-players--4 .ld-player__shape{grid-area:3/1}.ld-players--4 .ld-player__role{grid-area:2/1/3/3}.ld-players--4 .ld-player__meta{grid-area:3/2}.ld-players--4 .ld-player__name,.ld-players--4 .ld-player__role,.ld-players--4 .ld-player__meta{white-space:normal}.ld-players--4 .ld-player__name{font-size:.875rem}}@media (min-width:900px) and (min-height:501px){.ld--online .ld-frame{max-width:min(100%,560px,max(320px,100dvh - 300px))}}@media (max-width:360px){#roll{font-size:.8125rem}}@media (max-height:500px) and (min-width:560px){.ld--online .ld-frame{max-width:min(100%,100dvh - 40px)}}
