:root{--rvb-bg: var(--bg);--rvb-panel: var(--panel);--rvb-panel-solid: var(--panel);--rvb-panel-2: var(--panel2);--rvb-panel-hover: #2b2b3c;--rvb-inset: var(--bg);--rvb-highlight: #20203a;--rvb-scrim: rgba(10, 10, 16, .6);--rvb-edge: var(--edge);--rvb-edge-dim: #26263a;--rvb-text-bright: #f4f4fc;--rvb-text: var(--txt);--rvb-text-dim: var(--sub);--rvb-muted: #7a7a92;--rvb-primary: var(--primary);--rvb-primary-hover: #55b4ee;--rvb-on-primary: var(--on-primary);--rvb-success: var(--win);--rvb-danger: var(--danger);--rvb-warn: var(--warn);--rvb-gold: #f0c02b;--rvb-radius: 8px;--rvb-radius-lg: 10px;--rvb-font-ui: var(--mono);--rvb-font-display: var(--mono);--rvb-track-label: .1em}.rvb-panel{background:var(--rvb-panel);border:1px solid var(--rvb-edge-dim);border-radius:var(--rvb-radius-lg)}.rvb-btn{font:inherit;letter-spacing:var(--rvb-track-label);color:var(--rvb-text);background:var(--rvb-panel-2);border:1px solid var(--rvb-edge);border-radius:var(--rvb-radius);padding:.45em .9em;cursor:pointer}.rvb-btn:hover:not(:disabled):not(.active){background:var(--rvb-panel-hover)}.rvb-btn:disabled{opacity:.45;cursor:not-allowed}.rvb-btn.primary,.rvb-btn.active{background:var(--rvb-primary);border-color:var(--rvb-primary);color:var(--rvb-on-primary)}.rvb-btn.primary:hover:not(:disabled){background:var(--rvb-primary-hover);border-color:var(--rvb-primary-hover)}.rvb-btn.danger{color:var(--rvb-danger);border-color:var(--rvb-danger);background:transparent}.rvb-btn.danger:hover:not(:disabled){background:var(--rvb-danger);color:var(--rvb-on-primary)}.rvb-btn.ghost{background:transparent}.rvb-btn.accent{color:var(--rvb-success);border-color:var(--rvb-success);background:transparent}.rvb-btn.sm{font-size:.85em}.rvb-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:.4em}.rvb-tab{font:inherit;letter-spacing:var(--rvb-track-label);color:var(--rvb-text);background:var(--rvb-panel-2);border:1px solid var(--rvb-edge);border-radius:var(--rvb-radius);padding:.45em 1em;cursor:pointer}.rvb-tab:hover:not(.active){background:var(--rvb-panel-hover)}.rvb-tab.active{background:var(--rvb-primary);border-color:var(--rvb-primary);color:var(--rvb-on-primary)}.rvb-tab.action{margin-left:auto;color:var(--rvb-success);border-color:var(--rvb-success)}.rvb-card{font:inherit;display:flex;flex-direction:column;gap:.35em;padding:.9em .85em;text-align:left;color:var(--rvb-text);background:var(--rvb-panel-2);border:1px solid var(--rvb-edge);border-radius:var(--rvb-radius-lg)}.rvb-card.clickable{cursor:pointer}.rvb-card.clickable:hover:not(.locked){border-color:var(--rvb-primary)}.rvb-card.locked{opacity:.4;cursor:not-allowed}.rvb-card-title{color:var(--rvb-text-bright)}.rvb-card-label{text-transform:uppercase;letter-spacing:var(--rvb-track-label);font-size:.8em}.rvb-card-desc{color:var(--rvb-text-dim);line-height:1.5}.rvb-card-actions{display:flex;flex-wrap:wrap;gap:.4em;margin-top:.3em}.rvb-badge{font-size:.8em;letter-spacing:var(--rvb-track-label);padding:0 .35em;border-radius:var(--rvb-radius)}.rvb-badge.official{color:var(--rvb-gold)}.rvb-badge.new{color:var(--rvb-success)}.rvb-badge.warn{color:var(--rvb-warn)}.rvb-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;font-family:var(--rvb-font-ui);color:var(--rvb-text);background:var(--rvb-scrim);align-items:center;justify-content:center;padding:1em}.rvb-modal.visible{display:flex}.rvb-modal-panel{width:min(420px,92vw);max-height:88vh;overflow-y:auto;background:var(--rvb-panel-solid);border:1px solid var(--rvb-edge);border-radius:var(--rvb-radius-lg);padding:1.2em 1.3em}.rvb-modal-panel h3{color:var(--rvb-text-bright);letter-spacing:.2em;margin-bottom:.7em}.rvb-modal-sub{color:var(--rvb-muted);font-size:.75em;letter-spacing:var(--rvb-track-label)}.rvb-modal-actions{display:flex;justify-content:flex-end;gap:.6em;margin-top:1em}.rvb-field{display:block;color:var(--rvb-text-dim);letter-spacing:var(--rvb-track-label);margin:.8em 0 .3em}.rvb-field input,.rvb-field select,.rvb-input,.rvb-select{display:block;width:100%;margin-top:.3em;padding:.6em .7em;font:inherit;color:var(--rvb-text-bright);background:var(--rvb-inset);border:1px solid var(--rvb-edge);border-radius:var(--rvb-radius)}.rvb-field input:focus,.rvb-field select:focus,.rvb-input:focus,.rvb-select:focus{outline:none;border-color:var(--rvb-primary)}.rvb-err{color:var(--rvb-danger);min-height:1.3em;margin-top:.6em}.rvb-btn:focus-visible,.rvb-tab:focus-visible,.rvb-card.clickable:focus-visible{outline:2px solid var(--rvb-primary);outline-offset:1px}.rvb-rows{min-height:120px}.rvb-rank-row{display:grid;grid-template-columns:2.2em 1fr auto;gap:.6em;padding:.4em .45em;color:var(--rvb-text);border-bottom:1px solid var(--rvb-edge-dim)}.rvb-rank-row .rvb-rank{color:var(--rvb-muted);font-variant-numeric:tabular-nums}.rvb-rank-row .rvb-who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rvb-rank-row .rvb-value{text-align:right;color:var(--rvb-success);font-variant-numeric:tabular-nums}.rvb-rank-row.mine{background:var(--rvb-highlight)}.rvb-rank-row.mine .rvb-who{color:var(--rvb-primary)}.rvb-rank-row.r1 .rvb-rank{color:var(--rvb-gold)}.rvb-rank-row.r2 .rvb-rank,.rvb-rank-row.r3 .rvb-rank{color:var(--rvb-text-dim)}.rvb-rank-row.h2h{grid-template-columns:1fr auto}.rvb-empty{color:var(--rvb-muted);padding:1.2em .3em}.rvb-masthead{text-align:center}.rvb-masthead .rvb-wordmark{color:var(--rvb-text-bright);font-family:var(--rvb-font-display)}.rvb-masthead .rvb-tagline{color:var(--rvb-muted)}.rvb-masthead .rvb-backlink{font-size:.75em;letter-spacing:var(--rvb-track-label);color:var(--rvb-muted)}.rvb-masthead .rvb-backlink a{color:var(--rvb-text-dim);text-decoration:none}.rvb-masthead .rvb-backlink a:hover{color:var(--rvb-text-bright)}.rvb-accountbar{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:.6em}.rvb-accountbar .rvb-hint{color:var(--rvb-muted)}.rvb-accountbar .rvb-handle{color:var(--rvb-success);letter-spacing:var(--rvb-track-label)}.rvb-stats{display:flex;gap:1.6em;margin:.3em 0 1em}.rvb-stats span{display:flex;flex-direction:column}.rvb-stats b{font-size:1.7em;line-height:1.1;font-variant-numeric:tabular-nums}.rvb-stats small{color:var(--rvb-muted);font-size:.75em;margin-top:.15em}.rvb-stats .good{color:var(--rvb-success)}.rvb-stats .info{color:var(--rvb-primary)}.rvb-stats .gold{color:var(--rvb-gold)}@media (prefers-reduced-motion: reduce){.rvb-btn,.rvb-tab,.rvb-card{transition:none}}:root{--bg: #101018;--panel: #191924;--panel2: #222230;--edge: #32324a;--txt: #e8e8f2;--sub: #9a9ab2;--x: #ff3b30;--o: #5782e5;--primary: #3aa0e0;--on-primary: #04121c;--win: #39db4c;--warn: #ebf92f;--danger: #e05a50;--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans: -apple-system, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;height:100%;overflow:hidden}body{background:var(--bg);color:var(--txt);font-family:var(--sans);-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0}#stage{position:absolute;top:0;right:0;bottom:0;left:0}#stage canvas{display:block}#app.waiting #stage{filter:brightness(.72) saturate(.85);transition:filter .3s}#app:not(.waiting) #stage{filter:none;transition:filter .3s}#topbar{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 10px) 14px 8px;pointer-events:none}#topbar>*{pointer-events:auto}.wordmark{font-family:var(--mono);font-weight:700;font-size:1.05rem;letter-spacing:.14em}.wm-x{color:var(--x)}.wm-o{color:var(--o)}.chip{font-family:var(--mono);font-size:.72rem;color:var(--sub);background:var(--panel);border:1px solid var(--edge);border-radius:999px;padding:.25rem .7rem;cursor:pointer}.chip b{color:var(--txt);font-weight:600}#hud{position:absolute;left:0;right:0;bottom:0;z-index:10;display:flex;align-items:center;gap:.6rem;padding:10px 14px calc(env(safe-area-inset-bottom) + 12px);pointer-events:none}#hud>*{pointer-events:auto}.banner{flex:1;text-align:center;font-family:var(--mono);font-size:.92rem;letter-spacing:.04em;color:var(--txt);min-height:1.3em}.banner .bx{color:var(--x);font-weight:700}.banner .bo{color:var(--o);font-weight:700}.banner.win{color:var(--win);font-weight:700}.clock{font-family:var(--mono);background:var(--panel);border:1px solid var(--edge);border-radius:6px;padding:.3rem .55rem;display:flex;gap:.45rem;align-items:baseline}.clock .clock-seat{font-size:.68rem;font-weight:700}#clock-x .clock-seat{color:var(--x)}#clock-o .clock-seat{color:var(--o)}.clock .clock-time{font-size:.95rem;font-variant-numeric:tabular-nums}.clock.low .clock-time{color:var(--danger);font-weight:700}.clock.running{border-color:var(--warn)}#hud-actions{display:flex;gap:.5rem}.rvb-btn{font-size:.85rem;padding:.65rem 1rem}.rvb-btn.primary{font-weight:700}.rvb-btn:active{transform:translateY(1px)}.rvb-btn.alt{border-color:var(--warn);color:var(--warn);background:transparent;font-weight:700}.rvb-btn.alt:hover{background:#ebf92f14}.rvb-btn.ghost-btn{background:#191924d9;font-size:.75rem;padding:.45rem .8rem}#menu{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;overflow-y:auto;background:radial-gradient(ellipse at 50% 30%,#26263aeb,#101018f5);display:flex;align-items:flex-start;justify-content:center;padding:calc(env(safe-area-inset-top) + 58px) 16px calc(env(safe-area-inset-bottom) + 24px)}#menu[hidden]{display:none}.sheet{width:min(30rem,100%);display:flex;flex-direction:column;gap:.8rem}.rvb-masthead .rvb-wordmark{font-size:1.6rem;margin:0 0 .2rem;letter-spacing:.1em}.rvb-masthead .rvb-tagline{font-size:.85rem;margin:0 0 .3rem}.rvb-masthead .rvb-backlink{margin:0 0 .8rem}.sheet h2{font-family:var(--mono);font-size:.78rem;letter-spacing:.14em;color:var(--sub);margin:.7rem 0 0;text-transform:uppercase}.stack{display:flex;flex-direction:column;gap:.55rem}.menu-col{display:flex;flex-direction:column;gap:.8rem}.row{display:flex;gap:.55rem}.row>*{flex:1}.rvb-card{background:var(--panel);padding:.9rem;gap:.6rem}.rvb-card .rvb-card-title{font-family:var(--mono);font-size:.9rem;font-weight:700}.rvb-card .rvb-card-desc{font-size:.78rem}.rvb-err{font-size:.8rem}.rvb-empty{font-size:.78rem;padding:.4rem 0}.rvb-rank-row{font-size:.82rem}.rvb-input,.rvb-select{font-size:.9rem}input::placeholder{color:#5a5a72}.match-row{display:flex;align-items:center;gap:.6rem;padding:.55rem .2rem;border-bottom:1px solid var(--edge);font-size:.85rem}.match-row:last-child{border-bottom:none}.match-row .who{flex:1;font-family:var(--mono)}.match-row .mode-tag{font-family:var(--mono);font-size:.68rem;color:var(--sub);border:1px solid var(--edge);border-radius:4px;padding:.1rem .4rem}.match-row .mode-tag.speed{color:var(--warn);border-color:var(--warn)}.match-row button{padding:.35rem .7rem;font-size:.75rem}#endmodal{position:absolute;z-index:25}#endmodal .end-sheet{width:min(22rem,100%);text-align:center;display:flex;flex-direction:column;gap:.9rem}#endmodal .end-title{font-family:var(--mono);font-size:1.15rem;font-weight:700}#endmodal .end-title.won{color:var(--win)}#endmodal .end-title.lost{color:var(--danger)}#endmodal .end-sub{color:var(--sub);font-size:.82rem;margin-top:-.5rem}#endmodal .end-dismiss{position:absolute;top:.4rem;right:.7rem;background:none;border:none;color:var(--sub);font-size:.9rem;padding:.3rem}#endmodal .end-sheet{position:relative}.rvb-btn.copy-chip{font-size:.68rem;padding:.2rem .55rem;margin-left:.5rem;border-radius:5px;vertical-align:middle;flex:none}#toast{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom) + 76px);transform:translate(-50%);z-index:30;background:var(--panel2);border:1px solid var(--edge);border-radius:8px;padding:.55rem .9rem;font-size:.82rem;max-width:min(26rem,90vw);text-align:center}@media (min-width: 560px){.sheet{width:min(34rem,100%)}}@media (min-width: 900px){.sheet{width:min(56rem,100%);display:grid;grid-template-columns:minmax(0,19rem) minmax(0,1fr);gap:.9rem 1.1rem;align-items:start}.sheet>.rvb-masthead{grid-column:1 / -1}.rvb-masthead .rvb-wordmark{font-size:2rem}.menu-col{grid-column:1}.card-online{grid-column:2}}@media (prefers-reduced-motion: reduce){#app.waiting #stage,#app:not(.waiting) #stage{transition:none}}