/* "Open tables" panel on the page of each table game (above the ranking) */
.wtp { margin: 1.6rem 0 0; padding: 1.3rem; border-radius: 20px; color: #e9ebfa;
	background: linear-gradient(180deg, rgba(14, 44, 32, .85), rgba(7, 18, 14, .94)); box-shadow: inset 0 0 0 1px rgba(74, 222, 128, .22), 0 24px 60px -30px rgba(34, 197, 94, .45); }
.wtp h2 { margin: 0 0 .4rem; font-size: 1.35rem; font-weight: 900; letter-spacing: -.01em; }
.wtp-note { margin: 0 0 .9rem; color: #b5c9bd; font-size: .92rem; }
.wtp-me { display: flex; flex-wrap: wrap; gap: .6rem; align-items: center; margin-bottom: .9rem; }
.wtp-me:empty { display: none; }
.wtp-me .wtp-note { margin: 0; flex: 1 1 100%; }
.wtp-acts { display: flex; flex-wrap: wrap; gap: .7rem; align-items: center; margin-bottom: 1rem; }
.wtp-new { flex: 0 0 auto; }
.wtp-join { display: flex; align-items: center; gap: .5rem; flex: 1 1 15rem; }
.wtp-lab { font-size: .85rem; color: #b5c9bd; white-space: nowrap; }
.wtp-in { width: 7.5rem; min-width: 0; padding: .55rem .7rem; border-radius: 12px; border: 0; color: #e9ebfa; background: rgba(0, 0, 0, .4); box-shadow: inset 0 0 0 1px rgba(74, 222, 128, .3);
	font: 700 1rem/1 ui-monospace, Menlo, Consolas, monospace; letter-spacing: .15em; text-transform: uppercase; }
.wtp-h3 { margin: .4rem 0 .5rem; font: 700 .7rem/1 ui-monospace, Menlo, Consolas, monospace; letter-spacing: .16em; text-transform: uppercase; color: #7f9a8a; }
.wtp-list { list-style: none; margin: 0 0 .6rem; padding: 0; display: flex; flex-direction: column; gap: .45rem; }
.wtp-row { display: flex; align-items: center; gap: .7rem; padding: .6rem .8rem; border-radius: 14px; background: rgba(0, 0, 0, .3); box-shadow: inset 0 0 0 1px rgba(74, 222, 128, .14); }
.wtp-mine .wtp-row { box-shadow: inset 0 0 0 1px rgba(250, 204, 21, .45); }
.wtp-who { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: .15rem; }
.wtp-who strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wtp-code { font-family: ui-monospace, Menlo, Consolas, monospace; letter-spacing: .15em; }
.wtp-sub { color: #9fb5a8; font-size: .8rem; }
.wtp-btn { flex: 0 0 auto; text-decoration: none; }
.wtp-empty { color: #9fb5a8; font-size: .92rem; padding: .3rem 0; }
