:root{--bg-canvas:#080b11;--bg-surface:#0e131f;--bg-surface-raised:#141a2b;--bg-surface-hover:#1c243b;--bg-glass:#0e131fbf;--border-subtle:#ffffff14;--border-medium:#ffffff24;--border-strong:#ffffff38;--border-focus:#0ea5e980;--color-p1:#f43f5e;--color-p1-soft:#f43f5e1f;--color-p1-border:#f43f5e59;--color-p1-glow:#f43f5e40;--color-p2:#0ea5e9;--color-p2-soft:#0ea5e91f;--color-p2-border:#0ea5e959;--color-p2-glow:#0ea5e940;--color-primary:#0284c7;--color-primary-hover:#0369a1;--color-primary-soft:#0284c724;--color-gold:#f59e0b;--color-gold-soft:#f59e0b1f;--color-gold-border:#f59e0b59;--color-live:#10b981;--color-live-soft:#10b98124;--color-live-border:#10b98159;--color-danger:#ef4444;--color-danger-soft:#ef444424;--color-danger-border:#ef444459;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-faint:#64748b;--font-sans:"Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--neon-cyan:var(--color-p2);--neon-cyan-dark:var(--color-primary);--neon-cyan-glow:var(--color-p2-glow);--neon-gold:var(--color-gold);--neon-gold-glow:#f59e0b40;--neon-green:var(--color-live);--neon-green-glow:#10b98140;--neon-red:var(--color-p1);--neon-red-glow:var(--color-p1-glow);--neon-purple:#c084fc;--neon-purple-glow:#c084fc40;--border-color:var(--border-subtle);--border-highlight:var(--border-focus);--text-main:var(--text-primary);--text-dim:var(--text-faint);--bg-dark:var(--bg-canvas);--bg-card:var(--bg-surface);--bg-card-hover:var(--bg-surface-hover);--font-display:var(--font-sans);--font-body:var(--font-sans);--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #00000059;--shadow-card:0 4px 20px -2px #00000080, 0 2px 6px -1px #0000004d;--shadow-card-hover:0 8px 30px -4px #000000a6, 0 3px 8px -1px #0006;--shadow-modal:0 24px 64px -12px #000000d9, 0 0 1px #ffffff26;--ease-spring:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-normal:.24s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{background-color:var(--bg-canvas);color:var(--text-secondary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(80% 50% at 50% -20%,#0ea5e912,#0000 70%),radial-gradient(circle at 10% 90%,#f43f5e0a,#0000 40%),linear-gradient(#080b11,#0c101a 100%);background-attachment:fixed;min-height:100vh;font-size:.9375rem;line-height:1.6}::selection{color:#fff;background:#0ea5e959}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#1e2638}::-webkit-scrollbar-thumb:hover{background:#2b354d}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-sans);letter-spacing:-.02em;font-weight:700;line-height:1.25}h1{font-size:clamp(1.8rem,3.2vw,2.4rem);font-weight:800}h2{font-size:clamp(1.4rem,2.4vw,1.8rem);font-weight:700}h3{font-size:1.2rem;font-weight:600}p{color:var(--text-secondary)}a{color:inherit;transition:color var(--duration-fast) var(--ease-spring);text-decoration:none}.main-content{width:100%;max-width:1280px;margin:0 auto;padding:28px 24px 80px}@media (width<=768px){.main-content{padding:18px 16px 60px}}.arena-card,.glass-panel{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--duration-normal) var(--ease-spring), border-color var(--duration-normal) var(--ease-spring), box-shadow var(--duration-normal) var(--ease-spring)}.arena-card-interactive{cursor:pointer}.arena-card-interactive:hover{border-color:var(--border-medium);box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.tag-pill,.tag-badge{border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:600;line-height:1.3;display:inline-flex}.tag-pill.gold,.tag-badge.gold{background:var(--color-gold-soft);color:var(--color-gold);border:1px solid var(--color-gold-border)}.tag-pill.live,.tag-badge.green{background:var(--color-live-soft);color:var(--color-live);border:1px solid var(--color-live-border)}.tag-pill.azure,.tag-badge.cyan{background:var(--color-p2-soft);color:var(--color-p2);border:1px solid var(--color-p2-border)}.tag-pill.crimson,.tag-badge.red{background:var(--color-p1-soft);color:var(--color-p1);border:1px solid var(--color-p1-border)}.tag-pill.purple,.tag-badge.purple{color:#c084fc;background:#a855f71f;border:1px solid #a855f74d}.tag-pill.muted,.tag-badge.muted{color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff0d}.pulse-indicator{background-color:var(--color-live);width:7px;height:7px;box-shadow:0 0 8px var(--color-live);border-radius:50%;animation:1.8s cubic-bezier(.4,0,.6,1) infinite pulseDot;display:inline-block}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast) var(--ease-spring);-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 18px;font-size:.875rem;font-weight:600;line-height:1.4;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{color:#fff;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-color:#ffffff26;box-shadow:0 2px 10px #0284c759}.btn-primary:hover{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);box-shadow:0 4px 16px #0284c780}.btn-secondary{background:var(--bg-surface-raised);color:var(--text-primary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.btn-outline{border:1px solid var(--border-subtle);color:var(--text-secondary);background:#ffffff08}.btn-outline:hover{border-color:var(--border-medium);color:var(--text-primary);background:#ffffff14}.btn-danger{background:var(--color-danger-soft);border:1px solid var(--color-danger-border);color:var(--color-danger)}.btn-danger:hover{background:#ef444438}.btn-sm{border-radius:var(--radius-xs);padding:6px 12px;font-size:.8125rem}.btn-lg{border-radius:var(--radius-md);padding:12px 24px;font-size:1rem}.btn-vote-p1{background:var(--color-p1-soft);color:var(--color-p1);border:1px solid var(--color-p1-border);box-shadow:0 2px 10px #f43f5e26}.btn-vote-p1:hover:not(:disabled){border-color:var(--color-p1);color:#fff;background:#f43f5e38;box-shadow:0 4px 18px #f43f5e59}.btn-vote-p2{background:var(--color-p2-soft);color:var(--color-p2);border:1px solid var(--color-p2-border);box-shadow:0 2px 10px #0ea5e926}.btn-vote-p2:hover:not(:disabled){border-color:var(--color-p2);color:#fff;background:#0ea5e938;box-shadow:0 4px 18px #0ea5e959}.form-group{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.form-label{color:var(--text-muted);letter-spacing:.02em;font-size:.8125rem;font-weight:600}.form-control,.form-input,.form-select,.form-textarea{background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-sans);width:100%;transition:border-color var(--duration-fast), box-shadow var(--duration-fast);padding:10px 14px;font-size:.9375rem}.form-control::placeholder{color:var(--text-faint)}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #0284c733}select.form-control,select.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}select.form-control option,select.form-select option{background:var(--bg-surface);color:var(--text-primary);padding:10px 14px}.custom-dropdown-card{z-index:200;background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);min-width:320px;max-width:440px;box-shadow:var(--shadow-modal);animation:modalPop .18s var(--ease-spring);-webkit-backdrop-filter:blur(20px);padding:8px;position:absolute;top:calc(100% + 8px);left:0}.custom-dropdown-item{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:all var(--duration-fast);background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:.875rem;display:flex}.custom-dropdown-item:hover{background:var(--bg-surface-raised);border-color:var(--border-subtle);color:var(--text-primary)}.custom-dropdown-item.active{background:var(--color-primary-soft);border-color:var(--border-focus);color:#fff}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.score-box-input{text-align:center;width:84px;height:64px;font-size:2.2rem;font-weight:800;font-family:var(--font-mono);font-variant-numeric:tabular-nums;background:var(--bg-surface-raised);border:2px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--duration-fast);outline:none}.score-box-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #0284c740}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:1000;background:#04060ad1;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xl);width:100%;max-width:520px;box-shadow:var(--shadow-modal);animation:modalPop var(--duration-normal) var(--ease-spring);padding:28px}@keyframes modalPop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#080b11e0;align-items:center;height:68px;display:flex;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;width:100%;max-width:1280px;margin:0 auto;padding:0 24px;display:flex}.brand-logo{font-family:var(--font-sans);letter-spacing:-.02em;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;font-size:1.25rem;font-weight:800;display:flex}.brand-icon{color:#fff;background:linear-gradient(135deg,#0284c7,#0ea5e9);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 10px #0ea5e94d}.brand-logo .brand-highlight{color:var(--color-p2)}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}@media (width<=768px){.grid-cards{grid-template-columns:1fr;gap:16px}}.vote-meter-container{flex-direction:column;gap:8px;margin:16px 0;display:flex}.vote-meter-bar{border-radius:var(--radius-full);background:var(--bg-surface-raised);height:8px;display:flex;overflow:hidden;box-shadow:inset 0 1px 3px #0006}.vote-bar-fill-p1{transition:width .4s var(--ease-spring);background:linear-gradient(90deg,#f43f5e,#fb7185)}.vote-bar-fill-p2{transition:width .4s var(--ease-spring);background:linear-gradient(90deg,#38bdf8,#0ea5e9)}.custom-select-container{-webkit-user-select:none;user-select:none;position:relative}.custom-select-trigger:focus-visible{outline:2px solid var(--color-p2);outline-offset:2px}.custom-select-trigger:hover:not(:disabled){border-color:var(--color-p2-border);background:#ffffff0d}.custom-select-menu::-webkit-scrollbar{width:5px}.custom-select-menu::-webkit-scrollbar-track{background:0 0}.custom-select-menu::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.custom-select-menu::-webkit-scrollbar-thumb:hover{background:#ffffff40}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:16px;padding:18px 20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.kpi-card:hover{border-color:var(--border-medium);transform:translateY(-2px);box-shadow:0 8px 20px #00000040}.kpi-icon-box{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.kpi-value{font-size:1.625rem;font-weight:800;font-family:var(--font-mono);color:var(--text-primary);line-height:1.2}.kpi-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.78125rem;font-weight:600}.kpi-sub{color:var(--text-faint);margin-top:2px;font-size:.75rem}