:root{--duel-claude:light-dark(#c2410c,#f08a4b);--duel-gpt:light-dark(#2447c9,#7f9bff);--duel-on:light-dark(#fff,#0d0e10)}[data-seat=claude]{--duel-c:var(--duel-claude)}[data-seat=gpt]{--duel-c:var(--duel-gpt)}.duel-frame{z-index:6;color-scheme:dark;gap:var(--s-2);padding:var(--s-3) var(--gutter);color:#ecece9;font-size:var(--text-sm);background:#14161a;line-height:1.4;display:grid;position:relative}.duel-frame p{margin:0}.duel-frame__row{align-items:center;gap:var(--s-1) var(--s-5);flex-wrap:wrap;display:flex}.duel-frame__last,.duel-frame__next{align-items:center;gap:var(--s-2);display:inline-flex}.duel-frame__last{font-weight:600}.duel-frame__fold{color:#c3c7cc;cursor:pointer;background:0 0;border:0;place-items:center;width:2.75rem;height:2.75rem;margin:-.625rem -.75rem -.625rem auto;padding:0;display:none}.js .duel-frame__fold{display:grid}.duel-frame__fold svg{transition:rotate .16s}.duel-frame[data-folded]{padding-block:var(--s-2)}.duel-frame[data-folded] .duel-frame__fold svg{rotate:180deg}.duel-frame[data-folded] .duel-frame__row+.duel-frame__row{display:none}@media (width<=39.99rem){.duel-frame[data-folded] .duel-frame__note,.duel-frame[data-folded] .duel-frame__made,.duel-frame[data-folded] .duel-frame__next{display:none}}@media (prefers-reduced-motion:reduce){.duel-frame__fold svg{transition:none}}.duel-frame__full{display:none}.duel-frame__note{color:#d7dbd8;flex:100%;min-width:0}.duel-frame__made{align-items:center;gap:var(--s-2);flex:100%;font-weight:600;display:inline-flex}.duel-frame__made[hidden]{display:none}.duel-frame__next,.duel-frame__legend,.duel-frame__marks-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;color:#c3c7cc}.duel-frame__next,.duel-frame__marks-label{letter-spacing:.06em;text-transform:uppercase}.duel-dot{background:#a3a7ae;flex:none;width:.625rem;height:.625rem;display:inline-block}.duel-frame [data-seat=claude]{--duel-c:#d9662b}.duel-frame [data-seat=gpt]{--duel-c:#5b7cf0}.duel-dot[data-seat=claude],.duel-dot[data-seat=gpt]{background:var(--duel-c)}.duel-frame__score{flex:15rem;gap:.375rem;min-width:0;display:grid}.duel-bar{gap:2px;height:.5rem;display:flex}.duel-bar span{background:#a3a7ae;flex:1 1 0;min-width:4px}.duel-bar span[data-seat=claude],.duel-bar span[data-seat=gpt]{background:var(--duel-c)}.duel-frame__legend{gap:2px var(--s-4);flex-wrap:wrap;display:flex}.duel-frame__legend>span{align-items:center;gap:.375rem;display:inline-flex}.duel-frame__legend .duel-dot{width:.5rem;height:.5rem}.duel-frame__controls{align-items:center;gap:0 var(--s-3);flex-wrap:wrap;display:flex;position:relative}.duel-frame__marks{align-items:center;gap:.25rem;display:none}.js .duel-frame__marks{display:inline-flex}.duel-frame__marks-label{margin-right:.375rem;display:none}.duel-frame__marks button{border-radius:var(--radius);color:#ecece9;min-height:2.75rem;font:inherit;cursor:pointer;background:0 0;border:1px solid #5d6169;padding:0 .625rem;font-weight:600}.duel-frame__marks button[aria-pressed=true]{color:#14161a;background:#ecece9;border-color:#ecece9}.duel-frame__link,.duel-frame__changes summary{text-underline-offset:.2em;cursor:pointer;align-items:center;min-height:2.75rem;text-decoration:underline #858a92;display:inline-flex}.duel-frame__changes summary::-webkit-details-marker{display:none}.duel-frame__changes ul{gap:var(--s-2);max-height:60vh;padding:var(--s-3) var(--s-4);border-radius:var(--radius);color:#d7dbd8;background:#14161a;border:1px solid #3a3e44;margin:0;display:grid;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 12px 28px #00000059}@media (width>=40rem){.duel-frame__full{display:inline}.duel-frame__short{display:none}.duel-frame__note{flex:16rem}.duel-frame__made{flex:0 auto}.duel-frame__fold{order:1;margin-left:0}.duel-frame__marks-label{display:inline}.duel-frame__changes ul{width:26rem;left:auto}}.duel-layer{z-index:5;pointer-events:none;width:100%;height:0;font-family:var(--font-body);position:absolute;top:0;left:0;overflow-x:clip}.duel-layer>*{position:absolute;top:0;left:0}.duel-box{box-sizing:border-box;outline:2px solid var(--duel-c);outline-offset:3px;border-radius:2px}.duel-box[data-look=dotted]{outline-style:dotted}.duel-box[data-look=tint]{outline-offset:1px;background:color-mix(in srgb, var(--duel-c) 14%, transparent);outline-width:1px}.duel-box[data-look=quiet]{outline-offset:2px;opacity:.5;outline-width:1px}.duel-badges{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:.25rem;max-width:calc(100vw - 1rem);display:flex}.duel-tag,.duel-chip{border-radius:var(--radius);min-height:1.375rem;font-size:var(--text-xs);align-items:center;gap:.25rem;padding:0 .5rem;font-weight:600;line-height:1;display:inline-flex}.duel-tag{background:var(--duel-c);color:var(--duel-on)}.duel-tag svg{flex:none;margin-left:-.25rem}.duel-chip{border:1px dashed var(--duel-c);background:var(--surface);min-height:1.5rem;color:var(--text);cursor:pointer;pointer-events:auto;font-family:inherit}.duel-pop{max-width:min(22rem,80vw);padding:var(--s-2) var(--s-3);border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);font-size:var(--text-sm);text-decoration:line-through;text-decoration-color:var(--duel-c);white-space:normal;pointer-events:auto;line-height:1.4;box-shadow:0 8px 24px #14161a2e}.duel-caret{background:var(--duel-c);width:3px}::highlight(duel-claude){background-color:#c2410c33}::highlight(duel-gpt){background-color:#2447c92e}:root[data-mode=dark]::highlight(duel-claude){background-color:#f08a4b4d}:root[data-mode=dark]::highlight(duel-gpt){background-color:#7f9bff4d}@media print{.duel-frame,.duel-layer{display:none}}