:root{--bs-yellow:#ffc900;--bs-yellow-dark:#e8ab00;--bs-purple-deep:#1b0f3d;--bs-purple:#2b1055;--bs-purple-light:#4a2394;--bs-pink:#ff4d8d;--bs-red:#ff4b4b;--bs-teal:#2ee6d6;--bs-blue:#3fa9ff;--bs-ink:#160a33;--bs-cream:#fff6dc;--shadow-hard:5px 5px 0 var(--bs-ink);--shadow-hard-sm:3px 3px 0 var(--bs-ink)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--bs-cream);background:radial-gradient(circle at 15% 10%, #ffc9001f, transparent 40%), radial-gradient(circle at 85% 90%, #2ee6d61f, transparent 45%), linear-gradient(160deg, var(--bs-purple-deep) 0%, var(--bs-purple) 55%, #23124a 100%);background-attachment:fixed;font-family:"Baloo 2",Comic Sans MS,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{letter-spacing:.5px;margin:0;font-family:Lilita One,"Baloo 2",cursive}p{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.page{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:2rem 1.25rem 4rem}.bs-btn{background:var(--bs-yellow);color:var(--bs-ink);letter-spacing:.5px;border:3px solid var(--bs-ink);box-shadow:var(--shadow-hard);border-radius:14px;align-items:center;gap:.5rem;padding:.85rem 1.6rem;font-family:Lilita One,cursive;font-size:1.05rem;transition:transform .12s,box-shadow .12s;display:inline-flex}.bs-btn:hover{box-shadow:7px 7px 0 var(--bs-ink);transform:translate(-2px,-2px)}.bs-btn:active{box-shadow:2px 2px 0 var(--bs-ink);transform:translate(1px,1px)}.bs-btn.alt{background:var(--bs-teal)}.bs-btn.pink{background:var(--bs-pink);color:var(--bs-cream)}.bs-card{border:3px solid var(--bs-ink);box-shadow:var(--shadow-hard);background:#ffffff0f;border-radius:18px}.navbar{z-index:20;background:var(--bs-purple-deep);border-bottom:4px solid var(--bs-ink);position:sticky;top:0;box-shadow:0 4px #00000040}.navbar-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;max-width:1080px;margin:0 auto;padding:.85rem 1.25rem;display:flex}.navbar-brand{color:var(--bs-yellow);letter-spacing:.4px;align-items:center;gap:.5rem;font-family:Lilita One,cursive;font-size:1.3rem;display:flex}.navbar-brand-badge{background:var(--bs-yellow);border:2px solid var(--bs-ink);width:2.1rem;height:2.1rem;box-shadow:var(--shadow-hard-sm);border-radius:10px;place-items:center;font-size:1.1rem;display:grid}.navbar-links{gap:.5rem;display:flex}.navbar-link{color:var(--bs-cream);border:2px solid #0000;border-radius:12px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-weight:700;transition:background .15s,border-color .15s,transform .15s;display:flex}.navbar-link:hover{background:#ffffff14;transform:translateY(-1px)}.navbar-link.active{background:var(--bs-yellow);color:var(--bs-ink);border-color:var(--bs-ink);box-shadow:var(--shadow-hard-sm)}@media (width<=480px){.navbar-inner{text-align:center;justify-content:center}.navbar-links{justify-content:center;width:100%}}.footer{text-align:center;color:#fff6dc99;border-top:3px solid var(--bs-ink);background:#00000026;padding:1.25rem 1rem 1.75rem;font-size:.85rem}.home{flex-direction:column;gap:2.5rem;display:flex}.hero{text-align:center;border:4px solid var(--bs-ink);background:repeating-linear-gradient(135deg, #ffffff0a 0 40px, #fff0 40px 80px), linear-gradient(160deg, var(--bs-purple-light) 0%, var(--bs-purple) 60%, var(--bs-purple-deep) 100%);box-shadow:var(--shadow-hard);border-radius:26px;padding:3rem 1.5rem 2.5rem;position:relative;overflow:hidden}.hero-floaters{pointer-events:none;position:absolute;inset:0}.floater{opacity:.55;font-size:1.8rem;animation:6s ease-in-out infinite floaty;position:absolute}.floater-0{animation-delay:0s;top:12%;left:8%}.floater-1{font-size:2.2rem;animation-delay:1s;top:65%;left:5%}.floater-2{animation-delay:.5s;top:20%;right:10%}.floater-3{font-size:2.4rem;animation-delay:1.5s;top:70%;right:8%}.floater-4{animation-delay:2s;top:5%;left:45%}.floater-5{animation-delay:2.5s;bottom:8%;left:50%}@keyframes floaty{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(8deg)}}.hero-badge{place-items:center;width:130px;height:130px;margin:0 auto 1rem;display:grid;position:relative}.hero-burst{width:100%;height:100%;animation:22s linear infinite spin;position:absolute;inset:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-badge-text{color:var(--bs-ink);font-family:Lilita One,cursive;font-size:2.1rem;position:relative}.hero-title{color:var(--bs-cream);text-shadow:3px 3px 0 var(--bs-ink);font-size:clamp(1.8rem,5vw,2.9rem);line-height:1.15}.hero-title-accent{color:var(--bs-yellow)}.hero-subtitle{color:#fff6dcd9;max-width:560px;margin:1rem auto 0;font-size:1.05rem;line-height:1.5}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.75rem;display:flex}.highlight-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.highlight{text-align:center;padding:1.75rem 1.25rem}.highlight-icon{margin-bottom:.6rem;font-size:2.4rem;display:inline-block}.highlight h3{color:var(--bs-yellow);margin-bottom:.4rem;font-size:1.2rem}.highlight p{color:#fff6dccc;font-size:.95rem;line-height:1.4}.about{flex-direction:column;gap:1.75rem;display:flex}.profile-card{align-items:center;gap:1.5rem;padding:1.75rem;display:flex}.profile-avatar{background:var(--bs-yellow);border:3px solid var(--bs-ink);width:96px;height:96px;box-shadow:var(--shadow-hard-sm);border-radius:22px;flex-shrink:0;place-items:center;font-size:3rem;display:grid}.profile-info h1{color:var(--bs-cream);text-shadow:2px 2px 0 var(--bs-ink);font-size:2rem}.profile-tag{color:var(--bs-teal);margin:.15rem 0 .6rem;font-weight:700}.profile-bio{color:#fff6dcd9;max-width:560px;line-height:1.55}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.stat-card{text-align:center;flex-direction:column;align-items:center;gap:.25rem;padding:1.1rem .9rem;display:flex}.stat-icon{font-size:1.6rem}.stat-value{color:var(--bs-yellow);font-family:Lilita One,cursive;font-size:1.3rem}.stat-label{color:#fff6dcbf;font-size:.8rem}.section-block{padding:1.5rem}.section-block h2{color:var(--bs-yellow);margin-bottom:1rem;font-size:1.3rem}.brawler-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem;display:grid}.brawler-chip{border:2px solid var(--bs-ink);text-align:center;background:#0003;border-radius:14px;flex-direction:column;align-items:center;gap:.2rem;padding:.9rem .6rem;display:flex}.brawler-emoji{font-size:1.8rem}.brawler-name{color:var(--bs-cream);font-weight:700}.brawler-role{color:var(--bs-teal);font-size:.75rem}.facts-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.facts-list li{border:2px solid var(--bs-ink);background:#0000002e;border-radius:12px;justify-content:space-between;gap:.75rem;padding:.65rem .9rem;display:flex}.fact-label{color:#fff6dcb3;font-size:.85rem}.fact-value{color:var(--bs-cream);text-align:right;font-weight:700}.quote-card{text-align:center;color:var(--bs-yellow);padding:1.5rem;font-size:1.05rem;font-style:italic}.videos-title{color:var(--bs-yellow);text-shadow:2px 2px 0 var(--bs-ink);text-align:center;font-size:2rem}.videos-subtitle{text-align:center;color:#fff6dccc;max-width:520px;margin:.75rem auto 2rem}.video-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.1rem;display:grid}.video-card{flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.25rem 1.1rem;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.video-card:hover{box-shadow:8px 8px 0 var(--bs-ink);transform:translate(-3px,-3px)}.video-number{color:#fff6dc59;font-family:Lilita One,cursive;font-size:.9rem;position:absolute;top:.6rem;right:.75rem}.video-icon{font-size:1.9rem}.video-title{color:var(--bs-cream);font-size:1.05rem;line-height:1.25}.video-desc{color:#fff6dcb3;flex:1;font-size:.85rem;line-height:1.4}.video-watch{margin-top:.4rem;padding:.5rem 1rem;font-size:.85rem}