.rb-page{display:grid;gap:14px;padding-block:0 40px}.rb-mine{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:0;font-size:var(--s2)}.rb-mine:empty{display:none}.rb-streak{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.rb-dots{display:inline-flex;flex-wrap:wrap;gap:3px;align-items:center}.rb-dots i{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--edge)}.rb-dots i.on{background:var(--gold-ink);box-shadow:none}.rb-mine .rb-dots i{box-shadow:none;background:var(--line-2)}.rb-mine .rb-dots i.on{background:var(--gold-ink)}.rb-seated{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border:1px solid var(--gold-border);border-radius:var(--r-card);background:var(--gold-soft)}.rb-seated span{flex:1 1 200px}#rb-seated:empty,#rb-pause:empty{display:none}.rb-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"quick quick" "filter open" "seg seg" "count count" "note note";gap:8px;align-items:center}.rb-seg{grid-area:seg;display:flex;gap:2px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.rb-seg button{flex:1 1 0;min-height:36px;padding:0 12px;border:0;border-radius:9px;background:none;color:var(--muted);font:700 var(--s2)/1 var(--sans);white-space:nowrap}.rb-seg button:hover{color:var(--text)}.rb-seg button[aria-pressed=true]{background:var(--surface-3);color:var(--text)}.rb-filter{grid-area:filter;min-height:44px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rb-filter.is-on{border-color:var(--gold-ink);color:var(--gold-ink);background:var(--gold-soft)}.rb-filter.is-on:hover{border-color:var(--gold-ink)}.rb-count{grid-area:count;margin:0;font-size:var(--s2);color:var(--muted)}.rb-count b{color:var(--text)}.rb-open-btn{grid-area:open;min-height:44px;min-width:44px;padding-inline:14px}.rb-plus{font:800 var(--s4)/1 var(--sans)}.rb-wide{display:none}.rb-quick-btn{grid-area:quick;min-height:44px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rb-quick-note{grid-area:note;margin:0}.rb-filters{display:grid;gap:8px;padding:12px}.rb-opts{display:flex;flex-wrap:wrap;gap:6px}.rb-opt{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 12px;border:1px solid var(--line-2);border-radius:999px;background:var(--surface);color:var(--muted);font:700 var(--s2)/1 var(--sans)}.rb-opt:hover{border-color:var(--edge);background:var(--surface-2)}.rb-opt[aria-pressed=true]{border-color:var(--act);color:var(--text);box-shadow:inset 0 0 0 1px var(--act)}.rb-main,.rb-lists{display:grid;gap:14px;min-width:0}.rb-list{padding:0;overflow:hidden}.rb-lbl{margin:0;font:700 var(--s1)/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.rb-table{width:100%;border-collapse:collapse}.rb-table caption{padding:14px 14px 8px;text-align:left}.rb-table thead{display:none}.rb-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"what act" "seats act";gap:6px 10px;align-items:center;padding:10px 14px;border-top:1px solid var(--line)}.rb-table td{padding:0;min-width:0;border:0}.rb-table tbody tr:not(.rb-live) .rb-c-status,.rb-live .rb-c-seats{display:none}.rb-live .rb-c-status{grid-area:seats}.rb-c-table{grid-area:what}.rb-c-seats{grid-area:seats;display:flex;gap:8px;align-items:center;font-size:var(--s2);color:var(--muted)}.rb-c-seats b{color:var(--text);font-size:var(--s3)}.rb-c-status{grid-area:state;font-size:var(--s1);color:var(--muted)}.rb-c-act{grid-area:act}.rb-c-act .btn{min-height:44px;min-width:72px}.rb-pick,.rb-pickless{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center;justify-content:flex-start;width:100%;min-height:32px;padding:0;border:0;background:none;color:var(--text);font:inherit;text-align:left}.rb-pick:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}.rb-what{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center;min-width:0}.rb-set{font-size:var(--s1);color:var(--muted);overflow-wrap:anywhere}.rb-state.is-hot,.rb-row.is-hot .rb-c-seats b{color:var(--open)}.rb-row.is-mine{box-shadow:inset 3px 0 0 var(--act)}.rb-row{cursor:pointer}.rb-live{cursor:default}.rb-live .rb-c-act .btn{display:inline-flex;gap:6px}.rb-empty{margin:0;padding:18px 14px;text-align:center}#rb-lobby:empty{display:none}.rb-side{display:contents}.rb-detail,.rb-board{display:grid;gap:12px;padding:18px;align-content:start}.rb-detail[hidden],.rb-board[hidden]{display:none}.rb-d-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.rb-close{min-width:44px;min-height:44px;font-size:var(--s4)}.rb-d-what{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}.rb-oval{position:relative;height:170px;margin:8px 22px}.rb-rim{position:absolute;inset:18px 22px;border:2px solid var(--edge);border-radius:50%;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--gold-border)}.rb-mid{position:absolute;left:50%;top:50%;translate:-50% -50%;font-size:var(--s3);color:var(--muted)}.rb-mid b{font:800 var(--s5)/1 var(--sans);color:var(--text)}.rb-seat{position:absolute;width:34px;height:34px;translate:-50% -50%;border-radius:50%;border:2px dashed var(--edge);background:var(--surface)}.rb-seat.is-taken{border:0;background:none}.rb-seat .avatar{width:34px;height:34px;box-shadow:0 0 0 2px var(--surface)}.rb-d-players,.rb-board-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.rb-d-players li,.rb-board-list li{display:flex;gap:10px;align-items:center;min-width:0}.rb-d-players .avatar,.rb-board-list .avatar{width:28px;height:28px}.rb-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.rb-rank{width:18px;color:var(--gold-ink)}.rb-d-rule{margin:0;font-size:var(--s2);color:var(--muted)}.rb-sit-big{width:100%}.rb-board{display:none}.rb-scrim{position:fixed;inset:0;z-index:64;background:var(--shadow-pop)}.rb-detail.is-sheet{position:fixed;left:0;right:0;bottom:0;z-index:65;max-height:85dvh;overflow-y:auto;padding:12px 18px calc(24px + env(safe-area-inset-bottom));border:1px solid var(--edge);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -16px 40px var(--shadow-pop);animation:rb-up .28s cubic-bezier(.2,.8,.2,1) both}.rb-detail:not(.is-sheet) .rb-close{display:none}@keyframes rb-up{0%{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.rb-detail.is-sheet{animation:none}}.fx-reduced .rb-detail.is-sheet{animation:none}.rb-open{display:grid;gap:10px;padding:14px}.rb-open h2{margin:0;font-size:var(--s4)}.rb-open p{margin:0}.rb-profile{display:grid;gap:10px;padding:14px}.rb-profile h3{margin:0}.rb-profile-form{display:grid;gap:8px}.rb-tabs{margin:0}.rb-page:not(.is-private) :is(.rb-pv,#rb-yours),.rb-page.is-private :is(.rb-main,#rb-mine,#rb-filters,.rb-bar,#rb-seated){display:none}.rb-page.is-private .rb-open,.rb-page.is-private .rb-pv{margin-bottom:14px}.rb-your{display:grid;gap:10px;margin-bottom:14px;padding:18px}.rb-your p{margin:0}.rb-your-what{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.rb-your-seats{display:flex;align-items:center;gap:8px}.rb-your-state{color:var(--muted)}.rb-your-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.rb-your-link{width:100%;min-height:40px;padding:0 12px;border:1px solid var(--line-2);border-radius:var(--r-field);background:var(--bg-2);color:var(--text)}.rb-pv-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.rb-pv-head h2{margin:4px 0 0;font:900 var(--d3)/1 var(--sans);letter-spacing:-.02em}.rb-page:not(.is-private) .rb-pv-head{display:none}.rb-open.is-steps{display:block;padding:0;border:0;background:none;box-shadow:none}.rb-pv-taken{display:flex;align-items:center;gap:8px;margin:12px 0 0}.rb-page:not(.is-private) .rb-past{display:none}.rb-pv .rb-table tbody tr{grid-template-areas:"what act" "seats act" "state act"}.rb-pv .rb-table tbody tr:not(.rb-live) .rb-c-status{display:block}.rb-pv .rb-c-status{grid-area:state}.rb-pv-row{cursor:default}.rb-pv-role{font-weight:700;color:var(--text)}.rb-pv-faces{display:inline-flex;margin-left:4px}.rb-pv-faces .avatar{width:22px;height:22px;box-shadow:0 0 0 2px var(--surface)}.rb-pv-faces>*+*{margin-left:-6px}.rb-pv-note{display:grid;gap:10px;justify-items:center;padding:18px 14px;text-align:center}.rb-pv-note p{margin:0}#rb-pv-note:empty{display:none}.rb-note{margin:0}.rb-note>span{flex:1 1 220px;min-width:0}.rb-note[hidden]{display:none}@media(min-width:1024px){.rb-bar{display:flex;flex-wrap:wrap;gap:12px}.rb-seg button{flex:0 0 auto;padding:0 14px}.rb-wide{display:inline}.rb-plus{display:none}.rb-count{flex:1 1 auto;text-align:right}.rb-quick-btn{min-width:200px}.rb-quick-note{flex:1 0 100%}.rb-main{grid-template-columns:minmax(0,1fr) 360px;align-items:start}.rb-side{display:grid;gap:14px;position:sticky;top:16px}.rb-board{display:grid}.rb-scrim{display:none}.rb-table thead:not(.sr-only){display:table-header-group}.rb-table tbody tr{display:table-row;padding:0}.rb-table th{padding:10px 14px;border-bottom:1px solid var(--line);background:var(--bg-2);text-align:left;font:700 var(--s1)/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.rb-table td{padding:11px 14px;border-top:1px solid var(--line);vertical-align:middle}.rb-c-seats,.rb-table tbody tr:not(.rb-live) .rb-c-status,.rb-live .rb-c-seats{display:table-cell;white-space:nowrap}.rb-c-seats .rb-dots{margin-right:10px;flex-wrap:nowrap}.rb-c-act{text-align:right;white-space:nowrap}.rb-row:hover td,.rb-row.is-sel td{background:var(--surface-2)}.rb-row.is-sel td:first-child{box-shadow:inset 3px 0 0 var(--gold-ink)}.rb-row.is-mine td:first-child{box-shadow:inset 3px 0 0 var(--act)}.rb-row.is-mine{box-shadow:none}.rb-live:hover td{background:none}.rb-tabs{display:none}.rb-pv .rb-table tbody tr{display:table-row}.rb-pv .rb-table tbody tr:not(.rb-live) .rb-c-status{display:table-cell;white-space:normal}.rb-pv-row:hover td{background:none}}@media(min-width:1024px)and (max-width:1279px){.rb-main{grid-template-columns:minmax(0,1fr) 300px}.rb-table td{padding-inline:10px}.rb-c-seats,.rb-table tbody tr:not(.rb-live) .rb-c-status{white-space:normal}.rb-c-seats .rb-dots{max-width:64px;flex-wrap:wrap;margin-right:6px;vertical-align:middle}.rb-oval{margin-inline:8px}}
