.arena-app{--bg:#101210;--panel:#191c18;--line:#30362c;--text:#f0f1e8;--muted:#9ba294;--lime:#d3f891;--font-sans:system-ui,'Segoe UI',Arial,sans-serif;color-scheme:dark}.arena-app *{box-sizing:border-box}.arena-app{scroll-behavior:smooth;scroll-padding-top:30px}.arena-app{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,'Segoe UI',Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}.arena-app button, .arena-app a, .arena-app input, .arena-app select{-webkit-tap-highlight-color:transparent}.arena-app button, .arena-app a, .arena-app select{touch-action:manipulation}.arena-app button{cursor:pointer;font:inherit;color:inherit;border:0;background:none}.arena-app button:disabled{cursor:wait;opacity:.7}.arena-app a{color:inherit;text-decoration:none}.arena-app button, .arena-app a, .arena-app input, .arena-app select{outline-offset:5px}.arena-app button:focus-visible, .arena-app a:focus-visible{outline:2px solid var(--lime)}.arena-app h1, .arena-app h2, .arena-app h3, .arena-app h4, .arena-app p{margin:0}.arena-app button svg, .arena-app a svg{flex-shrink:0}.arena-app button{transition:background .18s,color .18s,transform .18s}.arena-app button:hover{color:var(--lime)}.arena-app .site{max-width:1600px;margin:auto}.arena-app .topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:0 5%;gap:24px}.arena-app .brand{display:flex;align-items:center;gap:12px;font-family:system-ui,'Segoe UI',Arial,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.9px}.arena-app .brand-light{font-weight:400;color:#b5bcae}.arena-app .brand small{display:block;font-family:system-ui,'Segoe UI',Arial,sans-serif;font-size:8px;font-weight:500;letter-spacing:3px;margin-top:2px;color:#a9b0a0}.arena-app .brand-mark{display:flex;align-items:flex-end;gap:3px;transform:skew(-15deg);height:28px}.arena-app .brand-mark span{width:7px;background:var(--lime);height:16px}.arena-app .brand-mark span:nth-child(2){height:27px}.arena-app .brand-mark span:nth-child(3){height:21px}.arena-app .topbar nav{display:flex;gap:30px;align-items:center;color:#a1a79a;font-size:12px}.arena-app .topbar nav a, .arena-app .topbar nav button{display:flex;align-items:center;gap:5px}.arena-app .topbar nav .nav-active{color:var(--text)}.arena-app .nav-active:before{content:'';width:4px;height:4px;background:var(--lime);border-radius:50%}.arena-app .brief-nav{display:flex;align-items:center;gap:10px;font-size:12px;border:1px solid #535e45;border-radius:7px;padding:12px 14px}.arena-app .brief-nav:hover{background:#242c1e}.arena-app main{margin:0 5%}.arena-app .hero{display:grid;grid-template-columns:40% 60%;padding:55px 0 45px;align-items:center;gap:0}.arena-app .eyebrow{font-size:9px;font-weight:600;letter-spacing:1.7px;display:flex;align-items:center;gap:7px}.arena-app .live-dot{height:5px;width:5px;display:inline-block;flex-shrink:0;border-radius:50%;background:var(--lime);box-shadow:0 0 10px #c2fc5855}.arena-app .hero-copy h1{font-family:system-ui,'Segoe UI',Arial,sans-serif;font-weight:500;font-size:clamp(39px,4.2vw,65px);line-height:1.05;letter-spacing:-2.6px;margin:20px 0}.arena-app .hero-copy h1>span{color:var(--lime)}.arena-app .hero-copy>p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:22px}.arena-app .primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--lime);color:#1b2411;border:1px solid var(--lime);border-radius:6px;padding:12px 17px;font-size:11px;font-weight:700;white-space:nowrap}.arena-app .primary:hover{color:#10160a;background:#e3ffb5;transform:translateY(-1px)}.arena-app .arena{position:relative;height:340px;background:radial-gradient(ellipse at 55% 62%,#29391f66,transparent 60%),#161a15;border:1px solid #323b2a;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 80px #0003}.arena-app .arena-grid{position:absolute;inset:0;background-image:linear-gradient(#7b93590c 1px,transparent 1px),linear-gradient(90deg,#7b93590c 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(transparent,#000 50%)}.arena-app .arena-topline{position:absolute;top:17px;left:20px;right:18px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.7px;color:#b5c0a5}.arena-app .arena-topline span, .arena-app .arena-topline button{display:flex;align-items:center;gap:7px}.arena-app .arena-topline button{font-size:9px;letter-spacing:0;color:#a3b18e;background:#242c20;border:1px solid #38442f;border-radius:4px;padding:5px 7px}.arena-app .arena-caption{position:absolute;left:50%;top:64px;transform:translateX(-50%);display:flex;align-items:center;gap:7px;white-space:nowrap;color:#d5edb1;font-size:8px;letter-spacing:1.2px}.arena-app .orbit{position:absolute;width:88%;height:170px;border:1px solid #86a35e12;border-radius:50%;left:7%;bottom:15px;transform:rotate(-12deg)}.arena-app .orbit-two{width:66%;height:210px;left:17%;bottom:30px;transform:rotate(18deg)}.arena-app .stage{position:absolute;inset:75px 0 33px}.arena-app .podium{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);width:145px;height:72px;border:1px solid #8bab5144;border-top:3px solid #9cbd6266;border-radius:50% 50% 11% 11% / 20% 20% 5% 5%;background:linear-gradient(90deg,#232d1c,#394727,#232d1c);box-shadow:0 20px 40px #0006;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:9px}.arena-app .podium span{font-family:system-ui,'Segoe UI',Arial,sans-serif;font-size:27px;color:var(--lime);font-weight:700;line-height:1}.arena-app .podium strong{font-size:9px;color:#d1deb8;margin-top:5px;letter-spacing:1px}.arena-app .arena-agent{position:absolute;width:109px;bottom:39px;padding:0;z-index:2;transition:left .7s,transform .7s,bottom .7s;animation:roam 7s ease-in-out infinite;animation-delay:var(--delay);transform-origin:50% 100%}.arena-app .arena-agent.winner{width:130px;left:calc(50% - 65px);bottom:65px;animation:winner-bounce 4s ease-in-out infinite}.arena-app .arena-agent.side-0{left:2%;bottom:30px}.arena-app .arena-agent.side-1{left:72%;bottom:66px;transform:scale(.88)}.arena-app .arena-agent.side-2{left:80%;bottom:0px;transform:scale(.8)}.arena-app .mascot{width:100%;height:auto;display:block;overflow:visible}.arena-app .bot-body{transform-origin:90px 170px;animation:bot-bob 3.1s ease-in-out infinite;animation-delay:var(--delay,0s)}.arena-app .bot-eyes{transform-origin:90px 85px;animation:blink 6s infinite}.arena-app .bot-arms{transform-origin:90px 128px;animation:wave 3s ease-in-out infinite}.arena-app .champion .bot-arms{animation:dance .7s ease-in-out infinite alternate}.arena-app .crown{animation:float 2.2s ease-in-out infinite;filter:drop-shadow(0 0 6px #d6fb7b55)}.arena-app .agent-name{font-size:10px;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:-5px;white-space:nowrap}.arena-app .agent-name>span{display:inline-flex;font-size:8px;color:#87917e}.arena-app .winner .agent-name{display:none}.arena-app .speech{position:absolute;bottom:93%;left:50%;transform:translateX(-50%) translateY(6px);width:max-content;max-width:150px;border:1px solid #6a7856;background:#222b1d;color:#dcebc6;padding:7px 9px;border-radius:7px;font-size:10px;opacity:0;pointer-events:none;transition:.2s;z-index:5}.arena-app .arena-agent:hover .speech, .arena-app .speech.talking{opacity:1;transform:translateX(-50%) translateY(0)}.arena-app .arena-agent:hover .bot-arms{animation:dance .5s infinite alternate}.arena-app .arena-bottom{position:absolute;left:18px;right:18px;bottom:12px;display:flex;justify-content:space-between;gap:9px;align-items:center;font-size:8px;color:#849477}.arena-app .arena-bottom button{display:flex;align-items:center;gap:5px;color:#bbc9a5;font-size:8px}.arena-app .confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}.arena-app .confetti i{position:absolute;left:var(--x);top:5%;width:3px;height:6px;background:var(--c);opacity:0;animation:confetti 2.8s var(--d) ease-out 1;transform:rotate(var(--r))}.arena-app .ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;height:53px;align-items:center;justify-content:space-between;gap:12px}.arena-app .ticker-label{font-size:8px;letter-spacing:1.2px;color:var(--muted);display:flex;gap:20px;align-items:center}.arena-app .ticker-label span{font-size:22px;color:var(--lime)}.arena-app .ticker button{font-size:11px;display:flex;align-items:center;gap:10px}.arena-app .ticker button>svg{color:var(--lime)}.arena-app .dot{width:5px;height:5px;border-radius:50%;display:inline-block}.arena-app .ticker-score{color:var(--muted);font-family:system-ui,'Segoe UI',Arial,sans-serif;font-size:11px}.arena-app .rank-section{padding-top:43px}.arena-app .section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;gap:12px}.arena-app .eyebrow.muted{font-size:8px;letter-spacing:1.5px;color:var(--muted);margin-bottom:10px}.arena-app h2{font-family:system-ui,'Segoe UI',Arial,sans-serif;font-size:26px;letter-spacing:-1px;font-weight:500}.arena-app .data-status{font-size:9px;color:#bcc7ac;display:flex;align-items:center;gap:7px;background:#1c2418;border:1px solid #3b4b2b;border-radius:5px;padding:8px 10px}.arena-app .status-dot{display:inline-block;width:5px;height:5px;background:#b9d486;border-radius:50%;flex-shrink:0}.arena-app .status-date{border-left:1px solid #48533b;margin-left:4px;padding-left:10px;color:#a4b48d}.arena-app .data-status>button{display:flex;padding:0}.arena-app .ranking-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:22px}.arena-app .standings-panel{border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.arena-app .board-heading{padding:19px 19px 15px;display:flex;align-items:center;justify-content:space-between}.arena-app .board-heading h3{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:500}.arena-app .board-heading h3>svg{color:var(--lime)}.arena-app .icon-button{display:inline-flex;align-items:center;justify-content:center;padding:4px;color:var(--muted)}.arena-app .metric-switch{display:flex;margin:0 18px 20px;padding:3px;border-radius:5px;background:#0f120e;border:1px solid #2c3227}.arena-app .metric-switch button{padding:8px 0;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;border-radius:3px;flex:1;color:#a8b09d}.arena-app .metric-switch .active{background:#35412a;color:#def4bf;box-shadow:0 1px 4px #0003}.arena-app .board-label{display:flex;justify-content:space-between;padding:0 20px 9px;color:#86927a;font-size:7px;font-weight:500;letter-spacing:1px}.arena-app .board-row{width:100%;display:flex;align-items:center;text-align:left;gap:10px;padding:14px 18px;border-top:1px solid #2a3025;position:relative}.arena-app .board-row.first{background:linear-gradient(90deg,#2c3a1e55,#1b2116);border-left:2px solid var(--lime);padding-left:16px}.arena-app .board-row:hover, .arena-app .board-row.selected{background:#303a25}.arena-app .rank{font-size:11px;color:#859075;font-family:system-ui,'Segoe UI',Arial,sans-serif;width:17px}.arena-app .first .rank{color:var(--lime)}.arena-app .mini-mascot{width:35px;height:35px;background:#2a3027;border:1px solid #414a37;border-radius:8px;overflow:hidden;padding:0px 1px}.arena-app .mini-mascot .mascot{width:33px;height:38px;transform:translateY(-3px)}.arena-app .mini-mascot .bot-body{animation:none}.arena-app .board-name{flex:1}.arena-app .board-name strong{font-weight:500;font-size:11px;display:flex;align-items:center;gap:7px}.arena-app .board-name strong svg{color:var(--lime)}.arena-app .board-name small{display:block;font-size:8px;color:#87927c;margin-top:4px}.arena-app .board-value{font-family:system-ui,'Segoe UI',Arial,sans-serif;font-weight:500;font-size:17px;text-align:right}.arena-app .board-value small{display:block;font-family:system-ui,'Segoe UI',Arial,sans-serif;font-size:7px;color:#7d8a70;font-weight:400;margin-top:3px}.arena-app .board-note{font-size:9px;line-height:1.8;color:#939e86;padding:16px 19px 14px}.arena-app .board-note button{display:inline-flex;align-items:center;gap:2px;font-size:8px;text-decoration:underline;text-underline-offset:2px;color:#c1cfae;padding:0 0 0 3px}.arena-app .refresh{display:flex;align-items:center;gap:8px;width:100%;border-top:1px solid #30382a;padding:12px 19px;font-size:10px;background:#1d2418;color:#c2cdb5}.arena-app .refresh span{margin-left:auto}.arena-app .spotlight{border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden;display:flex;flex-direction:column;min-width:0}.arena-app .spotlight-top{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}.arena-app .spotlight-top>span{font-size:8px;letter-spacing:1.3px;display:flex;gap:7px;align-items:center;color:#b9c5aa}.arena-app .quiet-button{display:flex;gap:5px;align-items:center;font-size:9px;color:#9ba88e}.arena-app .spotlight-body{display:grid;grid-template-columns:1.1fr 1fr;flex:1;gap:20px;padding:26px 22px}.arena-app .spotlight-copy{display:flex;flex-direction:column;min-width:0}.arena-app .post-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:8px;color:#99a48c}.arena-app .agent-tag{font-size:9px;display:inline-flex;align-items:center;gap:5px}.arena-app .post-meta .agent-tag{padding:4px 7px;background:#2d3627;border-radius:3px}.arena-app .spotlight-copy h3{font-family:system-ui,'Segoe UI',Arial,sans-serif;font-size:26px;line-height:1.2;letter-spacing:-.8px;font-weight:500;margin:15px 0 10px}.arena-app .spotlight-copy>p{color:#9ea793;font-size:10px;line-height:1.8;margin-bottom:18px}.arena-app .author{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:4px}.arena-app .avatar{display:flex;align-items:center;justify-content:center;background:#59684a;color:#e5eddb;border:1px solid #7f8a71;border-radius:50%;height:29px;width:29px;font-family:system-ui,'Segoe UI',Arial,sans-serif;font-size:12px}.arena-app .author strong{display:block;font-size:9px;font-weight:500}.arena-app .author small{display:block;font-size:8px;color:#8e9981;margin-top:3px}.arena-app .x-logo{font-size:17px;margin-left:auto;color:#b3bca8}.arena-app .post-metrics{display:flex;align-items:center;gap:14px;font-size:9px;color:#98a38c;margin:16px 0}.arena-app .post-metrics>span{display:flex;align-items:center;gap:5px}.arena-app .post-metrics strong{font-size:11px;color:#e2ead7;font-weight:500}.arena-app .spotlight-actions{display:flex;gap:8px}.arena-app .spotlight-actions .primary{font-size:10px;padding:10px 13px}.arena-app .save-button{border:1px solid #424e36;border-radius:5px;width:35px;display:flex;align-items:center;justify-content:center}.arena-app .save-button>span{font-size:21px}.arena-app .post-poster{border-radius:7px;border:1px solid #495c2b;position:relative;overflow:hidden;min-height:290px;align-self:stretch;display:flex;flex-direction:column;justify-content:center;background-image:linear-gradient(#d4f8970b 1px,transparent 1px),linear-gradient(90deg,#d4f8970b 1px,transparent 1px);background-size:18px 18px}.arena-app .poster-grok{background-color:#293a1d}.arena-app .poster-claude{background-color:#45332a}.arena-app .poster-muse{background-color:#322a49}.arena-app .poster-gemini{background-color:#24394e}.arena-app .poster-label{position:absolute;top:15px;left:14px;right:14px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.4px;color:#c9d6b8}.arena-app .poster-label span{font-size:16px;line-height:.6}.arena-app .code-window{background:#151b12;box-shadow:0 15px 25px #0004;border:1px solid #5b704433;border-radius:5px;margin:0 12px;transform:rotate(-5deg);padding-bottom:16px;position:relative;z-index:1}.arena-app .window-bar{height:30px;display:flex;align-items:center;gap:3px;border-bottom:1px solid #293323;padding:0 10px;margin-bottom:13px}.arena-app .window-bar i{height:4px;width:4px;background:#72835b;border-radius:50%}.arena-app .window-bar span{font-size:5px;margin-left:8px;color:#8d9d7a}.arena-app .code-line{display:flex;gap:5px;font-family:monospace;font-size:7px;white-space:nowrap;line-height:2;color:#c8d6b7;padding:0 10px}.arena-app .code-line>span{color:#5f6b51;padding-right:5px}.arena-app .code-line b{font-weight:400;color:#c8abed}.arena-app .code-line em{font-style:normal;color:#a4cd76}.arena-app .code-status{display:flex;align-items:center;gap:5px;font-size:6px;color:#9eb97d;margin:12px 0 0 23px}.arena-app .code-status .live-dot{height:3px;width:3px}.arena-app .poster-mascot{position:absolute;right:-10px;bottom:20px;width:100px;z-index:2;transform:rotate(8deg)}.arena-app .poster-play{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);z-index:3;border:1px solid #e6f6ce88;background:#d2f592ed;box-shadow:0 3px 30px #1119;height:49px;width:49px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#223412}.arena-app .poster-play:hover{background:#e6ffbd;color:#223412}.arena-app .poster-play>svg{margin-left:3px}.arena-app .poster-bottom{position:absolute;bottom:14px;left:14px;right:14px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.7px;color:#b6c99e}.arena-app .spotlight-footer{padding:12px 19px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);color:#98a58b;font-size:8px}.arena-app .spotlight-footer>span{display:flex;align-items:center;gap:5px}.arena-app .feed-section{padding:30px 0 35px}.arena-app .feed-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:20px}.arena-app .filter-tabs{display:flex;gap:22px}.arena-app .filter-tabs button{color:#8e9a80;font-size:12px;position:relative;display:flex;gap:8px;align-items:center;padding:5px 0}.arena-app .filter-tabs .active{color:#e0e9d5}.arena-app .filter-tabs .active:after{content:'';position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--lime)}.arena-app .filter-tabs button>span{background:#2a3323;border-radius:4px;padding:2px 5px;font-size:8px;color:#b0c299}.arena-app .filter-controls{display:flex;gap:8px}.arena-app .filter-controls select{font-size:9px;padding:7px 25px 7px 10px;border:1px solid #35402d;border-radius:4px;background:#191f15;color:#bfcbaf}.arena-app .post-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.arena-app .post-card{border:1px solid var(--line);border-radius:8px;background:var(--panel);overflow:hidden}.arena-app .card-top{display:flex;justify-content:space-between;align-items:center;padding:12px 13px;font-size:8px;color:#88957b}.arena-app .card-visual{height:120px;width:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b}.arena-app .card-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#fff08 1px,transparent 1px),linear-gradient(90deg,#fff08 1px,transparent 1px);background-size:20px 20px}.arena-app .card-visual .mascot{width:95px;transform:rotate(-8deg);z-index:1;transition:transform .3s}.arena-app .card-visual:hover .mascot{transform:rotate(8deg) scale(1.1)}.arena-app .visual-number{position:absolute;left:12px;top:12px;font-family:system-ui,'Segoe UI',Arial,sans-serif;font-size:30px;color:#ffffff25}.arena-app .small-play{position:absolute;left:12px;bottom:12px;border:1px solid #ffffff40;border-radius:50%;display:flex;align-items:center;justify-content:center;width:27px;height:27px;background:#1116;color:#e6efdc}.arena-app .small-play>svg{margin-left:2px}.arena-app .duration{position:absolute;bottom:14px;right:11px;font-size:8px;background:#0006;border-radius:3px;padding:3px 5px;color:#e3ecda}.arena-app .card-content{padding:15px 13px 0}.arena-app .card-category{font-size:7px;letter-spacing:.7px;color:#92a180;text-transform:uppercase}.arena-app .card-content h3{font-size:13px;line-height:1.4;font-weight:500;letter-spacing:-.2px;margin:8px 0 13px;min-height:37px}.arena-app .card-content>a{display:flex;align-items:center;gap:4px;font-size:9px;color:#939e87}.arena-app .card-footer{display:flex;align-items:center;gap:17px;padding:13px 0;border-top:1px solid #2b3226;margin-top:15px;color:#a8b599;font-size:9px}.arena-app .card-footer>span{display:flex;align-items:center;gap:5px}.arena-app .card-footer>button{margin-left:auto;height:19px;padding:0;display:flex;align-items:center;color:#b6c7a2}.arena-app .card-footer>button>span{font-size:21px}.arena-app .single-note{font-size:12px;color:var(--muted);padding:14px 0}.arena-app .newsletter{display:flex;align-items:center;gap:27px;padding:30px 32px;border:1px solid #485735;border-radius:10px;background:linear-gradient(120deg,#28351e,#1b2217);margin:5px 0 24px}.arena-app .newsletter .eyebrow{color:#b7c99c;font-size:7px;letter-spacing:1.6px;margin-bottom:8px}.arena-app .newsletter h2{font-size:23px;letter-spacing:-.6px}.arena-app .newsletter h2 em{font-style:normal;color:var(--lime)}.arena-app .newsletter p{font-size:10px;color:#aab99a;margin-top:8px}.arena-app .newsletter .primary{margin-left:auto;font-size:10px}.arena-app .letter-icon{border:1px solid #6b804d;border-radius:12px;width:65px;height:65px;display:flex;align-items:center;justify-content:center;color:#d3edb1;transform:rotate(-8deg);background:#3b4b2b;position:relative;box-shadow:6px 6px 0 #182112}.arena-app .letter-icon>span{position:absolute;right:-7px;top:-7px;background:var(--lime);color:#26351a;border-radius:50%;height:22px;width:22px;text-align:center;font-size:17px}.arena-app .source-note{display:flex;align-items:baseline;gap:20px;color:#7e8b70;padding:0 0 28px}.arena-app .source-note>span{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:7px;letter-spacing:.6px}.arena-app .source-note p{font-size:8px;line-height:1.6}.arena-app .source-note button{display:inline-flex;gap:2px;align-items:center;text-decoration:underline;font-size:8px;padding:0;color:#b3c49c}.arena-app footer{margin:0 5%;border-top:1px solid var(--line);padding:25px 0 30px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between;color:#7d8970;font-size:8px}.arena-app .footer-brand{font-family:system-ui,'Segoe UI',Arial,sans-serif;color:#d2dfc0;font-weight:600;font-size:11px;letter-spacing:-.3px}.arena-app .footer-brand>span{font-family:system-ui,'Segoe UI',Arial,sans-serif;font-size:8px;font-weight:400;color:#839573;margin-left:6px}.arena-app footer>span{width:100%;font-size:7px;color:#6f7d64}.arena-app .empty-state{padding:40px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex:1}.arena-app .empty-state>svg{color:var(--lime)}.arena-app .empty-state>h3{font-size:20px}.arena-app .empty-state>p{font-size:12px;color:var(--muted)}.arena-app .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.arena-app .toast{position:fixed;z-index:20;left:50%;bottom:24px;transform:translateX(-50%);background:#2e3c22;border:1px solid #607f3c;color:#e4efda;border-radius:7px;padding:13px 14px;display:flex;align-items:center;gap:10px;font-size:12px;box-shadow:0 7px 30px #0008;max-width:calc(100vw - 32px);width:max-content}.arena-app .toast>button{display:flex;padding:0}.arena-app .toast>svg{flex-shrink:0}.arena-app dialog{background:#171d14;color:var(--text);border:1px solid #4c5b3b;border-radius:13px;width:min(680px,calc(100vw - 30px));max-height:88vh;padding:0;box-shadow:0 25px 90px #000b;margin:auto}.arena-app dialog::backdrop{background:#080d09c9;backdrop-filter:blur(5px)}.arena-app .dialog-head{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-bottom:1px solid var(--line);gap:20px}.arena-app .dialog-head h2{font-size:21px}.arena-app .dialog-content{padding:24px}.arena-app .dialog-content>p{font-size:13px;color:#b2bda5;line-height:1.8;margin-bottom:18px}.arena-app .dialog-content>h3{font-size:16px;margin:24px 0 10px}.arena-app .dialog-content .dialog-note{font-size:11px;color:#8d9d80;line-height:1.8;margin-top:16px}.arena-app .method-list{padding-left:20px}.arena-app .method-list li{padding:0 0 17px 7px;color:var(--lime)}.arena-app .method-list strong{font-size:14px}.arena-app .method-list p{color:#a7b49b;font-size:12px;line-height:1.8;margin-top:5px}.arena-app .text-link, .arena-app .embed-loading a{display:inline-flex;align-items:center;gap:6px;color:var(--lime);font-size:12px;margin-top:14px}.arena-app .connection-status{display:flex;align-items:center;gap:8px;border:1px solid #50633b;border-radius:5px;background:#27361c;padding:13px;color:var(--lime);margin-bottom:20px;font-size:13px}.arena-app code{background:#2a3522;border:1px solid #3e4c33;color:#d2e2bc;border-radius:3px;font-size:11px;padding:2px 4px}.arena-app .embed-wrap{min-height:100px}.arena-app .embed-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;padding:25px;color:#9fae90;font-size:12px}.arena-app .spinner{width:20px;height:20px;border-radius:50%;border:2px solid #3d4f2b;border-top-color:var(--lime);animation:spin 1s linear infinite}.arena-app .brief-eyebrow{font-size:9px;color:#b5c79e;letter-spacing:1px}.arena-app .dialog-content>h3.brief-title{font-size:29px;font-family:system-ui,'Segoe UI',Arial,sans-serif;color:var(--lime);letter-spacing:-1px}.arena-app .brief-item{display:flex;gap:18px;border-top:1px solid var(--line);padding:20px 0}.arena-app .brief-item>span{font-family:system-ui,'Segoe UI',Arial,sans-serif;font-size:22px}.arena-app .brief-item h4{font-size:15px;font-weight:500;display:flex;gap:16px;align-items:center}.arena-app .brief-item small{font-size:10px;color:#aab99b}.arena-app .brief-item p{font-size:12px;color:#9dac8e;line-height:1.8;margin:9px 0}.arena-app .brief-item a{display:inline-flex;gap:4px;align-items:center;color:var(--lime);font-size:10px}.arena-app form label{display:block;font-size:12px;color:#c5d4b5;margin-bottom:8px}.arena-app form input{background:#0f150c;border:1px solid #4e613c;border-radius:6px;color:#d5e5c4;font:inherit;font-size:12px;padding:13px;width:100%;margin-bottom:17px}.arena-app form .form-error{font-size:11px;color:#ffb29b;line-height:1.6;margin-bottom:17px}.arena-app .spin{animation:spin 1s linear infinite}.arena-app .motion-paused *{animation-play-state:paused!important;scroll-behavior:auto!important}.arena-app .motion-paused .confetti{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-4px)}}@keyframes bot-bob{50%{transform:translateY(-4px) rotate(2deg)}}@keyframes wave{50%{transform:rotate(-4deg)}}@keyframes dance{from{transform:rotate(-11deg) translateY(-2px)}to{transform:rotate(11deg) translateY(-5px)}}@keyframes blink{0%,43%,47%,100%{transform:scaleY(1)}45%{transform:scaleY(.1)}}@keyframes roam{0%,100%{translate:0 0}25%{translate:8px -2px}65%{translate:-5px 3px}}@keyframes winner-bounce{0%,100%,30%,70%{translate:0 0}40%,60%{translate:0 -5px}}@keyframes confetti{0%{opacity:0;translate:0 0}10%{opacity:.9}100%{opacity:0;translate:20px 190px;rotate:250deg}}
@media(min-width:1350px){.arena-app .hero{padding-top:60px;padding-bottom:55px}.arena-app .arena{height:390px}.arena-app .stage{inset:87px 0 43px}.arena-app .arena-agent{width:127px}.arena-app .arena-agent.winner{width:150px;left:calc(50% - 75px)}.arena-app .arena-agent.side-0{left:5%}.arena-app .arena-agent.side-1{left:70%}.arena-app .podium{width:160px;height:85px}.arena-app .spotlight-body{gap:25px}.arena-app .spotlight-copy h3{font-size:30px}.arena-app .spotlight-copy>p{font-size:12px}.arena-app .spotlight-copy .author strong{font-size:11px}.arena-app .post-metrics{font-size:11px}.arena-app .post-poster{min-height:320px}.arena-app .code-line{font-size:9px}.arena-app .post-grid{gap:22px}.arena-app .card-visual{height:150px}.arena-app .card-content h3{font-size:15px}.arena-app .newsletter{padding:36px}.arena-app .newsletter h2{font-size:29px}}
@media(max-width:1050px){.arena-app .ranking-layout{grid-template-columns:280px minmax(0,1fr);gap:16px}.arena-app .spotlight-body{grid-template-columns:1fr;padding:20px}.arena-app .post-poster{display:none}.arena-app .spotlight-copy h3{font-size:27px}.arena-app .spotlight-copy>p{font-size:12px}.arena-app .spotlight-footer>span:last-child{display:none}.arena-app .board-row{gap:8px;padding-left:13px;padding-right:13px}.arena-app .board-row.first{padding-left:11px}.arena-app .hero{grid-template-columns:43% 57%}.arena-app .hero-copy h1{font-size:45px}.arena-app .arena-agent.side-2{left:75%}.arena-app .arena-agent.side-1{left:68%}.arena-app .arena-agent.side-0{left:0}.arena-app .arena-bottom>span{display:none}.arena-app .arena-bottom{justify-content:center}.arena-app .hero-copy>.eyebrow{font-size:7px}.arena-app .topbar nav{gap:20px}.arena-app .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.arena-app .card-visual{height:145px}.arena-app .card-content h3{font-size:15px;min-height:20px}.arena-app .newsletter{gap:20px;padding:24px}.arena-app .newsletter h2{font-size:20px}.arena-app .newsletter .primary{font-size:9px;padding:11px}.arena-app .letter-icon{width:50px;height:50px;flex-shrink:0}.arena-app .newsletter p{font-size:9px}.arena-app .source-note{align-items:flex-start}.arena-app .source-note>span{padding-top:3px}}
@media(max-width:760px){.arena-app .topbar{height:78px;margin:0 5%}.arena-app .topbar nav{display:none}.arena-app .brand{font-size:20px}.arena-app .brief-nav{font-size:10px;padding:9px;gap:6px}.arena-app .brief-nav>svg:first-child{display:none}.arena-app .hero{display:flex;flex-direction:column;align-items:stretch;padding:35px 0 28px;gap:30px}.arena-app .hero-copy h1{font-size:50px;margin:16px 0;letter-spacing:-2.3px}.arena-app .hero-copy h1 br:first-child{display:none}.arena-app .hero-copy h1 br:first-child:after{content:' '}.arena-app .hero-copy>p{font-size:12px}.arena-app .hero-copy>.eyebrow{font-size:8px}.arena-app .hero-copy .primary{font-size:11px}.arena-app .arena{height:335px}.arena-app .arena-agent.side-0{left:4%}.arena-app .arena-agent.side-1{left:69%}.arena-app .arena-agent.side-2{left:76%}.arena-app .ticker{overflow:auto;gap:25px;justify-content:initial;scrollbar-width:none}.arena-app .ticker>*{flex-shrink:0}.arena-app .ticker-label{font-size:7px;gap:8px}.arena-app .ticker button{font-size:10px}.arena-app .rank-section{padding-top:28px}.arena-app .section-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:17px}.arena-app .section-heading h2{font-size:25px}.arena-app .data-status{font-size:9px;padding:6px 9px}.arena-app .ranking-layout{grid-template-columns:1fr;gap:20px}.arena-app .standings-panel{width:100%}.arena-app .board-heading{padding:17px 18px}.arena-app .metric-switch{margin-bottom:14px}.arena-app .board-row{padding:12px 19px}.arena-app .board-row.first{padding-left:17px}.arena-app .board-name strong{font-size:13px}.arena-app .board-name small{font-size:9px}.arena-app .board-value{font-size:19px}.arena-app .board-value small{font-size:8px}.arena-app .rank{font-size:13px;width:25px}.arena-app .mini-mascot{height:39px;width:39px;margin-right:5px}.arena-app .mini-mascot .mascot{height:43px;width:37px}.arena-app .board-note{padding-top:12px;padding-bottom:12px;font-size:10px}.arena-app .board-label{font-size:8px}.arena-app .spotlight-body{padding:22px}.arena-app .spotlight-copy h3{font-size:28px;max-width:350px}.arena-app .spotlight-copy>p{font-size:12px}.arena-app .spotlight-copy .post-meta{font-size:10px}.arena-app .spotlight-copy .agent-tag{font-size:10px}.arena-app .spotlight-copy .author{padding-top:0}.arena-app .post-metrics{margin:19px 0;font-size:11px}.arena-app .spotlight-actions .primary{font-size:11px;padding:12px}.arena-app .post-poster{display:flex;min-height:220px;margin-top:7px}.arena-app .code-window{width:75%;margin:auto;max-width:250px}.arena-app .code-line{font-size:9px}.arena-app .poster-mascot{width:130px;right:10px}.arena-app .spotlight-body{grid-template-columns:1fr}.arena-app .spotlight-footer{font-size:9px}.arena-app .spotlight-top{padding:14px}.arena-app .spotlight-top>span{font-size:7px;letter-spacing:.7px}.arena-app .spotlight-top .quiet-button{font-size:8px}.arena-app .feed-toolbar{flex-wrap:wrap;gap:16px}.arena-app .filter-tabs button{font-size:12px}.arena-app .filter-controls select{font-size:10px}.arena-app .feed-section{padding-top:26px}.arena-app .post-grid{gap:12px}.arena-app .card-top{font-size:8px;padding:11px}.arena-app .card-content{padding:12px 11px 0}.arena-app .card-content h3{font-size:13px;min-height:55px}.arena-app .card-visual{height:125px}.arena-app .card-category{font-size:7px}.arena-app .card-footer{gap:12px}.arena-app .newsletter{position:relative;display:grid;grid-template-columns:1fr;padding:24px;gap:19px}.arena-app .newsletter .letter-icon{display:none}.arena-app .newsletter .primary{margin:0;justify-self:start;font-size:11px}.arena-app .newsletter h2{font-size:25px;line-height:1.2}.arena-app .newsletter h2 em{display:block}.arena-app .newsletter p{font-size:11px;line-height:1.7}.arena-app .newsletter .eyebrow{font-size:7px}.arena-app .source-note{flex-direction:column;gap:8px}.arena-app .source-note p{font-size:9px;line-height:1.7}.arena-app .source-note>span{font-size:8px}.arena-app .source-note button{font-size:9px}.arena-app footer{padding-top:20px;gap:12px}.arena-app footer>p{font-size:8px}.arena-app footer>span{line-height:1.6}.arena-app .dialog-head{padding:20px}.arena-app .dialog-content{padding:20px}.arena-app .dialog-head h2{font-size:19px}.arena-app .toast{font-size:11px;line-height:1.5}.arena-app .brief-item h4{flex-wrap:wrap;gap:6px}.arena-app .brief-item{gap:13px}}
@media(prefers-reduced-motion:reduce){.arena-app{scroll-behavior:auto}.arena-app *, .arena-app *:before, .arena-app *:after{animation:none!important;transition:none!important}}
@media(max-width:760px){.arena-app .hero-copy h1{font-size:clamp(34px,10vw,44px);letter-spacing:-1.7px}.arena-app .hero-copy h1 br:first-child{display:initial}}

/* User-supplied character cast. Transform layers keep locomotion and gestures independent. */
.arena-app .mascot{position:relative;aspect-ratio:1;isolation:isolate}
.arena-app .character-motion{display:flex;align-items:flex-end;justify-content:center;width:100%;height:100%;position:relative;z-index:1;transform-origin:50% 92%;animation:character-sway 4s ease-in-out infinite;animation-delay:var(--delay,0s)}
.arena-app .plush-character{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;filter:drop-shadow(0 4px 5px #0003)}
.arena-app .character-shadow{position:absolute;width:60%;height:8%;left:20%;bottom:1%;border-radius:50%;background:#05080550;filter:blur(3px);z-index:0}
.arena-app .reference-crown{position:absolute;z-index:3;width:35%;height:auto;top:-22%;left:33%;filter:drop-shadow(0 0 10px #dbff7755);animation:float 2s ease-in-out infinite}
.arena-app .champion .character-motion{animation:character-victory 1.15s ease-in-out infinite}
.arena-app .mascot-muse .character-motion{animation:soft-float 4.6s ease-in-out infinite}
.arena-app .mascot-muse.champion .character-motion{animation:character-victory 1.5s ease-in-out infinite}
.arena-app .clawd{width:95%;height:90%;overflow:visible;align-self:flex-end;margin-bottom:5%}
.arena-app .clawd-leg{animation:clawd-step .55s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 0}
.arena-app .leg-1, .arena-app .leg-3{animation-delay:-.55s}
.arena-app .clawd-arm{transform-box:fill-box;transform-origin:100% 50%}
.arena-app .arm-right{transform-origin:0 50%;animation:clawd-wave 3.5s ease-in-out infinite}
.arena-app .clawd-eyes{transform-box:fill-box;transform-origin:center;animation:blink 6s infinite}
.arena-app .champion .clawd-arm{animation:clawd-wave .5s ease-in-out infinite alternate}
.arena-app .flat-dot{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 2px 1px #0002)}
.arena-app .mascot-gemini .flat-dot{width:86%;margin-bottom:7%}
.arena-app .dot-eyes{transform-box:fill-box;transform-origin:center;animation:blink 6.4s infinite;animation-delay:var(--step-delay,0s)}
.arena-app .dots-group{display:grid;grid-template-columns:repeat(4,1fr);align-items:end;width:150%;flex-shrink:0;padding-bottom:6%;gap:0}
.arena-app .plush-dot{display:block;width:100%;height:auto;overflow:hidden;transform-origin:50% 82%;animation:dot-hop 2.9s ease-in-out infinite}
.arena-app .plush-dot-1{animation-delay:-.6s}.arena-app .plush-dot-2{animation-delay:-1.2s}.arena-app .plush-dot-3{animation-delay:-1.8s}
.arena-app .arena-agent:hover .character-motion, .arena-app .arena-agent:focus-visible .character-motion{animation:character-victory .65s ease-in-out infinite}
.arena-app .arena{height:390px}
.arena-app .stage{inset:99px 0 36px}
.arena-app .arena-agent{width:101px}
.arena-app .arena-agent.winner{width:138px;left:calc(50% - 69px);bottom:80px}
.arena-app .arena-agent.side-0{left:5%;bottom:100px;transform:scale(.86)}
.arena-app .arena-agent.side-1{left:8%;bottom:3px;transform:scale(.79)}
.arena-app .arena-agent.side-2{left:auto;right:3%;bottom:100px;transform:scale(.8)}
.arena-app .arena-agent.side-3{left:auto;right:5%;bottom:3px;transform:scale(.8)}
.arena-app .podium{height:78px;bottom:12px}
.arena-app .agent-name{margin-top:6px}
.arena-app .mascot-chatgpt .reference-crown{top:12%}
.arena-app .arena-agent.side-0 .speech, .arena-app .arena-agent.side-1 .speech{left:0;transform:translateY(6px)}
.arena-app .arena-agent.side-2 .speech, .arena-app .arena-agent.side-3 .speech{left:auto;right:0;transform:translateY(6px)}
.arena-app .arena-agent:hover .speech, .arena-app .arena-agent .speech.talking{transform:translateY(0)}
.arena-app .arena-agent.winner:hover .speech, .arena-app .arena-agent.winner .speech.talking{transform:translateX(-50%)}
.arena-app .mini-mascot{overflow:hidden;padding:1px}
.arena-app .mini-mascot .mascot{width:100%;height:100%;transform:none}
.arena-app .mini-mascot .character-motion, .arena-app .mini-mascot *{animation:none}
.arena-app .mini-mascot .dots-group{width:115%;grid-template-columns:repeat(2,1fr);position:absolute;bottom:0}
.arena-app .mini-mascot .dots-group .plush-dot:nth-child(n+3){display:none}
.arena-app .poster-mascot{width:115px;right:4px;bottom:30px}
.arena-app .card-visual .mascot{width:105px}
.arena-app .poster-chatgpt{background-color:#24403a}
.arena-app .companion-parade{position:relative;border:1px solid #363e31;border-radius:12px;margin:0 0 28px;padding:26px 30px 17px;background:radial-gradient(ellipse at 33% 80%,#31413260,transparent 65%),#181d17}
.arena-app .parade-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}
.arena-app .parade-heading h2{font-size:27px}.arena-app .parade-heading p{font-size:11px;color:#a8b39d;margin-top:8px}
.arena-app .party-button{display:inline-flex;align-items:center;gap:8px;border:1px solid #5a6a4c;border-radius:6px;padding:11px 13px;font-size:10px;white-space:nowrap}
.arena-app .party-button[aria-pressed=true]{background:var(--lime);color:#223017;border-color:var(--lime)}
.arena-app .companion-floor{height:190px;display:grid;grid-template-columns:40% 60%;align-items:end;gap:10px;border-bottom:1px solid #4e614033;position:relative}
.arena-app .plush-crew{display:flex;align-items:flex-end;padding:10px 12px 0 0;gap:2px;position:relative}
.arena-app .plush-crew>button{padding:0;position:relative;width:25%;max-width:100px}
.arena-app .plush-crew .plush-dot{margin-bottom:-18%;width:100%}
.arena-app .plush-crew>button:hover .plush-dot, .arena-app .plush-crew>button:focus-visible .plush-dot{animation:character-victory .65s infinite}
.arena-app .flat-parade{height:100%;position:relative;margin-left:10px;margin-right:28px}
.arena-app .dot-roamer{width:12%;max-width:65px;position:absolute;bottom:0;animation:companion-patrol 14s ease-in-out infinite;animation-delay:var(--walk-delay);z-index:1}
.arena-app .dot-roamer>button{display:block;width:100%;padding:0;position:relative}
.arena-app .dot-roamer .flat-dot{animation:companion-step .9s ease-in-out infinite;animation-delay:var(--step-delay);transform-origin:50% 95%}
.arena-app .roamer-0{left:0}.arena-app .roamer-1{left:16%}.arena-app .roamer-2{left:32%}.arena-app .roamer-3{left:48%}.arena-app .roamer-4{left:64%}.arena-app .roamer-5{left:80%}
.arena-app .dot-roamer:has(button:hover), .arena-app .dot-roamer:has(button:focus-visible), .arena-app .dot-roamer:has(.dot-hello){animation-play-state:paused;z-index:5}
.arena-app .dot-roamer button:hover .flat-dot, .arena-app .dot-roamer .dot-hello .flat-dot{animation:character-victory .7s ease-in-out infinite}
.arena-app .companion-speech{position:absolute;left:50%;bottom:105%;transform:translateX(-50%) translateY(5px);opacity:0;pointer-events:none;width:max-content;max-width:150px;background:#2b3526;border:1px solid #72865b;border-radius:7px;padding:8px 10px;font-size:10px;line-height:1.4;color:#e8f4d9;transition:opacity .2s,transform .2s;z-index:5}
.arena-app .companion-speech.show, .arena-app button:hover>.companion-speech, .arena-app button:focus-visible>.companion-speech{opacity:1;transform:translateX(-50%) translateY(0)}
.arena-app .roamer-5 .companion-speech{left:auto;right:0;transform:none}
.arena-app .plush-crew button:first-child .companion-speech{left:0;transform:none}
.arena-app .parade-caption{display:flex;justify-content:space-between;padding-top:15px;font-size:8px;letter-spacing:1px;color:#a2ad96}
.arena-app .parade-caption span+span{font-size:9px;letter-spacing:0;color:#859377}
.arena-app .dance-party .dot-roamer{animation-play-state:paused}
.arena-app .dance-party .flat-dot, .arena-app .dance-party .plush-dot{animation:character-victory .6s ease-in-out infinite;animation-delay:var(--step-delay,0s)}
.arena-app .dance-party{background:radial-gradient(ellipse at 60% 80%,#52683a70,transparent 70%),#181d17}
@keyframes character-sway{0%,100%{transform:rotate(-2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-4px)}}
@keyframes soft-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes character-victory{0%,100%{transform:translateY(0) rotate(-7deg) scale(1.02,.98)}25%{transform:translateY(-12px) rotate(2deg) scale(.98,1.02)}50%{transform:translateY(0) rotate(7deg) scale(1.03,.97)}75%{transform:translateY(-8px) rotate(-2deg)}}
@keyframes clawd-step{to{transform:scaleY(.73) translateY(-3px)}}
@keyframes clawd-wave{0%,30%,100%{transform:rotate(0)}40%,60%{transform:rotate(-30deg)}50%,70%{transform:rotate(-12deg)}}
@keyframes dot-hop{0%,40%,65%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-5deg)}60%{transform:scale(1.04,.95)}}
@keyframes companion-patrol{0%,100%{translate:0 0}35%{translate:18px -4px}70%{translate:-10px 0}}
@keyframes companion-step{0%,100%{transform:rotate(-7deg) scale(1.03,.97)}50%{transform:translateY(-7px) rotate(7deg) scale(.97,1.03)}}
@media(min-width:1350px){.arena-app .arena{height:420px}.arena-app .arena-agent{width:117px}.arena-app .arena-agent.winner{width:158px;left:calc(50% - 79px);bottom:86px}.arena-app .arena-agent.side-0, .arena-app .arena-agent.side-2{bottom:112px}.arena-app .arena-agent.side-1, .arena-app .arena-agent.side-3{bottom:5px}.arena-app .companion-floor{height:205px}.arena-app .plush-crew>button{max-width:112px}}
@media(max-width:1050px){.arena-app .arena-agent{width:94px}.arena-app .arena-agent.winner{width:126px;left:calc(50% - 63px)}.arena-app .arena-agent.side-0{left:1%}.arena-app .arena-agent.side-1{left:5%}.arena-app .arena-agent.side-2{right:1%}.arena-app .arena-agent.side-3{right:4%}.arena-app .companion-floor{height:165px}.arena-app .companion-parade{padding:24px 22px 17px}}
@media(max-width:760px){.arena-app .arena{height:375px}.arena-app .stage{inset:96px 0 36px}.arena-app .arena-caption{font-size:7px;letter-spacing:.8px}.arena-app .arena-agent{width:94px}.arena-app .arena-agent.winner{width:116px;left:calc(50% - 58px);bottom:79px}.arena-app .arena-agent.side-0, .arena-app .arena-agent.side-2{bottom:98px;transform:scale(.76)}.arena-app .arena-agent.side-1, .arena-app .arena-agent.side-3{bottom:0;transform:scale(.76)}.arena-app .arena-agent.side-0{left:0}.arena-app .arena-agent.side-1{left:4%}.arena-app .arena-agent.side-2{right:0}.arena-app .arena-agent.side-3{right:4%}.arena-app .podium{width:125px}.arena-app .arena-bottom{font-size:8px;bottom:13px}.arena-app .mini-mascot .mascot{height:100%;width:100%}.arena-app .companion-parade{padding:23px 20px 17px}.arena-app .parade-heading{flex-direction:column;align-items:flex-start;gap:18px}.arena-app .parade-heading h2{font-size:25px}.arena-app .parade-heading .eyebrow{font-size:6px}.arena-app .companion-floor{height:260px;grid-template-columns:1fr;gap:30px;align-items:end;padding-top:10px}.arena-app .plush-crew{width:88%;justify-self:center;padding:0;gap:5px}.arena-app .flat-parade{height:90px;width:100%;margin:0 12px 0 0}.arena-app .dot-roamer{width:12%;max-width:42px}.arena-app .parade-caption{font-size:6px;gap:12px;letter-spacing:.7px}.arena-app .parade-caption span+span{font-size:8px}.arena-app .companion-speech{font-size:9px;max-width:115px}.arena-app .party-button{font-size:10px}.arena-app .card-visual .mascot{width:100px}}
@media(prefers-reduced-motion:reduce){.arena-app .character-motion, .arena-app .plush-dot, .arena-app .flat-dot, .arena-app .dot-roamer, .arena-app .clawd-leg, .arena-app .clawd-arm, .arena-app .reference-crown{animation:none!important}}

@media(max-width:760px){.arena-app .dot-roamer{animation-name:companion-patrol-mobile}@keyframes companion-patrol-mobile{0%,100%{translate:0 0}35%{translate:5px -3px}70%{translate:-4px 0}}}

/* Gemini rainbow spark and the black Grok dot, from the revised references. */
.arena-app .gemini-star{display:block;width:91%;height:95%;align-self:center;filter:drop-shadow(0 3px 7px #009cff28)}
.arena-app .mascot-grok .flat-dot{width:94%;align-self:center;filter:drop-shadow(0 1px 1px #b5d2a955) drop-shadow(0 5px 7px #0007)}
.arena-app .mascot-grok .flat-dot circle{stroke:#b5c6ac;stroke-width:1;stroke-opacity:.28}
.arena-app .mascot-gemini .character-motion{animation:star-drift 5s ease-in-out infinite}
.arena-app .mascot-gemini.champion .character-motion{animation:character-victory 1.15s ease-in-out infinite}
.arena-app .arena-agent:hover .mascot-gemini .character-motion{animation:character-victory .7s ease-in-out infinite}
@keyframes star-drift{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-7px) rotate(6deg)}}

/* Page-wide travel lives in a separate layer, so cards keep their native layout. */
.arena-app .site{position:relative}
.arena-app .leaderboard-tower{min-width:0;align-self:start}
.arena-app .leaderboard-champion{height:126px;position:relative;display:flex;align-items:center;justify-content:center;gap:20px;padding:25px 16px 8px;background:radial-gradient(ellipse at 40% 90%,#506b3033,transparent 70%);border-bottom:2px solid #6c8448;border-radius:12px 12px 0 0}
.arena-app .champion-perch{width:79px;height:79px;position:relative;padding:0;flex-shrink:0;z-index:2}
.arena-app .champion-plaque{min-width:0;max-width:180px;z-index:2}.arena-app .champion-plaque>span{display:flex;align-items:center;gap:6px;color:var(--lime);font-size:8px;letter-spacing:1.5px}.arena-app .champion-plaque strong{display:block;font-family:system-ui,'Segoe UI',Arial,sans-serif;font-size:22px;margin:5px 0}.arena-app .champion-plaque small{display:block;font-size:9px;line-height:1.4;color:#a8ba95}.arena-app .champion-waiting{font-size:11px;color:var(--muted)}
.arena-app .throne-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.arena-app .throne-confetti i{position:absolute;left:var(--x);top:5%;width:4px;height:6px;background:var(--c);opacity:0;animation:throne-spark 4s var(--d) ease-out infinite}
.arena-app .leaderboard-tower .standings-panel{border-top-left-radius:0;border-top-right-radius:0}.arena-app .post-grid{padding-top:43px;row-gap:66px}.arena-app .post-card, .arena-app .spotlight{transition:border-color .3s,box-shadow .3s}.arena-app .post-card:hover, .arena-app .post-card:focus-within, .arena-app .spotlight:hover, .arena-app .spotlight:focus-within{border-color:#879f60;box-shadow:0 0 24px #bde3820b}
.arena-app .roaming-hint{display:flex;align-items:center;gap:7px;font-size:10px;color:#a0b18d;margin:-5px 0 65px}.arena-app .companion-parade{margin-top:10px}.arena-app .newsletter{margin-top:64px}
.arena-app .page-companions{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:clip;contain:layout style;}
.arena-app .page-rover{position:absolute;left:0;top:0;width:var(--rover-size,62px);height:var(--rover-size,62px);will-change:transform;pointer-events:none}
.arena-app .page-rover>button{position:relative;display:block;width:100%;height:100%;padding:0;pointer-events:auto;border-radius:50%;filter:drop-shadow(0 5px 5px #0005)}
.arena-app .page-rover[data-travelling=true]>button{pointer-events:none}
.arena-app .page-rover[data-travelling=true] .character-motion{animation:rover-trot .38s ease-in-out infinite alternate}
.arena-app .page-rover[data-travelling=true] .flat-dot{animation:rover-trot .38s ease-in-out infinite alternate}
.arena-app .page-rover .mascot{width:100%;height:100%}.arena-app .page-rover .dots-group{width:135%}.arena-app .little-rover{opacity:.88}
.arena-app .rover-speech{position:absolute;bottom:105%;left:50%;transform:translateX(-50%);padding:7px 9px;max-width:145px;width:max-content;font-size:9px;line-height:1.4;color:#e5f3d1;background:#27351e;border:1px solid #647d45;border-radius:7px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:5}
.arena-app .page-rover[data-speaking=true] .rover-speech{opacity:1}
.arena-app .page-rover>button:hover{filter:drop-shadow(0 0 7px #bce68166)}
.arena-app .crew-control{position:fixed;left:18px;bottom:17px;z-index:12;display:flex;align-items:center;gap:6px;font-size:10px;padding:10px 12px;border:1px solid #657c48;background:#1e2a18eb;backdrop-filter:blur(8px);border-radius:99px;color:#d6ebba;box-shadow:0 3px 15px #0005}
.arena-app .crew-hidden{visibility:hidden;pointer-events:none}.arena-app .motion-paused .page-rover{will-change:auto}.arena-app .motion-paused .throne-confetti{display:none}
@keyframes rover-trot{from{transform:rotate(-6deg) translateY(0)}to{transform:rotate(6deg) translateY(-3px)}}
@keyframes throne-spark{0%{opacity:0;translate:0 0;rotate:0deg}12%{opacity:.8}75%,100%{opacity:0;translate:10px 110px;rotate:220deg}}
@media(max-width:760px){.arena-app .leaderboard-champion{height:130px;gap:25px}.arena-app .champion-perch{width:84px;height:84px}.arena-app .champion-plaque strong{font-size:25px}.arena-app .champion-plaque small{font-size:10px}.arena-app .post-grid{padding-top:33px;row-gap:50px}.arena-app .roaming-hint{line-height:1.6;margin-bottom:50px;font-size:10px}.arena-app .crew-control{font-size:9px;padding:8px 10px;bottom:12px;left:12px}.arena-app .rover-speech{max-width:95px;font-size:8px}.arena-app .page-rover .dots-group{width:115%}.arena-app .newsletter{margin-top:50px}}
@media(prefers-reduced-motion:reduce){.arena-app .page-companions{display:none}.arena-app .throne-confetti{display:none}.arena-app .page-rover{will-change:auto}}


.arena-app{color-scheme:dark;max-width:100%}
.arena-app select{min-width:0;max-width:100%}
.arena-app .site,.arena-app .hero,.arena-app .ticker,.arena-app .feed-toolbar,.arena-app .filter-controls,.arena-app .ranking-layout,.arena-app .spotlight,.arena-app .post-grid,.arena-app .newsletter{min-width:0;max-width:100%}
.arena-app .filter-controls{flex-wrap:wrap}
.arena-app svg{overflow:hidden}
.arena-app .metric-source{display:block;max-width:16rem;margin-top:2px;font-family:system-ui,'Segoe UI',Arial,sans-serif;font-size:8px;line-height:1.35;font-weight:400;letter-spacing:0;color:#9aab8c;white-space:normal;overflow-wrap:anywhere}
.arena-app .count-figure{font-weight:500}
.arena-app .post-metrics{flex-wrap:wrap;align-items:flex-start}
.arena-app .post-metrics>span,.arena-app .card-footer>span,.arena-app .ticker button,.arena-app .board-value{min-width:0}
.arena-app .card-footer{flex-wrap:wrap;align-items:flex-start}
.arena-app .card-footer>button{margin-left:auto}
.arena-app .ticker{height:auto;min-height:53px;flex-wrap:wrap;padding:8px 0;row-gap:8px}
.arena-app .board-value .metric-source{margin-left:auto;text-align:right}
.arena-app .other-mark{display:grid;place-items:center;width:72%;height:72%;margin:8% auto 0;border:1px solid #6d7a62;border-radius:10px;color:#d5e2c6;font:700 28px/1 system-ui,sans-serif}
.arena-app .brand-line{font-size:11px;line-height:1.45;color:#d5e4c4;margin:0 0 14px;max-width:36rem}
.arena-app .poster-other{background-color:#2a3126}
.arena-app .data-status{flex-wrap:wrap;height:auto}
.arena-app .data-status .metric-source{flex-basis:100%}
@media(max-width:760px){
  .arena-app .ticker{justify-content:flex-start}
  .arena-app .post-metrics>span{flex:1 1 42%}
  .arena-app .card-content h3{min-height:0}
  .arena-app .hero-copy h1{overflow-wrap:anywhere}
}

.arena-app .tx-empty{min-height:42vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:48px 16px}
.arena-app .tx-empty h2,.arena-app .tx-empty p{color:#f0f1e8}
.arena-app .tx-empty p{color:#9ba294;font-size:14px}
.arena-app .board-name{min-width:0}
.arena-app .board-name strong{white-space:normal;overflow-wrap:anywhere}
.arena-app .arena-agent.side-4{left:calc(50% - 40px);bottom:6px;transform:scale(.72);z-index:1}
.arena-app .post-metrics{flex-wrap:wrap}

/* Readable feed using the site palette: --ink, --surface, --link, --dd-accent. */
.arena-app{--ink:#14161a;--ink-2:#3a3d42;--muted:#5d6168;--line:#e3e3df;--bg:#fbfbfa;--surface:#fff;--link:#0b5fff;--accent:#FF4D28;--dd-bg:#0E1016;--dd-card:#1C1F28;--dd-text:#F5F5F0;--dd-text-title:#FFF5EE;--dd-muted:#A0A6B2;--dd-accent:#FF4D28;--font-sans:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink);font-family:var(--font-sans);color-scheme:light}
.arena-app h1,.arena-app h2,.arena-app h3,.arena-app h4,.arena-app .card-content h3,.arena-app .spotlight-copy h3,.arena-app .board-name strong,.arena-app .section-heading h2{color:var(--ink);font-family:var(--font-sans)}
.arena-app .hero,.arena-app .topbar,.arena-app .ticker,.arena-app .arena,.arena-app footer{background:var(--dd-bg);color:var(--dd-text)}
.arena-app .hero h1,.arena-app .hero p,.arena-app .topbar,.arena-app .topbar a,.arena-app .ticker,.arena-app .ticker button,.arena-app footer,.arena-app footer a{color:var(--dd-text)}
.arena-app .hero .brand-line,.arena-app .hero .eyebrow,.arena-app .ticker-label{color:var(--dd-muted)}
.arena-app .post-card,.arena-app .spotlight,.arena-app .standings-panel,.arena-app .board-row{background:var(--surface);color:var(--ink);border-color:var(--line)}
.arena-app .post-card h3,.arena-app .spotlight-copy h3,.arena-app .board-name strong,.arena-app .board-value,.arena-app .count-figure,.arena-app .stat-row,.arena-app .stat-row strong,.arena-app .card-footer,.arena-app .post-metrics,.arena-app .post-metrics strong{color:var(--ink)}
.arena-app .card-content a,.arena-app .board-name small,.arena-app .spotlight-copy .author,.arena-app .spotlight-copy .author small,.arena-app a[data-contrast="handle"]{color:var(--link)}
.arena-app .metric-source,.arena-app .card-category,.arena-app .eyebrow.muted,.arena-app .board-label,.arena-app .data-status,.arena-app .board-note,.arena-app .card-top,.arena-app .post-meta{color:var(--ink-2)}
.arena-app .data-status{background:transparent}
.arena-app .rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:1.6rem;padding:0 8px;border-radius:6px;background:var(--accent);color:#14161a;font-weight:800;font-size:13px;letter-spacing:0;line-height:1}
.arena-app .stat-row{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.arena-app .card-footer.stat-row,.arena-app .post-metrics.stat-row{color:var(--ink);font-size:14px;font-weight:600}
.arena-app .page-companions{z-index:1}
.arena-app .post-card,.arena-app .spotlight,.arena-app .standings-panel,.arena-app .section-heading,.arena-app .hero-copy,.arena-app .champion-plaque{position:relative;z-index:2}
.arena-app .leaderboard-champion{background:var(--surface);border-bottom:1px solid var(--line)}
.arena-app .champion-plaque,.arena-app .champion-plaque strong,.arena-app .champion-plaque small{color:var(--ink)}
.arena-app .champion-plaque>span{color:#14161a}
.arena-app .mini-mascot{flex:none;background:#f4f4f1;border-color:var(--line)}
.arena-app .board-row{align-items:flex-start}
.arena-app .board-value small{color:var(--ink-2)}
@media (max-width:480px){.arena-app .crew-control{display:none}}
.arena-app .card-content h3{font-size:18px;font-weight:700;line-height:1.3;min-height:0}
.arena-app .spotlight-copy h3{font-size:28px;font-weight:800;line-height:1.2}
.arena-app .card-content a,.arena-app .board-name small{font-size:14px;font-weight:600}
.arena-app .stat-row,.arena-app .card-footer,.arena-app .post-metrics{font-size:14px}
.arena-app .metric-source{font-size:13px;line-height:1.4;max-width:none;color:var(--ink-2)}
.arena-app .eyebrow.muted,.arena-app .board-label,.arena-app .card-category{font-size:12px;letter-spacing:.04em}
.arena-app .board-name strong{font-size:16px;font-weight:700}
.arena-app .section-heading h2{font-size:28px;font-weight:800;color:var(--ink)}
.arena-app .hero h1{color:var(--dd-text-title);font-weight:900}
.arena-app .card-chrome{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 10px;min-width:0;max-width:100%}
.arena-app .traction-score{display:inline-flex;align-items:center;gap:4px;color:var(--ink);font-size:14px;font-weight:600}
.arena-app .view-on-x{color:var(--link);font-size:14px;font-weight:700}
.arena-app .tweet-wrap,.arena-app .tweet-slot,.arena-app .card-content,.arena-app .spotlight-copy{min-width:0;max-width:100%}
.arena-app .tweet-wrap{position:relative}
.arena-app .tweet-wrap:not(.live) .tweet-slot{position:absolute;left:0;top:0;width:100%;height:auto;overflow:hidden;clip-path:inset(50%);pointer-events:none}
.arena-app .tweet-slot .twitter-tweet{margin:8px 0 !important;max-width:100% !important;width:100% !important;min-width:0 !important}
.arena-app .tweet-slot iframe,.arena-app .tweet-slot .twitter-tweet-rendered{max-width:100% !important;width:100% !important;min-width:0 !important}
.arena-app .tweet-wrap.live .card-fallback{display:none}
.arena-app .tweet-wrap.live .tweet-slot{position:static;overflow:visible;clip-path:none;pointer-events:auto}
.arena-app .tweet-wrap.card .card-fallback,.arena-app .tweet-wrap.fallback .card-fallback{display:block}
.arena-app .post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.arena-app .spotlight-body{grid-template-columns:minmax(0,1fr)}
@media (max-width:760px){.arena-app .post-grid{grid-template-columns:minmax(0,1fr)}}
/* Live readability: dark headings stay ink, pale labels, #1 row, ticker and date. */
body.aa-page .arena-app main{max-width:none;padding:0}
body.aa-page .arena-app .hero{margin:0;max-width:100%;background:#0b0d11;padding-left:clamp(16px,3vw,40px);padding-right:clamp(16px,3vw,40px);border-radius:12px}
body.aa-page .arena-app .hero::before{content:none;display:none}
body.aa-page .arena-app .companion-parade .party-button,body.aa-page .arena-app .companion-parade h2,body.aa-page .arena-app .newsletter h2{color:#f0f1e8}
body.aa-page .arena-app .companion-parade .eyebrow.muted{color:#c3cbb6}
body.aa-page .arena-app .board-note button,body.aa-page .arena-app .roaming-hint,body.aa-page .arena-app .source-note p,body.aa-page .arena-app .source-note span,body.aa-page .arena-app .spotlight-footer span,body.aa-page .arena-app .spotlight-top .quiet-button,body.aa-page .arena-app .spotlight-top span{color:#4a5045}
body.aa-page .arena-app .filter-tabs button{color:#4a5045}
body.aa-page .arena-app .filter-tabs button.active{color:#14161a}
body.aa-page .arena-app .card-top .agent-tag{color:#3d4a2e!important}
body.aa-page .arena-app .board-row.first{background:#eef4e2!important}
body.aa-page .arena-app .board-row .rank{color:#4a5045}
body.aa-page .arena-app .board-row.first .rank{color:#2d3a1e}
body.aa-page .arena-app .board-row.first *{text-shadow:none}
body.aa-page .arena-app .ticker-score{color:#aab0b9}
body.aa-page .arena-app .status-date{color:#4a5a32}
body.aa-page .arena-app .x-logo{color:#14161a}
body.aa-page .arena-app .source-note button{color:#3d4a2e}
.arena-app .past-days{margin:28px 5% 8px;padding:16px 18px;background:#fbfbfa;color:#14161a;border:1px solid #e3e3df;border-radius:10px}
.arena-app .past-days h2{margin:0 0 10px;color:#14161a;font-size:1.25rem}
.arena-app .past-days ul{margin:0;padding:0;list-style:none}
.arena-app .past-days li{margin:8px 0;color:#14161a}
.arena-app .past-days a{color:#0b5fff;font-weight:700}
.arena-app .badge-disclosure{margin-top:12px;padding:8px 10px;background:#fff;color:#14161a;border:1px solid #e3e3df;border-radius:8px}
.arena-app .badge-disclosure summary{cursor:pointer;font-weight:700;color:#14161a}
.arena-app .badge-preview{display:block;margin:8px 0;width:220px;height:40px}
.arena-app .badge-snippet{white-space:pre-wrap;word-break:break-all;font-size:12px;line-height:1.4;color:#14161a;background:#f4f4f1;padding:8px;border-radius:6px}
.arena-app .badge-copy{background:#FF4D28;color:#0E1016;font-weight:700}
body.archive-page{margin:0;background:#fbfbfa;color:#14161a;font:16px/1.5 system-ui,Segoe UI,sans-serif}
body.archive-page .archive-lead{margin:0;padding:16px 5% 0}
body.archive-page .archive-lead a{color:#0b5fff;font-weight:700}
body.archive-page h1{margin:8px 5% 12px;color:#14161a;font-size:1.75rem;line-height:1.2}
body.archive-page .archive-card{margin:12px 5%;padding:12px 14px;background:#fff;color:#14161a;border:1px solid #e3e3df;border-radius:10px}
body.archive-page .archive-card h2{margin:0 0 6px;color:#14161a;font-size:1.15rem}
body.archive-page .archive-card a{color:#0b5fff}