@layer components{.du-stage{--stage:#07120d;--stage-2:#ffffff12;--stage-ink:var(--on-dark);--stage-dim:var(--on-dark-dim);--stage-faint:var(--on-dark-faint);--stage-line:#ffffff1a;min-width:0;min-height:0;color:var(--stage-ink);background:radial-gradient(90% 60% at 30% 0,#123526 0%,#07120d 70%);grid-template-columns:minmax(0,1fr) minmax(280px,460px);gap:16px;padding:14px 16px 12px;display:grid}.du-stage .kb{width:100%}.du-stage .kb-key{color:var(--stage-ink);background:var(--stage-2);box-shadow:inset 0 0 0 1.5px var(--stage-line)}.du-stage .kb-key:focus-visible,.du-cell:focus-visible,.du-stage .key:focus-visible{outline:2px solid var(--rn);outline-offset:2px}.du-board{place-items:center;min-width:0;min-height:0;display:grid}.du-grid{grid-template-columns:minmax(64px,.85fr) repeat(3,minmax(0,1fr));gap:6px;width:min(100%,620px);display:grid}.du-h,.du-cell{background:var(--stage-2);min-width:0;box-shadow:inset 0 0 0 1.5px var(--stage-line);border-radius:12px;overflow:hidden}.du-h{text-align:center;letter-spacing:-.02em;justify-content:center;align-items:center;gap:5px;min-height:46px;padding:4px 6px;font-size:12px;font-weight:750;line-height:1.15;display:flex}.du-h span{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.du-h .du-hx{-webkit-line-clamp:4}.du-hx small{letter-spacing:.02em;opacity:.62;font-size:.8em;font-weight:600;display:block}.du-h.is-x{box-shadow:inset 0 0 0 1.5px #fff3}.du-flag{background:50%/cover no-repeat;border-radius:2px;flex:none;width:18px;height:12px;box-shadow:0 0 0 1px #00000026}.du-corner{min-height:46px}.du-cell{text-align:center;letter-spacing:-.02em;min-height:clamp(52px,14cqh,120px);color:var(--stage-ink);justify-content:center;align-items:center;padding:4px;font-size:clamp(11px,2.2cqh,14px);font-weight:750;line-height:1.15;display:flex;position:relative}.du-cell:disabled{opacity:1}.du-cell.is-on{box-shadow:inset 0 0 0 2.5px var(--acc)}.du-cell.is-a{color:#0d0d0f;background:var(--acc);box-shadow:none}.du-cell.is-b{color:#07120d;background:var(--stage-ink);box-shadow:none}.du-cell.can-steal{cursor:pointer;outline-offset:-5px;outline:2px dashed #ffffff8c}.du-cell.is-a.is-on,.du-cell.is-b.is-on{box-shadow:inset 0 0 0 3px var(--rn)}.du-no{opacity:.7;font-size:10px;font-weight:800;position:absolute;top:4px;left:6px}.du-side{flex-direction:column;justify-content:flex-end;gap:8px;min-width:0;min-height:0;display:flex}.du-bar{align-items:center;gap:8px;min-width:0;display:flex}.du-turn{letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:16px;font-weight:750;overflow:hidden}.du-turn.is-a{color:var(--acc)}.du-turn.is-b{color:var(--stage-ink)}.du-opts{gap:6px;margin-left:auto;display:flex}.du-steals{font-variant-numeric:tabular-nums;color:#0d0d0f;background:var(--acc);border-radius:999px;flex:none;padding:3px 8px;font-size:12px;font-weight:750}.du-ask{color:var(--stage-dim);background:var(--stage-2);border-radius:12px;margin:0;padding:7px 11px;font-size:13.5px;font-weight:600}.du-clock{font-variant-numeric:tabular-nums;color:var(--stage-dim);font-size:15px;font-weight:800}.du-end{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.du-win{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-size:clamp(22px,4cqw,34px);font-weight:650;line-height:1.05}.du-wait{margin:auto;font-size:16px;font-weight:650}.du-toast{z-index:5;text-align:center;max-width:calc(100% - 24px);color:var(--stage);background:var(--stage-ink);border-radius:12px;padding:9px 14px;font-size:14px;font-weight:650;position:absolute;top:12px;left:50%;translate:-50%}@container (max-width:759px){.du-stage{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:8px;padding:8px 8px 6px}.du-grid{gap:4px}.du-h,.du-corner{min-height:34px}.du-h{flex-direction:column;gap:3px;padding:2px 3px;font-size:10.5px}.du-flag{width:14px;height:10px}.du-cell{border-radius:10px;min-height:clamp(42px,13.5cqh,110px)}.du-win{font-size:26px}}}