/* Strategy Arena page CSS. Extracted for cacheable delivery. */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Rajdhani',sans-serif;background:#030308;min-height:100vh;color:#e2e8f0;overflow-x:hidden}
.arena-bg{position:fixed;inset:0;z-index:0;overflow:hidden}
.arena-bg::before{content:'';position:absolute;width:200%;height:200%;top:-50%;left:-50%;background:radial-gradient(ellipse at 30% 20%,rgba(139,92,246,0.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(6,182,212,0.06) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(255,215,0,0.03) 0%,transparent 60%);animation:bgRotate 60s linear infinite}
@keyframes bgRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.grid-overlay{position:fixed;inset:0;z-index:0;background-image:linear-gradient(rgba(139,92,246,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,0.03) 1px,transparent 1px);background-size:60px 60px;animation:gridPulse 4s ease-in-out infinite}
@keyframes gridPulse{0%,100%{opacity:0.3}50%{opacity:0.7}}
.container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:20px}
.nav-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 0;margin-bottom:20px}
.nav-bar a{color:#94a3b8;text-decoration:none;font-size:0.9em;transition:color 0.2s}
.nav-bar a:hover{color:#06b6d4}
.nav-logo{font-family:'Orbitron',monospace;font-weight:900;font-size:1.1em;background:linear-gradient(135deg,#8b5cf6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero{text-align:center;padding:30px 0 40px;position:relative}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.3);color:#10b981;padding:6px 18px;border-radius:20px;font-size:0.8em;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;animation:livePulse 2s ease-in-out infinite}
.hero-badge .dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:dotPulse 1.5s ease-in-out infinite}
@keyframes livePulse{0%,100%{box-shadow:0 0 20px rgba(16,185,129,0.2)}50%{box-shadow:0 0 40px rgba(16,185,129,0.4)}}
@keyframes dotPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.7)}}
h1{font-family:'Orbitron',monospace;font-size:clamp(2em,5vw,3.2em);font-weight:900;line-height:1.1;margin-bottom:16px}
h1 .gradient-text{background:linear-gradient(135deg,#ffd700,#ff6b35,#ef4444,#8b5cf6,#06b6d4);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradientFlow 4s ease infinite}
@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.hero-sub{color:#94a3b8;font-size:1.15em;max-width:760px;margin:0 auto 12px;line-height:1.5}
.hero-sub strong{color:#06b6d4}
h2{font-family:'Orbitron',monospace;color:#8b5cf6;font-size:1.8em;margin:60px 0 20px;padding-bottom:10px;border-bottom:1px solid rgba(139,92,246,0.2)}
h3{font-family:'Orbitron',monospace;color:#06b6d4;font-size:1.25em;margin:28px 0 12px}
p{margin-bottom:16px;line-height:1.65;color:#cbd5e1}
.leaderboard{background:linear-gradient(135deg,rgba(139,92,246,0.08),rgba(6,182,212,0.05));border:1px solid rgba(139,92,246,0.25);border-radius:16px;padding:28px;margin:30px 0;box-shadow:0 20px 60px rgba(139,92,246,0.1)}
.leaderboard-title{font-family:'Orbitron',monospace;color:#ffd700;font-size:1.1em;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:10px}
.leaderboard-title::before{content:'';width:10px;height:10px;background:#10b981;border-radius:50%;animation:dotPulse 1.5s ease-in-out infinite;box-shadow:0 0 10px #10b981}
table{width:100%;border-collapse:collapse}
thead th{text-align:left;padding:14px 12px;color:#8b5cf6;border-bottom:1px solid rgba(139,92,246,0.3);font-size:0.75em;text-transform:uppercase;letter-spacing:1.5px;font-family:'Orbitron',monospace}
td{padding:16px 12px;border-bottom:1px solid rgba(255,255,255,0.05);font-size:1.05em}
tr:hover td{background:rgba(139,92,246,0.05)}
.rank{font-family:'Orbitron',monospace;font-weight:700;color:#ffd700;width:50px;font-size:1.1em}
.rank.r1{font-size:1.4em}
.ai-name{font-weight:600;color:#fff}
.pos{color:#10b981;font-weight:700;font-family:'Orbitron',monospace}
.neg{color:#ef4444;font-weight:700;font-family:'Orbitron',monospace}
.badge-live{display:inline-block;background:linear-gradient(135deg,#10b981,#06b6d4);color:#000;font-size:0.65em;padding:2px 8px;border-radius:4px;margin-left:8px;vertical-align:middle;font-family:'Orbitron',monospace;font-weight:700;letter-spacing:1px}
.meta-info{color:#64748b;font-size:0.9em;margin-top:20px;text-align:center}
.meta-info a{color:#06b6d4;text-decoration:none;border-bottom:1px dotted}
.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:30px 0}
.analysis-card{background:rgba(139,92,246,0.05);border:1px solid rgba(139,92,246,0.2);border-radius:12px;padding:22px;transition:transform 0.2s,border-color 0.2s}
.analysis-card:hover{transform:translateY(-3px);border-color:rgba(139,92,246,0.5)}
.analysis-card h4{font-family:'Orbitron',monospace;color:#ffd700;font-size:0.95em;margin-bottom:10px;letter-spacing:1px}
.analysis-card .big-num{font-family:'Orbitron',monospace;font-size:2em;font-weight:900;background:linear-gradient(135deg,#10b981,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}
.analysis-card .big-num.neg{background:linear-gradient(135deg,#ef4444,#ff6b35);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.embed-box{background:#0a0a14;padding:20px;border-radius:10px;font-family:'JetBrains Mono',monospace;font-size:0.85em;overflow-x:auto;border:1px solid rgba(139,92,246,0.3);color:#06b6d4;margin:16px 0}
details{background:rgba(139,92,246,0.05);padding:18px 22px;border-radius:10px;border:1px solid rgba(139,92,246,0.2);margin:12px 0;transition:border-color 0.2s}
details[open]{border-color:rgba(139,92,246,0.5)}
summary{cursor:pointer;font-weight:600;color:#fff;font-size:1.05em;list-style:none;position:relative;padding-right:30px}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);font-family:'Orbitron',monospace;color:#8b5cf6;font-size:1.4em;transition:transform 0.2s}
details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
details p{margin-top:14px;color:#cbd5e1}
.cta{display:inline-block;background:linear-gradient(135deg,#8b5cf6,#06b6d4);color:#fff;padding:14px 32px;border-radius:8px;font-weight:700;text-decoration:none;margin:12px 6px;font-family:'Orbitron',monospace;text-transform:uppercase;letter-spacing:1.5px;font-size:0.9em;transition:transform 0.2s,box-shadow 0.2s}
.cta:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(139,92,246,0.4)}
.cta.secondary{background:transparent;border:1px solid rgba(139,92,246,0.5);color:#8b5cf6}
.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:24px 0}
.related a{background:rgba(139,92,246,0.05);border:1px solid rgba(139,92,246,0.2);border-radius:10px;padding:18px;display:block;color:#fff;text-decoration:none;transition:transform 0.2s,border-color 0.2s}
.related a:hover{transform:translateY(-3px);border-color:#06b6d4;color:#06b6d4}
.related a strong{display:block;font-family:'Orbitron',monospace;color:#06b6d4;font-size:0.85em;letter-spacing:1.5px;margin-bottom:8px;text-transform:uppercase}
blockquote{background:rgba(255,215,0,0.05);border-left:3px solid #ffd700;padding:14px 20px;margin:20px 0;color:#e2e8f0;font-style:italic}
ul,ol{margin:12px 0 20px 24px;color:#cbd5e1;line-height:1.7}
strong{color:#fff}
.footer-cta{text-align:center;padding:40px 20px;margin-top:60px;border-top:1px solid rgba(139,92,246,0.2)}

.cb-down-badge{display:inline-block;padding:2px 8px;border-radius:999px;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.45);color:#fecaca;font-size:.72rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}