:root{color-scheme:dark;--cyan: #22d3ee;--magenta: #e879f9;--gold: #fbbf24;--bg: #06060e;--card: rgba(255,255,255,.04);--border: rgba(255,255,255,.08);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0}html,body,#root{min-height:100vh;background:var(--bg);color:#fafafa}.arena{min-height:100vh;max-width:1100px;margin:0 auto;padding:0 1rem 2rem}.badge{position:absolute;top:.75rem;right:.75rem;font-size:.62rem;font-weight:600;letter-spacing:.04em;color:#ffffff80;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.25rem .6rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2}.hero{text-align:center;padding:4rem 0 3rem;position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 30% 35%,rgba(34,211,238,.07) 0%,transparent 55%),radial-gradient(circle at 70% 65%,rgba(232,121,249,.07) 0%,transparent 55%),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(34,211,238,.012) 2px,rgba(34,211,238,.012) 4px),linear-gradient(rgba(34,211,238,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.025) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,48px 48px,48px 48px}.title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;letter-spacing:-.03em;position:relative}.gc{color:var(--cyan);text-shadow:0 0 30px rgba(34,211,238,.5)}.gm{color:var(--magenta);text-shadow:0 0 30px rgba(232,121,249,.5)}.gg{color:var(--gold);text-shadow:0 0 30px rgba(251,191,36,.5)}.sub{color:#ffffff73;font-size:1.05rem;margin-top:.5rem;position:relative}.stat-strip{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:.85rem;position:relative}.stat-pill{font-size:.7rem;font-weight:600;letter-spacing:.02em;color:#ffffff80;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:999px;padding:.2rem .55rem}.stat-dot{color:#ffffff26;font-size:.6rem}.btn-start{margin-top:2rem;padding:.95rem 2.8rem;font-size:1.15rem;font-weight:800;letter-spacing:.02em;color:#000;background:linear-gradient(135deg,var(--gold),#f59e0b);border:none;border-radius:.55rem;cursor:pointer;transition:all .25s;position:relative;box-shadow:0 0 18px #fbbf2433,0 2px 8px #0000004d}.btn-start:hover{box-shadow:0 0 32px #fbbf2480,0 4px 16px #0000004d;transform:translateY(-2px) scale(1.03)}.battling{color:var(--magenta);animation:pulse 1.4s infinite;font-size:.9rem;margin-top:1.5rem;position:relative}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.sec{padding:2.5rem 0}.sec-title{font-size:1.4rem;font-weight:700;margin-bottom:1.25rem;color:var(--cyan);text-shadow:0 0 12px rgba(34,211,238,.25)}.bracket{display:flex;gap:1.25rem;overflow-x:auto;padding-bottom:.5rem}.round-col{min-width:210px;flex:1}.round-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--magenta);margin-bottom:.75rem;text-align:center}.mc{background:var(--card);border:1px solid var(--border);border-radius:.5rem;padding:.6rem;margin-bottom:.6rem;opacity:0;transform:translateY(8px);transition:all .4s ease}.mc-vis{opacity:1;transform:translateY(0)}.mi{display:flex;justify-content:space-between;align-items:center;padding:.3rem .4rem;border-radius:.2rem;font-size:.85rem}.mi-w{background:#22d3ee14;border-left:3px solid var(--cyan);font-weight:600}.mi-l{opacity:.45}.mi-n{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mi-s{font-size:.72rem;color:var(--gold);font-weight:700;margin-left:.5rem;flex-shrink:0}.mi-note{font-size:.68rem;color:#fff6;margin-top:.4rem;font-style:italic;border-top:1px solid var(--border);padding-top:.35rem}.champ-sec{text-align:center}.champ-card{background:linear-gradient(135deg,#fbbf2414,#e879f90a);border:1px solid rgba(251,191,36,.18);border-radius:1rem;padding:2.5rem 2rem;max-width:480px;margin:0 auto;animation:fadeUp .6s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.champ-crown{font-size:3rem;animation:crownPulse 2s infinite}@keyframes crownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.champ-name{font-size:2rem;font-weight:800;color:var(--gold);text-shadow:0 0 20px rgba(251,191,36,.35)}.champ-desc{color:#ffffff80;margin:.4rem 0 1.25rem}.champ-stats{text-align:left}.sr{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem;font-size:.8rem}.sr.sm{font-size:.7rem;margin-bottom:.2rem}.sl{width:48px;text-transform:capitalize;color:#ffffff8c;flex-shrink:0}.sr.sm .sl{width:32px}.sb{flex:1;height:6px;background:#ffffff12;border-radius:3px;overflow:hidden}.sr.sm .sb{height:4px}.sf{height:100%;border-radius:3px;transition:width .8s ease}.sv{width:26px;text-align:right;color:#ffffff73;font-size:.72rem}.jlog{display:flex;flex-direction:column;gap:.4rem}.je{background:var(--card);border:1px solid var(--border);border-radius:.5rem;padding:.6rem .8rem;display:flex;flex-wrap:wrap;gap:.4rem;align-items:baseline}.jr{font-size:.6rem;font-weight:700;text-transform:uppercase;color:var(--magenta);letter-spacing:.1em;background:#e879f91a;padding:.12rem .35rem;border-radius:.2rem}.jm{font-size:.82rem;font-weight:600}.jw{font-size:.78rem;color:var(--cyan)}.jn{flex-basis:100%;font-size:.72rem;color:#fff6;margin:0;font-style:italic}.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.75rem}.icard{background:var(--card);border:1px solid var(--border);border-radius:.5rem;padding:.85rem;transition:border-color .2s}.icard:hover{border-color:#ffffff26}.iname{font-size:.95rem;font-weight:700;margin-bottom:.15rem}.idesc{font-size:.78rem;color:#ffffff73;margin-bottom:.6rem}.istats{display:flex;flex-direction:column}.lb{max-width:380px}.lbr{display:flex;justify-content:space-between;padding:.55rem .85rem;background:var(--card);border:1px solid var(--border);border-radius:.5rem;margin-bottom:.4rem}.lbn{font-weight:600;font-size:.9rem}.lbw{color:var(--gold);font-size:.82rem}.share-card{background:linear-gradient(135deg,#0f172a,#1e1b4b);border:1px solid rgba(251,191,36,.18);border-radius:1rem;padding:2rem;max-width:380px;text-align:center}.share-head{font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;color:var(--magenta);margin-bottom:.5rem}.share-champ{font-size:1.8rem;font-weight:800;color:var(--gold);text-shadow:0 0 18px rgba(251,191,36,.3)}.share-desc{color:#ffffff73;font-size:.85rem;margin:.4rem 0 1.25rem}.share-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:1.25rem}.share-s{font-size:.72rem;font-weight:700;letter-spacing:.04em}.share-x-btn{display:inline-block;margin:.75rem 0;padding:.55rem 1.4rem;font-size:.8rem;font-weight:700;color:#fff;background:#000;border:1px solid rgba(255,255,255,.15);border-radius:999px;text-decoration:none;transition:all .2s}.share-x-btn:hover{background:#111;border-color:var(--cyan);box-shadow:0 0 12px #22d3ee33}.share-foot{font-size:.65rem;color:#ffffff40}.footer{text-align:center;padding:2.5rem 0 1rem;display:flex;justify-content:center;gap:.85rem}.fl{color:#ffffff59;text-decoration:none;font-size:.82rem;transition:color .2s}.fl:hover{color:var(--cyan)}.fsep{color:#ffffff1f}@media(max-width:640px){.arena{padding:0 .5rem 1.5rem}.hero{padding:2.5rem 0 2rem}.badge{font-size:.55rem;padding:.2rem .5rem}.bracket{flex-direction:column;gap:0}.round-col{min-width:unset}.catalog{grid-template-columns:1fr 1fr}}@media(max-width:400px){.catalog{grid-template-columns:1fr}}.hype-lab{background:var(--card);border:1px solid var(--border);border-radius:.6rem;padding:.8rem;max-width:320px}.hype-meter{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.5rem}.hype-label{display:flex;justify-content:space-between;align-items:baseline;font-size:.72rem;font-weight:600;color:#ffffff8c}.hype-bar{height:6px;background:#ffffff12;border-radius:3px;overflow:hidden}.hype-fill{height:100%;border-radius:3px;transition:width .8s ease;background:linear-gradient(90deg,var(--cyan),var(--magenta));box-shadow:0 0 6px #22d3ee4d}.hype-pct{font-size:.72rem;font-weight:700;color:var(--cyan);text-shadow:0 0 8px rgba(34,211,238,.3)}.hype-stats{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.hype-stat{display:flex;justify-content:space-between;align-items:center;font-size:.68rem;padding:.2rem 0}.hype-val{font-weight:700;color:var(--gold);text-shadow:0 0 6px rgba(251,191,36,.2)}.hype-key{color:#fff6;text-transform:capitalize;font-size:.64rem}.hype-btn{display:inline-block;margin-top:.5rem;padding:.4rem 1rem;font-size:.72rem;font-weight:700;color:#000;background:linear-gradient(135deg,var(--cyan),var(--magenta));border:none;border-radius:999px;cursor:pointer;transition:all .2s;box-shadow:0 0 10px #22d3ee33}.hype-btn:hover{box-shadow:0 0 20px #22d3ee66,0 0 20px #e879f94d;transform:translateY(-1px)}