.arena{--arena-v-top-x:5px;--arena-v-top-y:-6px;--arena-v-bot-x:6px;--arena-v-bot-y:-7px;--arena-v-in-x:0px;--arena-v-in-y:-7px;--arena-lift:max(0px, calc(-1 * var(--arena-v-top-y)), calc(-1 * var(--arena-v-bot-y)), calc(-1 * var(--arena-v-in-y)));--arena-top:max(var(--header-height), calc(var(--title-height) - var(--arena-lift)));--arena-side:var(--gutter);--arena-gap:clamp(10px, .95vw, 15px);--arena-plate:var(--title-width);--process-height:clamp(44px, 6.2vh, 52px);--ballot-height:clamp(48px, 7vh, 56px);--arena-bottom:calc(var(--gutter) + var(--process-height) + var(--gutter));--ballot-bottom:calc(var(--arena-bottom) - var(--ballot-height) / 2);--nib-w:calc(var(--arena-plate) / 2 - var(--arena-gap) / 2 + var(--nib-reach));--nib-reach:calc(var(--nib-d) / sqrt(2) + .07 * var(--nib-d) * sqrt(2));--nib-d:20px;--nib-notch:var(--nib-d);--nib-run:var(--nib-d);--nib-lead:var(--nib-w);--notch-h:0px;--notch-reach:0px;--notch-cut:0px;--corner-a-w:var(--bevel-large);--corner-a-h:var(--bevel-large);--corner-a-cut:var(--bevel-large);--corner-b-w:var(--bevel-large);--corner-b-h:var(--bevel-large);--corner-b-cut:var(--bevel-large);--arena-nib-top-y:calc(var(--arena-v-top-y) + var(--arena-lift));--arena-nib-bot-y:calc(var(--nib-notch) + var(--arena-v-bot-y) + var(--arena-lift));--arena-nib-gap-y:calc(var(--nib-notch) + var(--arena-v-in-y) + var(--arena-lift));--arena-panel-left-clip:polygon(var(--bevel-large) 0, calc(100% - var(--nib-lead) + var(--arena-v-top-x)) var(--arena-nib-top-y), calc(100% - var(--nib-lead) + var(--nib-run) + var(--arena-v-bot-x)) var(--arena-nib-bot-y), calc(100% + var(--arena-v-in-x)) var(--arena-nib-gap-y), 100% calc(100% - var(--notch-h)), calc(100% - var(--notch-reach) + var(--notch-cut)) calc(100% - var(--notch-h)), calc(100% - var(--notch-reach)) calc(100% - var(--notch-h) + var(--notch-cut)), calc(100% - var(--notch-reach)) 100%, var(--corner-a-w) 100%, var(--corner-a-w) calc(100% - var(--corner-a-h) + var(--corner-a-cut)), calc(var(--corner-a-w) - var(--corner-a-cut)) calc(100% - var(--corner-a-h)), 0 calc(100% - var(--corner-a-h)), 0 var(--bevel-large));--arena-panel-right-clip:polygon(calc(0px - var(--arena-v-in-x)) var(--arena-nib-gap-y), calc(var(--nib-lead) - var(--nib-run) - var(--arena-v-bot-x)) var(--arena-nib-bot-y), calc(var(--nib-lead) - var(--arena-v-top-x)) var(--arena-nib-top-y), calc(100% - var(--bevel-large)) 0, 100% var(--bevel-large), 100% calc(100% - var(--corner-b-h)), calc(100% - var(--corner-b-w) + var(--corner-b-cut)) calc(100% - var(--corner-b-h)), calc(100% - var(--corner-b-w)) calc(100% - var(--corner-b-h) + var(--corner-b-cut)), calc(100% - var(--corner-b-w)) 100%, var(--notch-reach) 100%, var(--notch-reach) calc(100% - var(--notch-h) + var(--notch-cut)), calc(var(--notch-reach) - var(--notch-cut)) calc(100% - var(--notch-h)), 0 calc(100% - var(--notch-h)));--arena-panel-compact-clip:polygon(24px 0, calc(100% - 24px) 0, 100% 24px, 100% calc(100% - 24px), calc(100% - 24px) 100%, 24px 100%, 0 calc(100% - 24px), 0 24px);--chip-height:clamp(30px, 4.5vh, 36px);--arena-stack-gap:14px;--arena-intro-run:2.2s;--arena-turn-run:1.65s;--arena-door-ease:cubic-bezier(.7, 0, .3, 1);--arena-reveal-run:.48s;--arena-lock-disc:clamp(58px, 5.4vw, 82px);--arena-lock-art:calc(var(--arena-lock-disc) / .6549);--arena-lock-x:calc(var(--arena-lock-art) * .5152);--arena-lock-y:calc(var(--arena-lock-art) * .4916 * 744 / 736);--arena-lock-clear:calc(var(--arena-lock-disc) / 2 + clamp(26px, 2.6vw, 46px));min-width:0;min-height:0}.arena[data-canvas-drop=off]{--ballot-bottom:calc(var(--gutter) + var(--process-height) + var(--gutter));--arena-bottom:calc(var(--ballot-bottom) + var(--ballot-height) / 2)}@media (min-width:821px){.arena .paper-masthead{top:calc((var(--arena-top) - var(--header-height)) / 2)}}.arena-prompt{z-index:50;top:var(--paper-title-top);min-width:var(--title-width);max-width:min(78vw,880px);height:var(--paper-title-height);color:var(--page);isolation:isolate;transition:opacity .3s,transform .3s;display:block;position:absolute;left:50%;transform:translate(-50%)}.arena[data-intro=true] .arena-prompt:before{--shelf:calc(var(--arena-top) - var(--paper-title-top));--reach:calc(var(--nib-reach) - var(--arena-v-top-x));z-index:-1;top:0;right:calc(-1 * var(--reach));left:calc(-1 * var(--reach));height:calc(var(--shelf) + max(var(--arena-nib-bot-y), var(--arena-nib-gap-y)));background:var(--page);clip-path:polygon(0 0, 0 calc(var(--shelf) + var(--arena-nib-top-y)), calc(var(--nib-run) + var(--arena-v-bot-x) - var(--arena-v-top-x)) calc(var(--shelf) + var(--arena-nib-bot-y)), calc(50% - var(--arena-gap) / 2 + var(--arena-v-in-x)) calc(var(--shelf) + var(--arena-nib-gap-y)), calc(50% + var(--arena-gap) / 2 - var(--arena-v-in-x)) calc(var(--shelf) + var(--arena-nib-gap-y)), calc(100% - var(--nib-run) - var(--arena-v-bot-x) + var(--arena-v-top-x)) calc(var(--shelf) + var(--arena-nib-bot-y)), 100% calc(var(--shelf) + var(--arena-nib-top-y)), 100% 0);content:"";position:absolute}.arena-prompt .paper-title-copy{gap:clamp(5px,1.35vh,11px);padding:0 clamp(18px,1.6vw,25px)}.arena-prompt__eyebrow{color:rgb(var(--ground-rgb) / .6);letter-spacing:.32em;text-transform:uppercase;white-space:nowrap;font-size:clamp(8px,1.25vh,10px);font-weight:600;line-height:1}.arena-prompt h1{max-width:100%;color:var(--page);letter-spacing:-.005em;text-align:center;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(24px,min(3.1vw,6vh),49px);font-weight:800;line-height:1.06}.arena[data-doors=lock] .arena-prompt h1{animation:arena-title-in .54s var(--ease-out-soft) both}.arena[data-doors=turn] .arena-prompt .paper-title-copy{animation:arena-prompt-turn var(--arena-turn-run) both}.arena-region{z-index:10;top:var(--arena-top);right:var(--arena-side);bottom:var(--arena-bottom);left:var(--arena-side);grid-template-columns:minmax(0, 1fr) var(--arena-gap) minmax(0, 1fr);min-height:0;display:grid;position:absolute}.arena-splat-stage,.arena-splat-canvas{--splat-left:calc((100% - var(--arena-gap)) / 2);--splat-right:calc(var(--splat-left) + var(--arena-gap));clip-path:polygon(var(--bevel-large) 0, calc(var(--splat-left) - var(--nib-lead) + var(--arena-v-top-x)) var(--arena-nib-top-y), calc(var(--splat-left) - var(--nib-lead) + var(--nib-run) + var(--arena-v-bot-x)) var(--arena-nib-bot-y), calc(var(--splat-left) + var(--arena-v-in-x)) var(--arena-nib-gap-y), calc(var(--splat-right) - var(--arena-v-in-x)) var(--arena-nib-gap-y), calc(var(--splat-right) + var(--nib-lead) - var(--nib-run) - var(--arena-v-bot-x)) var(--arena-nib-bot-y), calc(var(--splat-right) + var(--nib-lead) - var(--arena-v-top-x)) var(--arena-nib-top-y), calc(100% - var(--bevel-large)) 0, 100% var(--bevel-large), 100% calc(100% - var(--corner-b-h)), calc(100% - var(--corner-b-w) + var(--corner-b-cut)) calc(100% - var(--corner-b-h)), calc(100% - var(--corner-b-w)) calc(100% - var(--corner-b-h) + var(--corner-b-cut)), calc(100% - var(--corner-b-w)) 100%, calc(var(--splat-right) + var(--notch-reach)) 100%, calc(var(--splat-right) + var(--notch-reach)) calc(100% - var(--notch-h) + var(--notch-cut)), calc(var(--splat-right) + var(--notch-reach) - var(--notch-cut)) calc(100% - var(--notch-h)), calc(var(--splat-left) - var(--notch-reach) + var(--notch-cut)) calc(100% - var(--notch-h)), calc(var(--splat-left) - var(--notch-reach)) calc(100% - var(--notch-h) + var(--notch-cut)), calc(var(--splat-left) - var(--notch-reach)) 100%, var(--corner-a-w) 100%, var(--corner-a-w) calc(100% - var(--corner-a-h) + var(--corner-a-cut)), calc(var(--corner-a-w) - var(--corner-a-cut)) calc(100% - var(--corner-a-h)), 0 calc(100% - var(--corner-a-h)), 0 var(--bevel-large))}.arena-splat-stage{z-index:1;pointer-events:none;position:absolute;inset:0}.arena[data-solo=true] .arena-splat-stage,.arena[data-solo=true] .arena-splat-canvas{clip-path:polygon(var(--bevel-large) 0, calc(100% - var(--bevel-large)) 0, 100% var(--bevel-large), 100% calc(100% - var(--bevel-large)), calc(100% - var(--bevel-large)) 100%, var(--bevel-large) 100%, 0 calc(100% - var(--bevel-large)), 0 var(--bevel-large))}.arena-splat-wash{z-index:1;pointer-events:none;-webkit-backdrop-filter:grayscale();backdrop-filter:grayscale();position:absolute}.arena-panel{--paper-frame-width:0;--paper-frame-inset:0;--paper-frame-fill:var(--canvas);min-width:0;min-height:0;transition:transform .54s var(--ease-out-soft), opacity .42s ease, filter .42s ease;position:relative;overflow:hidden}:root[data-theme=dark] .arena-panel{--paper-frame-width:var(--paper-canvas-frame-width);--paper-frame-inset:var(--paper-canvas-frame-inset)}.arena-panel[data-side=left]{--paper-frame-clip:var(--arena-panel-left-clip);--paper-frame-inner-clip:polygon(calc(var(--bevel-large) - var(--paper-frame-inset)) 0, calc(100% - var(--nib-lead) + var(--arena-v-top-x) + var(--paper-frame-inset)) var(--arena-nib-top-y), calc(100% - var(--nib-lead) + var(--nib-run) + var(--arena-v-bot-x) + var(--paper-frame-inset)) var(--arena-nib-bot-y), calc(100% + var(--arena-v-in-x)) var(--arena-nib-gap-y), 100% calc(100% - var(--notch-h)), calc(100% - var(--notch-reach) + var(--notch-cut)) calc(100% - var(--notch-h)), calc(100% - var(--notch-reach)) calc(100% - var(--notch-h) + var(--notch-cut)), calc(100% - var(--notch-reach)) 100%, var(--corner-a-w) 100%, var(--corner-a-w) calc(100% - var(--corner-a-h) + var(--corner-a-cut) + var(--paper-frame-inset)), calc(var(--corner-a-w) - var(--corner-a-cut) - var(--paper-frame-inset)) calc(100% - var(--corner-a-h)), 0 calc(100% - var(--corner-a-h)), 0 calc(var(--bevel-large) - var(--paper-frame-inset)))}.arena-panel[data-side=right]{--paper-frame-clip:var(--arena-panel-right-clip);--paper-frame-inner-clip:polygon(calc(0px - var(--arena-v-in-x)) var(--arena-nib-gap-y), calc(var(--nib-lead) - var(--nib-run) - var(--arena-v-bot-x) - var(--paper-frame-inset)) var(--arena-nib-bot-y), calc(var(--nib-lead) - var(--arena-v-top-x) - var(--paper-frame-inset)) var(--arena-nib-top-y), calc(100% - var(--bevel-large) + var(--paper-frame-inset)) 0, 100% calc(var(--bevel-large) - var(--paper-frame-inset)), 100% calc(100% - var(--corner-b-h)), calc(100% - var(--corner-b-w) + var(--corner-b-cut) + var(--paper-frame-inset)) calc(100% - var(--corner-b-h)), calc(100% - var(--corner-b-w)) calc(100% - var(--corner-b-h) + var(--corner-b-cut) + var(--paper-frame-inset)), calc(100% - var(--corner-b-w)) 100%, var(--notch-reach) 100%, var(--notch-reach) calc(100% - var(--notch-h) + var(--notch-cut)), calc(var(--notch-reach) - var(--notch-cut)) calc(100% - var(--notch-h)), 0 calc(100% - var(--notch-h)))}.arena-panel__surface{position:relative;overflow:hidden}.arena-panel[data-role=expanded]{--paper-frame-clip:var(--paper-octagonal-clip);--paper-frame-inner-clip:var(--paper-octagonal-inner-clip);z-index:8;width:calc(200% + var(--arena-gap))}.arena-panel[data-side=right][data-role=expanded]{justify-self:end}.arena-panel[data-role=pushed]{opacity:0;pointer-events:none}.arena-panel[data-outcome=won]{transform:translateY(-11px)}.arena[data-docking=true] .arena-panel[data-outcome=won],.arena[data-doors=turn] .arena-panel[data-outcome=won]{transform:none}.arena-panel__view,.arena-panel__dim,.arena-panel__glow,.arena-panel__fx{position:absolute;inset:0}.arena-panel__view{z-index:1}.arena-panel[data-outcome=lost] .arena-panel__fx{filter:grayscale()}.arena-panel__dim{z-index:4;pointer-events:none;background:0 0;transition:background .54s}.arena-panel[data-outcome=lost] .arena-panel__dim{background:#0009}.arena-panel__glow{z-index:5;pointer-events:none;opacity:0;box-shadow:inset 0 0 14px rgb(var(--ink-rgb) / .45), inset 0 0 52px rgb(var(--ink-rgb) / .18);transition:opacity .52s var(--ease-out-soft)}.arena-panel[data-outcome=won] .arena-panel__glow{opacity:1}.arena-panel__fx{z-index:24;pointer-events:none;overflow:hidden}.arena-versus{z-index:32;border:var(--arena-vs-frame,0) solid var(--ink);box-sizing:border-box;background:var(--page);width:clamp(30px,2.4vw,38px);height:clamp(30px,2.4vw,38px);color:var(--ink);letter-spacing:.06em;place-self:center;place-items:center;margin:0 -12px;font-size:14px;font-weight:800;display:grid}.arena[data-doors=lock] .arena-versus{opacity:0}.arena[data-doors=unlock] .arena-versus{animation:arena-versus-in var(--arena-intro-run) linear both}:root[data-theme=dark] .arena-versus{--arena-vs-frame:var(--paper-canvas-frame-width)}.arena-panel__chip{z-index:30;height:var(--chip-height);box-sizing:border-box;background:var(--ink);color:var(--page);pointer-events:none;align-items:center;gap:11px;font-size:14px;font-weight:800;line-height:1;display:flex;position:absolute;top:0}.arena-panel[data-side=left] .arena-panel__chip{padding:0 clamp(18px, 1.75vw, 28px) 0 calc(var(--bevel-large) + 6px);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);left:0}.arena-panel[data-side=right] .arena-panel__chip{padding:0 calc(var(--bevel-large) + 6px) 0 clamp(18px, 1.75vw, 28px);clip-path:polygon(0 0,100% 0,100% 100%,12px 100%,0 calc(100% - 12px));right:0}.arena[data-intro=true] .arena-panel__chip{transform:translateY(-110%)}.arena[data-intro=false] .arena-panel__chip{animation:arena-chip-in var(--arena-reveal-run) var(--ease-out-soft) both}.arena-panel__chip span{letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;place-items:center;min-width:32px;font-size:11px;font-weight:700;display:grid}.arena-panel__chip i,.arena-panel__chip strong{grid-area:1/1}.arena-panel__chip i{letter-spacing:.16em;font-style:normal;font-weight:800;transition:opacity .26s}.arena-panel__chip strong{opacity:0;max-width:0;transition:opacity .32s ease .12s, max-width .32s var(--ease-out-soft);font-weight:800;overflow:hidden}.arena-panel__chip[data-revealed=true] i{opacity:0;overflow:hidden}.arena-panel__chip[data-revealed=true] strong{opacity:1;max-width:28ch}.arena-result{z-index:28;pointer-events:none;animation:arena-result-in .52s var(--ease-out-soft) both;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:12px}.arena-result[data-align=left]{left:28px}.arena-result[data-align=right]{align-items:flex-end;right:28px}.arena-result span{color:rgb(var(--ink-rgb) / .55);letter-spacing:.22em;font-size:12px;font-weight:600}.arena-result strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(140px,22vh,240px);font-weight:800;line-height:.82}.arena-panel[data-outcome=lost] .arena-result span{color:color-mix(in srgb, var(--ink) 42%, white)}.arena-panel[data-outcome=lost] .arena-result strong{color:color-mix(in srgb, var(--ink) 58%, white)}.arena-ballot{--ballot-vote-w:200px;--ballot-skip-w:104px;--ballot-skip-grow:60px;z-index:55;bottom:var(--ballot-bottom);width:calc(2 * var(--ballot-vote-w) + var(--ballot-skip-w));height:var(--ballot-height);transition:width .46s var(--ease-snappy);transform-origin:50%;border:var(--ballot-frame-width,var(--hair)) solid var(--ballot-frame-color,var(--ink));background:var(--ink);display:flex;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.arena-ballot[data-voted=true]{--ballot-vote-w:268px;--ballot-skip-w:122px;--ballot-skip-grow:0px}.arena[data-intro=true] .arena-ballot{transform:translate(-50%)scaleX(0)}.arena[data-intro=false] .arena-ballot{animation:arena-ballot-in var(--arena-reveal-run) var(--ease-out-soft) both}.arena-ballot button{font:inherit;cursor:pointer;border:0;border-radius:0;padding:0;position:relative;overflow:hidden}.arena-ballot button:disabled{cursor:default}.arena-ballot__vote{width:var(--ballot-vote-w);transition:width .46s var(--ease-snappy), background .18s ease, color .18s ease;flex:none}.arena-ballot__choice{justify-content:center;align-items:center;gap:10px;height:100%;font-size:20px;font-weight:800;transition:opacity .24s;display:flex}.arena-ballot__choice svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;opacity:.45;width:11px;height:11px;transition:transform .2s}.arena-ballot__vote--a:not(:disabled):hover svg{transform:translate(-4px)}.arena-ballot__vote--b:not(:disabled):hover svg{transform:translate(4px)}.arena-ballot__reveal{opacity:0;pointer-events:none;justify-content:space-between;align-items:center;gap:8px;padding:0 13px;transition:opacity .32s .12s;display:flex;position:absolute;inset:0}.arena-ballot__reveal>span:first-child{align-items:baseline;gap:8px;min-width:0;display:flex}.arena-ballot__reveal b,.arena-ballot__reveal strong{text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:800}.arena-ballot__reveal strong{letter-spacing:.06em;font-weight:700}.arena-ballot__elo{letter-spacing:.12em;font-variant-numeric:tabular-nums;align-items:baseline;gap:5px;font-size:10px;font-weight:600;display:flex}.arena-ballot__elo small{opacity:.55}.arena-ballot[data-voted=true] .arena-ballot__choice{opacity:0}.arena-ballot[data-voted=true] .arena-ballot__reveal{opacity:1}.arena-ballot__vote--b .arena-ballot__reveal,.arena-ballot__vote--b .arena-ballot__reveal>span:first-child{flex-direction:row-reverse}.arena-ballot__skip{width:var(--ballot-skip-w);transition:width .46s var(--ease-snappy), color .13s ease, box-shadow .18s ease;flex:auto}.arena-ballot:has(.arena-ballot__skip:not(:disabled):hover) .arena-ballot__vote{width:calc(var(--ballot-vote-w) - var(--ballot-skip-grow) / 2)}.arena-ballot__skip-label,.arena-ballot__next{letter-spacing:.22em;place-items:center;font-size:10px;transition:opacity .22s;display:grid;position:absolute;inset:0}.arena-ballot__skip-label{font-weight:500}.arena-ballot__next{opacity:0;letter-spacing:.2em;grid-template-rows:auto auto;align-content:center;gap:6px;padding:0 12px;font-weight:600}.arena-ballot__next i{width:100%;height:var(--hair);background:rgb(var(--ground-rgb) / .25);display:block;overflow:hidden}.arena-ballot__next b{transform-origin:0;width:100%;height:100%;animation:3.4s linear both arena-next;display:block}.arena-ballot[data-voted=true] .arena-ballot__skip-label{opacity:0}.arena-ballot[data-voted=true] .arena-ballot__next{opacity:1}.arena-process{z-index:58;right:calc(var(--arena-side) + var(--bevel-large));bottom:var(--gutter);left:calc(var(--arena-side) + var(--bevel-large));height:var(--process-height);pointer-events:none;align-items:center;display:flex;position:absolute;overflow:visible}.arena-process__line{flex-wrap:nowrap;flex:1;align-items:center;min-width:0;margin:0;padding:0;list-style:none;display:flex}.arena-process__step,.arena-process__prompt{align-items:center;gap:16px;display:flex}.arena-process__step{width:max-content;color:var(--ink);flex:none;line-height:1}.arena-process__steps{display:contents}.arena-process__line>.arena-process__step:last-child{margin-right:auto}.arena-process__arrow{color:rgb(var(--ink-rgb) / .42);flex:none;align-items:center;margin-inline:auto;display:flex}.arena-process__arrow svg{fill:currentColor;width:48px;height:12px}.arena-process__prompt{pointer-events:auto;width:max-content;min-width:0}.arena-process__prompt>div{width:max-content}.arena-process__step b{font-variant-numeric:tabular-nums;font-size:20px;font-weight:800}.arena-process__step div{flex-direction:column;gap:5px;min-width:0;display:flex}.arena-process__step strong{letter-spacing:.12em;text-transform:uppercase;font-size:14px;font-weight:800}.arena-process__step div span{color:rgb(var(--ink-rgb) / .62);letter-spacing:.01em;white-space:nowrap;font-size:13px;font-weight:600}.arena-process__field.paper-underline-field{--paper-underline-gap:3px;flex-flow:row;align-items:center;width:max-content;height:20px;min-height:20px;max-height:20px;display:flex}.arena-process__field .paper-underline-field__control{width:14rem;min-width:14rem;height:20px;color:var(--ink);white-space:nowrap;flex:0 0 14rem;padding:0 0 3px;font-size:13px;font-weight:600;line-height:1;overflow:hidden}.arena-process__field .paper-underline-field__control::placeholder{color:rgb(var(--ink-rgb) / .32)}.arena-process__field .paper-underline-field__trailing{height:20px;margin-left:8px}.arena-process__field button{letter-spacing:.14em;white-space:nowrap;cursor:pointer;border:0;border-radius:0;flex:none;height:20px;padding:0 8px;font-size:10px;font-weight:700;line-height:20px}@media (min-width:821px){.arena[data-steps=inset]{--notch-gap:calc(var(--nib-notch) + var(--arena-v-in-y));--notch-h:calc(var(--ballot-height) + var(--notch-gap));--notch-reach:calc(var(--ballot-w,0px) / 2 + var(--notch-gap) - var(--arena-gap) / 2);--notch-cut:calc(var(--stamp-cut) + var(--notch-gap) * (2 - sqrt(2)));--arena-bottom:calc(var(--gutter) + var(--process-height) + var(--notch-gap));--ballot-bottom:var(--arena-bottom)}.arena[data-steps=inset] .arena-ballot{--ballot-inner-cut:calc(var(--stamp-cut) - var(--ballot-frame-width,var(--hair)) * (2 - sqrt(2)));clip-path:polygon(var(--stamp-cut) 0, calc(100% - var(--stamp-cut)) 0, 100% var(--stamp-cut), 100% 100%, 0 100%, 0 var(--stamp-cut))}.arena[data-steps=inset] .arena-ballot__vote--a{clip-path:polygon(var(--ballot-inner-cut) 0, 100% 0, 100% 100%, 0 100%, 0 var(--ballot-inner-cut))}.arena[data-steps=inset] .arena-ballot__vote--b{clip-path:polygon(0 0, calc(100% - var(--ballot-inner-cut)) 0, 100% var(--ballot-inner-cut), 100% 100%, 0 100%)}.arena:is([data-steps=pedestal],[data-steps=plinth]){--pedestal-gap:calc(var(--nib-notch) + var(--arena-v-in-y));--pedestal-pad:12px;--pedestal-row:20px;--pedestal-base:calc(var(--pedestal-pad) + var(--process-height) + var(--pedestal-row) + 20px);--pedestal-h:calc(var(--pedestal-base) + var(--ballot-height) / 2 - var(--pedestal-gap));--pedestal-w:calc(max(var(--ballot-w,0px), var(--plaque-a-w,0px), var(--plaque-b-w,0px)) + 48px);--arena-bottom:calc(var(--pedestal-base) + var(--ballot-height) / 2);--ballot-bottom:var(--pedestal-base)}.arena[data-steps=plinth]{--arena-bottom:var(--gutter);--notch-h:calc(var(--pedestal-base) + var(--ballot-height) / 2 - var(--gutter));--notch-reach:calc(var(--pedestal-w) / 2 + var(--pedestal-gap) - var(--arena-gap) / 2);--notch-cut:calc(var(--stamp-cut) + var(--pedestal-gap) * (2 - sqrt(2)))}.arena:is([data-steps=pedestal],[data-steps=plinth]) .starshot-lockup .starshot-lockup__block{padding-right:0}.arena:is([data-steps=pedestal],[data-steps=plinth]) .arena-region:after{z-index:40;bottom:calc(-1 * var(--arena-bottom));width:var(--pedestal-w);height:var(--pedestal-h);background:var(--ink);clip-path:polygon(var(--stamp-cut) 0, calc(100% - var(--stamp-cut)) 0, 100% var(--stamp-cut), 100% 100%, 0 100%, 0 var(--stamp-cut));pointer-events:none;content:"";position:absolute;left:50%;translate:-50%}.arena:is([data-steps=pedestal],[data-steps=plinth]) .arena-process{right:0;bottom:var(--pedestal-pad);flex-direction:column-reverse;align-items:center;gap:10px;height:auto;left:0}.arena:is([data-steps=pedestal],[data-steps=plinth]) .starshot-lockup{height:var(--process-height);align-self:center;margin-right:0}.arena:is([data-steps=pedestal],[data-steps=plinth]) .arena-process__steps{align-items:center;gap:14px;display:flex}.arena:is([data-steps=pedestal],[data-steps=plinth]) .arena-process__line{flex:none;gap:14px}.arena:is([data-steps=pedestal],[data-steps=plinth]) .arena-process__arrow{color:rgb(var(--ground-rgb) / .45);margin:0}.arena:is([data-steps=pedestal],[data-steps=plinth]) .arena-process__arrow svg{width:16px}.arena:is([data-steps=pedestal],[data-steps=plinth]) .arena-process__step{color:var(--page);align-items:baseline;gap:6px;margin:0}.arena:is([data-steps=pedestal],[data-steps=plinth]) .arena-process__step>div{flex-direction:row;align-items:baseline;gap:7px}.arena:is([data-steps=pedestal],[data-steps=plinth]) .arena-process__step :is(b,strong){font-size:11px}.arena:is([data-steps=pedestal],[data-steps=plinth]) .arena-process__line span{display:none}.arena:is([data-steps=pedestal],[data-steps=plinth]) .arena-process__field{--paper-underline-color:var(--page)}.arena:is([data-steps=pedestal],[data-steps=plinth]) .arena-process__field:before{border-bottom-color:rgb(var(--ground-rgb) / .5)}.arena:is([data-steps=pedestal],[data-steps=plinth]) .arena-process__field .paper-underline-field__control{width:10rem;min-width:10rem;color:var(--page);flex-basis:10rem;font-size:12px}.arena:is([data-steps=pedestal],[data-steps=plinth]) .arena-process__field .paper-underline-field__control::placeholder{color:rgb(var(--ground-rgb) / .45)}.arena:is([data-steps=pedestal],[data-steps=plinth]) .arena-process__field button{background:var(--page);color:var(--ink)}.arena[data-steps=bar]{--bar-gap:calc(var(--nib-notch) + var(--arena-v-in-y));--arena-bottom:calc(var(--footer-height) + var(--bar-gap) + var(--ballot-height) / 2)}.arena[data-steps=bar] .arena-process{--process-height:var(--footer-height);padding:0 calc(var(--arena-side) + var(--bevel-large));background:var(--ink);bottom:0;left:0;right:0}.arena[data-steps=bar] .arena-process__step{color:var(--page)}.arena[data-steps=bar] .arena-process__step div span{color:rgb(var(--ground-rgb) / .6)}.arena[data-steps=bar] .arena-process__arrow{color:rgb(var(--ground-rgb) / .4)}.arena[data-steps=bar] .arena-process__field{--paper-underline-color:var(--page)}.arena[data-steps=bar] .arena-process__field:before{border-bottom-color:rgb(var(--ground-rgb) / .5)}.arena[data-steps=bar] .arena-process__field .paper-underline-field__control{color:var(--page)}.arena[data-steps=bar] .arena-process__field .paper-underline-field__control::placeholder{color:rgb(var(--ground-rgb) / .42)}.arena[data-steps=bar] .arena-process__field button{background:var(--page);color:var(--ink)}.arena[data-steps=bar] .arena-process__prompt{margin-left:calc(-1 * var(--bevel-large))}.arena[data-steps=bar] .starshot-lockup{margin-right:calc(-1 * (var(--arena-side) + var(--bevel-large)))}.arena[data-steps=footer]{--footer-gap:clamp(12px, 1.3vh, 16px);--ballot-bottom:calc(var(--gutter) + var(--process-height) + 2 * var(--footer-gap) + var(--hair));--arena-bottom:calc(var(--ballot-bottom) + var(--ballot-height) / 2)}.arena[data-steps=footer] .arena-process{align-items:flex-start}.arena[data-steps=footer] .arena-process:before{right:calc(-1 * var(--bevel-large));bottom:calc(100% + var(--footer-gap));left:calc(-1 * var(--bevel-large));height:var(--hair);background:rgb(var(--ink-rgb) / .16);content:"";position:absolute}.arena[data-steps=footer] .arena-process__step{align-items:baseline}.arena[data-steps=footer] .arena-process__prompt{margin-left:calc(-1 * var(--bevel-large))}.arena[data-steps=footer] .arena-process__prompt>div{gap:2px}}.arena-intro{z-index:48;grid-template-columns:minmax(0, 1fr) var(--arena-gap) minmax(0, 1fr);pointer-events:none;min-height:0;display:grid;position:absolute;inset:0;overflow:hidden}.arena-intro__aperture{min-width:0;min-height:0;position:relative;overflow:hidden}.arena-intro__aperture--a{clip-path:var(--arena-panel-left-clip);grid-column:1}.arena-intro__aperture--b{clip-path:var(--arena-panel-right-clip);grid-column:3}.arena-intro__door{background:var(--ink);will-change:transform;position:absolute;inset:0}.arena-intro[data-mode=unlock] .arena-intro__door--a{animation:arena-door-a var(--arena-intro-run) var(--arena-door-ease) both}.arena-intro[data-mode=unlock] .arena-intro__door--b{animation:arena-door-b var(--arena-intro-run) var(--arena-door-ease) both}.arena-intro[data-mode=turn] .arena-intro__door--a{animation:arena-door-turn-a var(--arena-turn-run) var(--arena-door-ease) both}.arena-intro[data-mode=turn] .arena-intro__door--b{animation:arena-door-turn-b var(--arena-turn-run) var(--arena-door-ease) both}.arena-intro__door>span{color:var(--page);font-size:118px;font-weight:800;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.arena-intro__door--a>span{right:var(--arena-lock-clear)}.arena-intro__door--b>span{left:var(--arena-lock-clear)}.arena-intro[data-mode=turn] .arena-intro__door--a>span{right:clamp(18px,1.8vw,32px)}.arena-intro[data-mode=turn] .arena-intro__door--b>span{left:clamp(18px,1.8vw,32px)}.arena-intro__status{--loader-size:30px;--loader-surface:var(--ink);color:rgb(var(--ground-rgb) / .62);letter-spacing:.24em;white-space:nowrap;transition:opacity .36s var(--ease-out-soft) .28s;align-items:center;gap:12px;margin-top:14px;font-size:9.5px;font-style:normal;display:flex;position:absolute;top:100%}@starting-style{.arena-intro__status{opacity:0}}.arena-intro__status[data-loading=false]{--loader-play:paused;opacity:0;transition-duration:.24s;transition-delay:0s}.arena-intro__door--a .arena-intro__status{flex-direction:row-reverse;right:0}.arena-intro__door--b .arena-intro__status{left:0}.arena-intro__meet{z-index:1;top:var(--arena-nib-gap-y);bottom:var(--notch-h);width:calc(var(--arena-gap) + 2px);background:var(--ink);position:absolute;left:50%;transform:translate(-50%)}.arena-intro__seam{z-index:2;top:var(--arena-nib-gap-y);bottom:var(--notch-h);width:var(--hair);background:var(--page);position:absolute;left:50%;transform:translate(-50%)}.arena-intro[data-mode=unlock] :is(.arena-intro__meet,.arena-intro__seam,.arena-intro__lock){animation:arena-seal var(--arena-intro-run) linear both}.arena-intro[data-mode=turn] :is(.arena-intro__meet,.arena-intro__seam){animation:arena-seal-turn var(--arena-turn-run) linear both}.arena-intro__lock{z-index:3;width:var(--arena-lock-disc);height:var(--arena-lock-disc);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.arena-intro__lock:before{top:calc(50% - var(--arena-lock-art) * .55);bottom:calc(50% - var(--arena-lock-art) * .55);width:calc(var(--hair) + 2px);background:var(--ink);content:"";position:absolute;left:50%;transform:translate(-50%)}.arena-intro[data-mode=unlock] .arena-intro__lock:before{animation:arena-lock-backing var(--arena-intro-run) var(--ease-in-out-soft) both}.arena-intro__lock-disc{background:var(--ink);border-radius:50%;position:absolute;inset:-6px}.arena-intro__lock-mark{z-index:1;top:calc(50% - var(--arena-lock-y));left:calc(50% - var(--arena-lock-x));width:var(--arena-lock-art);aspect-ratio:736/744;background:var(--page);transform-origin:var(--arena-lock-x) var(--arena-lock-y);will-change:rotate;display:block;position:absolute;-webkit-mask:url(/starshot-mark-trim.png) 50%/contain no-repeat;mask:url(/starshot-mark-trim.png) 50%/contain no-repeat}.arena-intro[data-mode=unlock] .arena-intro__lock-mark{animation:arena-lock var(--arena-intro-run) var(--ease-in-out-soft) both}@keyframes arena-title-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes arena-prompt-turn{0%{opacity:1;animation-timing-function:var(--arena-door-ease)}40%{opacity:0}52%{opacity:0;animation-timing-function:var(--arena-door-ease)}to{opacity:1}}@keyframes arena-result-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes arena-next{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes arena-chip-in{0%{transform:translateY(-110%)}to{transform:none}}@keyframes arena-ballot-in{0%{transform:translate(-50%)scaleX(0)}to{transform:translate(-50%)scaleX(1)}}@keyframes arena-door-a{0%,60%{animation-timing-function:var(--arena-door-ease);transform:translate(0)}94%,to{transform:translate(-102%)}}@keyframes arena-door-b{0%,60%{animation-timing-function:var(--arena-door-ease);transform:translate(0)}94%,to{transform:translate(102%)}}@keyframes arena-door-a-stacked{0%,60%{animation-timing-function:var(--arena-door-ease);transform:translateY(0)}94%,to{transform:translateY(-102%)}}@keyframes arena-door-b-stacked{0%,60%{animation-timing-function:var(--arena-door-ease);transform:translateY(0)}94%,to{transform:translateY(102%)}}@keyframes arena-door-turn-a{0%{animation-timing-function:var(--arena-door-ease);transform:translate(-102%)}40%{transform:translate(0)}52%{animation-timing-function:var(--arena-door-ease);transform:translate(0)}to{transform:translate(-102%)}}@keyframes arena-door-turn-b{0%{animation-timing-function:var(--arena-door-ease);transform:translate(102%)}40%{transform:translate(0)}52%{animation-timing-function:var(--arena-door-ease);transform:translate(0)}to{transform:translate(102%)}}@keyframes arena-door-turn-a-stacked{0%{animation-timing-function:var(--arena-door-ease);transform:translateY(-102%)}40%{transform:translateY(0)}52%{animation-timing-function:var(--arena-door-ease);transform:translateY(0)}to{transform:translateY(-102%)}}@keyframes arena-door-turn-b-stacked{0%{animation-timing-function:var(--arena-door-ease);transform:translateY(102%)}40%{transform:translateY(0)}52%{animation-timing-function:var(--arena-door-ease);transform:translateY(0)}to{transform:translateY(102%)}}@keyframes arena-seal{0%,58%{opacity:1}66%,to{opacity:0}}@keyframes arena-seal-turn{0%,16%{opacity:0}38%,54%{opacity:1}76%,to{opacity:0}}@keyframes arena-versus-in{0%,66%{opacity:0}80%,to{opacity:1}}@keyframes arena-lock{0%,10%{animation-timing-function:var(--ease-in-out-soft);rotate:none}52%,to{rotate:-45deg}}@keyframes arena-lock-backing{0%,10%{top:calc(50% - var(--arena-lock-art) * .55);bottom:calc(50% - var(--arena-lock-art) * .55);animation-timing-function:var(--ease-in-out-soft)}52%,to{top:calc(50% - var(--arena-lock-art) * .67);bottom:calc(50% - var(--arena-lock-art) * .77)}}@media (max-height:1200px) and (min-width:821px){.arena{--process-height:clamp(40px, 5.5vh, 47px);--ballot-height:clamp(44px, 6.2vh, 50px);--chip-height:clamp(28px, 4vh, 32px);--arena-lock-disc:clamp(52px, 4.8vw, 74px)}.arena-prompt .paper-title-copy{gap:clamp(4px,1.1vh,8px)}.arena-prompt h1{font-size:clamp(22px,min(2.8vw,5.2vh),42px)}.arena-versus{width:clamp(28px,2.2vw,34px);height:clamp(28px,2.2vw,34px);font-size:13px}.arena-panel__chip{gap:9px;font-size:13px}.arena-ballot{--ballot-vote-w:180px;--ballot-skip-w:94px;--ballot-skip-grow:52px}.arena-ballot[data-voted=true]{--ballot-vote-w:240px;--ballot-skip-w:110px}.arena-ballot__choice{font-size:18px}.arena-process__step{gap:14px}.arena-process__step b{font-size:18px}.arena-process__step strong{font-size:13px}.arena-process__step div span{font-size:12px}.arena-process__arrow svg{width:42px}.arena-intro__door>span{font-size:106px}.arena-result strong{font-size:clamp(126px,20vh,216px)}}@media (max-width:1100px){.arena-ballot{--ballot-vote-w:170px;--ballot-skip-w:88px;--ballot-skip-grow:46px}.arena-ballot[data-voted=true]{--ballot-vote-w:220px;--ballot-skip-w:104px}.arena-panel[data-side=left] .arena-panel__chip{padding-left:30px}.arena-panel[data-side=right] .arena-panel__chip{padding-right:30px}.arena-process__line>.arena-process__step:last-child{margin-right:0}}@media (max-height:620px) and (min-width:821px){.arena{--process-height:40px;--ballot-height:46px}.arena-process__step b{font-size:16px}.arena-process__step strong{font-size:12px}.arena-process__step div{gap:4px}.arena-result{bottom:8px}.arena-result strong{font-size:clamp(96px,20vh,160px)}.arena-intro__door>span{font-size:clamp(64px,16vh,92px)}}@media (max-width:820px){.arena{--arena-panel-left-clip:var(--arena-panel-compact-clip);--arena-panel-right-clip:var(--arena-panel-compact-clip);min-width:0;min-height:1100px}.arena-prompt{width:calc(100vw - 32px);min-width:0}.arena-prompt h1{font-size:27px}.arena-region{grid-template-columns:1fr;grid-template-rows:minmax(0, 1fr) var(--arena-stack-gap) minmax(0, 1fr);height:630px;inset:174px 16px auto}.arena-panel[data-side=left],.arena-panel[data-side=right],.arena-panel[data-role=expanded]{--paper-frame-cut:24px;--paper-frame-clip:var(--paper-octagonal-clip);--paper-frame-inner-clip:var(--paper-octagonal-inner-clip);width:auto}.arena-versus{grid-row:2;width:34px;height:34px;margin:-10px 0;font-size:12px}.arena-ballot{width:calc(100% - 32px);top:820px;bottom:auto}.arena-ballot,.arena-ballot[data-voted=true]{--ballot-vote-w:36%;--ballot-skip-w:28%}.arena-ballot{--ballot-skip-grow:12%}.arena-ballot__choice{font-size:14px}.arena-ballot__reveal{justify-content:center}.arena-ballot__elo{display:none}.arena-process{top:calc(820px + var(--ballot-height) + 16px);height:auto;min-height:var(--process-height);flex-wrap:wrap;row-gap:12px;display:flex;bottom:auto;left:40px;right:40px}.arena-process__line{flex-wrap:wrap;row-gap:12px;display:flex}.arena-process__step:first-child{flex:100%;width:auto}.arena-process__prompt{width:100%;min-width:0}.arena-process__field.paper-underline-field{width:min(100%,18rem)}.arena-process__field .paper-underline-field__control{flex:auto;width:auto;min-width:0}.arena-intro{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0, 1fr) var(--arena-stack-gap) minmax(0, 1fr)}.arena-intro__aperture--a{grid-area:1/1}.arena-intro__aperture--b{grid-area:3/1}.arena-intro[data-mode=unlock] .arena-intro__door--a{animation-name:arena-door-a-stacked}.arena-intro[data-mode=unlock] .arena-intro__door--b{animation-name:arena-door-b-stacked}.arena-intro[data-mode=turn] .arena-intro__door--a{animation-name:arena-door-turn-a-stacked}.arena-intro[data-mode=turn] .arena-intro__door--b{animation-name:arena-door-turn-b-stacked}.arena-intro__door>span{top:auto;left:50%;transform:translate(-50%)}.arena-intro__door--a>span{right:auto;bottom:var(--arena-lock-clear)}.arena-intro__door--b>span{left:50%;top:var(--arena-lock-clear)}.arena-intro[data-mode=turn] .arena-intro__door--a>span{bottom:clamp(14px,2vh,24px);right:auto}.arena-intro[data-mode=turn] .arena-intro__door--b>span{top:clamp(14px,2vh,24px);left:50%}.arena-intro__door--a .arena-intro__status{flex-direction:row;margin:0 0 14px;inset:auto auto 100% 50%;transform:translate(-50%)}.arena-intro__door--b .arena-intro__status{left:50%;transform:translate(-50%)}.arena-intro__meet{width:auto;height:calc(var(--arena-stack-gap) + 2px);inset:50% 0 auto;transform:translateY(-50%)}.arena-intro__seam{width:auto;height:var(--hair);inset:50% 0 auto;transform:translateY(-50%)}.arena-intro__lock:before,.arena-intro[data-mode=unlock] .arena-intro__lock:before{top:50%;right:calc(50% - var(--arena-lock-art) * .55);bottom:auto;left:calc(50% - var(--arena-lock-art) * .55);width:auto;height:calc(var(--hair) + 2px);animation:none;transform:translateY(-50%)}.arena[data-intro=true] .arena-prompt:before{display:none}}@media (prefers-reduced-motion:reduce){.arena-intro{display:none}.arena[data-doors=turn] .arena-prompt .paper-title-copy{animation:none}.arena[data-doors=lock] .arena-versus,.arena[data-doors=unlock] .arena-versus{opacity:1;animation:none}.arena[data-intro=true] .arena-panel__chip{transform:none}.arena[data-intro=true] .arena-ballot{transform:translate(-50%)}.arena[data-intro=false] .arena-panel__chip,.arena[data-intro=false] .arena-ballot{animation:none}}
