.duel{padding:10px}.duel-stage{isolation:isolate;background:var(--stage-bg);min-height:640px;box-shadow:inset 0 0 0 1px var(--stage-line);color:var(--stage-ink);border-radius:30px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:clamp(20px,3vw,48px);padding:56px clamp(22px,3.4vw,54px) 56px clamp(28px,5.5vw,80px);display:grid;position:relative;overflow:hidden}.duel-stage:after{content:"";z-index:5;border-radius:inherit;border:1.5px solid var(--stage-edge);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(165deg,#000,#0000 45%);mask-image:linear-gradient(165deg,#000,#0000 45%)}.duel-stage .lamp{left:74%}.duel-copy{z-index:3;position:relative}.duel-copy .eyebrow{color:var(--stage-ink-3,var(--ink-3));margin-bottom:12px}.duel-copy h2{--fx-top:var(--stage-ink);--fx-end:color-mix(in srgb, var(--stage-ink) 14%, var(--stage-solid));letter-spacing:-.045em;max-width:15ch;color:var(--stage-ink);font-size:clamp(2.1rem,4vw,3.4rem);font-weight:660;line-height:1.04}.duel-facts{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.duel-facts>span{background:color-mix(in srgb, var(--stage-ink) 5%, transparent);height:36px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--stage-ink) 13%, transparent);border-radius:12px;align-items:center;gap:8px;padding:0 13px;font-size:.875rem;font-weight:620;display:inline-flex}.duel .mark,.nd-duel .mark{width:15px;height:15px;display:inline-grid}.duel .mark svg,.nd-duel .mark svg{width:100%;height:100%}.duel-ring{z-index:3;min-width:0;color:var(--stage-ink);gap:14px;display:grid;position:relative}.duel-round{height:18px;color:var(--stage-ink-3,var(--ink-3));font:600 .6875rem/18px var(--mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;justify-self:center}.duel-plates{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.duel-plate{--rx:0deg;--ry:0deg;perspective:700px}.duel-plate-face{background:color-mix(in srgb, var(--stage-ink) 4%, var(--stage-solid));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--stage-ink) 12%, transparent), inset 0 1px 0 color-mix(in srgb, var(--stage-ink) 14%, transparent), 0 18px 40px -22px #0000008c;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateY(0);transition:transform .5s var(--spring), box-shadow .3s, opacity .4s;border-radius:22px;justify-items:center;gap:4px;padding:26px 16px 16px;display:grid;position:relative;overflow:hidden}.duel-plate.is-on .duel-plate-face{transform:rotateX(var(--rx)) rotateY(var(--ry)) translateY(-6px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--stage-ink) 40%, transparent), inset 0 1px 0 color-mix(in srgb, var(--stage-ink) 20%, transparent), 0 26px 50px -22px #000000a6}.duel-plate.won .duel-plate-face{box-shadow:inset 0 0 0 1.5px var(--stage-ink), inset 0 1px 0 color-mix(in srgb, var(--stage-ink) 20%, transparent), 0 26px 50px -22px #000000a6}.duel-plate.lost .duel-plate-face{opacity:.55}.duel-logo{background:color-mix(in srgb, var(--stage-ink) 7%, transparent);width:72px;height:72px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--stage-ink) 12%, transparent);transition:scale .5s var(--spring);border-radius:20px;place-items:center;margin-bottom:8px;display:grid}.duel .duel-logo .mark{width:38px;height:38px}.duel-plate.is-on .duel-logo{scale:1.06}.duel-plate-face b{letter-spacing:-.01em;font-size:1rem;font-weight:680}.duel-plate-sub{color:var(--stage-ink-3,var(--ink-3));font-size:.75rem}.duel-meter{width:100%;color:var(--stage-ink-3,var(--ink-3));grid-template-columns:auto 1fr auto;align-items:center;gap:7px;margin-top:12px;font-size:.6875rem;display:grid}.duel-meter>i{background:color-mix(in srgb, var(--stage-ink) 10%, transparent);border-radius:99px;height:4px;position:relative;overflow:hidden}.duel-meter>i>i{border-radius:inherit;background:var(--stage-ink);position:absolute;inset:0 auto 0 0}.duel-meter em{color:var(--stage-ink);font-variant-numeric:tabular-nums;font-style:normal;font-weight:700}.duel-best{background:var(--stage-ink);color:var(--stage-solid);letter-spacing:.02em;border-radius:999px;padding:2px 8px;font-size:.625rem;font-weight:720;position:absolute;top:10px;right:10px}.duel-glare{z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(-45deg,#0000 58%,#ffffff38 66%,#ffffff0f 72%,#0000 80%) 100% 100%/260% 260%;transition:background-position .9s;position:absolute;inset:0}.duel-plate:hover .duel-glare{background-position:0 0}.duel-plate.is-on .duel-glare,.duel-plate.won .duel-glare{animation:2.4s ease-in-out infinite duel-glare}.duel-ref{justify-items:center;gap:2px;width:96px;display:grid}.duel-vs{color:var(--stage-ink-3,var(--ink-3));font:600 .6875rem/1 var(--mono,ui-monospace, monospace);letter-spacing:.2em;text-transform:uppercase}.duel-ref-body{width:92px;height:84px;transition:scale .5s var(--spring)}.duel-ref.is-on .duel-ref-body{scale:1.1}.duel-ref-body canvas{width:100%;height:100%}.duel-ref-label{color:var(--stage-ink-3,var(--ink-3));font-size:.6875rem;font-weight:600}.duel-chat{background:color-mix(in srgb, var(--stage-solid) 80%, transparent);height:320px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--stage-ink) 11%, transparent);border-radius:20px;grid-template-rows:auto 1fr;gap:10px;padding:14px;display:grid;overflow:hidden}.duel-ask{background:var(--stage-ink);max-width:88%;color:var(--stage-solid);text-align:center;border-radius:12px;justify-self:center;padding:7px 14px;font-size:.875rem;font-weight:600}.duel-ask span{letter-spacing:.08em;text-transform:uppercase;opacity:.55;font-size:.625rem;font-weight:700;display:block}.duel-log{flex-direction:column;justify-content:flex-end;gap:9px;min-height:0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 20%);mask-image:linear-gradient(#0000,#000 20%)}.duel-msg{background:color-mix(in srgb, var(--stage-ink) 5%, transparent);max-width:84%;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--stage-ink) 9%, transparent);border-radius:14px;flex:none;padding:9px 12px;font-size:.8125rem;line-height:1.5}.duel-msg.claude{border-top-left-radius:4px;align-self:flex-start}.duel-msg.codex{border-top-right-radius:4px;align-self:flex-end}.duel-who{align-items:center;gap:6px;font-size:.8125rem;font-weight:700;display:flex}.duel .duel-who .mark,.nd-duel .duel-who .mark{width:13px;height:13px}.duel-who span{color:var(--stage-ink-3,var(--ink-3));font-size:.6875rem;font-weight:500}.duel-who em{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--stage-ink) 22%, transparent);color:var(--stage-ink-2,var(--ink-2));border-radius:999px;margin-left:auto;padding:0 7px;font-size:.625rem;font-style:normal;font-weight:650;line-height:1.7}.duel-step{background:color-mix(in srgb, var(--stage-ink) 7%, transparent);color:var(--stage-ink-2,var(--ink-2));font:500 .6875rem/1.6 var(--mono,ui-monospace, monospace);border-radius:999px;margin:4px 0 2px;padding:1px 8px;display:inline-block}.duel-msg p{color:var(--stage-ink-2,var(--ink-2));margin-top:3px}.duel-msg p b{color:var(--stage-ink)}.duel-msg code{background:color-mix(in srgb, var(--stage-ink) 9%, transparent);font:.76rem var(--mono,ui-monospace, monospace);border-radius:5px;padding:0 4px}.duel-verdict{background:color-mix(in srgb, var(--stage-ink) 7%, var(--stage-solid));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--stage-ink) 30%, transparent);color:var(--stage-ink-2,var(--ink-2));border-radius:16px;flex:none;padding:12px 14px;font-size:.8125rem;line-height:1.5;position:relative;overflow:hidden}.duel-verdict .duel-glare{animation:2.6s ease-in-out .3s both duel-glare}.duel-verdict-head{color:var(--stage-ink);align-items:center;gap:8px;margin-bottom:4px;font-weight:740;display:flex}.duel-winner{background:var(--stage-ink);color:var(--stage-solid);border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:1px 9px 1px 7px;font-size:.6875rem;font-weight:720;display:inline-flex}.duel .duel-winner .mark,.nd-duel .duel-winner .mark{width:11px;height:11px}.duel-verdict ul{margin:4px 0;padding-left:16px}.duel-verdict b{color:var(--stage-ink)}.duel-typing{color:var(--stage-ink-3,var(--ink-3));flex:none;align-items:center;gap:4px;font-size:.75rem;display:inline-flex}.duel-typing.claude{align-self:flex-start}.duel-typing.codex{align-self:flex-end}.duel-typing.forky{align-self:center}.duel-typing i{background:currentColor;border-radius:50%;width:4px;height:4px;animation:1.1s infinite duel-dot}.duel-typing i:nth-of-type(2){animation-delay:.15s}.duel-typing i:nth-of-type(3){animation-delay:.3s}.nd-duel{background:var(--stage-bg);box-shadow:inset 0 0 0 1px var(--stage-line);color:var(--stage-ink);border-radius:22px;padding:22px}@keyframes duel-glare{0%{background-position:100% 100%}60%,to{background-position:0 0}}@keyframes duel-dot{0%,80%,to{opacity:.3}40%{opacity:1}}@media (width<=1080px){.duel-stage{grid-template-columns:1fr;padding:44px 22px}}@media (width<=560px){.duel-plates{gap:8px}.duel-ref{width:64px}.duel-ref-body{width:64px;height:58px}.duel-chat{height:380px}}@media (prefers-reduced-motion:reduce){.duel-glare,.duel-typing i{animation:none!important}}