.dm-fit{position:absolute;inset:0;container:dm-fit/size}.dm-board{--dm-gap:clamp(4px, 1.4cqh, 10px);--dm-hgap:2px;--dm-hpad:var(--focus-w);--dm-tw:clamp(44px, min((100cqw - 2 * var(--dm-hpad) - 6 * var(--dm-hgap)) / 7, 14cqh), 58px);--dm-th:calc(var(--dm-tw) * 1.9);gap:var(--dm-gap);max-width:56rem;height:100%;color:var(--text);flex-direction:column;margin-inline:auto;display:flex}.dm-table{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--g-table);flex:1 1 0;place-items:center;min-height:max(90px,34cqh);display:grid;overflow:hidden;container:dm-table/size}.dm-line{aspect-ratio:var(--dm-ar);width:min(100cqw, 100cqh * var(--dm-ar), 46rem);position:relative}.dm-line__svg{width:100%;height:100%;display:block}.dm-tile__face{fill:var(--g-tile);stroke:var(--g-tile-edge);stroke-width:.05px}.dm-tile__mid{stroke:var(--g-tile-line);stroke-width:.045px;stroke-linecap:round}.dm-pip{fill:var(--g-pip)}.dm-tile[data-last] .dm-tile__face{stroke:var(--g-last);stroke-width:.12px}.dm-ghost .dm-tile__face{fill:var(--accent-soft);stroke:var(--accent-strong);stroke-width:.07px;stroke-dasharray:.16 .1}.dm-ghost .dm-tile__mid{stroke:var(--accent-strong)}.dm-ghost .dm-pip{fill:var(--accent-strong)}.dm-last{pointer-events:none;position:absolute}.dm-end{appearance:none;min-width:var(--tap);min-height:var(--tap);border:2px solid var(--accent-strong);border-radius:var(--r-sm);color:inherit;font:inherit;cursor:pointer;background:0 0;margin:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.dm-end__word{border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font-size:var(--fs-xs);font-weight:var(--fw-semibold);white-space:nowrap;padding:0 6px;line-height:1.5;position:absolute;bottom:0;left:50%;transform:translate(-50%,60%)}.dm-end:hover{background:var(--accent-soft)}.dm-end:focus-visible{outline:var(--focus-w) solid var(--accent-ring);outline-offset:var(--focus-offset)}.dm-info{align-items:center;gap:var(--sp-2);min-height:22px;font-size:var(--fs-sm);line-height:var(--lh-tight);color:var(--text-muted);flex:none;padding-inline:2px;display:flex}.dm-info__pile,.dm-info__target{white-space:nowrap;flex:none}.dm-info__pile .tabular{color:var(--text);font-weight:var(--fw-semibold)}.dm-info__hint{min-width:0;color:var(--text);text-align:center;text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}@container dm-fit (width<=420px){.dm-info{gap:var(--sp-1);font-size:var(--fs-xs)}}.dm-hand{place-content:flex-start center;gap:8px var(--dm-hgap);min-height:calc(var(--dm-th) + 18px);padding:14px var(--dm-hpad) 4px;overscroll-behavior:contain;scrollbar-width:thin;flex-wrap:wrap;flex:0 auto;display:flex;overflow-y:auto}.dm-hand--hidden{border:1px dashed var(--border-strong);border-radius:var(--r-lg);flex:none;align-content:center;align-items:center;padding-block:0;overflow:visible}.dm-hand__note{padding-inline:var(--sp-3);color:var(--text-muted);font-size:var(--fs-sm);text-align:center;margin:0}.dm-htile{appearance:none;width:var(--dm-tw);height:var(--dm-th);border-radius:var(--r-sm);color:inherit;cursor:pointer;transition:transform var(--dur-2) var(--ease-out);background:0 0;border:0;flex:none;margin:0;padding:0;position:relative}.dm-htile__svg{width:100%;height:100%;display:block;overflow:visible}.dm-htile[data-playable]{transform:translateY(-6px)}.dm-htile[data-playable]:after{content:"";border-radius:var(--r-pill);background:var(--accent-strong);height:3px;position:absolute;bottom:-6px;left:22%;right:22%}.dm-htile[data-selected]{transform:translateY(-9px)}.dm-htile[data-selected] .dm-tile__face{stroke:var(--accent-strong);stroke-width:.12px}.dm-htile[aria-disabled]{cursor:default}.dm-hand[data-turn] .dm-htile:not([data-playable]) .dm-htile__svg{opacity:.55}.dm-htile:focus-visible{outline:var(--focus-w) solid var(--accent-ring);outline-offset:0}.dm-htile__new{border:2px solid var(--bg);background:var(--accent-strong);border-radius:50%;width:12px;height:12px;position:absolute;top:-5px;left:calc(50% - 6px)}.dm-reveal{max-height:55cqh;padding:var(--sp-2) var(--sp-3);border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface-2);flex-direction:column;flex:none;gap:6px;display:flex;overflow:auto}.dm-reveal__title{font-weight:var(--fw-semibold);text-align:center;margin:0}.dm-reveal__list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.dm-reveal__row{font-size:var(--fs-sm);grid-template-columns:auto minmax(0,7.5em) auto 1fr;align-items:center;gap:6px;display:grid}.dm-reveal__row[data-winner] .dm-reveal__name{font-weight:var(--fw-bold)}.dm-reveal__chip{border-radius:50%;width:12px;height:12px}.dm-reveal__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dm-reveal__pips{color:var(--text-muted);white-space:nowrap}.dm-reveal__tiles{flex-wrap:wrap;gap:3px;display:flex}.dm-mini{width:30px;height:15px;display:block}.dm-reveal__next{align-self:center}@container dm-fit (width>=560px){.dm-reveal__list{column-gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr))}}@container dm-fit (height<=380px){.dm-table{min-height:90px}.dm-hand:not(.dm-hand--hidden){flex-wrap:nowrap;flex:none;justify-content:flex-start;overflow:auto hidden}.dm-htile:first-child{margin-left:auto}.dm-htile:last-child{margin-right:auto}.dm-reveal{padding:4px var(--sp-2);gap:2px}.dm-reveal__title{font-size:var(--fs-sm)}.dm-reveal__next{min-height:var(--tap);padding-block:0}}.dm-seat{align-items:center;gap:var(--sp-2);display:inline-flex}.dm-seat__score{font-weight:var(--fw-bold)}.dm-seat__tiles{color:var(--text-muted);font-size:var(--fs-sm);align-items:center;gap:3px;display:inline-flex}.dm-seat__icon{fill:none;stroke:currentColor;stroke-width:1.6px;width:8px;height:14px}@media (aspect-ratio>=5/4) and (height<=520px){.kit-strip[data-count="4"]:has(.dm-seat){gap:var(--sp-1);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.kit-strip[data-count="4"]:has(.dm-seat)>li{min-width:0}.kit-strip[data-count="4"]:has(.dm-seat) .kit-badge{align-items:center;gap:0 var(--sp-2);padding-inline:var(--sp-2);grid-template-columns:auto minmax(0,1fr);display:grid}.kit-strip[data-count="4"]:has(.dm-seat) .kit-badge__chip{grid-row:1/3;width:20px;height:20px}.kit-strip[data-count="4"]:has(.dm-seat) .kit-badge__sub{display:none}.kit-strip[data-count="4"]:has(.dm-seat) .kit-badge__name{display:block}.kit-strip[data-count="4"]:has(.dm-seat) .kit-badge__detail{grid-column:2;line-height:1.2}}.dm-final p{margin:0 0 var(--sp-1)}
