.dko-card{background:linear-gradient(160deg,var(--dko),color-mix(in srgb,var(--dko)70%,#000));color:#fff;border:2px solid #2a2a2a;border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:54px;height:76px;padding:0;display:inline-flex;position:relative}.dko-card b{font:700 30px/1 var(--f-word);text-shadow:0 2px #0000004d}.dko-card.duck{color:#2a2a2a;background:linear-gradient(160deg,#f6d35a,#e0ac1c)}.dko-card.duck small{font:700 10px/1 var(--f-mono);position:absolute;bottom:3px;right:5px}.dko-duck{width:34px;height:34px}.dko-card.can{cursor:pointer;box-shadow:0 0 0 3px var(--accent);transform:translateY(-4px)}.dko-card.can:hover{transform:translateY(-7px)}.dko-card.small{border-width:1.5px;border-radius:5px;width:30px;height:42px}.dko-card.small b{font-size:17px}.dko-card.small .dko-duck{width:20px;height:20px}.dko-card.small small{display:none}.dko-middle{border-radius:var(--radius);background:var(--sunk);justify-content:center;gap:28px;padding:12px;display:flex}.dko-stack{flex-direction:column;align-items:center;gap:4px;display:flex}.dko-stack small{color:var(--muted);font-size:12px}.dko-middle .dko-card{width:70px;height:98px}.dko-middle .dko-card b{font-size:40px}.dko-middle .dko-duck{width:44px;height:44px}.dko-deck{color:#fff;background:repeating-linear-gradient(45deg,#3f6fa8 0 6px,#335c8c 6px 12px);border:2px solid #2a2a2a;border-radius:8px;justify-content:center;align-items:center;width:70px;height:98px;display:flex}.dko-deck b{font:700 22px/1 var(--f-mono)}.dko-hand{border:2px solid var(--accent);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:8px;padding:10px;display:flex}.dko-h{font:600 15px/1.3 var(--f-body);margin:0}.dko-h .muted{font-size:13px;font-weight:400}.dko-row{flex-wrap:wrap;gap:6px;padding-top:4px;display:flex}.dko-row.small{gap:3px;padding-top:0}.dko-players{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.dko-player{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:4px;min-width:0;padding:8px;display:flex}.dko-player.turn{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.dko-player.out{opacity:.6}.dko-player.won{border-color:var(--good);box-shadow:0 0 0 2px var(--good)}.dko-player header{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.dko-player header b{font-family:var(--f-word);overflow-wrap:anywhere;font-size:16px}.dko-player small{font-size:12px}.dko-score{font:600 13px/1 var(--f-mono);color:var(--muted);white-space:nowrap}.dko-note{text-align:center;margin:0;font-size:13px}@media (max-width:480px){.dko-card{width:46px;height:66px}.dko-card b{font-size:26px}.dko-row{gap:4px}}