/* Ten circular places around the rectangular table from the user's sketch. */
.today-players{display:inline-block;margin:17px 0 0;padding:9px 13px;border:1px solid #d9dfcd;border-radius:9px;background:#eaf0e2;color:#416443;font-size:13px;font-weight:550}
@media(max-width:690px){.today-players{font-size:12px;margin-top:15px;padding:8px 11px}}
.seat-comment{position:absolute;bottom:calc(100% - 4px);left:50%;transform:translateX(-50%);width:102px;padding:6px 8px;background:#fffdf5;border:1px solid #d3d9c7;border-radius:9px;box-shadow:0 3px 9px #253f3212;color:#45604a;font-size:10px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;text-align:center;max-height:58px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.seat.mine .seat-comment{border-color:#c6ad6c;background:#fff8e6}
.poker-scene{height:650px}
.table-rim,.table-shadow{top:27%}
@media(max-width:690px){.poker-scene{height:560px}.seat-comment{width:82px;font-size:9px;padding:5px;max-height:49px}.table-rim{top:27%!important}}
@media(max-width:360px){.poker-scene{height:540px}.seat-comment{width:72px;font-size:8px}}
.profile-name-label{display:block;text-align:left;font-size:12px;margin:0 0 8px;color:#52684f}
.profile-name-input{width:100%;padding:13px;border:1px solid #d9ddce;background:#f8f7f0;border-radius:9px;font-size:16px;color:var(--ink);outline-color:var(--gold)}
dialog .profile-error{color:#a74433;font-size:11px;margin:10px 0;min-height:18px}
.edit-profile{display:block;border:0;background:none;color:#7a845f;font-size:11px;padding:0;margin:-7px 0 16px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.table-shadow{left:23%;right:23%;top:17%;bottom:17%;border-radius:22px}
.table-rim{left:23%;right:23%;top:17%;bottom:17%;border-radius:19px;padding:12px}
.felt{border-radius:10px}
.felt-ring{inset:13px;border-radius:7px}
.felt-top{top:10%;left:8%;right:8%}
.felt-bottom{bottom:9%;left:8%;right:8%}
.chair{width:60px;height:60px;border-radius:50%;border:2px solid #d2d1c3;background:#faf9f0;box-shadow:0 4px 9px #34442916;font-size:23px}
.chair:before,.chair:after{display:none}
.seat{width:90px;height:88px;gap:6px}
.seat-number{top:-3px;left:-3px}
.seat.taken .chair{border:2px solid #526c54;background:#647e68}
.seat.mine .chair{border:2px solid #b2995d;background:#c6ad6c}
.dealer-chip{top:-5px;right:-7px}
@media(min-width:691px){.table-rim{left:25%;right:25%}}
@media(max-width:900px){.chair{width:52px;height:52px;font-size:20px}.seat{width:72px;height:82px}.table-rim{padding:10px}}
@media(max-width:690px){.table-rim{left:23%;right:23%;top:17%;bottom:17%;border-radius:16px;padding:10px}.felt{border-radius:7px}.felt-ring{inset:11px;border-radius:5px}.chair{width:54px;height:54px}.seat{width:72px;height:80px;gap:5px}.felt-center strong{font-size:21px;letter-spacing:2px}.felt-top,.felt-bottom{font-size:4px;letter-spacing:.5px}}
@media(max-width:360px){.chair{width:48px;height:48px;font-size:18px}.seat{width:62px;height:74px}.felt-center strong{font-size:18px;letter-spacing:1px}.felt-center>span:nth-child(3){font-size:6px;letter-spacing:2px}.felt-ring{inset:8px}.felt-top,.felt-bottom{letter-spacing:0}}
.table-rim,.table-shadow{top:27%}