@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";
:root{--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"Space Grotesk", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--school-blue:#0047ba;--school-blue-dark:#00338a;--school-blue-light:#2563eb;--school-blue-accent:#60a5fa;--school-blue-soft:#e8f1ff;--school-blue-bg:#0047ba1f;--school-blue-border:#0047ba59;--bg-canvas:#070c18;--bg-surface:#0c152a;--bg-surface-elevated:#111f3d;--bg-surface-hover:#172a52;--bg-glass:#0c152aeb;--border-subtle:#ffffff14;--border-medium:#0047ba47;--border-strong:#0047ba73;--border-focus:#3b82f6;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--text-disabled:#475569;--text-inverse:#070c18;--astra-primary:#1d4ed8;--astra-primary-dark:#1e40af;--astra-secondary:#172554;--astra-accent:#38bdf8;--astra-light:#dbeafe;--astra-bg:#1d4ed81f;--astra-border:#38bdf852;--astra-gradient:linear-gradient(135deg, #1d4ed8 0%, #0f172a 100%);--astra-glow:#1d4ed833;--terra-primary:#059669;--terra-primary-dark:#047857;--terra-secondary:#064e3b;--terra-accent:#34d399;--terra-light:#d1fae5;--terra-bg:#0596691f;--terra-border:#34d39952;--terra-gradient:linear-gradient(135deg, #059669 0%, #064e3b 100%);--terra-glow:#05966933;--gold:#f59e0b;--gold-bg:#f59e0b1f;--gold-border:#f59e0b4d;--silver:#94a3b8;--bronze:#d97706;--danger:#ef4444;--danger-bg:#ef44441f;--danger-border:#ef44444d;--success:#10b981;--warning:#f59e0b;--info:#38bdf8;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 16px #00000059, 0 2px 4px #0003;--shadow-lg:0 12px 32px #00000080, 0 4px 8px #00000040;--shadow-astra:0 8px 30px -4px #1d4ed840;--shadow-terra:0 8px 30px -4px #05966940;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.4s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);background-color:var(--bg-canvas);color:var(--text-primary);scroll-behavior:smooth;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;max-width:100vw;overflow-x:hidden}body{background-color:var(--bg-canvas);background-image:radial-gradient(90% 45% at 50% -10%,#0047ba24,#0000 75%),radial-gradient(60% 40% at 95% 40%,#0596690d,#0000 70%),radial-gradient(60% 40% at 5% 40%,#0047ba0f,#0000 70%);background-attachment:fixed;flex-direction:column;width:100%;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.025em;font-weight:700;line-height:1.2}.heading-display{font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:1.05}.heading-1{letter-spacing:-.03em;font-size:clamp(2rem,3.5vw,2.75rem);font-weight:800}.heading-2{letter-spacing:-.025em;font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700}.heading-3{font-size:1.25rem;font-weight:600}.font-stats{font-family:var(--font-mono);letter-spacing:-.02em;font-weight:700}p{color:var(--text-secondary);line-height:1.65}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button,input,select,textarea{font-family:inherit}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.container-wide{width:100%;max-width:1440px;margin:0 auto;padding:0 1.5rem}.container-narrow{width:100%;max-width:900px;margin:0 auto;padding:0 1.5rem}.arena-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-normal), transform var(--transition-normal), box-shadow var(--transition-normal);position:relative;overflow:hidden}.arena-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md)}.arena-card-interactive{cursor:pointer}.arena-card-interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.glass-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.glass-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md);transform:translateY(-2px)}.panel-elevated{background:var(--bg-surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-md)}.header-nav{z-index:100;-webkit-backdrop-filter:blur(12px);transition:all var(--transition-normal);background:#070c18f0;border-bottom:1px solid #0047ba40;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;gap:.85rem;min-height:72px;display:flex}.header-brand-link{flex-shrink:0;align-items:center;gap:.85rem;text-decoration:none;display:flex}.header-logo-badge{border:2px solid var(--school-blue-light);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;padding:2px;display:flex;box-shadow:0 2px 10px #0047ba66}.header-brand-text{flex-direction:column;justify-content:center;display:flex}.header-brand-name{font-family:var(--font-display);letter-spacing:-.01em;color:#fff;white-space:nowrap;font-size:.95rem;font-weight:800;line-height:1.25}.header-brand-tag{color:var(--school-blue-accent);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;margin-top:.15rem;font-size:.675rem;font-weight:700}.header-duel-badge{border-radius:var(--radius-full);white-space:nowrap;transition:all var(--transition-fast);cursor:pointer;background:#090e1cd9;border:1px solid #ffffff1f;flex-shrink:0;align-items:center;gap:.35rem;padding:.2rem .35rem;line-height:1;text-decoration:none;display:inline-flex;box-shadow:0 2px 8px #00000059}.header-duel-badge:hover{background:#0e162cf2;border-color:#38bdf873;transform:translateY(-1px);box-shadow:0 4px 14px #0047ba59}.duel-side{border-radius:var(--radius-full);transition:all var(--transition-fast);align-items:center;gap:.35rem;padding:.25rem .5rem;display:inline-flex}.duel-side.leading{background:#ffffff14}.duel-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.astra-dot{background:#38bdf8;box-shadow:0 0 6px #38bdf8cc}.terra-dot{background:#34d399;box-shadow:0 0 6px #34d399cc}.duel-label{letter-spacing:.03em;font-size:.72rem;font-weight:800}.duel-side.astra .duel-label{color:#93c5fd}.duel-side.terra .duel-label{color:#6ee7b7}.duel-score{color:#fff;font-size:.825rem;font-weight:800}.duel-mid{color:var(--text-muted);align-items:center;gap:.25rem;padding:0 .15rem;font-size:.65rem;font-weight:800;display:inline-flex}.duel-vs{letter-spacing:.05em;opacity:.8}.duel-diff{border-radius:var(--radius-full);padding:.1rem .35rem;font-size:.625rem;font-weight:800;line-height:1.1}.duel-diff.astra-diff{color:#93c5fd;background:#1d4ed859;border:1px solid #38bdf84d}.duel-diff.terra-diff{color:#6ee7b7;background:#05966959;border:1px solid #34d3994d}@media (max-width:1280px){.header-duel-badge .duel-label{display:none}.header-duel-badge{gap:.2rem;padding:.15rem .3rem}.duel-side{gap:.25rem;padding:.2rem .35rem}}@media (max-width:540px){.header-duel-badge{display:none!important}}@media (max-width:1100px){.nav-link{padding:.35rem .5rem;font-size:.825rem}}.nav-links{align-items:center;gap:.5rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:.45rem .8rem;font-size:.9rem;font-weight:500;text-decoration:none;position:relative}.nav-link:hover{color:var(--text-primary);background:#0047ba1f}.nav-link.active{color:#fff;background:#0047ba33;border:1px solid #3b82f64d;font-weight:600}.nav-link.active:after{content:"";background:var(--school-blue-light);border-radius:var(--radius-full);height:2px;position:absolute;bottom:-15px;left:20%;right:20%}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 3px #0047ba66}.btn-primary{color:#fff;background:#0047ba;border-color:#2563eb;box-shadow:0 2px 10px #0047ba59}.btn-primary:hover{background:#00338a;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 14px #0047ba80}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border-color:var(--border-medium)}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-strong);color:#fff;transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0f}.btn-astra{color:#fff;box-shadow:var(--shadow-astra);background:linear-gradient(135deg,#1d4ed8 0%,#1e3a8a 100%);border:1px solid #38bdf866}.btn-astra:hover{background:linear-gradient(135deg,#1e40af 0%,#172554 100%);border-color:#38bdf8b3;transform:translateY(-1px)}.btn-terra{color:#fff;box-shadow:var(--shadow-terra);background:linear-gradient(135deg,#059669 0%,#064e3b 100%);border:1px solid #34d39966}.btn-terra:hover{background:linear-gradient(135deg,#047857 0%,#022c22 100%);border-color:#34d399b3;transform:translateY(-1px)}.btn-danger{color:#fca5a5;background:#ef44441f;border-color:#ef444459}.btn-danger:hover{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 4px 12px #ef444466}.btn-sm{border-radius:var(--radius-sm);padding:.375rem .75rem;font-size:.8rem}.btn-lg{border-radius:var(--radius-lg);padding:.85rem 1.75rem;font-size:1rem}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-full);align-items:center;gap:.35rem;padding:.225rem .6rem;font-size:.725rem;font-weight:700;line-height:1;display:inline-flex}.badge-astra{background:var(--astra-bg);color:#c7d2fe;border:1px solid var(--astra-border)}.badge-terra{background:var(--terra-bg);color:#a7f3d0;border:1px solid var(--terra-border)}.badge-gold{background:var(--gold-bg);color:#fde68a;border:1px solid var(--gold-border)}.badge-neutral{color:var(--text-secondary);border:1px solid var(--border-subtle);background:#ffffff0f}.badge-success{color:#6ee7b7;background:#10b9811f;border:1px solid #10b9814d}.badge-warning{color:#fde68a;background:#f59e0b1f;border:1px solid #f59e0b4d}.badge-danger{background:var(--danger-bg);color:#fca5a5;border:1px solid var(--danger-border)}.form-group{flex-direction:column;gap:.4rem;margin-bottom:1.25rem;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.825rem;font-weight:600}.form-input,.form-select,.form-textarea{width:100%;color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none;padding:.7rem .95rem;font-size:.925rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--astra-primary);background:var(--bg-surface-elevated);box-shadow:0 0 0 3px #6366f140}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:100px}.table-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background:#090c1599;padding:.85rem 1.15rem;font-size:.75rem;font-weight:700}.data-table td{color:var(--text-primary);border-bottom:1px solid var(--border-subtle);padding:.95rem 1.15rem;font-size:.875rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff06}.duel-banner{background:var(--bg-surface);border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2.25rem;position:relative;overflow:hidden}.duel-meter-track{border-radius:var(--radius-full);background:#ffffff14;height:12px;display:flex;overflow:hidden;box-shadow:inset 0 2px 4px #00000080}.duel-meter-astra{transition:width var(--transition-smooth);background:linear-gradient(90deg,#4f46e5,#818cf8)}.duel-meter-terra{transition:width var(--transition-smooth);background:linear-gradient(90deg,#34d399,#059669)}.category-bar-track{border-radius:var(--radius-full);background:#ffffff0f;height:6px;overflow:hidden}.category-bar-fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-smooth)}@keyframes livePulse{0%{opacity:.7;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.7;transform:scale(.95)}}.live-indicator{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite livePulse;display:inline-block;box-shadow:0 0 8px #10b981}.filter-tabs{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:.25rem;padding:.25rem;display:inline-flex}.filter-tab{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;padding:.45rem 1rem;font-size:.825rem;font-weight:600}.filter-tab:hover{color:var(--text-primary)}.filter-tab.active{background:var(--bg-surface-elevated);color:#fff;box-shadow:var(--shadow-sm);border:1px solid var(--border-medium)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;display:grid}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}.mobile-toggle{display:none}@media (max-width:900px){.duel-grid{text-align:center!important;grid-template-columns:1fr!important}.duel-grid>div,.duel-grid>div:last-child{text-align:center!important;align-items:center!important}.grid-split{grid-template-columns:1fr!important}.admin-sidebar{z-index:100;transition:left .25s;position:fixed;top:72px;bottom:0;left:-270px}.admin-sidebar.mobile-open{left:0;box-shadow:0 0 40px #000c}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}.nav-links{display:none!important}.mobile-toggle{justify-content:center;align-items:center;display:flex!important}}@media (max-width:640px){.container,.container-wide,.container-narrow{padding:0 .875rem!important}.nav-container{gap:.4rem!important;min-height:58px!important;padding:0 .65rem!important}.header-logo-badge{width:36px!important;height:36px!important}.header-brand-link{gap:.45rem!important;min-width:0!important;max-width:calc(100vw - 145px)!important}.header-brand-text{min-width:0!important;overflow:hidden!important}.header-brand-name{white-space:normal!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;font-size:.72rem!important;line-height:1.15!important;display:-webkit-box!important;overflow:hidden!important}.header-brand-tag{display:none!important}.lang-switcher button{padding:.2rem .45rem!important;font-size:.7rem!important}.duel-banner{border-radius:var(--radius-lg)!important;padding:1.25rem .875rem!important}.arena-card{padding:1.15rem!important}.heading-display{font-size:1.85rem!important}.heading-1{font-size:1.5rem!important}.heading-2{font-size:1.25rem!important}.btn{padding:.5rem .875rem!important;font-size:.825rem!important}input,select,textarea{font-size:16px!important}.table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm)}}.telegram-banner{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#0088cc1f 0%,#0f172abf 100%);border:1px solid #0088cc59;margin-bottom:2rem;padding:1.5rem 1.75rem;position:relative;overflow:hidden;box-shadow:0 4px 24px #0088cc1a}.telegram-banner-glow{pointer-events:none;background:radial-gradient(circle,#0088cc38 0%,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.telegram-banner-content{z-index:2;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex;position:relative}.telegram-banner-left{flex:1;align-items:center;gap:1.25rem;min-width:280px;display:flex}.telegram-icon-box{border-radius:var(--radius-md);color:#38bdf8;background:#0088cc26;border:1.5px solid #08c6;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;box-shadow:0 4px 14px #0088cc40}.telegram-badge-row{align-items:center;gap:.6rem;margin-bottom:.35rem;display:flex}.telegram-pill{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;color:#38bdf8;background:#0088cc38;border:1px solid #08c6;padding:.2rem .6rem;font-size:.7rem;font-weight:800;display:inline-block}.telegram-sub-label{color:var(--text-muted);font-size:.78rem;font-weight:600}.telegram-banner-title{font-family:var(--font-display);color:#fff;margin:0 0 .25rem;font-size:1.15rem;font-weight:800;line-height:1.3}.telegram-banner-desc{color:var(--text-secondary);max-width:620px;margin:0;font-size:.85rem;line-height:1.5}.telegram-btn-primary{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:linear-gradient(135deg,#08c 0%,#069 100%);border:1px solid #ffffff26;flex-shrink:0;justify-content:center;align-items:center;gap:.6rem;padding:.75rem 1.4rem;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 16px #0088cc59;color:#fff!important}.telegram-btn-primary:hover{background:linear-gradient(135deg,#0099e6 0%,#0077b3 100%);transform:translateY(-1px);box-shadow:0 6px 20px #0088cc73}.telegram-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.telegram-modal-dialog{background:var(--bg-surface-elevated,#131722);border-radius:var(--radius-lg,14px);width:100%;max-width:480px;color:var(--text-primary,#fff);border:1px solid #08c6;padding:1.75rem 2rem;position:relative;box-shadow:0 20px 50px #000c,0 0 30px #08c3}.telegram-modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:.4rem;display:flex;position:absolute;top:1rem;right:1rem}.telegram-modal-close:hover{color:#fff;background:#ffffff1a}