.pch-players{flex-wrap:wrap;justify-content:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pch-players li{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:4px 11px;display:flex}.pch-players li.giver{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.pch-players li.won{border-color:var(--sun);box-shadow:0 0 0 2px var(--sun)}.pch-players b{font-family:var(--f-word);font-size:15px}.pch-score{font:700 15px/1 var(--f-mono)}.pch-players small{color:var(--muted);font-size:12px}.pch-players .pch-gain{color:var(--good);font-weight:700}.pch-clue{text-align:center;margin:0;font-size:18px}.pch-clue b{font-family:var(--f-word);font-size:22px}.pch-board{border-radius:var(--radius);background:#1b1b1b;grid-template-columns:repeat(20,minmax(0,1fr));gap:2px;width:100%;max-width:720px;margin:0 auto;padding:4px;display:grid}.pch-cell{grid-column:var(--c);grid-row:var(--r);aspect-ratio:1;font:inherit;border:0;border-radius:3px;place-items:center;padding:0;display:grid;position:relative}button.pch-cell{cursor:pointer}.pch-board.live button.pch-cell:hover{z-index:2;transform:scale(1.25);box-shadow:0 0 0 2px #fff,0 0 0 4px #1b1b1b}button.pch-cell:focus-visible{outline-offset:1px;z-index:3;outline:3px solid #fff}.pch-cell.opt{box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #1b1b1b}.pch-cell.opt b{font:700 13px/1 var(--f-mono);color:#fff;text-shadow:0 0 3px #000,0 0 2px #000}.pch-cell.picked{z-index:2;transform:scale(1.15);box-shadow:0 0 0 3px #fff,0 0 0 5px #1b1b1b}.pch-cell.ring1{box-shadow:inset 0 0 0 1.5px #ffffffb3}.pch-cell.ring2{box-shadow:inset 0 0 0 2.5px #fff}.pch-cell.ring3{z-index:2;box-shadow:0 0 0 3px #fff,0 0 0 5px #1b1b1b}.pch-marks{flex-wrap:wrap;place-content:center;gap:1px;display:flex;position:absolute;inset:0}.pch-marks i{color:#fff;background:#1b1b1b;border-radius:3px;padding:1px 2px;font-size:8px;font-style:normal;font-weight:700;line-height:1}.pch-give{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.pch-opts{gap:6px;display:flex}.pch-opt{width:40px;height:40px;font:700 15px/1 var(--f-mono);color:#fff;text-shadow:0 0 3px #000;cursor:pointer;border:2px solid #1b1b1b;border-radius:8px}.pch-opt.picked{box-shadow:0 0 0 3px var(--accent)}.pch-input{width:200px}.pch-err{text-align:center;color:var(--bad);flex-basis:100%;margin:0;font-size:14px}@media (max-width:560px){.pch-board{grid-template-columns:repeat(12,minmax(0,1fr));max-width:420px}.pch-cell{grid-column:var(--r);grid-row:var(--c)}.pch-input{width:100%}}