.arcade-area.has-versus{position:relative}.vs-stage{z-index:30;padding:var(--sp-3);background:#080a14c7;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.vs-stage[hidden]{display:none}.vs-stage .vs-card{width:min(100%,440px);max-height:100%;padding:var(--sp-4) var(--sp-5);border:1px solid var(--border-default);background:var(--bg-2);color:var(--text-1);box-shadow:var(--shadow-lg);text-align:left;border-radius:18px;overflow-y:auto}.vs-stage .vs-card-title{margin:0 0 var(--sp-3);font-size:var(--fs-lg);text-align:center;font-weight:800}.vs-stage .vs-choices{gap:var(--sp-2);display:grid}.vs-stage .vs-choice{align-items:flex-start;gap:var(--sp-3);border:1px solid var(--border-default);background:var(--surface-2);width:100%;color:var(--text-1);font:inherit;text-align:left;cursor:pointer;border-radius:14px;padding:.75rem .9rem;display:flex}.vs-stage .vs-choice:hover:not(:disabled){border-color:var(--accent)}.vs-stage .vs-choice:focus-visible{outline:2px solid var(--brand-blue,#4cc9f0);outline-offset:2px}.vs-stage .vs-choice.is-solo{background:var(--accent);color:var(--accent-ink);border-color:#0000}.vs-stage .vs-choice-icon{text-align:center;flex:none;width:2rem;font-size:1.35rem;line-height:1.2}.vs-stage .vs-choice-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.vs-stage .vs-choice-name{font-size:var(--fs-md);font-weight:800}.vs-stage .vs-choice-note{font-size:var(--fs-xs);opacity:.85;line-height:1.4}.vs-stage .vs-online{font-size:var(--fs-xs);align-items:center;gap:.4rem;margin-top:.2rem;font-weight:700;display:inline-flex}.vs-dot{background:var(--brand-yellow,#ffd166);border-radius:50%;flex:none;width:.55rem;height:.55rem;display:inline-block}.vs-online.is-on .vs-dot,.vs-bar.is-live .vs-dot{background:var(--brand-green,#06d6a0)}.vs-stage .vs-note{margin:0 0 var(--sp-3);font-size:var(--fs-sm);color:var(--text-2);text-align:center}.vs-stage .vs-code{background:var(--surface-2);color:var(--text-1);font-size:var(--fs-lg);letter-spacing:.18em;border-radius:8px;padding:.1rem .5rem}.vs-stage .vs-count{margin:0 0 var(--sp-3);font-size:var(--fs-md);text-align:center;font-weight:800}.vs-stage .vs-count.is-big{font-size:var(--fs-display);line-height:1}.vs-stage .vs-place{margin:0 0 var(--sp-3);font-size:var(--fs-xl);text-align:center;font-weight:800}.vs-stage .vs-list{margin:0 0 var(--sp-3);padding:0;list-style:none}.vs-stage .vs-row{align-items:center;gap:var(--sp-2);border-radius:12px;grid-template-columns:2.6rem minmax(0,1fr) auto 4.5rem;padding:.45rem .65rem;display:grid}.vs-stage .vs-row+.vs-row{margin-top:.25rem}.vs-stage .vs-row.is-you{background:var(--surface-2);outline:2px solid var(--accent)}.vs-stage .vs-row.is-gone{opacity:.55}.vs-stage .vs-rank{color:var(--text-2);font-weight:800}.vs-stage .vs-name{align-items:center;gap:.4rem;min-width:0;font-weight:700;display:flex}.vs-stage .vs-name>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vs-stage .vs-bot{background:var(--surface-2);font-size:var(--fs-2xs);color:var(--text-2);border-radius:999px;flex:none;padding:0 .45rem;font-weight:700}.vs-stage .vs-state{font-size:var(--fs-xs);color:var(--text-3)}.vs-stage .vs-score{text-align:right;font-variant-numeric:tabular-nums}.vs-stage .vs-actions{justify-content:center;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-2);flex-wrap:wrap;display:flex}.vs-stage .vs-actions .vs-note{flex-basis:100%;margin:0}.vs-stage .vs-join{justify-content:center;align-items:center;gap:var(--sp-2);margin:0 0 var(--sp-3);flex-wrap:wrap;display:flex}.vs-stage .vs-join-label{font-size:var(--fs-sm);font-weight:700}.vs-stage .vs-join-input{border:1px solid var(--border-default);background:var(--surface-2);width:6.5rem;color:var(--text-1);font:inherit;letter-spacing:.2em;text-transform:uppercase;border-radius:12px;padding:.55rem .7rem;font-weight:800}.vs-stage .vs-back{color:var(--text-2);font:inherit;font-size:var(--fs-sm);cursor:pointer;background:0 0;border:0;margin:0 auto;padding:.3rem .6rem;display:block}.vs-stage .vs-error{margin:var(--sp-2) 0 0;font-size:var(--fs-sm);color:var(--danger,#ff6b6b);text-align:center}@media (max-width:420px){.vs-stage{padding:var(--sp-2)}.vs-stage .vs-card{padding:var(--sp-3)}.vs-stage .vs-choice-note{display:none}.vs-stage .vs-row{grid-template-columns:2.2rem minmax(0,1fr) 4rem}.vs-stage .vs-state{display:none}}.vs-bar+.arcade-hint{display:none}.vs-bar{align-items:center;gap:var(--sp-3);width:100%;max-width:min(94vw,960px);margin:0 auto var(--sp-2);border:1px solid var(--border-default);background:var(--surface-2);font-size:var(--fs-xs);scrollbar-width:none;white-space:nowrap;border-radius:999px;padding:.35rem .6rem;line-height:1.3;display:flex;overflow-x:auto}.vs-bar::-webkit-scrollbar{display:none}.vs-bar .vs-bar-lead{color:var(--text-1);flex:none;align-items:center;gap:.4rem;font-weight:800;display:inline-flex}.vs-bar .vs-bar-list{gap:var(--sp-2);margin:0;padding:0;list-style:none;display:flex}.vs-bar .vs-chip{background:var(--surface-1);color:var(--text-2);border-radius:999px;align-items:baseline;gap:.3rem;padding:.1rem .55rem;display:inline-flex}.vs-bar .vs-chip.is-you{background:var(--accent);color:var(--accent-ink)}.vs-bar .vs-chip.is-gone{opacity:.5}.vs-bar .vs-chip-rank{opacity:.75;font-weight:800}.vs-bar .vs-chip-name{text-overflow:ellipsis;max-width:9rem;overflow:hidden}.vs-bar .vs-chip-score{font-variant-numeric:tabular-nums}.vs-panel{justify-content:center;align-items:center;gap:var(--sp-2) var(--sp-3);width:100%;max-width:min(94vw,720px);margin:var(--sp-4) auto 0;padding:var(--sp-2) var(--sp-4);border:1px solid var(--border-subtle);background:var(--surface-1);font-size:var(--fs-sm);color:var(--text-2);border-radius:999px;flex-wrap:wrap;display:flex}.vs-panel .vs-panel-text{flex-wrap:wrap;align-items:center;gap:.3rem .6rem;display:inline-flex}.vs-panel .vs-panel-count{color:var(--text-1);font-weight:700}:-webkit-any(.arcade-stage:-webkit-full-screen .vs-panel,.arcade-stage:-webkit-full-screen .vs-panel,.arcade-stage.is-pseudo-fs .vs-panel){display:none}:is(.arcade-stage:fullscreen .vs-panel,.arcade-stage:fullscreen .vs-panel,.arcade-stage.is-pseudo-fs .vs-panel){display:none}
