.dir-players{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dir-players li{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:baseline;gap:8px;padding:6px 12px;display:flex}.dir-players li.turn{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.dir-players li.won{border-color:var(--good);box-shadow:0 0 0 2px var(--good)}.dir-players b{font-family:var(--f-word);font-size:15px}.dir-score{font-family:var(--f-mono);font-weight:700}.dir-players small{font-family:var(--f-mono);color:var(--good);font-size:12px}.dir-draw{justify-content:center;gap:18px;display:flex}.dir-pile{flex-direction:column;align-items:center;gap:4px;display:flex}.dir-card{--w:54px;width:var(--w);height:calc(var(--w)*1.35);font-family:var(--f-word);font-weight:700;font-size:calc(var(--w)*.42);cursor:default;color:#1d1d1d;border:2px solid #1d1d1d;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex;box-shadow:0 2px #00000040}button.dir-card{cursor:pointer}button.dir-card:hover{transform:translateY(-2px)}.dir-card.t0{background:#fdf6d8}.dir-card.t1{background:#f6e3a1}.dir-card.t2{background:#cfe6d6}.dir-card.t3{background:#9fd0e6}.dir-card.t4{color:#fff;background:#4f9fd4}.dir-card.t5{color:#fff;background:#24607a}.dir-card.back{background:repeating-linear-gradient(45deg,#e8c75a 0 6px,#f2d77e 6px 12px)}.dir-card.empty{box-shadow:none;background:0 0;border-style:dashed}.dir-card.on{box-shadow:0 0 0 3px var(--accent)}.dir-row{grid-template-columns:repeat(10,1fr);gap:4px;max-width:620px;margin:0 auto;padding:0;list-style:none;display:grid}.dir-row li{flex-direction:column;align-items:center;gap:2px;display:flex}.dir-row li small{font-family:var(--f-mono);color:var(--muted);font-size:11px}.dir-row .dir-card{--w:min(54px,calc((100vw - 32px - 36px)/10))}.dir-row li.ok .dir-card{outline:2px solid var(--good);outline-offset:1px}.dir-row.pick .dir-card{box-shadow:0 0 0 2px var(--accent)}.dir-row.small .dir-card{--w:min(34px,calc((100vw - 32px - 36px)/10))}.dir-shown{flex-direction:column;gap:10px;display:flex}.dir-shown b{font-family:var(--f-word);text-align:center;margin-bottom:4px;display:block}