.tfl-players{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tfl-players li{border:1.5px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:center;gap:8px;padding:6px 12px;display:flex}.tfl-players li.turn{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.tfl-players li.won{border-color:var(--good);box-shadow:0 0 0 2px var(--good)}.tfl-players b{font-family:var(--f-word);font-size:15px}.tfl-players small{font-family:var(--f-mono);color:var(--muted);font-size:12px}.tfl-board{aspect-ratio:1;background:#8a5a1c;border-radius:8px;grid-template-rows:repeat(11,1fr);grid-template-columns:repeat(11,1fr);gap:1px;width:min(100%,480px);margin:0 auto;padding:4px;display:grid}.tfl-sq{font:inherit;color:inherit;background:#e2b86c;border:0;justify-content:center;align-items:center;min-width:0;padding:0;display:flex;position:relative}.tfl-sq.mark{background:linear-gradient(45deg,#0000 46%,#8a5a1c 46% 54%,#0000 54%),linear-gradient(-45deg,#0000 46%,#8a5a1c 46% 54%,#0000 54%),#c99a4e}button.tfl-sq{cursor:pointer}.tfl-piece{aspect-ratio:1;border-radius:50%;justify-content:center;align-items:center;width:78%;display:inline-flex;box-shadow:0 2px 2px #00000059}.tfl-piece.p1{background:radial-gradient(circle at 35% 30%,#5a5a5a,#1d1d1d 70%)}.tfl-piece.p2,.tfl-piece.p3{background:radial-gradient(circle at 35% 30%,#fffaf0,#e6d6b2 70%,#c9b38a);border:1px solid #8a7550}.tfl-piece.p3{border:2px solid #b8860b;width:90%}.tfl-piece svg{fill:#b8860b;width:62%}.tfl-piece.small{width:24px}.tfl-sq.last{box-shadow:inset 0 0 0 2px #2a6fb0}.tfl-sq.took:after{content:"";aspect-ratio:1;border:2px dashed #b3261e;border-radius:50%;width:40%;position:absolute}.tfl-sq.on .tfl-piece{outline:3px solid var(--accent);outline-offset:1px;transform:translateY(-2px)}.tfl-sq.to:before{content:"";aspect-ratio:1;opacity:.8;background:#1d8556;border-radius:50%;width:30%;position:absolute}