@keyframes rr-shimmer{0%{background-position:140% 0}to{background-position:-40% 0}}@keyframes rr-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes rr-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes rr-spin{to{transform:rotate(360deg)}}@keyframes rr-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes rr-live{0%,to{opacity:1}50%{opacity:.35}}.rr-head{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:14px;display:flex}.rr-head h2,.rr-head h3{margin:0;font-size:22px}.rr-count{color:var(--color-neutral-700);font-size:13px}.rr-head-end{align-items:center;gap:12px;margin-left:auto;display:flex}.rr-live{color:var(--color-neutral-700);font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:12.5px;display:flex}.rr-live-dot{background:var(--color-accent-2-600);border-radius:999px;flex:none;width:7px;height:7px}.rr-live[data-busy=true] .rr-live-dot{animation:1.1s ease-in-out infinite rr-live}.rr-refresh{background:var(--color-bg);border-radius:999px;align-items:center;gap:8px;padding:9px 18px;font-size:12.5px;display:flex}.rr-refresh[data-busy=true] svg{animation:.9s linear infinite rr-spin}.rr-filters{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;display:flex}.rr-filter{align-items:center;gap:7px;min-width:0;display:flex}.rr-filter-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-600);flex:none;font-size:10.5px}.rr-chip{white-space:nowrap;cursor:pointer;background:var(--color-surface);color:var(--color-neutral-800);border:1px solid var(--color-divider);border-radius:999px;padding:7px 15px;font-size:12px;font-weight:700;transition:background .2s,color .2s,border-color .2s}.rr-chip:hover{border-color:var(--color-accent-400)}.rr-chip[data-on=true]{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.rr-list{flex-direction:column;gap:10px;display:flex}.rr-row{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);flex-direction:column;transition:transform .22s cubic-bezier(.2,.9,.3,1.4),box-shadow .22s,border-color .22s;display:flex;overflow:hidden}.rr-row-top{align-items:center;gap:18px;padding:15px 20px;display:flex}.rr-row-open{min-width:0;max-width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:18px;padding:0;display:flex}.rr-row-open:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:var(--radius-md)}.rr-chevron{width:26px;height:26px;color:var(--color-neutral-600);border-radius:999px;flex:none;justify-content:center;align-items:center;transition:transform .28s cubic-bezier(.23,1,.32,1),background .2s,color .2s;display:flex}.rr-row-open:hover .rr-chevron{background:var(--color-bg);color:var(--color-text)}.rr-row[data-open=true] .rr-chevron{background:var(--color-accent);color:var(--color-bg);transform:rotate(180deg)}.rr-row[data-fresh=true]{animation:.4s both rr-rise}.rr-row:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-400);transform:translateY(-3px)}.rr-row[data-full=true]{opacity:.55}.rr-row[data-full=true]:hover{box-shadow:none;border-color:var(--color-divider);transform:none}.rr-row[data-open=true]{border-color:var(--color-accent-400);box-shadow:var(--shadow-md)}.rr-row[data-open=true]:hover{transform:none}.rr-mark{width:52px;height:52px;font-family:var(--font-heading);color:#fffffff0;border-radius:16px;flex:none;justify-content:center;align-items:center;font-size:24px;display:flex}.rr-who{flex:none;width:216px;min-width:0}.rr-name{font-family:var(--font-heading);text-overflow:ellipsis;white-space:nowrap;font-size:17px;display:block;overflow:hidden}.rr-sub{color:var(--color-neutral-700);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}.rr-seats{flex:none;width:150px}.rr-seats-count{font-size:14px;font-weight:700;display:block}.rr-presence{color:var(--color-neutral-600);font-size:12px;display:block}.rr-presence[data-here=true]{color:var(--color-accent-2-700);font-weight:600}.rr-faces{flex:none;align-items:center;display:flex}.rr-face{border:2.5px solid var(--color-surface);box-sizing:border-box;border-radius:999px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:11.5px;font-weight:800;display:flex}.rr-face+.rr-face{margin-left:-10px}.rr-face[data-away=true]{opacity:.4;filter:grayscale()}.rr-rules{min-width:0;color:var(--color-neutral-700);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;overflow:hidden}.rr-host{color:var(--color-text);font-weight:700}.rr-join{border-radius:999px;flex:none;padding:12px 30px;font-size:14.5px;transition:transform .16s cubic-bezier(.23,1,.32,1)}.rr-join:active:not(:disabled){transform:scale(.96)}.rr-panel-grid{grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.23,1,.32,1);display:grid}.rr-row[data-open=true] .rr-panel-grid{grid-template-rows:1fr}.rr-panel-clip{visibility:hidden;min-height:0;transition:visibility 0s linear .28s;overflow:hidden}.rr-row[data-open=true] .rr-panel-clip{visibility:visible;transition-delay:0s}.rr-panel{border-top:1px solid var(--color-divider);background:color-mix(in srgb, var(--color-text) 3%, var(--color-surface));flex-direction:column;gap:16px;padding:18px 20px 16px;display:flex}.rr-panel-block{flex-direction:column;gap:9px;min-width:0;display:flex}.rr-panel-label{letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-600);font-size:10.5px}.rr-players{flex-wrap:wrap;gap:8px;max-width:100%;display:flex}.rr-player{background:var(--color-bg);border:1px solid var(--color-divider);border-radius:999px;align-items:center;gap:8px;min-width:0;padding:5px 13px 5px 5px;font-size:13px;display:flex}.rr-player[data-away=true]{opacity:.6}.rr-player-face{width:26px;height:26px;color:var(--color-neutral-900);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.rr-player-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:16ch;font-weight:700;overflow:hidden}.rr-player-state{color:var(--color-neutral-600);flex:none;font-size:11px}.rr-player[data-away=true] .rr-player-state{color:var(--color-neutral-500)}.rr-player-free{background:0 0;border-style:dashed}.rr-player-free .rr-player-name{color:var(--color-neutral-600);font-weight:600}.rr-player-empty{border:1px dashed var(--color-neutral-400);background:0 0}.rr-rulelist{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:6px 18px;margin:0;display:grid}.rr-ruleline{border-bottom:1px dotted var(--color-divider);align-items:baseline;gap:10px;min-width:0;padding-bottom:4px;font-size:13px;display:flex}.rr-ruleline dt{color:var(--color-neutral-700);min-width:0}.rr-ruleline dd{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0 0 0 auto;font-weight:700;overflow:hidden}.rr-rules-none{color:var(--color-neutral-700);margin:0;font-size:13px;font-style:italic}.rr-panel-foot{border-top:1px solid var(--color-divider);flex-wrap:wrap;align-items:center;gap:14px;padding-top:14px;display:flex}.rr-panel-code{color:var(--color-neutral-700);font-size:12.5px}.rr-panel-code strong{font-family:var(--font-heading);letter-spacing:.16em;color:var(--color-text);margin-left:6px;font-size:15px}.rr-panel-close{background:var(--color-bg);border-radius:999px;margin-left:auto;padding:9px 20px;font-size:13px}.rr-skeleton{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);align-items:center;gap:18px;padding:16px 20px;display:flex}.rr-shimmer{background:linear-gradient(100deg, var(--color-neutral-200) 40%, var(--color-neutral-100) 50%, var(--color-neutral-200) 60%);background-size:220% 100%;border-radius:999px;animation:1.5s linear infinite rr-shimmer}.rr-skeleton-mark{border-radius:16px;flex:none;width:52px;height:52px}.rr-skeleton-lines{flex-direction:column;flex:1;gap:8px;display:flex}.rr-skeleton-join{background:var(--color-neutral-200);border-radius:999px;flex:none;width:104px;height:40px}.rr-empty{border:1px dashed var(--color-accent-400);background:var(--color-surface);border-radius:var(--radius-lg);align-items:center;gap:44px;padding:44px 48px;animation:.4s both rr-rise;display:flex}.rr-empty-art{flex:none;width:184px;height:150px;position:relative}.rr-empty-disc{background:var(--color-accent-2-200);border-radius:999px;width:104px;height:104px;position:absolute;top:34px;left:16px}.rr-empty-die{background:var(--color-bg);width:66px;height:66px;box-shadow:var(--shadow-md);box-sizing:border-box;border-radius:18px;grid-template-columns:repeat(2,1fr);gap:9px;padding:15px;animation:6.5s ease-in-out infinite rr-float;display:grid;position:absolute;top:8px;left:54px}.rr-empty-pip{background:var(--color-neutral-900);border-radius:999px;width:11px;height:11px}.rr-empty-pawn{background:var(--color-accent-400);width:44px;height:56px;box-shadow:var(--shadow-sm);border-radius:999px 999px 12px 12px;animation:8s ease-in-out infinite rr-float;position:absolute;top:78px;left:118px}.rr-empty-words{flex:1;min-width:0}.rr-empty-words h3{font-family:var(--font-heading);margin:0 0 8px;font-size:26px}.rr-empty-words p{color:var(--color-neutral-800);text-wrap:pretty;max-width:52ch;margin:0 0 20px;font-size:15px}.rr-empty-actions{flex-wrap:wrap;gap:12px;display:flex}.rr-btn-lg{border-radius:var(--radius-md);padding:14px 28px;font-size:15px}.rr-empty-games{flex-wrap:wrap;gap:9px;max-width:100%;display:flex}.rr-game-form{display:contents}.rr-game-btn{border:1px solid var(--color-divider);background:var(--color-bg);color:var(--color-text);font:700 13.5px var(--font-body);cursor:pointer;white-space:nowrap;border-radius:999px;padding:11px 20px;transition:background .2s,border-color .2s,transform .16s cubic-bezier(.23,1,.32,1)}.rr-game-btn:hover:not(:disabled){background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.rr-game-btn:active:not(:disabled){transform:scale(.96)}.rr-game-btn:disabled{opacity:.5;cursor:not-allowed}.rr-nomatch{border:1px dashed var(--color-neutral-400);border-radius:var(--radius-lg);background:var(--color-surface);align-items:center;gap:14px;padding:20px 24px;display:flex}.rr-nomatch span{color:var(--color-neutral-800);flex:1;font-size:14px}.rr-error{border:1px solid var(--color-accent-400);background:color-mix(in srgb, var(--color-accent) 8%, var(--color-surface));border-radius:var(--radius-lg);color:var(--color-accent-800);align-items:center;gap:14px;padding:16px 20px;font-size:14px;display:flex}.rr-error span{flex:1}.rr-side{flex-direction:column;flex:none;gap:14px;width:392px;display:flex}.rr-qm{background:var(--color-neutral-900);color:var(--color-bg);border-radius:var(--radius-lg);padding:24px;position:relative;overflow:hidden}.rr-qm-blob{background:#c6713947;border-radius:999px;width:170px;height:170px;position:absolute;top:-50px;right:-50px}.rr-qm-body{position:relative}.rr-qm-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-300);margin-bottom:8px;font-size:11px}.rr-qm-title{font-family:var(--font-heading);margin:0 0 8px;font-size:24px;line-height:1.15}.rr-qm-blurb{color:#f5ead8ad;margin:0 0 18px;font-size:13.5px}.rr-qm-go{border-radius:999px;justify-content:center;width:100%;padding:15px;font-size:16px}.rr-qm-state{animation:.3s both rr-pop}.rr-qm-working{align-items:center;gap:14px;margin-bottom:14px;display:flex}.rr-qm-spinner{flex:none;animation:1.1s linear infinite rr-spin}.rr-qm-working-title{font-family:var(--font-heading);font-size:21px}.rr-qm-working-sub{color:#f5ead899;font-size:12.5px}.rr-qm-steps{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.rr-qm-step{color:#f5ead873;align-items:center;gap:10px;font-size:12.5px;transition:color .25s;display:flex}.rr-qm-step[data-on=true]{color:var(--color-bg)}.rr-qm-step[data-done=true]{color:#f5ead8b8}.rr-qm-step-mark{border:1.5px solid;border-radius:999px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;display:flex}.rr-qm-quiet{color:#f5ead8d9;width:100%;font:700 14px var(--font-body);cursor:pointer;background:0 0;border:1px solid #f5ead83d;border-radius:999px;padding:13px}.rr-qm-quiet:hover{background:#f5ead814}.rr-qm-none{background:#e0a83a29;border:1px solid #e0a83a66;border-radius:14px;align-items:center;gap:9px;margin-bottom:14px;padding:10px 13px;display:flex}.rr-qm-none-mark{background:var(--color-accent-300);width:18px;height:18px;color:var(--color-neutral-900);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex}.rr-qm-none span{color:var(--color-accent-100);font-size:12.5px;line-height:1.35}.rr-code{gap:8px;margin-bottom:14px;display:flex}.rr-code-cell{aspect-ratio:1;font-family:var(--font-heading);background:#f5ead81a;border:1px solid #f5ead847;border-radius:14px;flex:1;justify-content:center;align-items:center;font-size:26px;animation:.35s both rr-pop;display:flex}.rr-qm-actions{gap:10px;display:flex}.rr-qm-actions .btn{border-radius:999px;flex:1;justify-content:center;padding:14px;font-size:14.5px}.rr-rename{gap:8px;margin-bottom:14px;display:flex}.rr-rename input{min-width:0;color:var(--color-bg);font:600 13.5px var(--font-body);background:#f5ead812;border:1px solid #f5ead833;border-radius:999px;outline:none;flex:1;padding:11px 16px}.rr-rename input:focus{border-color:var(--color-accent-300)}.rr-own{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);padding:20px}.rr-own h3{font-family:var(--font-heading);margin:0 0 4px;font-size:16px}.rr-own p{color:var(--color-neutral-700);margin:0 0 14px;font-size:12.5px}.rr-own form{width:100%}.rr-own form .btn{border-radius:999px;justify-content:center;width:100%;padding:13px!important;font-size:14.5px!important}.rr-page{align-items:flex-start;gap:24px;display:flex}.rr-page-main{flex:1;min-width:0}@media (max-width:1100px){.rr-page{flex-direction:column}.rr-side{width:100%}.rr-who{width:180px}.rr-seats{width:128px}}@media (max-width:760px){.rr-head h2,.rr-head h3{font-size:17px}.rr-head{gap:9px;margin-bottom:10px}.rr-head-end{gap:8px}.rr-refresh{padding:8px 14px;font-size:12px}.rr-filters{flex-direction:column;align-items:stretch;gap:7px}.rr-filter{scrollbar-width:none;max-width:100%;padding-bottom:4px;overflow-x:auto}.rr-filter::-webkit-scrollbar{display:none}.rr-chip{padding:7px 12px;font-size:11.5px}.rr-row-top{flex-direction:column;align-items:stretch;gap:11px;padding:13px 14px}.rr-row-open{flex-wrap:wrap;gap:11px;max-width:100%}.rr-mark{border-radius:13px;width:42px;height:42px;font-size:19px}.rr-who{flex:1;width:auto}.rr-name{font-size:15.5px}.rr-sub{font-size:11.5px}.rr-seats{text-align:right;flex:none;width:auto}.rr-seats-count{font-size:13.5px}.rr-presence{font-size:11px}.rr-rules{display:none}.rr-faces{flex:1}.rr-face{width:30px;height:30px}.rr-join{width:100%;height:44px;padding:0 30px}.rr-chevron{margin-left:auto}.rr-panel{gap:14px;padding:14px}.rr-panel-foot{gap:10px}.rr-panel-close{margin-left:auto}.rr-rulelist{grid-template-columns:1fr}.rr-player-name{max-width:12ch}.rr-empty{text-align:center;flex-direction:column;gap:14px;padding:24px 20px}.rr-empty-art{width:132px;height:112px}.rr-empty-disc{width:84px;height:84px;top:22px;left:14px}.rr-empty-die{gap:8px;width:54px;height:54px;padding:13px;top:4px;left:44px}.rr-empty-pip{width:10px;height:10px}.rr-empty-pawn{width:34px;height:44px;top:58px;left:90px}.rr-empty-words h3{font-size:21px}.rr-empty-words p{margin-bottom:14px;font-size:13.5px}.rr-empty-actions{flex-direction:column}.rr-empty-actions .btn{justify-content:center}.rr-skeleton-join{display:none}.rr-nomatch{padding:16px 14px}.rr-code-cell{border-radius:12px;font-size:22px}}