@font-face{font-family:Bricolage;src:url('/assets/fonts/bricolage-grotesque-latin.woff2')}@font-face{font-family:Geist;src:url('/assets/fonts/geist-latin-wght-normal.woff2')}@font-face{font-family:'Geist Mono';src:url('/assets/fonts/geist-mono-latin-wght-normal.woff2')}
*{box-sizing:border-box}.arena-page{margin:0;background:#0B0B0C;color:#F3F0E9;font:400 17px/1.65 Geist,Arial,sans-serif}.arena-page main{max-width:1200px;margin:auto;padding:0 clamp(22px,4vw,52px)}.arena-page section{padding:66px 0;border-top:1px solid #343430}.arena-page a{color:#E9D5A1;text-underline-offset:4px}.arena-page button{font:inherit;cursor:pointer;min-height:44px}.arena-page a,.arena-page button,.arena-page summary{touch-action:manipulation}.arena-page :focus-visible{outline:2px solid #E9D5A1;outline-offset:4px}.arena-page p{margin:0 0 20px}.arena-page h1,.arena-page h2,.arena-page h3{font-family:Bricolage,Arial,sans-serif;letter-spacing:-.03em;line-height:1.1;margin:0 0 23px}.arena-page h1{font-size:clamp(40px,4.5vw,62px);font-weight:700}.arena-page h1 em{font-style:normal;color:#E9D5A1}.arena-page h2{font-size:clamp(30px,3vw,42px);font-weight:650}.arena-page h3{font-size:23px;font-weight:600}.arena-page .hero{padding:70px 0 60px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:45px;align-items:center;border:0}.provider{display:flex;align-items:center;gap:12px;margin-bottom:28px}.provider img{object-fit:contain;border-radius:9px}.provider span,.kicker{font:500 10px/1.5 'Geist Mono',monospace;letter-spacing:.09em}.kicker{color:#E9D5A1!important;margin-bottom:16px!important}.lead{font-size:19px;line-height:1.6;color:#BDB8AE}.download{display:inline-flex;flex-direction:column;border:1px solid #E9D5A1;background:#E9D5A1;color:#18150E!important;border-radius:999px;text-decoration:none;padding:16px 25px;font-weight:600;line-height:1.5}.download small{font-size:12px;font-weight:400}.originals{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}.originals a{display:flex;align-items:center;min-height:48px;font-size:13px;border:1px solid #474135;border-radius:14px;padding:11px 14px;text-decoration:none}.cost{font-size:13px;line-height:1.6;color:#BDB8AE}.community-link{font-size:13px;display:inline-flex;align-items:center;min-height:44px}.jump{display:flex;flex-wrap:wrap;gap:10px;padding:18px 0;border-block:1px solid #343430}.jump a{display:inline-flex;align-items:center;padding:8px 15px;border:1px solid #474135;border-radius:999px;min-height:44px;text-decoration:none;font-size:13px}.step{display:grid;grid-template-columns:42px 1fr;gap:22px;padding:30px 0;border-bottom:1px solid #343430}.step:last-child{border:0}.step>span{color:#E9D5A1;font:500 24px/1.3 Bricolage}.step p:last-child{margin:0}.arena-page details{margin-top:20px;padding:16px 20px;background:#151516;border-radius:14px;border:1px solid #343430}.arena-page summary{cursor:pointer;font-size:15px;font-weight:600;min-height:28px}.arena-page details p{font-size:15px;margin:15px 0 0}.arena-page code,.arena-page pre{font-family:'Geist Mono',Consolas,monospace;overflow-wrap:anywhere}.arena-page code{font-size:.86em}.command{display:flex;align-items:center;gap:20px;justify-content:space-between;padding:20px;margin:20px 0;background:#151516;border:1px solid #343430;border-radius:14px}.command code{font-size:14px;min-width:0}.arena-page button[data-copy]{border:1px solid #575044;border-radius:999px;background:#232322;color:#F3F0E9;padding:10px 16px;font-size:13px;flex:none}.arena-page button[data-copy]:hover{border-color:#E9D5A1}.scenario{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:30px 0}.scenario>div>span,.scenario ul span,.scenario ul strong{display:block}.scenario>div>span{font:500 10px/1.5 'Geist Mono';color:#BDB8AE;letter-spacing:.08em;margin-bottom:14px}.scenario ul{list-style:none;padding:0;margin:0;border-top:1px solid #343430}.scenario li{padding:13px 0;border-bottom:1px solid #343430}.scenario ul strong{font-family:Bricolage;font-weight:600;font-size:20px}.scenario ul span{font-size:14px;color:#BDB8AE}.prompt{padding:24px;margin:30px 0;background:#151516;border:1px solid #343430;border-radius:14px}.prompt-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.prompt-top>span{font:500 10px/1.5 'Geist Mono';letter-spacing:.08em;color:#BDB8AE}.prompt pre{white-space:pre-wrap;font-size:13px;line-height:1.8;max-height:450px;overflow:auto;padding:12px 5px;margin:16px 0}.prompt>a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.bracket{display:flex;align-items:center;gap:7px;margin:34px 0;flex-wrap:wrap}.bracket span{display:flex;align-items:center;justify-content:center;min-width:58px;min-height:58px;border:1px solid #474135;border-radius:14px;font:600 24px/1 Bricolage}.bracket span.winner{background:#E9D5A1;color:#18150E;border-color:#E9D5A1}.bracket i{font-style:normal;color:#8F8B82}.explainer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:40px 0}.explainer-grid article{padding-top:20px;border-top:1px solid #575044}.explainer-grid article>span{font:500 10px/1.5 'Geist Mono';color:#E9D5A1}.explainer-grid h3{font-size:21px;margin-top:15px}.explainer-grid p{font-size:15px}.note{padding:20px;background:#151516;border:1px solid #343430;border-radius:14px;font-size:15px}.usage{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0}.usage>div{border-block:1px solid #343430;padding:25px 0}.usage span,.usage strong{display:block}.usage span{font:500 10px/1.5 'Geist Mono';letter-spacing:.09em;color:#BDB8AE}.usage strong{font:600 27px/1.2 Bricolage;margin:12px 0}.usage p{font-size:13px;margin:0}.check-row{display:grid;grid-template-columns:150px 1fr;gap:25px;padding:20px 0;border-top:1px solid #343430}.check-row>span{font:600 21px/1.3 Bricolage;color:#E9D5A1}.check-row p{margin:0}.source-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:30px 0}.source-links a{display:flex;align-items:center;border:1px solid #474135;border-radius:14px;min-height:56px;padding:13px 17px;text-decoration:none;font-size:14px}
/* The phase changes expose the concrete task, critique, judge and revised answer. */
.arena-demo{margin:0;min-width:0;--ink:#0B0B0C;--muted:#5E5A52;background:#F4F3EF;border:1px solid #343430;border-radius:24px;padding:20px;color:var(--ink)}.demo-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.demo-head>span{font:500 9px/1.5 'Geist Mono';letter-spacing:.06em;color:#5E5A52;max-width:200px}.demo-head button{border:1px solid #B9B3A8;border-radius:999px;background:transparent;color:#0B0B0C;padding:8px 12px;font-size:11px}.arena-stage{position:relative;height:430px;isolation:isolate}.arena-source{position:absolute;inset:22px 15% auto;padding:20px 17px;background:#fff;border:1px solid #D8D4CC;border-radius:12px;text-align:center;box-shadow:0 12px 22px -15px #0B0B0C44;transition:transform .6s,opacity .6s}.arena-source>span,.answer>span,.judge>span,.arena-result>span{display:block;font:500 8px/1.5 'Geist Mono';letter-spacing:.07em;color:#5E5A52;margin-bottom:10px}.arena-source>strong{display:block;font:600 23px/1.15 Bricolage;letter-spacing:-.03em}.arena-deck{position:absolute;inset:180px 3% 80px}.arena-deck i{position:absolute;top:calc(mod(var(--n),2)*28px);left:calc(var(--n)*10.2%);width:25%;aspect-ratio:3/4;background:#fff;border:1px solid #D8D4CC;border-radius:6px;box-shadow:0 12px 20px -12px #0B0B0C55;transform:rotate(calc((var(--n) - 3.5)*3deg));transition:transform .7s,opacity .5s}.arena-deck b{font:500 8px 'Geist Mono';color:#7A6224;display:block;padding:12px 10px}.arena-deck span{display:block;height:2px;background:#E1DFD8;margin:7px 10px}.arena-deck span:last-child{width:45%}.arena-pair{position:absolute;inset:86px 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;opacity:0;transform:translateY(25px);transition:opacity .5s,transform .6s}.answer{min-width:0;background:#fff;border:1px solid #D8D4CC;border-radius:12px;padding:18px 15px;box-shadow:0 14px 22px -17px #0B0B0C55}.answer strong{display:block;font:600 23px/1.15 Bricolage;letter-spacing:-.025em;color:#0B0B0C}.answer p{font-size:11px;line-height:1.5;margin:13px 0 0}.answer small{display:block;padding-top:13px;margin-top:16px;border-top:1px solid #D8D4CC;font-size:10px;line-height:1.5}.attack{color:#A23D27}.defense{color:#486338}.versus{position:absolute;top:65px;left:calc(50% - 18px);width:36px;height:36px;border-radius:50%;background:#0B0B0C;color:#E9D5A1;display:grid;place-items:center;font:600 10px 'Geist Mono';z-index:2}.judge{position:absolute;inset:auto 9% 20px;padding:16px;background:#E7E2D8;border:1px solid #D0C8BB;border-radius:12px;text-align:center;opacity:0;transform:translateY(15px);transition:opacity .5s,transform .5s}.judge>span{margin-bottom:6px}.judge>strong{font:600 17px/1.2 Bricolage;color:#0B0B0C}.judge-score{display:flex;justify-content:center;gap:35px;margin-top:13px;font:500 11px 'Geist Mono';color:#5E5A52}.judge-score b{font:650 24px Bricolage;color:#0B0B0C;margin-left:8px}.judge-score span:last-child b{color:#486338}.arena-result{position:absolute;inset:65px 10% auto;padding:30px 22px;background:#fff;border:1px solid #C2B593;border-radius:14px;box-shadow:0 22px 30px -20px #0B0B0C66;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .6s}.arena-result>strong{display:block;font:650 30px/1.1 Bricolage;letter-spacing:-.03em;color:#0B0B0C}.arena-result>p{font-size:13px;line-height:1.6;margin:22px 0}.arena-result>b{display:block;border-top:1px solid #D8D4CC;padding-top:16px;color:#486338;font-size:12px;font-weight:500}.phase-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.phase-controls button{border:1px solid #C7C0B5;background:transparent;border-radius:8px;font-size:10px;color:#5E5A52;padding:8px 3px}.phase-controls button[aria-pressed=true]{background:#0B0B0C;color:#E9D5A1;border-color:#0B0B0C}.arena-demo figcaption{font-size:10px;line-height:1.5;color:#5E5A52;margin-top:14px}.arena-stage[data-phase="1"] .arena-source,.arena-stage[data-phase="2"] .arena-source,.arena-stage[data-phase="3"] .arena-source{opacity:0;transform:translateY(-15px)}.arena-stage:not([data-phase="0"]) .arena-deck i{opacity:0;transform:translateY(30px) rotate(0)}.arena-stage[data-phase="1"] .arena-pair,.arena-stage[data-phase="2"] .arena-pair{opacity:1;transform:none}.arena-stage[data-phase="2"] .judge{opacity:1;transform:none}.arena-stage[data-phase="2"] .answer-a{opacity:.6}.arena-stage[data-phase="3"] .arena-result{opacity:1;transform:none}
@media(max-width:850px){.arena-page .hero{grid-template-columns:1fr;gap:34px;padding:36px 0 45px}.arena-demo{width:100%;max-width:500px;justify-self:center}.arena-page h1{font-size:45px}.arena-page h2{font-size:35px}.arena-page section{padding:46px 0}.explainer-grid{grid-template-columns:1fr;gap:15px}.scenario{gap:25px}.bracket{gap:5px}.bracket span{min-width:45px;min-height:48px;font-size:21px}.bracket i{font-size:12px}.source-links{grid-template-columns:1fr}.arena-page main{padding:0 24px}.lead{font-size:18px}.originals a{font-size:12px}.cost{font-size:12px}}
@media(max-width:540px){.arena-page main{padding:0 20px}.arena-page h1{font-size:39px}.arena-page .provider span{font-size:9px}.download{width:100%;align-items:center;text-align:center;padding:15px 12px}.download small{font-size:11px}.originals{flex-direction:column;gap:8px}.originals a{justify-content:center}.arena-page p{font-size:16px}.arena-page .cost,.community-link{font-size:12px}.step{grid-template-columns:27px 1fr;gap:13px}.step>span{font-size:21px}.arena-page h3{font-size:21px}.command{flex-direction:column;align-items:stretch;padding:16px;gap:15px}.command code{font-size:12px}.scenario,.usage{grid-template-columns:1fr;gap:20px}.scenario ul strong{font-size:20px}.scenario ul span{font-size:13px}.prompt{padding:18px 15px}.prompt-top{align-items:flex-start;flex-direction:column;gap:13px}.prompt pre{font-size:12px}.check-row{grid-template-columns:1fr;gap:10px}.check-row>span{font-size:20px}.jump{gap:7px}.jump a{padding:7px 11px;font-size:12px}.arena-demo{padding:14px!important}.arena-stage{height:397px}.arena-source{inset:24px 9% auto}.arena-source>strong{font-size:24px}.arena-deck{inset:183px 0 78px}.arena-deck b{padding:10px 7px}.arena-deck span{margin:6px 7px}.arena-pair{top:60px;gap:14px}.answer{padding:17px 11px}.answer strong{font-size:20px}.answer p{font-size:10px}.answer small{font-size:9px}.judge{left:3%;right:3%;bottom:16px;padding:13px}.judge>strong{font-size:16px}.judge-score{margin-top:9px}.arena-result{inset:58px 4% auto;padding:28px 20px}.arena-result>strong{font-size:30px}.arena-result>p{font-size:13px}.arena-demo figcaption{font-size:10px}.phase-controls button{font-size:9px}.demo-head>span{max-width:150px;font-size:8px}.demo-head button{font-size:10px;padding:7px 11px}.bracket span{min-width:39px;min-height:44px;font-size:19px}.bracket{gap:4px}.bracket i{font-size:10px}.usage>div{padding:20px 0}.usage p{font-size:12px}.explainer-grid p{font-size:15px}.arena-page .note{font-size:14px}.source-links a{font-size:13px}}
@media(max-width:380px){.arena-page .arena-stage{height:430px}.arena-page .arena-result{inset:52px 1% auto;padding:24px 16px}.arena-page .arena-result>strong{font-size:24px;line-height:1.12}.arena-page .arena-result>p{font-size:12px;line-height:1.55;margin:18px 0}.arena-page .arena-result>b{font-size:11px;padding-top:14px}.arena-page .answer strong{font-size:18px}}
/* Keep the topic readable even before the shared reader layer is reapplied. */
.arena-page .blatt{background:#0B0B0C!important;box-shadow:none;border:1px solid #232322}.arena-page .blatt main{color:#F3F0E9}.arena-page .blatt .hero{background:#0B0B0C}.arena-page .blatt .hero h1{color:#F3F0E9}.arena-page .blatt .hero .lead{color:#BDB8AE}
.arena-stage{pointer-events:none}.arena-page .blatt .reader-canvas .phase-controls button[aria-pressed=true]{color:#E9D5A1}
@media(prefers-reduced-motion:reduce){.arena-page *, .arena-page *:before,.arena-page *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}