/* 제비뽑기 (draw-lots) — '제비 상자'. 항목 색은 --dc 하나로(구성 줄·제비·막대·기록·그림이 같은 색). 화면 크기 판단은 .dlt 컨테이너, 전체 화면은 뷰포트 media. */
.dlt{container:dlt / inline-size;overflow:hidden;--dlt-c0:#7a4a24;--dlt-c1:#2f6658;--dlt-c2:#8a5a10;--dlt-c3:#4f5488;--dlt-c4:#8a3d4c;--dlt-c5:#4d6626;--dlt-c6:#1f5f86;--dlt-c7:#7a3d82;--dlt-cb:#9a8f7d;--dlt-slip:#fffaf0;--dlt-slip2:#f2e8d2;--dlt-fold:#e0d2b2}
html[data-theme="dark"] .dlt{--dlt-c0:#e0ae7c;--dlt-c1:#86c4b2;--dlt-c2:#e3c06e;--dlt-c3:#b2b6e6;--dlt-c4:#e8a0ac;--dlt-c5:#b6d28a;--dlt-c6:#8cc3e6;--dlt-c7:#d6a6dc;--dlt-cb:#8f846f;--dlt-slip:#3a2c1c;--dlt-slip2:#30251a;--dlt-fold:#4d3a25}
@media (prefers-color-scheme: dark){html:not([data-theme="light"]) .dlt{--dlt-c0:#e0ae7c;--dlt-c1:#86c4b2;--dlt-c2:#e3c06e;--dlt-c3:#b2b6e6;--dlt-c4:#e8a0ac;--dlt-c5:#b6d28a;--dlt-c6:#8cc3e6;--dlt-c7:#d6a6dc;--dlt-cb:#8f846f;--dlt-slip:#3a2c1c;--dlt-slip2:#30251a;--dlt-fold:#4d3a25}}
.dlt .c0{--dc:var(--dlt-c0)}.dlt .c1{--dc:var(--dlt-c1)}.dlt .c2{--dc:var(--dlt-c2)}.dlt .c3{--dc:var(--dlt-c3)}.dlt .c4{--dc:var(--dlt-c4)}.dlt .c5{--dc:var(--dlt-c5)}.dlt .c6{--dc:var(--dlt-c6)}.dlt .c7{--dc:var(--dlt-c7)}.dlt .cb{--dc:var(--dlt-cb)}
.dlt [hidden]{display:none!important}
.dlt-help{margin:0;font-family:var(--sans);font-size:12px;line-height:1.55;color:var(--muted)}
.dlt-help:lang(ko),.dlt-ressub:lang(ko),.dlt-read:lang(ko){word-break:keep-all}
.dlt-msg:empty{display:none}
.dlt-msg.is-error{color:var(--accent);font-weight:600}

/* 머리: 예시 */
.dlt-head{justify-content:flex-start;align-items:center}

/* 구성 | 뽑을 사람 */
.dlt-setup{display:grid;gap:14px 18px;padding:14px 18px 16px;border-bottom:1px solid var(--soft)}
@container dlt (min-width:640px){ .dlt-setup{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)} }
.dlt-comp,.dlt-ppl{display:flex;flex-direction:column;gap:8px;min-width:0}
.dlt-phead{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;margin:0;min-height:24px}
.dlt-phead .v2-label{margin:0;white-space:nowrap}
.dlt-count{font-family:var(--sans);font-size:12px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.dlt-headnote{margin-left:auto;font-family:var(--sans);font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap}
.dlt-link{display:inline-flex;align-items:center;gap:4px;margin-left:auto;min-height:24px;padding:0 2px;border:0;background:none;font-family:var(--sans);font-size:12px;font-weight:650;color:var(--muted);cursor:pointer;white-space:nowrap}
.dlt-link:hover:not(:disabled){color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.dlt-link:disabled{opacity:.45;cursor:not-allowed}
.dlt-link .i{width:12px;height:12px}
.dlt-link b{font-size:15px;line-height:1;font-weight:700}

.dlt-rows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,236px),1fr));gap:6px;max-height:calc(42px * 5 + 6px * 4);overflow:auto;overscroll-behavior:contain}
.dlt-row{display:flex;align-items:stretch;height:42px;box-sizing:border-box;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);transition:border-color var(--ease),box-shadow var(--ease)}
.dlt-row:focus-within{border-color:var(--ink);box-shadow:0 0 0 2px var(--accent-wash)}
.dlt-row:has(.is-bad){border-color:var(--accent)}
.dlt-row > .dlt-dot{flex:none;width:6px;margin:-1px 0 -1px -1px;border-radius:var(--radius) 0 0 var(--radius);background:var(--dc)}
.dlt-lab{flex:1 1 auto;width:100%;min-width:0;height:100%;box-sizing:border-box;padding:0 8px;border:0;background:none;outline:0;font-family:var(--sans);font-size:14.5px;font-weight:650;color:var(--ink)}
.dlt-lab::placeholder{font-weight:400;color:var(--ink);opacity:.35}
.dlt-lab.is-bad{color:var(--accent)}
.dlt-cnt{flex:none;display:flex;align-items:stretch;border-left:1px solid var(--soft)}
.dlt-cnt.is-bad .dlt-num{color:var(--accent)}
.dlt-step{flex:none;width:28px;padding:0;border:0;background:none;font-family:var(--sans);font-size:16px;font-weight:600;line-height:1;color:var(--muted);cursor:pointer;transition:background var(--ease),color var(--ease)}
.dlt-step:hover:not(:disabled){background:var(--btn);color:var(--ink)}
.dlt-step:disabled{opacity:.3;cursor:default}
.dlt-num{width:2.4em;min-width:0;box-sizing:content-box;padding:0 1px;border:0;background:none;outline:0;text-align:right;font-family:var(--sans);font-size:15px;font-weight:750;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.dlt-unit{display:grid;place-items:center;padding:0 3px 0 2px;font-family:var(--sans);font-size:11.5px;font-weight:600;color:var(--muted)}
.dlt-unit:empty{display:none}
.dlt-del{flex:none;width:30px;padding:0;border:0;border-left:1px solid var(--soft);background:none;font-size:17px;line-height:1;color:var(--muted);cursor:pointer;transition:background var(--ease),color var(--ease)}
.dlt-del:hover{background:var(--btn);color:var(--ink)}
.dlt-step:focus-visible,.dlt-del:focus-visible,.dlt-link:focus-visible,.dlt-fitbtn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}

.dlt-ta{display:block;flex:1 1 auto;width:100%;min-height:96px;box-sizing:border-box;margin:0;padding:8px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);font-family:var(--sans);font-size:14px;line-height:1.6;color:var(--ink);resize:vertical;transition:border-color var(--ease),box-shadow var(--ease)}
.dlt-ta:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 2px var(--accent-wash)}
.dlt-ta::placeholder{color:var(--ink);opacity:.35}
.dlt-fit{min-height:1.55em}
.dlt-fitbtn{display:inline-flex;align-items:center;height:24px;margin-top:2px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius);background:var(--btn);font-family:var(--sans);font-size:12px;font-weight:650;color:var(--ink);cursor:pointer;white-space:nowrap;vertical-align:middle}
.dlt-fitbtn:hover{background:var(--btn-hover)}

/* 판 | 진행 패널 */
.dlt-play{display:grid;grid-template-columns:minmax(0,1fr);border-bottom:1px solid var(--soft);outline:0}
.dlt-board{display:flex;flex-direction:column;gap:10px;min-width:0;padding:14px 18px}
.dlt-side{display:flex;flex-direction:column;min-width:0;border-top:1px solid var(--soft);background:color-mix(in srgb, var(--wash) 55%, var(--card))}
@container dlt (min-width:520px) and (max-width:639.98px){ .dlt-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .dlt-now{border-right:1px solid var(--soft)} .dlt-rec{grid-column:1 / -1} }
@container dlt (min-width:640px){
  .dlt-play{grid-template-columns:minmax(0,1fr) 248px}
  .dlt-side{border-top:0;border-left:1px solid var(--soft)}
  .dlt-log{contain:size}
  .dlt-now{min-height:150px;box-sizing:border-box} /* 결과 글이 바뀌어도 패널 높이(= 판 높이 기준)가 그대로 */
  .dlt-status{min-height:3em}
  .dlt-grid{flex:1 0 auto;align-content:center} /* 패널보다 판이 짧으면 남는 높이를 위아래로 나눈다 */
}
@container dlt (min-width:760px){ .dlt-play{grid-template-columns:minmax(0,1fr) 272px} }
@container dlt (min-width:860px){ .dlt-play{grid-template-columns:minmax(0,1fr) 296px} }
.dlt-bhead{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.dlt-btitle{display:flex;align-items:baseline;gap:8px;margin:0 auto 0 0;min-width:0}
.dlt-btitle b{font-family:var(--serif);font-size:16px;font-weight:800;letter-spacing:-.01em}
.dlt-btitle span{font-family:var(--sans);font-size:12px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums lining-nums}
.dlt-acts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.dlt-acts .v2-switch{margin-right:4px}
.dlt-status{margin:0;min-height:1.5em;line-height:1.5}
.dlt-status:lang(ko){word-break:keep-all}
.dlt-fullhint{display:none;margin:0;font-family:var(--sans);font-size:12px;color:var(--muted)}

/* 제비판: 접힌 종이. 칸 수·높이는 tool.js fit() 가 --cols·--sh 로 정한다(마지막 줄은 가운데) */
.dlt-grid{flex:none;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:var(--gap,8px);min-height:var(--sh,72px)}
.dlt-slip{position:relative;flex:0 0 calc((100% - (var(--cols, 5) - 1) * var(--gap, 8px)) / var(--cols, 5));height:var(--sh,72px);min-width:0;padding:0;border:0;background:none;font-family:var(--sans);color:var(--ink);cursor:pointer;perspective:700px;-webkit-tap-highlight-color:transparent}
.dlt-slip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.dlt-slip:disabled{cursor:not-allowed}
.dlt-cov,.dlt-in{position:absolute;inset:0;box-sizing:border-box;border-radius:3px}
.dlt-cov{display:grid;place-items:center;border:1px solid var(--line);background:linear-gradient(180deg, var(--dlt-slip) 0 48%, var(--dlt-fold) 48% 52%, var(--dlt-slip2) 52% 100%);box-shadow:0 1px 0 var(--soft),0 3px 6px rgba(26,18,8,.08);transition:transform .16s ease,box-shadow .16s ease}
.dlt-cov::after{content:"";position:absolute;top:-1px;right:-1px;width:min(22%, 18px);aspect-ratio:1;background:linear-gradient(225deg, var(--card) 0 50%, var(--dlt-fold) 50% 100%);border-radius:0 3px 0 0}
.dlt-no{font-family:var(--serif);font-size:clamp(11px, calc(var(--sh, 72px) * .4), 46px);font-weight:800;line-height:1;color:var(--muted);font-variant-numeric:tabular-nums lining-nums}
.dlt-slip:not(:disabled):not(.is-open):hover .dlt-cov{transform:translateY(-2px);box-shadow:0 1px 0 var(--soft),0 6px 12px rgba(26,18,8,.14)}
.dlt-slip.is-sel .dlt-cov{transform:translateY(-4px) rotate(-1.5deg);border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 8px 14px rgba(26,18,8,.16)}
.dlt-slip.is-sel .dlt-no{color:var(--accent)}
.dlt-in{display:grid;grid-template-rows:minmax(0,1fr) auto;place-items:center;align-content:center;padding:4px 6px;visibility:hidden;border:1px solid color-mix(in srgb, var(--dc) 55%, var(--line));border-left:4px solid var(--dc);background:color-mix(in srgb, var(--dc) 15%, var(--card));text-align:center}
.dlt-slip.is-open .dlt-cov{visibility:hidden}
.dlt-slip.is-open .dlt-in{visibility:visible}
.dlt-slip.is-last .dlt-in{box-shadow:0 0 0 2px var(--dc)}
.dlt-lbl{align-self:center;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:clamp(11px, calc(var(--sh, 72px) * .22), 24px);font-weight:800;line-height:1.2;overflow-wrap:anywhere}
.dlt-slip.cb .dlt-lbl{font-weight:650;color:var(--muted)}
.dlt-who{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-size:clamp(9.5px, calc(var(--sh, 72px) * .14), 14px);font-weight:600;color:var(--muted)}
.dlt-who:empty{display:none}
.dlt-ino,.dlt-ord{position:absolute;top:3px;font-family:var(--mono);font-size:clamp(9px, calc(var(--sh, 72px) * .13), 12px);font-weight:700;line-height:1;font-style:normal;color:var(--muted)}
.dlt-ino{left:5px}
.dlt-ord{right:5px;color:var(--dc)}
.dlt-ord::before{content:"#"}
.dlt-grid[data-size="s"] .dlt-ino,.dlt-grid[data-size="s"] .dlt-ord,.dlt-grid[data-size="s"] .dlt-who{display:none}
.dlt-grid[data-size="s"] .dlt-in{padding:2px 3px;border-left-width:3px}
.dlt-grid[data-size="s"] .dlt-lbl{font-size:11.5px;line-height:1.12;overflow-wrap:normal;word-break:keep-all} /* 폭 하한은 tool.js labelWidth()가 이 글자로 잰다 */
.dlt-grid[data-size="s"] .dlt-cov::after{display:none}
.dlt-board.is-stale .dlt-grid{opacity:.45;filter:grayscale(.6)}
/* 펼치는 움직임: 덮개가 위쪽 접는 선을 축으로 젖혀지고 안쪽 결과가 떠오른다 */
.dlt-slip.is-anim .dlt-cov{visibility:visible;transform-origin:50% 0;animation:dlt-unfold .5s cubic-bezier(.3,.7,.3,1) var(--d, 0ms) both}
.dlt-slip.is-anim .dlt-in{animation:dlt-in .42s ease-out calc(var(--d, 0ms) + 140ms) both}
.dlt-slip.is-hit::after{content:"";position:absolute;inset:-4px;border:2px solid var(--dc);border-radius:6px;pointer-events:none;animation:dlt-ring .8s ease-out .3s both}
@keyframes dlt-unfold{0%{transform:rotateX(0);opacity:1}65%{transform:rotateX(-78deg);opacity:1}100%{transform:rotateX(-96deg);opacity:0}}
@keyframes dlt-in{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}
@keyframes dlt-ring{from{opacity:.9;transform:scale(.97)}to{opacity:0;transform:scale(1.14)}}

/* 진행 패널 */
.dlt-now{position:relative;display:flex;flex-direction:column;gap:3px;padding:14px 16px 12px;border-bottom:1px solid var(--soft)}
.dlt-turn{margin:0;font-family:var(--sans);font-size:12px;font-weight:650;color:var(--muted);overflow-wrap:anywhere}
.dlt-res{margin:2px 0 0;font-family:var(--sans);font-size:30px;font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--ink);overflow-wrap:anywhere}
.dlt-res b{font-weight:inherit;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:max-content}
.dlt-res.is-long{font-size:21px;letter-spacing:-.01em}
.dlt-res.is-p{font-variant-numeric:tabular-nums lining-nums}
.dlt-res.is-sel{color:var(--accent)}
.dlt-res[class*=" c"] b{box-shadow:inset 0 -.3em 0 color-mix(in srgb, var(--dc) 32%, transparent)}
.dlt-res.cb b{box-shadow:none;color:var(--muted)}
.dlt-res.is-pop{animation:dlt-pop .38s cubic-bezier(.3,1.4,.5,1)}
@keyframes dlt-pop{from{transform:scale(.9);opacity:.3}to{transform:none;opacity:1}}
.dlt-ressub{margin:0;font-family:var(--sans);font-size:12.5px;line-height:1.5;color:var(--muted)}
.dlt-openw{margin-top:8px}
.dlt-openw:has(> [hidden]){display:none}
.dlt-open{width:100%;justify-content:center}
.dlt-fx{position:absolute;inset:0;pointer-events:none;overflow:visible}
.dlt-fx i{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--accent);animation:dlt-spark .7s ease-out forwards}
.dlt-fx i:nth-child(3n){background:var(--ink);width:4px;height:4px}
@keyframes dlt-spark{from{transform:none;opacity:1}to{transform:translate(var(--x), var(--y)) scale(.4);opacity:0}}
.dlt-left{display:flex;flex-direction:column;gap:8px;padding:12px 16px;border-bottom:1px solid var(--soft)}
.dlt-stack{display:flex;gap:1px;height:12px;overflow:hidden;border-radius:2px;background:var(--soft)}
.dlt-stack i{flex:0 1 0;min-width:0;background:var(--dc);transition:flex-grow .45s ease}
.dlt-lrows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;column-gap:8px;max-height:calc(26px * 5);overflow:auto;overscroll-behavior:contain}
.dlt-lrows li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;height:26px;font-family:var(--sans);font-size:13px}
.dlt-lrows .dlt-dot{width:8px;height:8px;border-radius:2px;background:var(--dc)}
.dlt-ln{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dlt-lc{font-size:11.5px;font-weight:600;color:var(--muted);font-variant-numeric:tabular-nums lining-nums;text-align:right}
.dlt-lp{font-weight:750;font-variant-numeric:tabular-nums lining-nums;text-align:right;min-width:3.6em}
.dlt-lrows li.is-follow .dlt-ln{font-weight:750}
.dlt-lrows li.is-gone{opacity:.5}
.dlt-rec{flex:1 1 auto;display:flex;flex-direction:column;gap:6px;min-height:0;padding:12px 16px 14px}
.dlt-log{position:relative;flex:1 1 auto;display:grid;grid-template-columns:auto minmax(0,.8fr) auto minmax(0,1.25fr);align-content:start;column-gap:8px;min-height:84px;max-height:calc(28px * 8);margin:0;padding:0;list-style:none;overflow:auto;overscroll-behavior:contain}
@container dlt (min-width:640px){ .dlt-log{max-height:none} }
@container dlt (max-width:639.98px){ .dlt-log{min-height:0} .dlt-ta{min-height:64px} }
.dlt-log li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;height:28px;box-sizing:border-box;border-bottom:1px solid var(--soft);font-family:var(--sans);font-size:13px;white-space:nowrap}
.dlt-k{min-width:1.4em;font-family:var(--mono);font-size:11px;font-weight:700;color:var(--muted);text-align:right}
.dlt-w{overflow:hidden;text-overflow:ellipsis}
.dlt-s{font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums lining-nums}
.dlt-r{overflow:hidden;text-overflow:ellipsis;padding-left:6px;border-left:3px solid var(--dc, transparent);font-weight:750}
.dlt-log li.cb .dlt-r{font-weight:600;color:var(--muted)}
.dlt-log li.is-cur{background:var(--accent-wash)}
.dlt-log li.is-cur .dlt-r{color:var(--accent);border-left-color:var(--accent)}
.dlt-log li.is-wait{color:var(--muted)}
.dlt-log li.is-wait .dlt-r{font-weight:500}
.dlt-log li.is-rest{opacity:.72}
.dlt-log li.is-empty{display:block;height:auto;border:0;padding:2px 0;font-size:12.5px;line-height:1.55;color:var(--muted);white-space:normal}
.dlt-log li.is-empty:lang(ko){word-break:keep-all}

/* 차례별 확률 그림 */
.dlt-chart{display:flex;flex-direction:column;gap:8px;margin:0;padding:14px 18px 12px}
.dlt-chead{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.dlt-follow{display:inline-flex;align-items:center;gap:6px;min-width:0;font-family:var(--sans);font-size:12px;font-weight:600;color:var(--muted)}
.dlt-follow select{height:30px;max-width:13em;padding:0 6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);font-family:var(--sans);font-size:12.5px;font-weight:650;color:var(--ink)}
.dlt-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin:0 0 0 auto;padding:0;list-style:none;font-family:var(--sans);font-size:11.5px;color:var(--muted)}
.dlt-legend li::before{content:"";display:inline-block;margin-right:5px;vertical-align:middle}
.dlt-legend .is-line::before{width:14px;height:2px;background:var(--dc, var(--ink))}
.dlt-legend .is-p0::before{width:14px;height:0;border-top:2px dashed var(--muted)}
.dlt-legend .is-hit::before{width:8px;height:8px;border-radius:50%;background:var(--dc, var(--ink))}
.dlt-svg{min-height:170px;outline:0;border-radius:var(--radius)}
.dlt-svg:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.dlt-svg svg{display:block;width:100%;height:auto;overflow:visible}
.dlt-gl{stroke:var(--soft);stroke-width:1}
.dlt-tk{font-family:var(--sans);font-size:11px;fill:var(--muted)}
.dlt-p0{stroke:var(--muted);stroke-width:1.5;stroke-dasharray:5 4}
.dlt-area{fill:color-mix(in srgb, var(--dc) 9%, transparent)}
.dlt-line{fill:none;stroke:var(--dc);stroke-width:2.2;stroke-linejoin:round}
.dlt-hit{fill:var(--dc);stroke:var(--card);stroke-width:1.5}
.dlt-miss{fill:var(--card);stroke:var(--dc);stroke-width:1.5}
.dlt-nx{fill:var(--card);stroke:var(--accent);stroke-width:2.2}
.dlt-guide{stroke:var(--ink);stroke-width:1;stroke-dasharray:2 3;opacity:.6}
.dlt-read{min-height:3em;font-family:var(--sans);font-size:12.5px;line-height:1.55;color:var(--ink);font-variant-numeric:tabular-nums lining-nums}
.dlt-privacy{padding:0 18px 14px}

/* 좁은 화면 */
@container dlt (max-width:480px){
  .dlt-setup,.dlt-board,.dlt-chart{padding-left:14px;padding-right:14px}
  .dlt-privacy{padding:0 14px 14px}
  .dlt-acts{width:100%}
  .dlt-acts .v2-switch{margin-right:auto}
  .dlt-legend{margin-left:0}
}

/* 전체 화면: 제비판 + 진행 패널(교실 화면·화면 공유) */
.dlt-play:fullscreen,.dlt-play.is-full{width:100%;height:100%;box-sizing:border-box;overflow:auto;background:var(--paper);align-content:stretch}
.dlt-play.is-full{position:fixed;inset:0;z-index:1000}
html.dlt-noscroll{overflow:hidden}
@media (min-width:640px){ .dlt-play:fullscreen,.dlt-play.is-full{grid-template-columns:minmax(0,1fr) clamp(280px, 26vw, 400px)} .dlt-play:fullscreen .dlt-side,.dlt-play.is-full .dlt-side{border-top:0;border-left:1px solid var(--soft)} .dlt-play:fullscreen .dlt-log,.dlt-play.is-full .dlt-log{contain:size;max-height:none} }
.dlt-play:fullscreen .dlt-board,.dlt-play.is-full .dlt-board{padding:3vmin 3vmin 2vmin}
.dlt-play:fullscreen .dlt-grid,.dlt-play.is-full .dlt-grid{flex:1 0 auto;align-content:center}
.dlt-play:fullscreen .dlt-fullhint,.dlt-play.is-full .dlt-fullhint{display:block}
.dlt-play:fullscreen .dlt-btitle b,.dlt-play.is-full .dlt-btitle b{font-size:clamp(18px, 3vmin, 30px)}
.dlt-play:fullscreen .dlt-turn,.dlt-play.is-full .dlt-turn{font-size:clamp(13px, 1.9vmin, 20px)}
.dlt-play:fullscreen .dlt-res,.dlt-play.is-full .dlt-res{font-size:clamp(30px, 5.5vmin, 66px)}
.dlt-play:fullscreen .dlt-res.is-long,.dlt-play.is-full .dlt-res.is-long{font-size:clamp(22px, 3.6vmin, 42px)}
.dlt-play:fullscreen .dlt-lrows li,.dlt-play.is-full .dlt-lrows li{font-size:clamp(13px, 1.7vmin, 17px)}

@media (prefers-reduced-motion: reduce){
  .dlt-slip.is-anim .dlt-cov,.dlt-slip.is-anim .dlt-in,.dlt-slip.is-hit::after,.dlt-res.is-pop,.dlt-fx i{animation:none}
  .dlt-slip.is-anim .dlt-cov{visibility:hidden}
  .dlt-stack i,.dlt-cov{transition:none}
}