@font-face{font-family:Orbitron;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/orbitron-700.woff2) format("woff2")}@font-face{font-family:Orbitron;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/orbitron-800.woff2) format("woff2")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/rajdhani-500.woff2) format("woff2")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/rajdhani-600.woff2) format("woff2")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/rajdhani-700.woff2) format("woff2")}:root{--bg-page:#0a0a12;--bg-card:#12121f;--bg-card-hover:#1a1a2e;--bg-header:rgba(10,10,18,0.92);--bg-section:#0d0d18;--bg-section-alt:#101018;--bg-elevated:#1e1e32;--text-primary:#f0f0f8;--text-secondary:#b8b8d0;--text-muted:#7878a0;--accent:#e94560;--accent-hover:#ff6b8a;--accent-secondary:#9b59b6;--accent-cyan:#00d4ff;--accent-glow:rgba(233,69,96,0.4);--gradient-primary:linear-gradient(135deg,#e94560,#9b59b6 50%,#00d4ff);--gradient-dark:linear-gradient(180deg,#0a0a12,#12121f);--gradient-glow:linear-gradient(135deg,rgba(233,69,96,0.3),rgba(155,89,182,0.3));--border:rgba(255,255,255,0.08);--border-accent:rgba(233,69,96,0.3);--shadow-sm:0 2px 8px rgba(0,0,0,0.4);--shadow-md:0 4px 20px rgba(0,0,0,0.5);--shadow-lg:0 8px 40px rgba(0,0,0,0.6);--shadow-glow:0 0 30px rgba(233,69,96,0.3);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--font-heading:"Orbitron","Rajdhani","Noto Sans SC",system-ui,sans-serif;--font-body:"Noto Sans SC","Rajdhani",system-ui,sans-serif;--font-ui:"Rajdhani","Noto Sans SC",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body,html{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-body);line-height:1.7;min-height:100vh}body{overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}a{color:var(--accent);text-decoration:none;transition:color .2s ease,text-shadow .2s ease}a:hover{color:var(--accent-hover);text-shadow:0 0 8px var(--accent-glow)}img{max-width:100%;height:auto}header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--bg-header);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}header .container{max-width:1200px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:18px;font-weight:700;color:var(--text-primary);letter-spacing:.05em;font-family:var(--font-heading);text-transform:uppercase}.logo span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}nav ul{display:flex;align-items:center;gap:4px;list-style:none}nav a{font-size:14px;font-weight:600;color:var(--text-secondary);padding:8px 14px;border-radius:var(--radius-full);transition:all .25s ease;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:.5px}nav a:hover{background:rgba(233,69,96,.1)}nav a.active,nav a:hover{color:var(--accent);text-shadow:0 0 10px var(--accent-glow)}nav a.active{background:rgba(233,69,96,.15)}.container{max-width:1200px;margin:0 auto;padding:0 24px}main{min-height:calc(100vh - 64px - 100px)}.hero{padding:0;text-align:center;background:var(--bg-page)}.hero,.hero-image{position:relative;overflow:hidden}.hero-image{width:100%;height:520px}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,18,.2) 0,rgba(10,10,18,.5) 40%,rgba(10,10,18,.85) 75%,rgba(10,10,18,1))}.hero-overlay:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.1) 0,rgba(0,0,0,.1) 4px);pointer-events:none}.hero>.container{position:relative;z-index:2;padding-top:60px;padding-bottom:60px}.hero-badge{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--accent);background:rgba(233,69,96,.15);border:1px solid rgba(233,69,96,.3);padding:8px 20px;border-radius:var(--radius-full);margin-bottom:24px;font-family:var(--font-ui);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px rgba(233,69,96,.2)}50%{box-shadow:0 0 25px rgba(233,69,96,.4)}}.hero h1{font-size:52px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:20px;color:var(--text-primary);font-family:var(--font-heading);text-transform:uppercase}.hero h1 span{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.hero p{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto 40px;line-height:1.7;font-family:var(--font-body)}.hero-nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.hero-nav a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);padding:14px 28px;border-radius:var(--radius-full);transition:all .3s ease;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:1px}.hero-nav a:hover{transform:translateY(-3px);box-shadow:var(--shadow-glow);border-color:var(--accent);color:var(--accent);text-shadow:none}.hero-nav a.primary{background:linear-gradient(135deg,var(--accent) 0,var(--accent-secondary) 100%);color:white;border-color:transparent;box-shadow:0 4px 20px rgba(233,69,96,.4)}.hero-nav a.primary:hover{background:linear-gradient(135deg,var(--accent-hover) 0,#b06ed4 100%);box-shadow:0 6px 30px rgba(233,69,96,.5);transform:translateY(-3px);color:white;text-shadow:none}section{padding:80px 0}section+section{border-top:1px solid var(--border)}section.alt{background:var(--bg-section-alt)}section h2{font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px;color:var(--text-primary);font-family:var(--font-heading);text-transform:uppercase}section h2 .emoji{margin-right:12px}section>.container>p{font-size:15px;color:var(--text-muted);margin-bottom:40px;line-height:1.7}.character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px}.character-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:0;transition:all .35s ease;text-decoration:none;display:block;overflow:hidden;box-shadow:var(--shadow-sm);position:relative}.character-card:before{content:"";position:absolute;inset:0;border-radius:var(--radius-xl);padding:1px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s ease;pointer-events:none}.character-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-glow),var(--shadow-lg);border-color:transparent;background:var(--bg-card-hover)}.character-card:hover:before{opacity:1}.character-card .card-banner{height:100px;position:relative;display:flex;align-items:flex-end;padding:0 20px 12px}.character-card .card-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(to top,var(--bg-card),transparent)}.character-card .card-body{padding:16px 20px 24px;text-align:center;margin-top:-40px;position:relative}.character-card .card-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:white;margin:0 auto 16px;border:3px solid var(--bg-card);box-shadow:0 0 20px rgba(233,69,96,.3),var(--shadow-md);font-family:var(--font-heading);background:var(--bg-elevated);overflow:hidden;transition:all .35s ease}.character-card:hover .card-avatar{border-color:var(--accent);box-shadow:0 0 30px rgba(233,69,96,.5),0 0 60px rgba(155,89,182,.3);transform:scale(1.05)}.character-card .card-avatar img{width:100%;height:100%;object-fit:cover}.character-card h3{font-size:20px;font-weight:700;margin-bottom:6px;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;color:var(--text-primary)}.character-card .role{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;color:var(--accent);font-family:var(--font-ui)}.character-card p{font-size:13px;color:var(--text-muted);line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.character-card .card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border)}.character-card .stats{font-size:12px;color:var(--text-muted)}.character-card .read-more,.character-card .stats span{color:var(--accent);font-weight:600}.character-card .read-more{font-size:13px;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:1px}.character-card .read-more:after{content:"→";transition:transform .2s ease}.character-card:hover .read-more:after{transform:translateX(4px)}.page-header{padding:80px 0;text-align:center;background:var(--bg-section);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.page-header:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(233,69,96,.08) 0,transparent 70%);pointer-events:none}.page-header h1{font-size:40px;font-weight:800;letter-spacing:-1px;margin-bottom:16px;font-family:var(--font-heading);text-transform:uppercase;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{font-size:16px;color:var(--text-muted);max-width:500px;margin:0 auto;line-height:1.7}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:12px;transition:all .25s ease}.faq-item:hover{box-shadow:var(--shadow-glow);border-color:rgba(233,69,96,.3)}.faq-item h2{font-size:17px;font-weight:600;color:var(--text-primary);margin-bottom:12px;letter-spacing:-.01em;font-family:var(--font-ui)}.faq-item p{font-size:14px;color:var(--text-muted);line-height:1.7;margin-bottom:0}.faq-item .volume{display:inline-block;font-size:11px;color:var(--accent);margin-top:14px;padding:4px 12px;background:rgba(233,69,96,.1);border-radius:var(--radius-full);font-family:var(--font-ui);font-weight:600;border:1px solid rgba(233,69,96,.2)}.rounds-list{display:grid;grid-gap:20px;gap:20px}.round-item{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;transition:all .25s ease;border:1px solid var(--border);border-left:4px solid transparent;position:relative;overflow:hidden}.round-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary);opacity:0;transition:opacity .25s ease}.round-item:hover{box-shadow:var(--shadow-glow);transform:translateX(6px);border-left-color:var(--accent)}.round-item:hover:before{opacity:1}.round-item h3{font-size:18px;font-weight:700;margin-bottom:10px;color:var(--accent);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px}.round-item p{font-size:14px;color:var(--text-muted);margin-bottom:0;line-height:1.7}.watch-sources{display:grid;grid-gap:16px;gap:16px}.source-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;display:flex;justify-content:space-between;align-items:center;transition:all .25s ease;gap:16px}.source-card:hover{box-shadow:var(--shadow-glow);border-color:rgba(233,69,96,.3);transform:translateY(-2px)}.source-card h3{font-size:16px;font-weight:700;margin-bottom:4px;color:var(--text-primary);font-family:var(--font-ui)}.source-card p{font-size:13px;color:var(--text-muted);margin-bottom:0}.source-card .btn{flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;padding:12px 24px;border-radius:var(--radius-full);transition:all .25s ease;cursor:pointer;border:none;text-decoration:none;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--accent) 0,var(--accent-secondary) 100%);color:white;box-shadow:0 4px 15px rgba(233,69,96,.35)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px rgba(233,69,96,.5);color:white;text-shadow:none}.btn-ghost{background:transparent;color:var(--text-secondary);border:1.5px solid var(--border)}.btn-ghost:hover{background:rgba(233,69,96,.1);border-color:var(--accent);color:var(--accent);text-shadow:none}.merch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:20px;gap:20px}.merch-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;transition:all .25s ease}.merch-card:hover{box-shadow:var(--shadow-glow);transform:translateY(-4px);border-color:rgba(233,69,96,.3)}.merch-card h3{font-size:15px;font-weight:700;margin-bottom:6px;color:var(--text-primary);font-family:var(--font-ui)}.merch-card .volume{font-size:12px;color:var(--accent);margin-bottom:8px;font-family:var(--font-ui);font-weight:600}.merch-card p{font-size:13px;color:var(--text-muted);margin-bottom:12px;line-height:1.5}.merch-card a{font-size:13px;font-weight:600;font-family:var(--font-ui)}.character-detail{max-width:900px;margin:0 auto;padding:48px 0 80px}.back-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--text-muted);margin-bottom:32px;transition:all .2s ease;font-family:var(--font-ui);text-transform:uppercase;letter-spacing:1px}.back-link:hover{color:var(--accent);text-shadow:0 0 10px var(--accent-glow)}.back-link:before{content:"←";transition:transform .2s ease}.back-link:hover:before{transform:translateX(-4px)}.character-header{text-align:center;margin-bottom:40px;padding:40px;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-glow);border:1px solid var(--border)}.character-avatar{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;color:white;margin:0 auto 24px;border:4px solid var(--accent);box-shadow:0 0 40px rgba(233,69,96,.4),var(--shadow-lg);font-family:var(--font-heading);overflow:hidden;background:var(--bg-elevated)}.character-avatar img{width:100%;height:100%;object-fit:cover}.character-info h1{font-size:40px;font-weight:800;letter-spacing:-1px;margin-bottom:8px;font-family:var(--font-heading);text-transform:uppercase;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.character-info .role{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;color:var(--accent);font-family:var(--font-ui)}.character-info .meta{display:flex;justify-content:center;gap:24px;font-size:14px;color:var(--text-muted);flex-wrap:wrap}.character-detail section{padding:0;border:none;margin-bottom:32px}.character-detail section+section{border:none}.character-detail h2{font-size:20px;font-weight:700;letter-spacing:-.3px;margin:0 0 16px;color:var(--text-primary);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;gap:10px}.character-detail h2:before{content:"";width:4px;height:20px;border-radius:2px;background:var(--gradient-primary)}.character-detail p{font-size:15px;color:var(--text-secondary);line-height:1.8}.quick-facts{background:var(--bg-card);border-radius:var(--radius-xl);padding:28px;margin-bottom:32px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.quick-facts h2{font-size:14px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px}.quick-facts h2:before{display:none}.facts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:20px;gap:20px}.fact{display:flex;flex-direction:column;gap:4px}.fact-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.fact span:last-child{font-size:15px;color:var(--text-primary);font-weight:500}.names-section{background:var(--bg-card);border-radius:var(--radius-xl);padding:28px;margin-bottom:32px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.names-section h2{font-size:14px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px}.names-section h2:before{display:none}.names-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-bottom:16px}.name-item{display:flex;flex-direction:column;gap:4px}.name-item .lang{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.name-item span:last-child{font-size:15px;color:var(--text-primary);font-weight:500}.aliases{font-size:14px;color:var(--text-muted);padding-top:16px;border-top:1px solid var(--border);font-family:var(--font-ui)}.alias-label{font-weight:600;color:var(--accent);margin-right:8px}.appearances{display:flex;flex-direction:column;gap:16px}.appearance-item{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px 24px;border-left:4px solid var(--accent);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:all .25s ease}.appearance-item:hover{box-shadow:var(--shadow-glow);transform:translateX(4px)}.appearance-item h3{font-size:16px;font-weight:700;color:var(--accent);margin-bottom:8px;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:1px}.appearance-item p{font-size:14px;color:var(--text-muted);line-height:1.7}.songs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px}.song-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm);transition:all .25s ease}.song-item:hover{border-color:var(--accent);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.song-item.cover{border-color:rgba(233,69,96,.2);background:rgba(233,69,96,.05)}.song-title{font-size:14px;font-weight:600;color:var(--text-primary);font-family:var(--font-ui)}.song-type{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--bg-elevated);padding:4px 10px;border-radius:var(--radius-full)}.song-item.cover .song-type{color:var(--accent);background:rgba(233,69,96,.1)}.trivia-list{list-style:none;display:flex;flex-direction:column;gap:12px}.trivia-list li{font-size:14px;color:var(--text-secondary);background:var(--bg-card);border-radius:var(--radius-md);position:relative;padding:16px 20px 16px 40px;box-shadow:var(--shadow-sm);line-height:1.6;border:1px solid var(--border)}.trivia-list li:before{content:"✦";position:absolute;left:16px;top:16px;color:var(--accent);font-size:14px}.appears-in{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.appears-in h3{font-size:14px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px}.appears-list{display:flex;flex-wrap:wrap;gap:10px}.appear-tag{font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-elevated);padding:6px 14px;border-radius:var(--radius-full);font-family:var(--font-ui);border:1px solid var(--border);transition:all .2s ease}.appear-tag:hover{color:var(--accent);border-color:var(--accent);background:rgba(233,69,96,.1)}.related-questions{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.related-questions h3{font-size:14px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px}.related-questions ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px}.related-questions li{background:var(--bg-elevated);padding:8px 14px;border-radius:var(--radius-full);font-size:13px;color:var(--text-secondary);font-family:var(--font-ui);font-weight:500;border:1px solid var(--border);transition:all .2s ease}.related-questions li:hover{color:var(--accent);border-color:var(--accent);background:rgba(233,69,96,.1)}.related-questions li span{color:var(--accent);margin-right:4px;font-family:var(--font-ui);font-weight:700}.merch-search-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;transition:all .25s ease}.merch-search-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.merch-search-item:hover span:first-child{color:var(--accent)}footer{background:var(--bg-card);border-top:1px solid var(--border);padding:40px 0;text-align:center}footer p{font-size:14px;color:#a0a0b8;margin-bottom:0}footer a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}footer a:hover{text-shadow:0 0 10px var(--accent-glow)}@media (max-width:768px){.hero{padding:40px 0}.hero-image{height:400px}.hero h1{font-size:36px;letter-spacing:-1px}.hero h1 span{font-size:24px}.hero p{font-size:16px}section{padding:48px 0}section h2{font-size:22px}.character-grid,.names-grid{grid-template-columns:1fr}.names-grid{gap:12px}.facts-grid{grid-template-columns:repeat(2,1fr)}.source-card{flex-direction:column;align-items:flex-start}.source-card .btn{width:100%}nav ul{gap:0}nav a{padding:6px 10px;font-size:12px}.character-detail{padding:32px 0 60px}.character-header{padding:24px}.character-info h1,.page-header h1{font-size:28px}}@media (max-width:480px){.container{padding:0 16px}.hero h1{font-size:28px}.hero h1 span{font-size:20px}.hero-nav{flex-direction:column;align-items:center}.hero-nav a{width:100%;max-width:280px;justify-content:center}.facts-grid{grid-template-columns:1fr}}