.duel{pointer-events:none;-webkit-user-select:none;user-select:none;font-family:var(--font-sans);color:var(--ui-text);position:absolute;inset:0}.duel-top{top:var(--hud-edge-top);align-items:center;gap:var(--sp-2);max-width:calc(100% - 32px);transform:translateX(-50%) scale(var(--hud-scale,1));transform-origin:top;flex-direction:column;display:flex;position:absolute;left:50%}.duel-strip{background:var(--ui-hud-plate-strong);font-family:var(--font-display);font-variant-numeric:tabular-nums;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px));align-items:stretch;display:flex}.duel-side{align-items:center;gap:var(--sp-3);min-width:176px;padding:var(--sp-1) var(--sp-3) var(--sp-2);display:flex;position:relative}.duel-side.is-vacant .duel-name{font-weight:var(--fw-regular);color:var(--ui-text-faint)}.duel-side.is-vacant .duel-side-mark{border-style:dashed}.duel-side.is-left{justify-content:flex-end}.duel-side.is-right{flex-direction:row-reverse;justify-content:flex-start}.duel-side-mark{border:var(--bw-hair) solid var(--ui-text-faint);flex:none;width:8px;height:8px}.duel-side.is-local .duel-side-mark{background:var(--ui-local);border-color:var(--ui-local)}.duel-ident{flex-direction:column;gap:1px;min-width:0;display:flex}.duel-side.is-left .duel-ident{align-items:flex-end}.duel-side.is-right .duel-ident{align-items:flex-start}.duel-name{max-width:16ch;font-size:var(--fs-md);font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;color:var(--ui-text-strong);line-height:1.2;overflow:hidden}.duel-tag{font-family:var(--font-display);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-label);color:var(--ui-on-primary);background:var(--ui-local);padding:0 5px;line-height:1.5}.duel-status{font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-label);color:var(--ui-warn)}.duel-score{min-width:2ch;font-size:var(--fs-3xl);font-weight:var(--fw-semibold);text-align:center;color:var(--ui-text-strong);line-height:1}.duel-strip.is-uncounted .duel-score{color:var(--ui-text-faint)}.duel-clock{min-width:108px;padding:var(--sp-1) var(--sp-3);border-left:var(--bw-hair) solid var(--ui-border);border-right:var(--bw-hair) solid var(--ui-border);background:#00000061;flex-direction:column;justify-content:center;align-items:center;display:flex}.duel-clock-value{font-size:var(--fs-2xl);font-weight:var(--fw-semibold);color:var(--ui-text-strong);line-height:1}.duel-clock-caption{font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-label);color:var(--ui-text-muted);margin-top:2px}.duel-strip.is-overtime .duel-clock{color:var(--ui-text-inverse);background:var(--ui-warn)}.duel-strip.is-overtime .duel-clock-value,.duel-strip.is-overtime .duel-clock-caption{color:var(--ui-text-inverse)}.duel-banner,.duel-spectator{padding:3px var(--sp-3) 2px;font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:var(--tracking-caps);text-align:center;text-transform:uppercase;background:var(--ui-hud-plate-strong)}.duel-banner.is-warn{color:var(--ui-text-inverse);background:var(--ui-warn)}.duel-spectator{align-items:center;gap:var(--sp-3);padding:var(--sp-1) var(--sp-1) var(--sp-1) var(--sp-3);box-shadow:inset 0 0 0 1px var(--ui-border-strong);display:flex}.duel-spectator-icon{color:var(--ui-text-muted)}.duel-spectator .ui-btn{pointer-events:auto}.duel-panel{padding:var(--sp-4) var(--sp-5) var(--sp-5);font-size:var(--fs-sm);line-height:1.45}.duel-panel-title{margin:0 0 var(--sp-3);font-size:var(--fs-sm);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ui-text-muted)}.duel-hint{margin:var(--sp-3) 0 0;font-size:var(--fs-xs);color:var(--ui-text-faint)}.duel-button{pointer-events:auto}.duel-ready{pointer-events:auto;width:332px;max-width:100%}.duel-ready-rows{gap:var(--sp-1);margin:0 0 var(--sp-4);padding:0;list-style:none;display:grid}.duel-ready-row{align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0;font-size:var(--fs-md);color:var(--ui-text-muted);border-bottom:var(--bw-hair) solid var(--ui-border-subtle);grid-template-columns:12px 1fr auto;display:grid}.duel-ready-row.is-local .duel-ready-name{color:var(--ui-text-strong);font-weight:var(--fw-semibold)}.duel-ready-mark{border:var(--bw-hair) solid var(--ui-text-faint);width:10px;height:10px}.duel-ready-row.is-ready .duel-ready-mark{background:var(--ui-ok);border-color:var(--ui-ok)}.duel-ready-state{font-family:var(--font-display);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-label)}.duel-ready-row.is-ready .duel-ready-state{color:var(--ui-ok)}.duel-ready-button.is-pressed{--btn-bg:var(--ui-ok);--btn-fg:var(--c-graphite-950);--btn-border:var(--ui-ok)}.duel-ready-button.is-pressed:hover:not(:disabled){--btn-bg:var(--ui-ok);--btn-border:var(--ui-text-strong)}.duel-countdown{align-items:center;gap:var(--sp-1);font-family:var(--font-display);flex-direction:column;display:flex;position:absolute;top:20%;left:50%;transform:translate(-50%)}.duel-countdown-caption{padding:2px var(--sp-2) 1px;font-size:var(--fs-sm);font-weight:var(--fw-bold);letter-spacing:.16em;color:var(--ui-text);background:var(--ui-hud-plate-strong)}.duel-countdown-numeral{font-size:7.5rem;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;color:var(--ui-text-strong);-webkit-text-stroke:4px #0e1013eb;paint-order:stroke fill;line-height:.95}.duel-countdown-hint{padding:2px var(--sp-2);font-family:var(--font-sans);font-size:var(--fs-xs);color:var(--ui-text-muted);background:var(--ui-hud-plate-strong)}.duel-pause{text-align:center;width:440px;max-width:calc(100% - 32px);position:absolute;top:16%;left:50%;transform:translate(-50%)}.duel-pause .duel-panel-title{color:var(--ui-warn-text)}.duel-pause-detail{font-size:var(--fs-md)}.duel-pause-remaining{margin-top:var(--sp-2);font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums;color:var(--ui-text-strong);line-height:1}.duel-pause.is-local .duel-pause-remaining{color:var(--ui-warn)}.duel-results-panel{width:min(520px,100%);padding:var(--sp-6) var(--sp-7) var(--sp-5);--chamfer:var(--chamfer-lg)}.duel-results-panel:before{content:"";width:56px;height:var(--bw-heavy);margin-bottom:var(--sp-3);background:var(--ui-text-strong);display:block}.duel-results.is-loss .duel-results-panel:before{height:var(--bw-hair);background:var(--ui-text-faint)}.duel-results.is-no-contest .duel-results-panel:before{background:var(--ui-warn)}.duel-results-title{font-size:var(--fs-3xl);text-transform:uppercase;color:var(--ui-text-strong);line-height:1}.duel-results-reason{margin:var(--sp-2) 0 var(--sp-5);font-size:var(--fs-md);color:var(--ui-text-muted)}.duel-final{background:var(--ui-surface-sunken);border:var(--bw-hair) solid var(--ui-border);grid-template-columns:1fr 1fr;display:grid}.duel-final-side{gap:var(--sp-1);padding:var(--sp-4) var(--sp-5) var(--sp-3);box-shadow:inset 0 var(--bw-hair) 0 transparent;display:grid}.duel-final-side+.duel-final-side{border-left:var(--bw-hair) solid var(--ui-border)}.duel-final-side.is-winner{box-shadow:inset 0 var(--bw-heavy) 0 var(--ui-text-strong)}.duel-final-score{font-family:var(--font-display);font-size:3.25rem;font-weight:var(--fw-bold);color:var(--ui-text-muted);line-height:1}.duel-final-side.is-winner .duel-final-score{color:var(--ui-text-strong)}.duel-final-name{font-size:var(--fs-md);font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;color:var(--ui-text);overflow:hidden}.duel-final-tags{gap:var(--sp-2);align-items:center;min-height:15px;display:flex}.duel-winner{font-family:var(--font-display);font-size:var(--fs-2xs);font-weight:var(--fw-bold);letter-spacing:var(--tracking-label);color:var(--ui-ok)}.duel-table th,.duel-table td{padding-right:var(--sp-3)}.duel-table .duel-num{text-align:right}.duel-actions{margin-top:var(--sp-5)}.duel-actions .ui-btn{flex:1 1 0}.duel-match-id{margin-top:var(--sp-4);padding-top:var(--sp-3);font-size:var(--fs-2xs);color:var(--ui-text-faint);border-top:var(--bw-hair) solid var(--ui-border-subtle);-webkit-user-select:all;user-select:all}.duel-scoreboard{min-width:560px;max-width:calc(100% - 32px);font-size:var(--fs-md);background:var(--ui-surface);position:absolute;top:22%;left:50%;transform:translate(-50%)}.duel-scoreboard .duel-hint:first-of-type{margin:0 0 var(--sp-3)}.duel-scoreboard .ui-table{font-size:var(--fs-md)}.duel-conn{font-family:var(--font-display);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase}.duel-conn.is-degraded,.duel-conn.is-interrupted,.duel-conn.is-disconnected{color:var(--ui-warn);font-weight:var(--fw-bold)}.duel-preview-badge{top:44px;left:var(--hud-inset-top);min-width:200px;max-width:min(50% - 290px,460px);padding:2px var(--sp-2);font:var(--fw-semibold) var(--fs-2xs) / 1.35 var(--font-mono);color:var(--ui-text);background:var(--ui-hud-plate-strong);outline:1px dashed var(--ui-text-faint);outline-offset:-1px;position:absolute}.duel-confirm{z-index:var(--z-dialog);color:var(--ui-text)}.duel-confirm-panel{width:min(440px,100%)}.duel-confirm .duel-panel-title{color:var(--ui-warn-text)}.duel-confirm-detail{font-size:var(--fs-md)}@media (max-height:760px){.duel-countdown-numeral{font-size:6rem}.duel-pause-remaining{font-size:var(--fs-2xl)}.duel-final-score{font-size:var(--fs-3xl)}}@media (max-width:560px){.duel-final{grid-template-columns:1fr}.duel-final-side+.duel-final-side{border-left:0;border-top:var(--bw-hair) solid var(--ui-border)}.duel-scoreboard{min-width:0}}.play-lobby-panel{width:min(960px,100%);padding:var(--sp-6) var(--sp-7) var(--sp-5)}.play-lobby-panel>*+*{margin-top:var(--sp-5)}.play-head{padding-bottom:var(--sp-4);border-bottom:var(--bw-hair) solid var(--ui-border)}.play-reconnect{gap:var(--sp-2);justify-items:start;display:grid}.play-form{gap:var(--sp-5);display:grid}.play-group{gap:var(--sp-3);align-content:start;display:grid}.play-pair{gap:var(--sp-4);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);display:grid}.play-quick{justify-content:space-between;align-items:center;gap:var(--sp-4);padding-top:var(--sp-4);border-top:var(--bw-hair) solid var(--ui-border);display:flex}.play-quick-text{gap:var(--sp-1);display:grid}.play-paths{gap:var(--sp-7);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.play-path{padding-top:var(--sp-4);border-top:var(--bw-hair) solid var(--ui-border);position:relative}.play-path+.play-path:before{content:"";top:var(--sp-4);bottom:0;left:calc(-1 * var(--sp-7) / 2);width:var(--bw-hair);background:var(--ui-border);position:absolute}.play-path-head{align-items:center;gap:var(--sp-2);display:flex}.play-path-icon{color:var(--ui-text-muted)}.play-inline{gap:var(--sp-3);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.play-inline>.ui-btn{margin-top:calc(var(--fs-2xs) * 1.25 + var(--sp-1))}.play-created{gap:var(--sp-2) var(--sp-5);padding:var(--sp-3) var(--sp-4);background:var(--ui-surface-sunken);border:var(--bw-hair) solid var(--ui-border);border-top:var(--bw-rule) solid var(--ui-wayfinding);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);display:grid}.play-created-cell{gap:var(--sp-1);min-width:0;display:grid}.play-created-invite{grid-column:1/-1}.play-code{font-family:var(--font-mono);font-size:var(--fs-md);font-weight:var(--fw-semibold);letter-spacing:.04em;color:var(--ui-text-strong);-webkit-user-select:all;user-select:all;word-break:break-all}.play-created-arena{font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps)}.play-invite-row{gap:var(--sp-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.play-invite-row .ui-input{font-size:var(--fs-sm)}.play-buttons .ui-btn--primary{flex:200px}.play-message:empty{display:none}.play-foot{justify-content:space-between;align-items:flex-start;gap:var(--sp-3) var(--sp-6);padding-top:var(--sp-4);border-top:var(--bw-hair) solid var(--ui-border);flex-wrap:wrap;display:flex}.play-about{flex:420px;max-width:70ch}.play-about .ui-code{word-break:break-word}@media (max-width:860px){.play-paths{gap:var(--sp-5);grid-template-columns:minmax(0,1fr)}.play-path+.play-path:before{display:none}}@media (max-height:700px){.play-lobby-panel{padding:var(--sp-5) var(--sp-6) var(--sp-4)}.play-lobby-panel>*+*{margin-top:var(--sp-4)}.play-form{gap:var(--sp-4)}}@media (max-width:560px){.play-lobby.ui-overlay{padding:0}.play-lobby-panel{padding:var(--sp-5) var(--sp-4);clip-path:none;border-left:0;border-right:0}.play-lobby-panel:after{display:none}.play-pair,.play-inline,.play-invite-row{grid-template-columns:minmax(0,1fr)}.play-inline>.ui-btn{margin-top:0}.play-created{grid-template-columns:minmax(0,1fr)}}.play-rules{gap:var(--sp-2);--phase-bg:var(--c-graphite-900);display:grid}.play-banner{top:var(--hud-edge-top);align-items:center;gap:var(--sp-2);max-width:calc(100% - 32px);padding:var(--sp-1) var(--sp-3);font-family:var(--font-display);font-size:var(--fs-md);font-weight:var(--fw-bold);letter-spacing:var(--tracking-caps);text-transform:uppercase;text-align:center;color:var(--ui-text-inverse);background:var(--ui-warn);display:flex;position:absolute;left:50%;transform:translate(-50%)}.play-banner:before{content:"";clip-path:polygon(50% 0,100% 100%,0 100%);background:currentColor;flex:none;width:10px;height:9px}.play-banner.is-alert{outline:var(--bw-rule) solid var(--ui-text-strong);outline-offset:0}.play-scoreboard{top:auto;bottom:120px}.play-scoreboard td:last-child,.play-scoreboard th:last-child{padding-left:var(--sp-3)}.play-scoreboard p{margin-top:var(--sp-3);max-width:420px}.play-diagnostics{font-size:12px;top:72px}.play-overlay.has-duel .play-banner{top:auto;bottom:140px}.play-overlay.is-duel-results .hud-paused{display:none}.play-transport{left:var(--hud-inset-top);align-items:baseline;gap:var(--sp-2);min-width:200px;max-width:min(50% - 290px,460px);padding:2px var(--sp-2);font:var(--fw-semibold) var(--fs-2xs) / 1.35 var(--font-mono);color:var(--ui-text-muted);background:var(--ui-hud-plate);pointer-events:none;display:flex;position:absolute;top:44px}.play-transport:before{content:"";background:var(--ui-text-faint);flex:none;width:6px;height:6px}.play-transport.is-fallback{color:var(--ui-text-inverse);background:var(--ui-warn)}.play-transport.is-fallback:before{clip-path:polygon(50% 0,100% 100%,0 100%);background:currentColor;width:9px;height:8px}