/* Authoritative direction: existing Prompt Arena playbook + delivered broadcast kit.
   Arena grid, official marks, original title face, blue/red VS and yellow voting seam.
   No generated concept art. */
.site-header{height:132px}.site-header .brand{width:180px}.site-header nav{font-size:14px}.login-button{border:1px solid #494954;border-radius:2px;padding:13px 18px}.eyebrow{justify-content:center;letter-spacing:1.2px}.hero{display:block;min-height:0;padding:0;overflow:hidden;border-block:1px solid #30303c;background-color:#0b0b0f;background-image:url('assets/grid.png');background-size:cover;background-position:center}.hero-inner{display:grid;grid-template-columns:.95fr 1.05fr;gap:65px;align-items:center;min-height:476px;padding-block:42px 36px}.hero-copy{text-align:center;max-width:none}.hero .eyebrow{font-size:10px;color:#ceced7}.hero h1{font-size:96px;line-height:.83;letter-spacing:0;margin-top:28px;color:#fff}.hero-description{font-size:15px;line-height:1.55;color:#bdbdc9;margin:25px auto 0}.hero-actions{justify-content:center;margin-top:26px;gap:13px}.hero-actions .button{min-width:178px}.button{border-radius:2px}.button-white{background:#f6f6fa;color:#0b0b0f}.hero-broadcast{min-width:0}.broadcast-label,.broadcast-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:9px;letter-spacing:1px;color:#aaaab8}.broadcast-label{padding-bottom:13px}.broadcast-stage{aspect-ratio:16/9;background:#101225;overflow:hidden}.broadcast-stage video{width:100%;height:100%;display:block;object-fit:contain}.broadcast-controls{font-size:10px;letter-spacing:0;margin-top:4px}.broadcast-controls button{font-size:10px;color:#c2c2cf}.broadcast-controls button span{font-size:12px}.hero-stages{display:flex;align-items:center;justify-content:center;gap:25px;border-top:1px solid #343441;padding-block:22px;font-size:10px;letter-spacing:1.4px;color:#ceced9}.stage-line{height:1px;width:70px;background:#555568}.hero-stages>span:first-child{color:#8db4ff}.hero-stages>span:last-child{color:#ff8d85}
.section-heading{display:block;text-align:center;margin-bottom:32px}.section-heading .eyebrow{color:var(--muted);margin-bottom:18px}.section-heading h2{color:var(--yellow);font-size:50px;line-height:.85}.section-heading>p{padding-top:18px;font-size:13px;line-height:1.6;max-width:none}.section-heading>p br{display:none}.arena-section{padding-block:70px}.challenge-brief h3{font-family:ArenaDisplay,Impact,sans-serif;font-size:34px;font-weight:800;line-height:.9}.challenge-type{font-size:9px}.matchup-strip{background:#141419 url('assets/vs-background.png') center 47%/cover;display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;min-height:110px;text-align:center;margin:4px 0 23px;overflow:hidden}.matchup-strip>span{font:800 37px/.9 ArenaDisplay,Impact,sans-serif;color:#fff}.matchup-strip strong{background:var(--yellow);color:#0b0b0f;font:800 41px/.9 ArenaDisplay,Impact,sans-serif;padding:8px 4px}.contestant-header h4{font-family:ArenaDisplay,Impact,sans-serif;font-size:26px;text-transform:uppercase;line-height:.9;font-weight:800}.contestant-header p{margin-top:7px}.contestant-header>img{display:none}.contestant{border-radius:0}.contestant-a .output-preview{background:#1b3fd8 url('assets/grid.png') center/cover}.contestant-b .output-preview{background:#c5221f url('assets/grid.png') center/cover}.output-preview{aspect-ratio:1.65;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:22px;gap:10px}.output-preview>img{width:100%;height:auto;max-height:250px;object-fit:contain;image-rendering:pixelated;align-self:end;filter:none}.portrait-name{font:800 clamp(38px,4vw,62px)/.84 ArenaDisplay,Impact,sans-serif;text-align:center;letter-spacing:-.2px;color:#fff;display:block}.expand-icon{width:30px;height:30px;right:10px;bottom:10px;font-size:24px}.side-marker{background:transparent;border-bottom:3px solid var(--side);height:35px;width:25px;font-size:26px}.output-footer p{font-size:10px}.output-dialog>img{height:60dvh;object-fit:contain;background:#111626 url('assets/grid.png') center/cover;image-rendering:pixelated}.how-section{background:#101015 url('assets/grid.png') center/cover}.how-intro{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.how-intro h2{font-size:50px;line-height:.86;letter-spacing:0}.how-intro .eyebrow{margin-bottom:25px}.how-intro .text-button{color:var(--white);margin-top:16px}.real-prompt{width:min(100%,320px);max-height:185px;object-fit:contain;margin-top:28px}.journey h3{font-family:ArenaDisplay,Impact,sans-serif;text-transform:uppercase;font-size:36px;line-height:.9;letter-spacing:0}.step-number{color:#8b8b9b}.suggestion-section{color:var(--white);background:#1b3fd8 url('assets/perspective.webp') center/cover;border-radius:0;padding:36px 50px 48px}.suggestion-content h2{font-size:50px;line-height:.84;text-align:center}.suggestion-content p{text-align:center;color:#dfE5ff;margin-top:23px;font-size:13px}.suggestion-top{margin-bottom:32px}.suggestion-top>img{width:36px;height:36px}.suggestion-top p{color:#d8e2ff}.suggestion-content{align-items:center}.faq-section h2{font-size:50px;line-height:.86;text-align:center}.footer-main .brand{width:180px}.footer-main{padding-block:24px}.footer-bottom{font-size:10px}.footer-bottom button{font-size:10px}.dialog-title{line-height:.88;text-align:center;font-size:48px}.dialog-symbol{display:block;margin:0 auto 25px;width:40px;height:40px}.dialog-kicker{color:#bbbcc9}.dialog-note{background:#24242d}.button:disabled{opacity:.5}.demo-note{color:#bdbdcc}.small-dot{background:#a6a6b6}.select-button[aria-pressed=true]{background:var(--yellow)}
@media(hover:hover) and (pointer:fine){.button-white:hover{background:#dce8ff}.site-header nav a:hover{color:#a7c5ff}.output-preview:hover>img{transform:translateY(-4px)}.text-button:hover{color:#c4d6ff}}
@media(max-width:1100px){.hero-inner{gap:35px;min-height:445px}.hero h1{font-size:85px}.hero-actions .button{min-width:155px;font-size:12px;padding-inline:17px;gap:23px}.hero .eyebrow{font-size:8px}.hero-description{font-size:14px}.how-intro h2{font-size:44px}.suggestion-content h2{font-size:44px}.portrait-name{font-size:48px}}
@media(max-width:780px){.site-header{height:126px}.site-header .brand{width:180px}.site-header .login-button{padding:10px;border:1px solid #494954;font-size:10px;min-height:42px}.site-header{gap:10px}.site-header .menu-button{width:32px;padding:4px}.hero-inner{display:flex;flex-direction:column;gap:30px;min-height:0;padding-block:31px 24px}.hero-copy{width:100%}.hero h1{font-size:86px;line-height:.83;margin-top:24px}.hero .eyebrow{font-size:9px;letter-spacing:.9px}.hero-description{font-size:14px;margin-top:22px}.hero-actions{margin-top:24px}.hero-actions .button{min-width:158px;min-height:52px;font-size:12px}.hero-broadcast{width:min(100%,520px);margin-top:4px}.broadcast-label{font-size:8px}.broadcast-controls{font-size:10px}.hero-stages{padding-block:18px;gap:12px;font-size:8px;letter-spacing:.5px}.stage-line{width:20px}.arena-section{padding-block:55px}.section-heading h2{font-size:45px}.section-heading>p{font-size:12px;padding-top:17px}.challenge-brief h3{font-size:33px}.matchup-strip{min-height:88px;grid-template-columns:1fr 45px 1fr}.matchup-strip>span{font-size:29px}.matchup-strip strong{font-size:34px}.output-preview{padding:12px;gap:4px;aspect-ratio:1.5}.portrait-name{font-size:36px}.contestant-header h4{font-size:23px}.contestant-header p{font-size:9px}.output-footer p{font-size:10px}.how-intro h2{font-size:44px;line-height:.86;max-width:none}.how-intro h2 br{display:block}.how-intro .real-prompt{max-width:300px}.how-layout{gap:37px}.journey h3{font-size:33px}.suggestion-section{padding:28px 23px 36px}.suggestion-content{text-align:center}.suggestion-content h2{font-size:42px;line-height:.85}.suggestion-content p{font-size:12px}.suggestion-content .button{margin-top:25px;min-width:215px}.suggestion-top>img{width:29px;height:29px}.suggestion-top{margin-bottom:27px}.faq-section h2{font-size:42px;line-height:.9}.faq-section h2 br{display:none}.footer-main .brand{width:180px}.footer-main p{font-size:11px;line-height:1.5;max-width:120px}.back-top{display:none}.footer-bottom{font-size:9px}.footer-bottom button{font-size:9px}.dialog-title{font-size:44px}}
@media(max-width:430px){.site-header .login-button{border:0;padding-inline:0;font-size:10px}.site-header .brand{width:180px}.hero h1{font-size:80px}.hero .eyebrow{font-size:8px;letter-spacing:.5px}.hero-actions .button{min-width:0;flex:1;justify-content:space-between;padding-inline:17px;font-size:12px}.hero-actions{gap:11px}.hero-description{font-size:13px}.hero-stages{font-size:7px;gap:9px}.stage-line{width:14px}.matchup-strip>span{font-size:26px}.matchup-strip{min-height:85px}.output-preview{padding:20px;aspect-ratio:1.6}.portrait-name{font-size:55px}.output-preview>img{max-height:215px}.contestant-header h4{font-size:26px}.contestant-header>img{display:none}.competitor-label{font-size:8px}.how-intro h2{font-size:40px}.suggestion-content h2{font-size:38px}.suggestion-content p br{display:none}.faq-section h2{font-size:38px}.footer-main{flex-wrap:nowrap;gap:20px}.footer-main .brand{width:180px}.footer-main p{max-width:110px}}
.hero{position:relative;isolation:isolate;background-image:none}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:url('assets/grid.png') center/cover;opacity:.28}.broadcast-stage{position:relative}.broadcast-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.broadcast-stage video{position:relative}.broadcast-stage.show-poster video{visibility:hidden}
.hero h1 span{display:block;white-space:nowrap;color:#fff}.hero h1{font-size:clamp(72px,7.5vw,96px)}
@media(max-width:780px){.hero h1{font-size:clamp(48px,14.6vw,86px)}}
@media(max-width:430px){.hero-actions .button{white-space:nowrap;font-size:11px;padding-inline:12px;gap:10px}}
@media(prefers-reduced-motion:reduce){.output-preview:hover>img{transform:none}}

/* September content/admin update: one application CTA, voting on its own page. */
[data-cms]{white-space:pre-line;overflow-wrap:break-word}
.hero h1{font-size:clamp(60px,6.5vw,90px);line-height:.9;text-transform:uppercase;text-wrap:balance;max-width:620px;margin-inline:auto}
.hero-prize{font:800 clamp(30px,3.1vw,44px)/1 ArenaDisplay,Impact,sans-serif;color:#fbbc04;margin-top:23px;text-transform:uppercase}
.hero-prize strong{font-weight:800;display:block;white-space:nowrap}.hero-prize>span{display:block;font:600 15px/1.3 ArenaSans,Arial,sans-serif;margin-bottom:8px;text-transform:none;color:#e2e2eb}
.hero-description{color:#d0d0dc;font-size:16px;max-width:480px;line-height:1.6;margin-top:20px}
.hero-actions .button{min-width:220px}
.hero-actions{margin-top:25px}
.site-header .menu-button{margin-left:auto}
.faq-list summary [data-cms]{font:inherit;color:inherit;transform:none!important}
.voting-intro{padding-block:30px 45px;text-align:center}
.voting-intro>.text-button{display:flex;justify-content:flex-start;color:#bdbdcb;font-size:12px;margin-bottom:24px}
.voting-intro h1{font:800 clamp(56px,6vw,85px)/.9 ArenaDisplay,Impact,sans-serif;text-transform:uppercase;color:#fbbc04}
.voting-intro>p{font-size:14px;color:#bdbdcb;line-height:1.7;max-width:550px;margin:23px auto 0}
.published-arena{padding-bottom:45px}.published-arena .empty-state{margin:0;padding-block:60px}.published-arena .empty-state h2{font:800 46px/1 ArenaDisplay,Impact,sans-serif}
.demo-disclosure{margin-bottom:60px;border-top:1px solid #42424f;padding-top:20px}.demo-disclosure>summary{font-size:13px;color:#bdbdcb;cursor:pointer;min-height:44px;padding:12px 0}.demo-disclosure .arena-section{padding-block:35px}
.published-matchup{padding-block:35px 50px;border-top:1px solid #363642}.published-matchup>h2{font-size:52px;line-height:.95;margin:15px 0;text-transform:uppercase;overflow-wrap:anywhere}.actual-challenge{font-size:17px;font-weight:600;margin-bottom:10px}.actual-brief{font-size:14px;color:#c3c3d0;line-height:1.7;white-space:pre-line;max-width:800px;margin-bottom:25px}
.actual-contestant .contestant-header{align-items:center}.actual-contestant .contestant-header h3{font:800 29px/.95 ArenaDisplay,Impact,sans-serif;text-transform:uppercase;overflow-wrap:anywhere}.actual-contestant .contestant-header p{font-size:11px;color:#c0c0cd;line-height:1.5}.actual-contestant .contestant-header>img.actual-photo{display:block;width:48px;height:48px;object-fit:cover;border-radius:2px}.actual-output{min-height:220px;background:#0e0e15;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:15px}.actual-image{width:100%;display:block}.actual-image img{width:100%;max-height:450px;object-fit:contain;image-rendering:auto}.actual-player{width:100%;max-height:450px}.actual-caption{padding:20px}.actual-caption h4{font-size:15px;line-height:1.4}.actual-caption p{font-size:12px;line-height:1.7;color:#bebecd;margin-top:10px;white-space:pre-line;overflow-wrap:anywhere}.contestant-bio{padding-top:12px;border-top:1px solid #363642}.voting-pending{padding:21px 0;color:#cacad7;font-size:13px}.voting-pending p{margin-top:8px;font-size:12px;color:#a9a9bb;line-height:1.6}.voting-load{padding:35px 0;color:#bdbdcb;line-height:1.7}.actual-contestant .button{font-size:12px}.published-matchup .matchup-strip>span{overflow-wrap:anywhere;padding:12px}
@media(max-width:780px){.site-header{height:104px}.site-header .brand{width:145px}.hero-inner{padding-top:30px;gap:28px}.hero h1{font-size:clamp(52px,11.5vw,80px);max-width:600px;margin-top:24px}.hero-prize{font-size:37px;margin-top:20px}.hero-description{font-size:14px;margin-top:17px;max-width:460px}.hero-actions{margin-top:22px}.hero-actions .button{max-width:320px;min-width:220px;flex:0 1 320px}.voting-intro{padding-block:20px 30px}.voting-intro h1{font-size:62px}.voting-intro>p{font-size:13px}.published-matchup>h2{font-size:44px}.actual-output{min-height:160px}.published-matchup .duel-grid{grid-template-columns:1fr}.mobile-actions .button{justify-content:center;gap:35px}}
@media(max-width:430px){.hero h1{font-size:clamp(44px,11.9vw,54px)}.hero-prize{font-size:34px}.hero-description{font-size:13px}.hero .eyebrow{font-size:7px}.voting-intro h1{font-size:54px}}
@media(max-width:430px){.published-matchup .matchup-strip>span{font-size:23px;padding:10px 6px;hyphens:auto}}
