@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Orbitron:wght@400;700;900&display=swap";
@font-face{font-family:Fauna;src:url(/fonts/fauna-thin.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}.font-mokoto{font-family:Fauna,sans-serif!important}@font-face{font-family:Bicubik;src:url(/fonts/bicubik.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Light.woff2)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--brand-primary:#0446f1;--brand-secondary:#ae4daf;--brand-accent:#ae4daf;--brand-purple:#ae4daf;--brand-danger:#ef4444;--neutral-950:#0a0a0b;--neutral-900:#111113;--neutral-850:#161618;--neutral-800:#1c1c1f;--neutral-700:#27272a;--neutral-600:#3f3f46;--neutral-500:#52525b;--neutral-400:#71717a;--neutral-300:#a1a1aa;--neutral-200:#d4d4d8;--neutral-100:#f4f4f5;--bg-page:#000;--bg-card:var(--neutral-900);--bg-card-hover:var(--neutral-850);--bg-elevated:var(--neutral-800);--bg-input:var(--neutral-850);--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff26;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-disabled:#52525b;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--font-sans:"Satoshi",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-heading:"Fauna","Satoshi",sans-serif;--font-mokoto:"Fauna","Satoshi",sans-serif;--font-subheading:"Bicubik","Satoshi",sans-serif;--font-mono:"JetBrains Mono",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-glow:0 0 40px #f7931a26;--shadow-glow-accent:0 0 40px #00d9a526;--transition-fast:.1s ease;--transition-base:.2s ease;--transition-slow:.3s ease}[data-color-mode=light]{--neutral-950:#fff;--neutral-900:#f8f9fa;--neutral-850:#f1f3f4;--neutral-800:#e8eaed;--neutral-700:#dadce0;--neutral-600:#bdc1c6;--neutral-500:#9aa0a6;--neutral-400:#80868b;--neutral-300:#5f6368;--neutral-200:#3c4043;--neutral-100:#202124;--bg-page:#f5f6f8;--bg-card:#fff;--bg-card-hover:#f8f9fa;--bg-elevated:#f1f3f4;--bg-input:#fff;--border-subtle:#0000000f;--border-default:#0000001f;--border-strong:#0003;--text-primary:#1a1a1a;--text-secondary:#5f6368;--text-muted:#80868b;--text-disabled:#9aa0a6;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #0000001f;--shadow-lg:0 8px 24px #00000026;--shadow-glow:0 0 40px #f7931a33;--shadow-glow-accent:0 0 40px #00d9a533}[data-color-mode=light] .wiki-bg-effects,[data-color-mode=light] .wiki-scanlines,[data-color-mode=light] .wiki-lightning,[data-color-mode=light] .wiki-particles,[data-color-mode=light] .wiki-energy-stream{opacity:.3}[data-color-mode=light] .wiki-neon-grid{opacity:.15}[data-color-mode=light] .wiki-orb{opacity:.2}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background:#000;min-height:100vh;font-weight:400;line-height:1.6;position:relative;overflow-x:hidden}h1,h2{font-family:var(--font-heading);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}h3,h4,h5,h6{font-family:var(--font-subheading);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar-track{background:var(--neutral-900);border-left:1px solid var(--border-subtle)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--brand-primary),var(--brand-secondary));border:2px solid var(--neutral-900);border-radius:5px}::-webkit-scrollbar-corner{background:var(--neutral-900)}*{scrollbar-width:thin;scrollbar-color:var(--brand-primary)var(--neutral-900)}.glitch-text{position:relative}.glitch-text:hover{animation:.3s glitch}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch-text:before,.glitch-text:after{content:attr(data-text);opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:hover:before{color:var(--brand-primary);z-index:-1;animation:.3s glitchTop}.glitch-text:hover:after{color:var(--brand-secondary);z-index:-2;animation:.3s glitchBottom}@keyframes glitchTop{0%{opacity:0;transform:translate(0)}20%{opacity:.8;clip-path:inset(0 0 50%);transform:translate(-3px,-3px)}40%{opacity:0}to{opacity:0}}@keyframes glitchBottom{0%{opacity:0;transform:translate(0)}20%{opacity:.8;clip-path:inset(50% 0 0);transform:translate(3px,3px)}40%{opacity:0}to{opacity:0}}@keyframes pageEnter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wiki-section{animation:.5s ease-out backwards sectionFadeIn}.wiki-section:first-child{animation-delay:.1s}.wiki-section:nth-child(2){animation-delay:.2s}.wiki-section:nth-child(3){animation-delay:.3s}.wiki-section:nth-child(4){animation-delay:.4s}.wiki-section:nth-child(5){animation-delay:.5s}@keyframes sectionFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wiki-character-card,.wiki-faction-card,.wiki-glossary-item,.wiki-theme-card{animation:.3s ease-out backwards cardPopIn}.wiki-character-card:first-child{animation-delay:50ms}.wiki-character-card:nth-child(2){animation-delay:.1s}.wiki-character-card:nth-child(3){animation-delay:.15s}.wiki-character-card:nth-child(4){animation-delay:.2s}.wiki-character-card:nth-child(5){animation-delay:.25s}.wiki-character-card:nth-child(6){animation-delay:.3s}.wiki-character-card:nth-child(7){animation-delay:.35s}.wiki-character-card:nth-child(8){animation-delay:.4s}@keyframes cardPopIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.wiki-bg-effects{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.wiki-scanlines{pointer-events:none;z-index:100;opacity:.3;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000026 2px 4px);position:fixed;inset:0}.wiki-holo-shimmer{pointer-events:none;z-index:1;background:linear-gradient(125deg,#0000 0% 40%,#f7931a08 45%,#00d9a508 50%,#627eea08 55%,#0000 60% 100%) 0 0/400% 400%;animation:15s ease-in-out infinite holoShimmer;position:fixed;inset:0}@keyframes holoShimmer{0%,to{background-position:0%}50%{background-position:100%}}.wiki-neon-grid{transform-origin:bottom;pointer-events:none;z-index:0;background:linear-gradient(90deg,#0000 49%,#f7931a1a 49% 51%,#0000 51%) 0 0/80px 100%,linear-gradient(#0000 40%,#f7931a33 100%) 0 0/100% 100%;width:200%;height:50vh;animation:20s linear infinite gridScroll;position:fixed;bottom:0;left:-50%;transform:perspective(500px)rotateX(60deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 100%);mask-image:linear-gradient(#0000 0%,#000 100%)}@keyframes gridScroll{0%{background-position:0 0,0 0}to{background-position:80px 0,0 0}}.wiki-aurora{filter:blur(40px);pointer-events:none;z-index:0;background:linear-gradient(#0000 0%,#00d9a50d 20%,#627eea14 40%,#ae4daf0d 60%,#0000 100%);height:60vh;animation:12s ease-in-out infinite auroraWave;position:fixed;top:0;left:0;right:0}@keyframes auroraWave{0%,to{opacity:.6;transform:translate(-10%)skew(-5deg)}50%{opacity:1;transform:translate(10%)skew(5deg)}}.wiki-orb{filter:blur(80px);pointer-events:none;z-index:0;mix-blend-mode:screen;border-radius:50%;position:fixed}.wiki-orb-1{background:radial-gradient(circle,var(--brand-primary)0%,transparent 70%);opacity:.5;width:600px;height:600px;animation:8s ease-in-out infinite orbPulse1,25s ease-in-out infinite orbDrift1;top:-300px;right:-200px}.wiki-orb-2{background:radial-gradient(circle,var(--brand-secondary)0%,transparent 70%);opacity:.4;width:500px;height:500px;animation:10s ease-in-out infinite orbPulse2,30s ease-in-out infinite orbDrift2;bottom:-250px;left:-200px}.wiki-orb-3{background:radial-gradient(circle,var(--brand-accent)0%,transparent 70%);opacity:.3;width:400px;height:400px;animation:12s ease-in-out infinite orbPulse3,35s ease-in-out infinite orbDrift3;top:30%;left:50%}@keyframes orbPulse1{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes orbPulse2{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}@keyframes orbPulse3{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.4;transform:scale(1.2)}}@keyframes orbDrift1{0%,to{transform:translate(0)}25%{transform:translate(-50px,30px)}50%{transform:translate(30px,-20px)}75%{transform:translate(-20px,-40px)}}@keyframes orbDrift2{0%,to{transform:translate(0)}25%{transform:translate(40px,-30px)}50%{transform:translate(-30px,40px)}75%{transform:translate(20px,20px)}}@keyframes orbDrift3{0%,to{transform:translate(-50%)}33%{transform:translate(calc(60px - 50%),-40px)}66%{transform:translate(calc(-50% - 40px),30px)}}.wiki-lightning{pointer-events:none;z-index:2;position:fixed;inset:0}.wiki-bolt{background:linear-gradient(180deg,transparent 0%,var(--brand-primary)20%,white 50%,var(--brand-primary)80%,transparent 100%);filter:blur(1px);opacity:0;width:3px;height:200px;box-shadow:0 0 10px var(--brand-primary),0 0 20px var(--brand-primary),0 0 40px var(--brand-primary);position:absolute}.wiki-bolt-1{animation:8s ease-in-out infinite lightningStrike;top:5%;left:15%;transform:rotate(15deg)}.wiki-bolt-2{background:linear-gradient(180deg,transparent 0%,var(--brand-secondary)20%,white 50%,var(--brand-secondary)80%,transparent 100%);box-shadow:0 0 10px var(--brand-secondary),0 0 20px var(--brand-secondary),0 0 40px var(--brand-secondary);animation:8s ease-in-out 3s infinite lightningStrike;top:10%;right:20%;transform:rotate(-10deg)}.wiki-bolt-3{animation:8s ease-in-out 6s infinite lightningStrike;top:0;left:60%;transform:rotate(5deg)}@keyframes lightningStrike{0%,to{opacity:0}1%{opacity:1}2%{opacity:.3}3%{opacity:1}4%{opacity:0}5%{opacity:.8}6%,to{opacity:0}}.wiki-energy-stream{pointer-events:none;z-index:2;border-radius:2px;height:2px;position:fixed}.wiki-stream-1{background:linear-gradient(90deg,transparent 0%,transparent 30%,var(--brand-primary)35%,white 37%,var(--brand-primary)39%,transparent 44%,transparent 100%);width:100%;box-shadow:0 0 10px var(--brand-primary),0 0 20px var(--brand-primary);background-size:200% 100%;animation:4s linear infinite streamFlow;top:20%;left:0}.wiki-stream-2{background:linear-gradient(90deg,transparent 0%,transparent 50%,var(--brand-secondary)55%,white 57%,var(--brand-secondary)59%,transparent 64%,transparent 100%);width:100%;box-shadow:0 0 10px var(--brand-secondary),0 0 20px var(--brand-secondary);background-size:200% 100%;animation:5s linear 1s infinite streamFlow;top:55%;left:0}.wiki-stream-3{background:linear-gradient(90deg,transparent 0%,transparent 20%,var(--brand-accent)25%,white 27%,var(--brand-accent)29%,transparent 34%,transparent 100%);width:100%;box-shadow:0 0 10px var(--brand-accent),0 0 20px var(--brand-accent);background-size:200% 100%;animation:6s linear 2s infinite streamFlow;top:85%;left:0}@keyframes streamFlow{0%{background-position:200% 0}to{background-position:-100% 0}}.wiki-particles{pointer-events:none;z-index:1;position:fixed;inset:0}.wiki-particle{background:var(--brand-primary);opacity:0;border-radius:50%;width:3px;height:3px;position:absolute}.wiki-particle:after{content:"";background:linear-gradient(180deg,var(--brand-primary),transparent);opacity:.5;width:100%;height:40px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.wiki-particle:first-child{animation:8s linear infinite particleRise;left:5%}.wiki-particle:nth-child(2){background:var(--brand-secondary);animation:10s linear 1s infinite particleRise;left:15%}.wiki-particle:nth-child(2):after{background:linear-gradient(180deg,var(--brand-secondary),transparent)}.wiki-particle:nth-child(3){animation:9s linear 2s infinite particleRise;left:25%}.wiki-particle:nth-child(4){background:var(--brand-accent);animation:11s linear 3s infinite particleRise;left:35%}.wiki-particle:nth-child(4):after{background:linear-gradient(180deg,var(--brand-accent),transparent)}.wiki-particle:nth-child(5){background:var(--brand-secondary);animation:8s linear 4s infinite particleRise;left:50%}.wiki-particle:nth-child(5):after{background:linear-gradient(180deg,var(--brand-secondary),transparent)}.wiki-particle:nth-child(6){animation:12s linear 5s infinite particleRise;left:65%}.wiki-particle:nth-child(7){background:var(--brand-accent);animation:9s linear 6s infinite particleRise;left:75%}.wiki-particle:nth-child(7):after{background:linear-gradient(180deg,var(--brand-accent),transparent)}.wiki-particle:nth-child(8){background:var(--brand-secondary);animation:10s linear 7s infinite particleRise;left:85%}.wiki-particle:nth-child(8):after{background:linear-gradient(180deg,var(--brand-secondary),transparent)}.wiki-particle:nth-child(9){animation:11s linear .5s infinite particleRise;left:95%}@keyframes particleRise{0%{opacity:0;bottom:-50px;transform:translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;bottom:100vh;transform:translate(20px)}}.wiki-container{animation:30s step-end infinite subtleGlitch}@keyframes subtleGlitch{0%,to{filter:none}97%{filter:none}97.5%{filter:hue-rotate(90deg)}98%{filter:none}98.5%{filter:hue-rotate(-90deg)saturate(1.5)}99%{filter:none}}.wiki-cyber-corner{pointer-events:none;z-index:50;width:100px;height:100px;position:fixed}.wiki-cyber-corner:before,.wiki-cyber-corner:after{content:"";background:var(--brand-primary);box-shadow:0 0 10px var(--brand-primary);position:absolute}.wiki-cyber-corner-tl{top:70px;left:20px}.wiki-cyber-corner-tl:before{width:30px;height:2px;top:0;left:0}.wiki-cyber-corner-tl:after{width:2px;height:30px;top:0;left:0}.wiki-cyber-corner-tr{top:70px;right:20px}.wiki-cyber-corner-tr:before{width:30px;height:2px;top:0;right:0}.wiki-cyber-corner-tr:after{width:2px;height:30px;top:0;right:0}.wiki-cyber-corner-bl{bottom:20px;left:20px}.wiki-cyber-corner-bl:before{width:30px;height:2px;bottom:0;left:0}.wiki-cyber-corner-bl:after{width:2px;height:30px;bottom:0;left:0}.wiki-cyber-corner-br{bottom:20px;right:20px}.wiki-cyber-corner-br:before{width:30px;height:2px;bottom:0;right:0}.wiki-cyber-corner-br:after{width:2px;height:30px;bottom:0;right:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--neutral-700);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-600)}.wiki-container{z-index:10;flex-direction:column;min-height:100vh;display:flex;position:relative}.wiki-topbar{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border-bottom:1px solid var(--border-subtle);background:#0a0a0bcc;position:sticky;top:0}.wiki-topbar-inner{max-width:1600px;padding:0 var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-6);height:56px;margin:0 auto;display:flex}.wiki-topbar-brand{align-items:center;gap:var(--space-3);display:flex}.wiki-topbar-logo{border-radius:var(--radius-md);border:2px solid var(--brand-primary);width:32px;height:32px}.wiki-topbar-title{font-size:var(--text-lg);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.wiki-topbar-nav{align-items:center;gap:var(--space-1);display:flex}.wiki-topbar-link{padding:var(--space-2)var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500}.wiki-topbar-link:hover{color:var(--text-primary);background:var(--bg-elevated)}.wiki-topbar-link.active{color:var(--brand-primary);background:#f7931a1a}.wiki-search-box{flex:1;max-width:400px;position:relative}.wiki-search-input{width:100%;height:36px;padding:0 var(--space-4)0 var(--space-12);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--transition-fast);outline:none}.wiki-search-input::placeholder{color:var(--text-muted)}.wiki-search-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #f7931a1a}.wiki-search-icon{left:var(--space-4);color:var(--text-muted);font-size:var(--text-base);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.wiki-search-dropdown{margin-top:var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);z-index:200;animation:.2s ease-out dropdownFade;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 10px 40px #00000080}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.wiki-search-result{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);border:none;border-bottom:1px solid var(--border-subtle);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;display:flex}.wiki-search-result:last-child{border-bottom:none}.wiki-search-result-img{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--brand-primary);flex-shrink:0;width:32px;height:32px}.wiki-search-result:hover,.wiki-search-result.selected{background:var(--bg-card-hover)}.wiki-search-result.selected{outline:2px solid var(--brand-primary);outline-offset:-2px}.wiki-search-result-type-badge{font-size:var(--text-xs);color:var(--text-muted);background:var(--neutral-800);border-radius:var(--radius-sm);text-transform:capitalize;flex-shrink:0;margin-left:auto;padding:2px 6px}.wiki-search-hint{padding:var(--space-2)var(--space-4);font-size:var(--text-xs);color:var(--text-muted);background:var(--neutral-900);border-top:1px solid var(--border-subtle);text-align:center}.wiki-search-no-results{padding:var(--space-6);text-align:center}.wiki-search-no-results p{color:var(--text-secondary);margin-bottom:var(--space-2)}.wiki-search-no-results-hint{font-size:var(--text-sm);color:var(--text-muted)}.wiki-search-type{background:var(--neutral-800);border-radius:var(--radius-md);width:32px;height:32px;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.wiki-search-type-character{background:#f7931a33}.wiki-search-type-faction{background:#ef444433}.wiki-search-type-glossary{background:#00d9a533}.wiki-search-result-text{flex-direction:column;gap:2px;min-width:0;display:flex}.wiki-search-result-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.wiki-search-result-subtitle{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wiki-random-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:linear-gradient(135deg,var(--brand-secondary),var(--brand-accent));border-radius:var(--radius-full);color:#fff;font-size:var(--text-sm);transition:all var(--transition-base);border:none;font-weight:600;display:flex}.wiki-random-btn:hover{box-shadow:var(--shadow-glow-accent);transform:translateY(-1px)}.wiki-hero{background:linear-gradient(180deg,var(--neutral-900)0%,var(--bg-page)100%);border-bottom:1px solid var(--border-subtle);position:relative;overflow:hidden}.wiki-hero-bg{opacity:.15;filter:blur(1px);background-image:url(/images/HamieBanner.png);background-position:50%;background-size:cover;position:absolute;inset:0}.wiki-hero-bg:after{content:"";background:linear-gradient(180deg,transparent 0%,var(--bg-page)100%);position:absolute;inset:0}.wiki-hero-content{z-index:1;max-width:1600px;padding:var(--space-16)var(--space-6);gap:var(--space-12);grid-template-columns:1fr auto;align-items:center;margin:0 auto;display:grid;position:relative}.wiki-hero-text h1{font-size:var(--text-4xl);letter-spacing:-.03em;margin-bottom:var(--space-4);font-weight:800;line-height:1.1}.wiki-hero-text h1 span{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.wiki-hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;line-height:1.7}.wiki-hero-stats{gap:var(--space-8);margin-top:var(--space-8);display:flex}.wiki-stat{text-align:center}.wiki-stat-value{font-size:var(--text-3xl);color:var(--brand-primary);font-variant-numeric:tabular-nums;font-weight:800}.wiki-stat-label{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.wiki-hero-featured{background:linear-gradient(135deg,var(--bg-card)0%,var(--neutral-850)100%);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid #0000;width:320px;position:relative;overflow:visible}.wiki-hero-featured:before{content:"";border-radius:calc(var(--radius-xl) + 2px);background:linear-gradient(var(--gradient-angle,135deg),var(--brand-primary)0%,var(--brand-secondary)25%,var(--brand-accent)50%,var(--brand-secondary)75%,var(--brand-primary)100%);-webkit-mask-composite:xor;padding:2px;animation:4s linear infinite rotateBorder;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:135deg}@keyframes rotateBorder{0%{--gradient-angle:0deg}to{--gradient-angle:360deg}}.wiki-hero-featured:after{content:"";border-radius:calc(var(--radius-xl) - 4px);pointer-events:none;border:1px solid #ffffff0d;position:absolute;inset:8px}.wiki-hero-featured-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex}.wiki-hero-featured-badge{background:var(--brand-primary);color:var(--neutral-950);font-size:var(--text-xs);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.wiki-hero-featured-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.wiki-theme-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.wiki-theme-chip{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--brand-secondary);text-transform:capitalize;background:#00d9a51a;border:1px solid #00d9a533;font-weight:500}.wiki-main{max-width:1600px;padding:var(--space-10)var(--space-6);flex:1;width:100%;margin:0 auto}.wiki-section{margin-bottom:var(--space-16)}.wiki-section-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:none;justify-content:space-between;align-items:center;display:flex;position:relative}.wiki-section-header:after{content:"";background:linear-gradient(90deg,var(--brand-primary)0%,var(--brand-secondary)20%,var(--border-subtle)40%,var(--border-subtle)60%,var(--brand-secondary)80%,var(--brand-primary)100%);height:1px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 10px #f7931a4d}.wiki-section-title{align-items:center;gap:var(--space-3);font-size:var(--text-xl);color:var(--text-primary);font-weight:700;display:flex}.wiki-section-title:before{content:"";background:linear-gradient(180deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-full);width:4px;height:24px}.wiki-section-count{font-size:var(--text-sm);color:var(--text-muted);font-weight:400}.wiki-section-action{font-size:var(--text-sm);color:var(--brand-primary);transition:opacity var(--transition-fast);font-weight:500}.wiki-section-action:hover{opacity:.8}.wiki-character-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));justify-items:center;display:grid}.wiki-character-grid-grouped{gap:var(--space-4);flex-wrap:wrap;justify-items:center;display:flex}.wiki-faction-inline-label{font-size:var(--text-base);text-transform:uppercase;letter-spacing:.12em;color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2)var(--space-4);background:#ffffff0f;flex-basis:100%;font-weight:700}.wiki-character-card{background:linear-gradient(135deg,var(--bg-card)0%,var(--neutral-850)100%);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;align-items:center;gap:var(--space-3);transition:all var(--transition-base);border:1px solid #0000;flex-direction:column;width:100%;max-width:200px;display:flex;position:relative;overflow:visible}.wiki-character-card:before{content:"";border-radius:calc(var(--radius-xl) + 2px);background:linear-gradient(135deg,var(--char-color,var(--brand-primary))0%,#ffffff1a 25%,var(--brand-secondary)50%,#ffffff1a 75%,var(--char-color,var(--brand-primary))100%);-webkit-mask-composite:xor;opacity:.85;transition:all var(--transition-base);filter:drop-shadow(0 0 6px var(--char-color,var(--brand-primary)));padding:2px;animation:3s ease-in-out infinite borderPulse;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes borderPulse{0%,to{opacity:.7;filter:drop-shadow(0 0 4px var(--char-color,var(--brand-primary)))}50%{opacity:1;filter:drop-shadow(0 0 10px var(--char-color,var(--brand-primary)))}}.wiki-character-card:hover{background:linear-gradient(135deg,var(--bg-card-hover)0%,var(--neutral-800)100%);box-shadow:0 10px 40px #00000080,0 0 30px var(--char-color,#f7931a66),0 0 60px var(--char-color,#f7931a33),inset 0 1px 0 #ffffff1a;transform:translateY(-4px)scale(1.02)}.wiki-character-card:hover:before{opacity:1;background:linear-gradient(135deg,var(--char-color,var(--brand-primary))0%,white 25%,var(--brand-secondary)50%,white 75%,var(--char-color,var(--brand-primary))100%);filter:drop-shadow(0 0 15px var(--char-color,var(--brand-primary)));animation:1s linear infinite borderGlowIntense}@keyframes borderGlowIntense{0%,to{filter:drop-shadow(0 0 12px var(--char-color,var(--brand-primary)))hue-rotate(0deg)}50%{filter:drop-shadow(0 0 20px var(--char-color,var(--brand-primary)))hue-rotate(20deg)}}.wiki-character-avatar{border-radius:var(--radius-lg);background:var(--bg-elevated);border:2px solid var(--border-default);width:120px;height:120px;transition:all var(--transition-base);flex-shrink:0;position:relative;overflow:hidden}.wiki-character-card:hover .wiki-character-avatar{border-color:var(--char-color,var(--brand-primary));box-shadow:0 0 20px #f7931a33}.wiki-character-gif{object-fit:contain;object-position:center;background:#0f0f1a;width:100%;height:100%}.wiki-char-static{opacity:1;transition:opacity .2s}.wiki-char-animated{opacity:0;transition:opacity .2s}.wiki-character-card:hover .has-hover-gif .wiki-char-static{opacity:0}.wiki-character-card:hover .has-hover-gif .wiki-char-animated{opacity:1}.wiki-character-placeholder{width:100%;height:100%;font-size:var(--text-2xl);color:var(--char-color,var(--text-muted));background:var(--bg-elevated);justify-content:center;align-items:center;font-weight:700;display:flex}.wiki-character-info{text-align:center;border-radius:var(--radius-md);min-width:0;padding:var(--space-2)var(--space-3);background:#000000d9;border:1px solid #ffffff14;flex-direction:column;flex:1;width:100%;display:flex}.wiki-character-name{font-size:var(--text-base);color:#fff;margin-bottom:var(--space-1);font-weight:700}.wiki-character-meta{justify-content:center;align-items:center;gap:var(--space-1);flex-direction:column;flex:1;display:flex}.wiki-character-species{font-size:var(--text-xs);color:#fff;font-weight:600;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.05em}.wiki-character-role{font-size:var(--text-sm);color:#fff;text-transform:capitalize;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Bicubik,sans-serif;display:-webkit-box;overflow:hidden}.wiki-character-arrow{display:none}.wiki-character-card:hover .wiki-character-arrow{color:var(--brand-primary);transform:translate(4px)}.wiki-character-favorite{top:var(--space-2);right:var(--space-2);z-index:10;position:absolute}.wiki-intro-section{margin-bottom:var(--space-8)}.wiki-intro-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (max-width:768px){.wiki-intro-grid{grid-template-columns:1fr}}.wiki-intro-grid-3{gap:var(--space-6);grid-template-columns:repeat(3,1fr);align-items:stretch;display:grid}.wiki-intro-grid-4{gap:var(--space-5);grid-template-columns:repeat(4,1fr);align-items:stretch;display:grid}@media (max-width:1200px){.wiki-intro-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.wiki-intro-grid-3{grid-template-columns:1fr 1fr}}@media (max-width:640px){.wiki-intro-grid-3,.wiki-intro-grid-4{grid-template-columns:1fr}}.mini-quiz{background:linear-gradient(145deg,var(--bg-card)0%,var(--neutral-850)100%);border-radius:var(--radius-xl);border:1px solid var(--border-default);padding:var(--space-5);position:relative;overflow:hidden}.mini-quiz:before{content:"";background:linear-gradient(90deg,var(--brand-purple),var(--brand-accent),var(--brand-purple));height:3px;position:absolute;top:0;left:0;right:0}.mini-quiz-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.mini-quiz-header h3{font-size:var(--text-lg);flex:1;margin:0;font-weight:700}.mini-quiz-icon{font-size:1.5rem}.mini-quiz-progress{font-size:var(--text-sm);color:var(--text-muted)}.mini-quiz-question{font-size:var(--text-base);color:var(--text-primary);margin:0 0 var(--space-4);line-height:1.5}.mini-quiz-options{gap:var(--space-2);flex-direction:column;display:flex}.mini-quiz-option{padding:var(--space-3)var(--space-4);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:all var(--transition-base)}.mini-quiz-option:hover:not(:disabled){border-color:var(--brand-purple);background:var(--neutral-800)}.mini-quiz-option:disabled{cursor:default}.mini-quiz-option.correct{border-color:var(--brand-secondary);color:var(--brand-secondary);background:#00d9a533}.mini-quiz-option.wrong{border-color:var(--brand-danger);color:var(--brand-danger);background:#ef444433}.mini-quiz-btn{width:100%;margin-top:var(--space-4);padding:var(--space-3);background:linear-gradient(135deg,var(--brand-purple),var(--brand-accent));color:#fff;font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:600;display:block}.mini-quiz-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ae4daf66}.mini-quiz-result{text-align:center}.mini-quiz-score{color:var(--brand-purple);margin-bottom:var(--space-2);font-size:3rem;font-weight:700}.mini-quiz-result p{color:var(--text-secondary);margin:0 0 var(--space-4)}.cotd-container{background:linear-gradient(145deg,var(--bg-card)0%,var(--neutral-850)100%);border-radius:var(--radius-xl);border:1px solid var(--border-default);padding:var(--space-5);overflow:hidden}.cotd-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.cotd-badge{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--brand-secondary);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);background:#00d9a51a;border:1px solid #00d9a54d;font-weight:600}.cotd-date{font-size:var(--text-xs);color:var(--text-muted)}.cotd-card{text-align:center;color:inherit;padding:var(--space-5);background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transition:all var(--transition-base);flex-direction:column;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.cotd-card:hover{border-color:var(--char-color,var(--brand-primary));box-shadow:var(--shadow-glow);transform:translateY(-4px)}.cotd-glow{background:radial-gradient(circle at center,var(--char-color,var(--brand-primary))0%,transparent 70%);opacity:.08;transition:opacity var(--transition-base);pointer-events:none;position:absolute;inset:-50%}.cotd-card:hover .cotd-glow{opacity:.15}.cotd-avatar{border-radius:var(--radius-full);width:200px;height:200px;margin-bottom:var(--space-4);background:var(--bg-card);border:3px solid var(--border-default);transition:all var(--transition-base);z-index:1;position:relative;overflow:hidden}.cotd-card:hover .cotd-avatar{border-color:var(--char-color,var(--brand-primary));transform:scale(1.05);box-shadow:0 0 30px #f7931a4d}.cotd-img{object-fit:contain;object-position:center;background:#0f0f1a;width:100%;height:100%}.cotd-placeholder{width:100%;height:100%;font-size:var(--text-3xl);color:#fff;justify-content:center;align-items:center;font-weight:700;display:flex}.cotd-info{z-index:1;position:relative}.cotd-name{font-size:var(--text-sm);margin-bottom:var(--space-1);color:var(--text-primary);word-break:break-word;max-width:100%;font-weight:700}.cotd-role{color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:capitalize;font-size:.65rem}.cotd-species{color:var(--brand-primary);font-size:.6rem;font-family:var(--font-mono);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);background:#f7931a1a}.cotd-cta{z-index:1;margin-top:var(--space-4);font-size:var(--text-sm);color:var(--brand-secondary);transition:all var(--transition-base);font-weight:500;position:relative}.cotd-card:hover .cotd-cta{color:var(--brand-primary);letter-spacing:.05em}.wiki-supporting-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.wiki-supporting-card{padding:var(--space-5);background:linear-gradient(145deg,var(--bg-card)0%,var(--neutral-850)50%,var(--neutral-900)100%);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all var(--transition-base);color:inherit;flex-direction:column;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.wiki-supporting-card:after{content:"";background:linear-gradient(90deg,transparent,var(--char-color,var(--brand-primary)),transparent);width:100%;height:2px;transition:left .5s;position:absolute;top:0;left:-100%}.wiki-supporting-card:hover:after{left:100%}.wiki-supporting-card:before{content:"";border-radius:calc(var(--radius-xl) + 2px);background:linear-gradient(135deg,var(--char-color,var(--brand-primary))0%,#ffffff0d 30%,var(--brand-secondary)70%,var(--char-color,var(--brand-primary))100%);-webkit-mask-composite:xor;opacity:.6;transition:all var(--transition-base);padding:2px;animation:4s ease-in-out infinite supportingPulse;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes supportingPulse{0%,to{opacity:.4}50%{opacity:.8}}.wiki-supporting-card:hover{background:linear-gradient(145deg,var(--neutral-850)0%,var(--neutral-800)100%);box-shadow:0 12px 32px #00000080,0 0 30px rgba(var(--char-color,247,147,26),.25),inset 0 1px 0 #ffffff1a;transform:translateY(-6px)scale(1.02)}.wiki-supporting-card:hover:before{opacity:1;filter:drop-shadow(0 0 8px var(--char-color,var(--brand-primary)))}.wiki-supporting-avatar{border-radius:var(--radius-full);width:80px;height:80px;margin-bottom:var(--space-4);background:var(--bg-elevated);border:3px solid var(--border-default);transition:all var(--transition-base);position:relative;overflow:hidden}.wiki-supporting-avatar:before{content:"";border-radius:var(--radius-full);background:conic-gradient(from 0deg,var(--char-color,var(--brand-primary)),var(--brand-secondary),var(--brand-purple),var(--char-color,var(--brand-primary)));opacity:0;transition:opacity var(--transition-base);z-index:-1;animation:3s linear infinite paused avatarSpin;position:absolute;inset:-4px}@keyframes avatarSpin{to{transform:rotate(360deg)}}.wiki-supporting-card:hover .wiki-supporting-avatar:before{opacity:.7;animation-play-state:running}.wiki-supporting-card:hover .wiki-supporting-avatar{border-color:var(--char-color,var(--brand-primary));box-shadow:0 0 20px rgba(var(--char-color,247,147,26),.4),0 0 40px rgba(var(--char-color,247,147,26),.2);transform:scale(1.05)}.wiki-supporting-img{object-fit:cover;width:100%;height:100%}.wiki-supporting-placeholder{width:100%;height:100%;font-size:var(--text-2xl);color:var(--char-color,var(--brand-primary));background:linear-gradient(145deg,var(--neutral-800)0%,var(--neutral-900)100%);text-shadow:0 0 10px var(--char-color,var(--brand-primary));justify-content:center;align-items:center;font-weight:800;display:flex}.wiki-supporting-info{text-align:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.wiki-supporting-name{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.wiki-supporting-role{font-size:var(--text-xs);color:var(--brand-secondary);text-transform:capitalize;padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);transition:all var(--transition-base);background:#00d9a51a;border:1px solid #00d9a533}.wiki-supporting-card:hover .wiki-supporting-role{background:#00d9a533;border-color:#00d9a566;box-shadow:0 0 10px #00d9a533}@media (max-width:640px){.wiki-supporting-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.wiki-supporting-card{padding:var(--space-3)}.wiki-supporting-avatar{width:48px;height:48px}}.wiki-faction-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.wiki-faction-card{background:linear-gradient(145deg,var(--bg-card)0%,var(--neutral-850)100%);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base);text-align:center;border:1px solid #0000;position:relative;overflow:hidden}.wiki-faction-card:hover{background:linear-gradient(145deg,var(--bg-card-hover)0%,var(--neutral-800)100%);transform:translateY(-2px);box-shadow:0 8px 24px #0006}.wiki-faction-header{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.wiki-faction-name{font-size:var(--text-lg);color:var(--text-primary);font-weight:700}.wiki-faction-type{font-size:var(--text-xs);color:var(--brand-danger);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);word-break:break-word;background:#ef44441a;max-width:100%;font-weight:600}.wiki-faction-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.7}.wiki-faction-goals{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.wiki-goal-chip{font-size:var(--text-xs);color:var(--brand-primary);padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);text-transform:capitalize;background:#f7931a1a;border:1px solid #f7931a33;font-weight:500}.wiki-glossary-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));display:grid}.wiki-glossary-toggle{margin:var(--space-4)auto 0;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-2)var(--space-5);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast);background:0 0;display:block}.wiki-glossary-toggle:hover{border-color:var(--brand-primary);color:var(--text-primary)}.wiki-glossary-item{background:linear-gradient(90deg,var(--neutral-850)0%,var(--bg-card)100%);border-radius:0 var(--radius-lg)var(--radius-lg)0;padding:var(--space-5);padding-left:calc(var(--space-5) + 4px);text-align:center;transition:all var(--transition-fast);border:1px solid #0000;border-left:none;position:relative;overflow:visible}.wiki-glossary-item:before{content:"";background:linear-gradient(180deg,var(--brand-primary)0%,var(--brand-secondary)50%,var(--brand-accent)100%);width:4px;box-shadow:0 0 10px var(--brand-primary),0 0 20px var(--brand-primary),0 0 30px #f7931a80;transition:all var(--transition-fast);animation:2s ease-in-out infinite glossaryPulse;position:absolute;top:0;bottom:0;left:0}@keyframes glossaryPulse{0%,to{box-shadow:0 0 8px var(--brand-primary),0 0 15px var(--brand-primary)}50%{box-shadow:0 0 15px var(--brand-secondary),0 0 30px var(--brand-secondary),0 0 45px #00d9a54d}}.wiki-glossary-item:after{content:"";background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary),transparent);width:60px;height:2px;transition:all var(--transition-fast);filter:drop-shadow(0 0 4px var(--brand-primary));position:absolute;top:0;left:4px}.wiki-glossary-item:hover{background:linear-gradient(90deg,var(--neutral-800)0%,var(--bg-card-hover)100%);transform:translate(8px);box-shadow:0 4px 20px #0006,0 0 25px #f7931a33}.wiki-glossary-item:hover:before{box-shadow:0 0 12px var(--brand-secondary),0 0 25px var(--brand-secondary)}.wiki-glossary-item:hover:after{background:linear-gradient(90deg,var(--brand-secondary),transparent);width:80px}.wiki-glossary-term{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.wiki-glossary-def{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.wiki-themes-grid{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.wiki-theme-card{background:linear-gradient(135deg,var(--bg-card)0%,var(--neutral-850)100%);border-radius:var(--radius-lg);padding:var(--space-4)var(--space-5);font-size:var(--text-sm);color:var(--text-primary);text-transform:capitalize;text-align:center;transition:all var(--transition-base);border:2px solid #0000;font-weight:600;position:relative;overflow:hidden}.wiki-theme-card:before{content:"";border-radius:calc(var(--radius-lg) + 2px);background:linear-gradient(135deg,var(--brand-purple)0%,var(--brand-primary)50%,var(--brand-secondary)100%);-webkit-mask-composite:xor;opacity:.6;filter:drop-shadow(0 0 4px var(--brand-purple));padding:2px;animation:3s ease-in-out infinite themePulse;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes themePulse{0%,to{opacity:.5}50%{opacity:.9}}.wiki-theme-card:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 8px 25px #0006,0 0 20px #9945ff4d}.wiki-theme-card:hover:before{opacity:1;filter:drop-shadow(0 0 10px var(--brand-purple))}.wiki-footer{background:var(--bg-card);border-top:1px solid var(--border-subtle);padding:var(--space-8)var(--space-6)}.wiki-footer-inner{justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;display:flex}.wiki-footer-text{font-size:var(--text-sm);color:var(--text-muted)}.wiki-footer-links{gap:var(--space-6);z-index:200;display:flex;position:relative}.wiki-footer-link{font-size:var(--text-sm);color:#fff;transition:color var(--transition-fast)}.wiki-footer-link:hover{color:var(--brand-primary)}.wiki-article{max-width:1200px;padding:var(--space-8)var(--space-6);margin:0 auto}.wiki-article-header{margin-bottom:var(--space-8)}.wiki-breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4);display:flex}.wiki-breadcrumb a{color:var(--brand-primary);transition:opacity var(--transition-fast)}.wiki-breadcrumb a:hover{opacity:.8}.wiki-breadcrumb-sep{color:var(--text-disabled)}.wiki-article-title-row{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.wiki-article-title{font-size:var(--text-xl);letter-spacing:-.01em;color:#fff;border-radius:var(--radius-md);padding:var(--space-2)var(--space-4);background:#000000bf;border:1px solid #ffffff1a;margin-bottom:0;font-weight:700;display:inline-block}.wiki-article-actions{align-items:center;gap:var(--space-2);display:flex}.wiki-share-icon-btn{border:2px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .15s;display:flex}.wiki-share-icon-btn:hover{background:var(--bg-card-hover);border-color:var(--brand-primary)}.wiki-article-subtitle{font-size:var(--text-lg);color:var(--text-secondary)}.wiki-article-layout{gap:var(--space-8);margin-top:var(--space-6);grid-template-columns:1fr 320px;align-items:start;display:grid}.wiki-article-content{min-width:0}.wiki-article-section{margin-bottom:var(--space-10)}.wiki-article-section h2{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);font-weight:700}.wiki-article-section p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.8}.wiki-article-section p em,.wiki-article-content p em,.wiki-article-section em,.wiki-article-content em{color:var(--text-primary)}.wiki-quotes-list{gap:var(--space-4);flex-direction:column;display:flex}.wiki-quote-card{background:var(--bg-card);border:1px solid var(--border-default);border-left:3px solid var(--brand-secondary);border-radius:0 var(--radius-lg)var(--radius-lg)0;padding:var(--space-5);position:relative}.wiki-quote-card:before{content:"\"";top:var(--space-3);left:var(--space-4);color:var(--brand-secondary);opacity:.2;font-family:Georgia,serif;font-size:3rem;line-height:1;position:absolute}.wiki-quote-text{font-style:italic;font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-2);padding-left:var(--space-6)}.wiki-quote-attr{font-size:var(--text-sm);color:var(--brand-primary);padding-left:var(--space-6);font-weight:600}.wiki-infobox{background:linear-gradient(180deg,var(--bg-card)0%,var(--neutral-850)100%);border-radius:var(--radius-xl);box-shadow:0 0 0 1px var(--border-default),0 10px 40px #0006;border:none;position:sticky;top:80px;overflow:visible}.wiki-infobox:before{content:"";border-radius:calc(var(--radius-xl) + 2px);background:linear-gradient(180deg,var(--char-color,var(--brand-primary))0%,transparent 30%,transparent 70%,var(--char-color,var(--brand-primary))100%);-webkit-mask-composite:xor;opacity:.6;z-index:-1;padding:2px;animation:3s ease-in-out infinite infoboxPulse;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes infoboxPulse{0%,to{opacity:.4}50%{opacity:.8}}.wiki-infobox-header{background:var(--char-color,var(--brand-primary));color:var(--neutral-950);padding:var(--space-3)var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.wiki-infobox-name{font-weight:700;font-size:var(--text-lg);flex:1}.wiki-infobox-actions{align-items:center;gap:var(--space-1);flex-shrink:0;display:flex}.wiki-infobox-share-btn{border-radius:var(--radius-sm);cursor:pointer;background:#0003;border:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:background .15s;display:flex}.wiki-infobox-share-btn:hover{background:#0006}.wiki-infobox-actions .favorite-btn{background:#0003;border:none;width:28px;height:28px}.wiki-infobox-actions .favorite-btn:hover{background:#ef44444d}.wiki-infobox-actions .favorite-btn.favorited{background:#ef444466}.wiki-infobox-image{background:var(--bg-elevated)}.wiki-infobox-image img{width:100%;display:block}.wiki-infobox-badges{gap:var(--space-2);padding:var(--space-3);background:var(--bg-elevated);flex-wrap:wrap;justify-content:center;display:flex}.wiki-infobox-badge{font-size:var(--text-xs);color:var(--brand-primary);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;background:#f7931a26;border:1px solid #f7931a40;font-weight:600}.wiki-infobox-table{border-collapse:collapse;width:100%}.wiki-infobox-table tr{border-bottom:1px solid var(--border-subtle)}.wiki-infobox-table tr:last-child{border-bottom:none}.wiki-infobox-table th,.wiki-infobox-table td{padding:var(--space-3)var(--space-4);font-size:var(--text-sm);text-align:left}.wiki-infobox-table th{background:var(--bg-elevated);width:40%;color:var(--text-muted);text-transform:uppercase;font-weight:500;font-size:var(--text-xs);letter-spacing:.03em}.wiki-infobox-table td{color:var(--text-secondary)}.wiki-infobox-section{padding:var(--space-4);border-top:1px solid var(--border-subtle)}.wiki-infobox-section-title{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);font-weight:600}.wiki-similar-characters{gap:var(--space-2);flex-direction:column;display:flex}.wiki-similar-character{align-items:center;gap:var(--space-3);padding:var(--space-2)var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-base);background:#00000080;text-decoration:none;display:flex}.wiki-similar-character:hover{border-color:var(--char-color,var(--brand-primary));background:#000000bf}.wiki-similar-avatar{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border-default);flex-shrink:0;width:36px;height:36px}.wiki-similar-name{font-size:var(--text-sm);color:#fff;font-weight:600}.wiki-traits-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.wiki-trait-badge{font-size:var(--text-sm);color:var(--brand-primary);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);text-transform:capitalize;transition:all var(--transition-fast);background:#f7931a1a;border:1px solid #f7931a33;font-weight:500}.wiki-trait-badge:hover{background:#f7931a26}.wiki-conflict-badge{font-size:var(--text-sm);color:#a78bfa;padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);text-transform:capitalize;transition:all var(--transition-fast);background:#ae4daf1a;border:1px solid #ae4daf33;font-weight:500}.wiki-conflict-badge:hover{background:#ae4daf26}.wiki-status{align-items:center;gap:var(--space-2);font-size:var(--text-xs);padding:var(--space-1)var(--space-3);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.03em;font-weight:600;display:inline-flex}.wiki-status.alive{color:var(--brand-secondary);background:#00d9a526}.wiki-status.alive:before{content:"";background:var(--brand-secondary);border-radius:var(--radius-full);width:6px;height:6px}.wiki-status.missing{color:var(--brand-danger);background:#ef444426}.wiki-relationship-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.wiki-relationship-card{background:linear-gradient(135deg,var(--bg-card)0%,var(--neutral-850)100%);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-fast);border:1px solid #0000;position:relative;overflow:hidden}.wiki-relationship-card:before{content:"";opacity:0;transition:opacity var(--transition-fast);background-image:radial-gradient(circle at 1px 1px,#00d9a508 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:0}.wiki-relationship-card:after{content:"";border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--brand-secondary)0%,transparent 50%,var(--brand-secondary)100%);-webkit-mask-composite:xor;opacity:.3;transition:opacity var(--transition-fast);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.wiki-relationship-card:hover{background:linear-gradient(135deg,var(--bg-card-hover)0%,var(--neutral-800)100%);transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px #0000004d,0 0 20px #00d9a51a}.wiki-relationship-card:hover:before{opacity:1}.wiki-relationship-card:hover:after{opacity:.8}.wiki-relationship-name{font-size:var(--text-sm);color:var(--brand-primary);margin-bottom:var(--space-2);font-weight:600}.wiki-relationship-type{font-size:var(--text-xs);color:var(--brand-secondary);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;background:#00d9a51a;font-weight:500}.wiki-see-also{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--border-subtle)}.wiki-see-also h3{font-size:var(--text-lg);margin-bottom:var(--space-4);font-weight:700}.wiki-see-also-grid{gap:var(--space-3);flex-wrap:wrap;display:flex}.wiki-see-also-link{font-size:var(--text-sm);color:var(--brand-primary);padding:var(--space-2)var(--space-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500}.wiki-see-also-link:hover{background:var(--bg-card-hover);border-color:var(--brand-primary)}.wiki-not-found{text-align:center;padding:var(--space-20)var(--space-6)}.wiki-not-found h1{font-size:var(--text-4xl);color:var(--brand-primary);margin-bottom:var(--space-4);font-weight:800}.wiki-not-found p{font-size:var(--text-lg);color:var(--text-muted);margin-bottom:var(--space-8)}.wiki-not-found-btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);background:var(--brand-primary);color:var(--neutral-950);border-radius:var(--radius-md);transition:all var(--transition-base);font-weight:600;display:inline-flex}.wiki-not-found-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}@media (max-width:1024px){.wiki-article-layout{grid-template-columns:1fr}.wiki-infobox{margin-bottom:var(--space-8);order:-1;position:static}.wiki-hero-content{gap:var(--space-8);grid-template-columns:1fr}.wiki-hero-featured{width:100%;max-width:400px;margin:0 auto}}@media (max-width:768px){.wiki-topbar-nav,.wiki-search-box{display:none}.wiki-hero-content{padding:var(--space-10)var(--space-4)}.wiki-hero-text h1{font-size:var(--text-2xl)}.wiki-hero-stats{gap:var(--space-6)}.wiki-stat-value{font-size:var(--text-2xl)}.wiki-character-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.wiki-character-card{max-width:100%}.wiki-faction-grid,.wiki-glossary-grid{grid-template-columns:1fr}.wiki-character-grid-grouped .brutal-faction-group{width:calc(50% - 8px)}.wiki-footer-inner{gap:var(--space-4);text-align:center;flex-direction:column}}.wiki-mobile-menu-btn{padding:var(--space-2);cursor:pointer;background:0 0;border:none;display:none}@media (max-width:768px){.wiki-mobile-menu-btn{justify-content:center;align-items:center;display:flex}}.wiki-hamburger{flex-direction:column;gap:5px;width:24px;display:flex}.wiki-hamburger span{background:var(--text-primary);width:100%;height:2px;transition:all var(--transition-base);border-radius:2px;display:block}.wiki-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.wiki-hamburger.open span:nth-child(2){opacity:0}.wiki-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.wiki-mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;transition:transform var(--transition-slow);background:#0a0a0bfa;display:none;position:fixed;inset:56px 0 0;transform:translate(100%)}@media (max-width:768px){.wiki-mobile-menu{display:block}}.wiki-mobile-menu.open{transform:translate(0)}.wiki-mobile-menu-content{padding:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.wiki-mobile-search{margin-bottom:var(--space-4);position:relative}.wiki-mobile-search-input{width:100%;height:48px;padding:0 var(--space-4)0 var(--space-12);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);transition:all var(--transition-fast);outline:none;font-size:16px}.wiki-mobile-search-input::placeholder{color:var(--text-muted)}.wiki-mobile-search-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #0446f11a}.wiki-mobile-search-icon{left:var(--space-4);color:var(--text-muted);font-size:var(--text-lg);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.wiki-mobile-link{padding:var(--space-4)var(--space-5);font-size:var(--text-lg);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-default);border-left:3px solid var(--brand-primary);border-radius:var(--radius-lg);transition:all var(--transition-fast);font-weight:600;display:block}.wiki-mobile-link:hover{background:var(--bg-card-hover);border-left-color:var(--brand-secondary);transform:translate(4px)}.wiki-mobile-random{margin-top:var(--space-4);padding:var(--space-4)var(--space-5);font-size:var(--text-lg);color:var(--neutral-950);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:600}.wiki-mobile-random:hover{box-shadow:var(--shadow-glow);transform:scale(1.02)}.wiki-back-to-top{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-full);width:50px;height:50px;color:var(--neutral-950);font-size:var(--text-xl);cursor:pointer;opacity:0;visibility:hidden;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;font-weight:700;display:flex;transform:translateY(20px);box-shadow:0 4px 20px #0006,0 0 20px #f7931a4d;z-index:9999!important;position:fixed!important;bottom:24px!important;left:auto!important;right:24px!important}.wiki-back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.wiki-back-to-top:hover{transform:translateY(-4px)scale(1.1);box-shadow:0 8px 30px #00000080,0 0 40px #f7931a80}@media (max-width:768px){.wiki-back-to-top{width:44px;height:44px;bottom:16px!important;left:auto!important;right:16px!important}}.quiz-loading,.quiz-error,.quiz-complete{min-height:calc(100vh - 200px);padding:var(--space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.quiz-spinner{border:3px solid var(--border-default);border-top-color:var(--brand-primary);width:50px;height:50px;margin-bottom:var(--space-4);border-radius:50%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.quiz-error h2,.quiz-complete h1{font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-4)}.quiz-progress-info{gap:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.quiz-score-inline{color:var(--brand-primary);font-weight:600}.quiz-streak{color:var(--brand-secondary);font-weight:600}.quiz-stats-bar{justify-content:center;gap:var(--space-6);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg);border:1px solid var(--border-default);display:flex}.quiz-stat-item{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.quiz-stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.quiz-stat-value{font-size:var(--text-2xl);color:var(--brand-primary);font-weight:700}.quiz-nav-links{justify-content:center;gap:var(--space-4);margin-top:var(--space-6);display:flex}.quiz-link{color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);transition:all var(--transition-base);text-decoration:none}.quiz-link:hover{color:var(--brand-primary);background:var(--bg-elevated)}.quiz-main{max-width:800px;padding:var(--space-6);padding-top:calc(56px + var(--space-6));min-height:100vh;margin:0 auto}.quiz-progress-bar{background:var(--neutral-800);border-radius:var(--radius-full);height:6px;margin-bottom:var(--space-8);overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-full);height:100%;transition:width var(--transition-base);box-shadow:0 0 10px var(--brand-primary)}.quiz-card{background:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);position:relative}.quiz-card:before{content:"";border-radius:calc(var(--radius-xl) + 2px);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-mask-composite:xor;opacity:.5;filter:drop-shadow(0 0 8px var(--brand-primary));padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.quiz-category{padding:var(--space-1)var(--space-3);background:var(--neutral-800);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--brand-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);display:inline-block}.quiz-question{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-6);font-weight:600;line-height:1.5}.quiz-options{gap:var(--space-3);flex-direction:column;display:flex}.quiz-option{align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-5);background:var(--neutral-850);border:2px solid var(--border-default);border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:all var(--transition-fast);display:flex}.quiz-option:hover:not(:disabled){border-color:var(--brand-primary);background:var(--neutral-800);transform:translate(4px)}.quiz-option.selected{border-color:var(--brand-primary);background:#f7931a1a}.quiz-option.correct{border-color:var(--brand-success);background:#10b98126}.quiz-option.incorrect{border-color:var(--brand-danger);background:#ef444426}.quiz-option:disabled{cursor:default}.quiz-option-letter{background:var(--neutral-800);border-radius:var(--radius-md);width:32px;height:32px;color:var(--brand-primary);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.quiz-option.correct .quiz-option-letter{background:var(--brand-success);color:#fff}.quiz-option.incorrect .quiz-option-letter{background:var(--brand-danger);color:#fff}.quiz-option-text{font-size:var(--text-base);color:var(--text-primary);flex:1}.quiz-option-key{font-size:var(--text-xs);color:var(--text-disabled);opacity:0;transition:opacity var(--transition-fast)}.quiz-option:hover .quiz-option-key,.quiz-option:focus .quiz-option-key{opacity:1}.quiz-card-animating{opacity:.7;transition:all .2s;transform:scale(.98)}.quiz-btn-hint{font-size:var(--text-xs);opacity:.7;margin-top:2px;font-weight:400;display:block}.quiz-keyboard-hint{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-3)}.quiz-result{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);text-align:center}.quiz-correct{font-size:var(--text-xl);color:var(--brand-success);margin-bottom:var(--space-4);font-weight:700}.quiz-incorrect{font-size:var(--text-base);color:var(--brand-danger);margin-bottom:var(--space-4)}.quiz-btn{padding:var(--space-3)var(--space-6);background:var(--neutral-800);border:2px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.quiz-btn:hover{border-color:var(--brand-primary);transform:translateY(-2px)}.quiz-btn.primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:var(--neutral-950);border-color:#0000}.quiz-btn.primary:hover{box-shadow:0 0 20px #f7931a66}.quiz-score-display{margin:var(--space-8)0}.quiz-score-circle{width:150px;height:150px;margin:0 auto var(--space-4);background:var(--bg-card);border:4px solid var(--brand-primary);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;box-shadow:0 0 30px #f7931a4d}.quiz-score-number{font-size:var(--text-4xl);color:var(--brand-primary);font-weight:700}.quiz-score-total{font-size:var(--text-lg);color:var(--text-secondary)}.quiz-percentage{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.quiz-message{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-6)}.quiz-actions{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.timeline-header{padding:calc(56px + var(--space-10))var(--space-6)var(--space-10);text-align:center;background:linear-gradient(180deg,var(--neutral-900)0%,var(--bg-page)100%);border-bottom:1px solid var(--border-subtle)}.timeline-header h1{font-size:var(--text-4xl);color:var(--text-primary);margin-bottom:var(--space-3);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.timeline-header p{font-size:var(--text-lg);color:var(--text-secondary)}.timeline-main{max-width:900px;padding:var(--space-10)var(--space-6);margin:0 auto;position:relative}.timeline-line{background:linear-gradient(180deg,var(--brand-primary)0%,var(--brand-secondary)50%,var(--brand-purple)100%);width:3px;box-shadow:0 0 15px var(--brand-primary);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{margin-bottom:var(--space-10);align-items:flex-start;animation:.5s ease-out backwards timelineFadeIn;display:flex;position:relative}.timeline-item:first-child{animation-delay:.1s}.timeline-item:nth-child(2){animation-delay:.2s}.timeline-item:nth-child(3){animation-delay:.3s}.timeline-item:nth-child(4){animation-delay:.4s}.timeline-item:nth-child(5){animation-delay:.5s}.timeline-item:nth-child(6){animation-delay:.6s}.timeline-item:nth-child(7){animation-delay:.7s}@keyframes timelineFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.timeline-item-left{flex-direction:row;padding-right:calc(50% + 30px)}.timeline-item-right,.timeline-item-prologue,.timeline-item-end{flex-direction:row-reverse;padding-left:calc(50% + 30px)}.timeline-marker{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));width:50px;height:50px;font-size:var(--text-lg);color:var(--neutral-950);z-index:10;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 20px #f7931a80}.timeline-marker-end{background:linear-gradient(135deg,var(--brand-purple),var(--brand-accent));box-shadow:0 0 20px #ae4daf80}.timeline-card{background:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base);flex:1;position:relative}.timeline-card:before{content:"";border-radius:calc(var(--radius-xl) + 2px);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-mask-composite:xor;opacity:.4;transition:all var(--transition-base);padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.timeline-card:hover:before{opacity:.8;filter:drop-shadow(0 0 10px var(--brand-primary))}.timeline-card-tbc{text-align:center;background:linear-gradient(135deg,var(--neutral-850)0%,var(--neutral-900)100%)}.timeline-card-tbc h2{font-size:var(--text-xl);color:var(--brand-purple);margin-bottom:var(--space-2)}.timeline-card-tbc p{color:var(--text-muted)}.timeline-card-header{margin-bottom:var(--space-4)}.timeline-chapter-label{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--brand-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);background:#f7931a26;font-weight:600;display:inline-block}.timeline-chapter-title{font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.timeline-beats{margin-bottom:var(--space-4)}.timeline-beat{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);padding-left:var(--space-4);border-left:2px solid var(--border-subtle);line-height:1.7}.timeline-introduces{padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.timeline-introduces-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);font-weight:600;display:block}.timeline-introduces-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.timeline-character-chip{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--brand-secondary);transition:all var(--transition-fast);background:#00d9a526;border:1px solid #00d9a54d;font-weight:500;text-decoration:none}.timeline-character-chip:hover{background:#00d9a540;transform:translateY(-1px)}.timeline-element-chip{padding:var(--space-1)var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--brand-accent);background:#627eea26;border:1px solid #627eea4d;font-weight:500}@media (max-width:768px){.timeline-line{left:25px}.timeline-marker{width:40px;height:40px;font-size:var(--text-base);left:25px}.timeline-item,.timeline-item-left,.timeline-item-right,.timeline-item-prologue,.timeline-item-end{flex-direction:row;padding-left:70px;padding-right:0}.timeline-card{padding:var(--space-4)}.timeline-chapter-title{font-size:var(--text-lg)}}.share-card-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--neutral-800);border:1px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:500;display:inline-flex}.share-card-btn:hover{background:var(--neutral-700);color:var(--text-primary);border-color:var(--brand-primary)}.share-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);width:90%;max-width:500px;max-height:90vh;animation:.3s ease-out modalSlideIn;overflow:auto}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.share-modal-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.share-modal-header h3{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.share-modal-close{font-size:var(--text-xl);color:var(--text-muted);cursor:pointer;padding:var(--space-2);transition:color var(--transition-fast);background:0 0;border:none}.share-modal-close:hover{color:var(--text-primary)}.share-card-preview{background:linear-gradient(135deg,var(--neutral-900)0%,var(--neutral-850)100%);border:2px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);text-align:center}.share-card-preview img{width:80px;height:80px;margin-bottom:var(--space-3);border:3px solid var(--brand-primary);border-radius:50%}.share-card-preview h4{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:700}.share-card-preview p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3)}.share-card-preview .share-traits{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.share-card-preview .share-trait{padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--brand-primary);background:#f7931a26}.share-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.share-action-btn{justify-content:center;align-items:center;gap:var(--space-2);min-width:120px;padding:var(--space-3)var(--space-4);background:var(--neutral-800);border:1px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);flex:1;font-weight:500;text-decoration:none;display:flex}.share-action-btn:hover{background:var(--neutral-700);border-color:var(--brand-primary)}.share-action-btn.primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:var(--neutral-950);border-color:#0000}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--neutral-800)25%,var(--neutral-700)50%,var(--neutral-800)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton-icon{border-radius:var(--radius-lg);width:48px;height:48px}.skeleton-text{flex:1;height:20px}.skeleton-card{border-radius:var(--radius-xl);height:200px}.trivia-card{background:linear-gradient(135deg,var(--bg-card),var(--neutral-850));border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.trivia-card:before{content:"";background:linear-gradient(180deg,var(--brand-primary),var(--brand-secondary));width:4px;height:100%;position:absolute;top:0;left:0}.trivia-card:hover{border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 8px 24px #f7931a26}.trivia-card.flipping{opacity:.5;transform:scale(.95)}.trivia-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.trivia-icon{font-size:var(--text-xl)}.trivia-label{font-size:var(--text-sm);color:var(--brand-primary);font-weight:600}.trivia-category{font-size:var(--text-xs);padding:var(--space-1)var(--space-2);background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text-muted);margin-left:auto}.trivia-fact{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-3);line-height:1.6}.trivia-character{font-size:var(--text-sm);color:var(--text-muted)}.trivia-character span{color:var(--brand-secondary);font-weight:500}.trivia-hint{font-size:var(--text-xs);color:var(--text-disabled);margin-top:var(--space-3);text-align:center}.favorite-btn{border:2px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--space-2);color:var(--text-muted);background:0 0;transition:all .15s;display:flex}.favorite-btn-sm{width:28px;height:28px;padding:0}.favorite-btn-md{width:36px;height:36px;padding:0}.favorite-btn-lg{width:44px;height:44px;padding:0}.favorite-btn:has(.favorite-label){width:auto;padding:var(--space-2)var(--space-3)}.favorite-btn:hover{color:#ef4444;border-color:#ef4444}.favorite-btn.favorited{color:#ef4444;background:#ef44441a;border-color:#ef4444}.favorite-btn.favorited .favorite-icon{animation:.3s heartPop}@keyframes heartPop{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.favorite-loading{opacity:.5}.lore-links-section{margin:var(--space-8)0}.lore-links-title{font-size:var(--text-xl);margin-bottom:var(--space-4);color:var(--text-primary);font-weight:700}.lore-links-grid{gap:var(--space-4);grid-template-columns:1fr;display:grid}.lore-link-card{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);color:inherit;transition:all var(--transition-base);text-decoration:none;display:flex}.lore-link-card:hover{border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.lore-link-icon{font-size:var(--text-2xl);background:var(--bg-elevated);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.lore-link-content{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.lore-link-type{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--brand-primary);font-weight:600}.lore-link-name{font-size:var(--text-base);color:var(--text-primary);font-weight:600}.lore-link-desc{font-size:var(--text-sm);color:var(--text-muted)}.lore-link-arrow{font-size:var(--text-xl);color:var(--text-muted);transition:transform var(--transition-fast)}.lore-link-card:hover .lore-link-arrow{color:var(--brand-primary);transform:translate(4px)}.audio-player-toggle{bottom:90px;right:var(--space-5);border-radius:var(--radius-full);background:var(--bg-card);border:1px solid var(--border-default);cursor:pointer;width:48px;height:48px;font-size:var(--text-xl);transition:all var(--transition-base);z-index:50;justify-content:center;align-items:center;display:flex;position:fixed}.audio-player-toggle:hover{border-color:var(--brand-primary);transform:scale(1.05)}.audio-player-toggle.playing{border-color:var(--brand-secondary);box-shadow:0 0 20px #00d9a54d}.audio-player-toggle.audio-unavailable{opacity:.5;cursor:default}.audio-player-panel{bottom:150px;right:var(--space-5);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:260px;padding:var(--space-4);z-index:50;animation:.2s slideUp;position:fixed}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.audio-player-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.audio-player-title{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.audio-player-close{color:var(--text-muted);font-size:var(--text-xl);cursor:pointer;background:0 0;border:none;padding:0}.audio-track-info{text-align:center;margin-bottom:var(--space-4)}.audio-track-name{font-size:var(--text-base);color:var(--text-primary);font-weight:500}.audio-controls{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.audio-btn{border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid var(--border-default);cursor:pointer;width:40px;height:40px;font-size:var(--text-base);transition:all var(--transition-fast)}.audio-btn:hover{border-color:var(--brand-primary)}.audio-btn-play{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));width:48px;height:48px;color:var(--neutral-950);border:none}.audio-volume{align-items:center;gap:var(--space-2);display:flex}.audio-volume-slider{-webkit-appearance:none;background:var(--neutral-700);border-radius:2px;outline:none;flex:1;height:4px}.audio-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--brand-primary);cursor:pointer;border-radius:50%;width:14px;height:14px}.relationships-map{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);margin:var(--space-8)0}.relationships-header{text-align:center;margin-bottom:var(--space-6)}.relationships-header h3{font-size:var(--text-xl);margin-bottom:var(--space-2);font-weight:700}.relationships-header p{color:var(--text-muted);font-size:var(--text-sm)}.relationships-grid{justify-content:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.relationships-node{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-elevated);border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);flex-direction:column;display:flex;position:relative}.relationships-node:hover,.relationships-node.selected{border-color:var(--char-color,var(--brand-primary));background:var(--neutral-800)}.relationships-node.selected{box-shadow:0 0 20px rgba(var(--char-color,247,147,26),.3)}.relationships-node.related{border-color:var(--brand-secondary)}.relationships-node.dimmed{opacity:.4}.relationships-node-avatar{border-radius:var(--radius-full);background:var(--neutral-700);width:48px;height:48px;overflow:hidden}.relationships-node-avatar img{object-fit:cover;width:100%;height:100%}.relationships-node-avatar span{width:100%;height:100%;color:var(--char-color,var(--brand-primary));justify-content:center;align-items:center;font-weight:700;display:flex}.relationships-node-name{font-size:var(--text-xs);color:var(--text-primary);text-align:center;font-weight:600}.relationships-node-count{background:var(--brand-primary);border-radius:var(--radius-full);width:20px;height:20px;color:var(--neutral-950);justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.relationships-detail{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4)}.relationships-detail h4{font-size:var(--text-base);margin-bottom:var(--space-3);font-weight:600}.relationships-list{gap:var(--space-2);flex-direction:column;display:flex}.relationship-item{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-card);border-radius:var(--radius-md);border-left:3px solid var(--rel-color,var(--brand-primary));color:inherit;transition:all var(--transition-fast);text-decoration:none;display:flex}.relationship-item:hover{background:var(--neutral-800)}.relationship-avatar{border-radius:var(--radius-full);background:var(--neutral-700);width:36px;height:36px;overflow:hidden}.relationship-avatar img{object-fit:cover;width:100%;height:100%}.relationship-avatar span{width:100%;height:100%;font-weight:600;font-size:var(--text-sm);justify-content:center;align-items:center;display:flex}.relationship-info{flex:1}.relationship-name{font-weight:600;font-size:var(--text-sm);display:block}.relationship-type{font-size:var(--text-xs);color:var(--rel-color,var(--brand-primary));text-transform:capitalize}.relationship-valence{font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize}.relationships-legend{justify-content:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.legend-item{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize;display:flex}.legend-dot{border-radius:var(--radius-full);background:var(--leg-color);width:8px;height:8px}.compare-main{max-width:1200px;padding:var(--space-8)var(--space-5);padding-top:calc(70px + var(--space-8));margin:0 auto}.compare-page-header{text-align:center;margin-bottom:var(--space-8)}.compare-page-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-2);font-weight:800}.compare-page-header p{color:var(--text-muted)}.compare-selectors{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.compare-select{padding:var(--space-3)var(--space-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);cursor:pointer;min-width:200px}.compare-select:focus{border-color:var(--brand-primary);outline:none}.compare-vs{font-size:var(--text-xl);color:var(--brand-primary);font-weight:800}.compare-grid{gap:var(--space-4);grid-template-columns:1fr auto 1fr;display:grid}@media (max-width:768px){.compare-grid{grid-template-columns:1fr}.compare-divider{display:none}}.compare-divider{background:linear-gradient(180deg,transparent,var(--brand-primary),transparent);width:2px}.compare-placeholder{background:var(--bg-card);border:2px dashed var(--border-default);border-radius:var(--radius-xl);min-height:400px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.compare-placeholder-icon{margin-bottom:var(--space-4);opacity:.5;font-size:64px}.compare-character{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);position:relative}.compare-character:before{content:"";background:var(--char-color,var(--brand-primary));border-radius:var(--radius-xl)var(--radius-xl)0 0;height:4px;position:absolute;top:0;left:0;right:0}.compare-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.compare-avatar{border-radius:var(--radius-full);border:3px solid var(--char-color,var(--brand-primary));width:100px;height:100px;overflow:hidden}.compare-avatar img{object-fit:cover;width:100%;height:100%}.compare-avatar-placeholder{background:var(--bg-elevated);width:100%;height:100%;font-size:var(--text-3xl);color:var(--char-color,var(--brand-primary));justify-content:center;align-items:center;font-weight:700;display:flex}.compare-name{font-size:var(--text-xl);font-weight:700}.compare-stats{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.compare-stat{padding:var(--space-2)0;border-bottom:1px solid var(--border-subtle);justify-content:space-between;display:flex}.compare-stat-label{color:var(--text-muted);font-size:var(--text-sm)}.compare-stat-value{font-weight:500;font-size:var(--text-sm);text-transform:capitalize}.compare-section{margin-bottom:var(--space-4)}.compare-section h3{font-size:var(--text-sm);color:var(--brand-primary);margin-bottom:var(--space-2);font-weight:600}.compare-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.compare-chip{padding:var(--space-1)var(--space-2);background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:var(--text-xs);text-transform:capitalize}.compare-list{padding-left:var(--space-4);list-style:none}.compare-list li{padding:var(--space-1)0;font-size:var(--text-sm);color:var(--text-secondary);position:relative}.compare-list li:before{content:"•";left:calc(-1*var(--space-3));color:var(--char-color,var(--brand-primary));position:absolute}.compare-link{text-align:center;padding:var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-lg);color:var(--brand-primary);transition:all var(--transition-fast);font-weight:500;text-decoration:none;display:block}.compare-link:hover{background:var(--neutral-700)}.chapters-main{max-width:800px;padding:var(--space-8)var(--space-5);padding-top:calc(70px + var(--space-8));margin:0 auto}.chapters-header{text-align:center;margin-bottom:var(--space-8)}.chapters-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-2);font-weight:800}.chapters-header p{color:var(--text-muted);font-style:italic}.chapters-book-link{margin-bottom:var(--space-6);justify-content:center;display:flex}.book-link-btn{align-items:center;gap:var(--space-2);padding:var(--space-4)var(--space-8);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:var(--neutral-950);font-weight:700;font-size:var(--text-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md),0 0 20px #f7931a4d;transition:all var(--transition-base);text-decoration:none;display:inline-flex}.book-link-btn:hover{box-shadow:var(--shadow-lg),0 0 30px #f7931a66;transform:translateY(-2px)scale(1.02)}.book-link-btn:active{transform:translateY(0)scale(1)}.chapters-warning{justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf244d;display:flex}.chapters-list{gap:var(--space-4);flex-direction:column;display:flex}.chapter-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:all var(--transition-base);overflow:hidden}.chapter-card.expanded{border-color:var(--brand-primary)}.chapter-header{align-items:center;gap:var(--space-4);padding:var(--space-4);cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;display:flex}.chapter-number{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-lg);width:48px;height:48px;font-size:var(--text-xl);color:var(--neutral-950);flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.chapter-title-wrap{flex:1}.chapter-title{font-size:var(--text-lg);margin-bottom:var(--space-1);font-weight:700}.chapter-themes{gap:var(--space-2);flex-wrap:wrap;display:flex}.chapter-theme{font-size:var(--text-xs);padding:var(--space-1)var(--space-2);background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--text-muted)}.chapter-toggle{font-size:var(--text-2xl);color:var(--text-muted);text-align:center;width:32px}.chapter-content{padding:0 var(--space-4)var(--space-4);padding-left:calc(48px + var(--space-4) + var(--space-4))}.chapter-summary{margin-bottom:var(--space-4)}.chapter-summary h3{font-size:var(--text-sm);color:var(--brand-primary);margin-bottom:var(--space-2);font-weight:600}.chapter-summary p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.chapter-spoiler-section{margin-bottom:var(--space-4)}.chapter-spoiler-toggle{padding:var(--space-2)var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.chapter-spoiler-toggle:hover{border-color:var(--brand-primary)}.chapter-spoiler-toggle.active{color:#ef4444;background:#ef44441a;border-color:#ef4444}.chapter-spoiler-content{margin-top:var(--space-3);padding:var(--space-4);border-radius:0 var(--radius-md)var(--radius-md)0;background:#ef44440d;border-left:3px solid #ef4444}.chapter-spoiler-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.chapter-characters h3{font-size:var(--text-sm);color:var(--brand-primary);margin-bottom:var(--space-2);font-weight:600}.chapter-character-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.chapter-character{padding:var(--space-1)var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-full);font-size:var(--text-sm)}.chapters-tbc{text-align:center;padding:var(--space-8);color:var(--text-muted)}.chapters-tbc-icon{margin-bottom:var(--space-4);opacity:.5;font-size:48px}.chapters-tbc h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.reading-progress-section{background:linear-gradient(145deg,var(--bg-card)0%,var(--neutral-850)100%);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8);position:relative;overflow:hidden}.reading-progress-section:before{content:"";border-radius:calc(var(--radius-xl) + 1px);background:linear-gradient(135deg,var(--brand-primary)0%,var(--brand-secondary)100%);-webkit-mask-composite:xor;opacity:.5;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.reading-progress-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.reading-progress-header h2{font-size:var(--text-lg);color:var(--text-primary);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.reading-progress-header h2:before{content:"📚"}.reading-progress-reset{padding:var(--space-1)var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.reading-progress-reset:hover{border-color:var(--brand-danger);color:var(--brand-danger)}.reading-progress-stats{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.reading-progress-bar-container{background:var(--bg-elevated);border-radius:var(--radius-full);flex:1;height:24px;position:relative;overflow:hidden}.reading-progress-bar{background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-full);height:100%;box-shadow:0 0 10px var(--brand-primary);transition:width .5s}.reading-progress-label{font-size:var(--text-xs);color:var(--text-primary);text-shadow:0 1px 2px #00000080;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;inset:0}.reading-progress-percent{font-size:var(--text-2xl);color:var(--brand-primary);text-align:right;min-width:60px;font-weight:800;font-family:var(--font-mono)}.reading-progress-chapters{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.reading-progress-dot{border-radius:var(--radius-md);background:var(--bg-elevated);border:2px solid var(--border-default);width:40px;height:40px;color:var(--text-muted);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.reading-progress-dot:hover{border-color:var(--brand-primary);color:var(--text-primary);transform:translateY(-2px)}.reading-progress-dot.completed{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:var(--neutral-950);border-color:#0000;box-shadow:0 0 10px #f7931a66}.reading-progress-last{text-align:center;margin-top:var(--space-4);font-size:var(--text-xs);color:var(--text-muted)}.chapter-card.completed{border-color:var(--brand-secondary)}.chapter-card.completed:before{content:"";pointer-events:none;background:#00d9a508;position:absolute;inset:0}.chapter-number.completed{background:linear-gradient(135deg,var(--brand-secondary),var(--brand-accent));box-shadow:0 0 15px #00d9a566}.chapter-actions{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.chapter-mark-read{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);display:inline-flex}.chapter-mark-read:hover{border-color:var(--brand-secondary);color:var(--brand-secondary)}.chapter-mark-read.completed{border-color:var(--brand-secondary);color:var(--brand-secondary);background:#00d9a526}.chapters-read-section{margin-bottom:var(--space-8)}.chapters-read-title{font-size:var(--text-xl);text-align:center;margin-bottom:var(--space-5);font-weight:700}.chapters-links-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.chapters-link-card{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:all var(--transition-base);text-decoration:none;display:flex}.chapters-link-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.chapters-link-novel{border-color:var(--brand-primary)}.chapters-link-novel:hover{box-shadow:0 0 20px #f7931a4d}.chapters-link-comic{border-color:var(--brand-accent)}.chapters-link-comic:hover{box-shadow:0 0 20px #627eea4d}.chapters-link-icon{font-size:1.5rem}.chapters-link-content{flex-direction:column;flex:1;gap:2px;display:flex}.chapters-link-type{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.chapters-link-name{color:var(--text-primary);font-weight:600}.chapters-link-arrow{color:var(--text-muted);transition:transform var(--transition-fast)}.gallery-main{max-width:1200px;padding:var(--space-8)var(--space-5);padding-top:calc(70px + var(--space-8));margin:0 auto}.gallery-header{text-align:center;margin-bottom:var(--space-8)}.gallery-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-2);font-weight:800}.gallery-header p{color:var(--text-muted)}.gallery-filters{justify-content:center;gap:var(--space-2);margin-top:var(--space-4);display:flex}.gallery-filter{padding:var(--space-2)var(--space-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.gallery-filter:hover{border-color:var(--brand-primary)}.gallery-filter.active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--neutral-950)}.gallery-empty{text-align:center;padding:var(--space-16)var(--space-4)}.gallery-empty-icon{margin-bottom:var(--space-4);font-size:80px}.gallery-empty h2{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.gallery-empty>p{color:var(--text-muted);margin-bottom:var(--space-8)}.gallery-submit-info{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);max-width:400px;margin:0 auto}.gallery-submit-info h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.gallery-submit-info p{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.gallery-submit-btn{padding:var(--space-3)var(--space-5);border-radius:var(--radius-full);color:#fff;transition:all var(--transition-fast);background:linear-gradient(135deg,#1da1f2,#0a85d1);font-weight:600;text-decoration:none;display:inline-block}.gallery-submit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1da1f24d}.gallery-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.gallery-item{aspect-ratio:1;border-radius:var(--radius-xl);cursor:pointer;background:var(--bg-card);border:none;padding:0;position:relative;overflow:hidden}.gallery-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base)}.gallery-item:hover .gallery-image{transform:scale(1.05)}.gallery-overlay{padding:var(--space-4);gap:var(--space-1);background:linear-gradient(#0000,#000c);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.gallery-item-title{color:#fff;font-weight:600}.gallery-item-artist{font-size:var(--text-sm);color:#ffffffb3}.gallery-featured-badge{top:var(--space-3);right:var(--space-3);padding:var(--space-1)var(--space-2);background:var(--brand-primary);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--neutral-950);font-weight:600;position:absolute}.gallery-lightbox{z-index:200;padding:var(--space-4);background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gallery-lightbox-content{max-width:90vw;max-height:90vh;position:relative}.gallery-lightbox-close{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-primary);font-size:var(--text-xl);cursor:pointer;position:absolute;top:-40px;right:0}.gallery-lightbox-content img{border-radius:var(--radius-xl);max-width:100%;max-height:70vh}.gallery-lightbox-info{padding:var(--space-4);text-align:center}.gallery-lightbox-info h3{font-size:var(--text-xl);margin-bottom:var(--space-1)}.gallery-lightbox-info p{color:var(--text-muted)}.gallery-lightbox-info a{color:var(--brand-primary)}.gallery-lightbox-char{margin-top:var(--space-3);color:var(--brand-secondary);font-size:var(--text-sm);display:inline-block}.gallery-actions{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.gallery-submit-trigger{padding:var(--space-2)var(--space-4);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-full);color:var(--neutral-950);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);border:none}.gallery-submit-trigger:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.gallery-loading{padding:var(--space-16);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.gallery-loading-spinner{border:3px solid var(--border-default);border-top-color:var(--brand-primary);border-radius:var(--radius-full);width:40px;height:40px;margin-bottom:var(--space-4);animation:1s linear infinite spin}.gallery-skeleton-grid{gap:var(--space-4);width:100%;margin-top:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.gallery-skeleton-item{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden}.gallery-modal-backdrop{z-index:200;padding:var(--space-4);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gallery-modal{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:450px;padding:var(--space-6);max-height:90vh;position:relative;overflow-y:auto}.gallery-modal h2{font-size:var(--text-xl);margin-bottom:var(--space-1);font-weight:700}.gallery-modal-desc{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-5)}.gallery-modal-close{top:var(--space-4);right:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-secondary);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute}.gallery-modal-close:hover{background:var(--brand-danger);color:#fff}.gallery-submit-form{gap:var(--space-4);flex-direction:column;display:flex}.gallery-form-group{gap:var(--space-2);flex-direction:column;display:flex}.gallery-form-group label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.gallery-form-group input,.gallery-form-group select{padding:var(--space-3);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);transition:border-color var(--transition-fast)}.gallery-form-group input:focus,.gallery-form-group select:focus{border-color:var(--brand-primary);outline:none}.gallery-form-group input::placeholder{color:var(--text-muted)}.gallery-form-hint{font-size:var(--text-xs);color:var(--text-muted)}.gallery-submit-form-btn{padding:var(--space-3)var(--space-5);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-md);color:var(--neutral-950);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-2);border:none}.gallery-submit-form-btn:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px)}.gallery-submit-form-btn:disabled{opacity:.6;cursor:not-allowed}.gallery-submit-success{text-align:center;padding:var(--space-8)var(--space-4)}.gallery-success-icon{background:var(--brand-secondary);border-radius:var(--radius-full);width:60px;height:60px;font-size:var(--text-2xl);color:var(--neutral-950);margin:0 auto var(--space-4);justify-content:center;align-items:center;display:flex}.gallery-submit-success h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.gallery-submit-success p{color:var(--text-muted)}.factions-header{padding:calc(70px + var(--space-10))var(--space-5)var(--space-10);text-align:center;background:linear-gradient(180deg,var(--bg-card)0%,transparent 100%)}.factions-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-2);font-weight:800}.factions-header p{color:var(--text-muted);font-size:var(--text-lg)}.factions-main{max-width:1000px;padding:0 var(--space-5)var(--space-10);margin:0 auto}.factions-grid{gap:var(--space-4);flex-direction:column;display:flex}.faction-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:all var(--transition-base);overflow:hidden}.faction-card:hover{border-color:var(--faction-color,var(--brand-primary))}.faction-header{align-items:center;gap:var(--space-4);width:100%;padding:var(--space-5);cursor:pointer;text-align:left;color:inherit;background:0 0;border:none;display:flex}.faction-icon{background:var(--bg-elevated);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.faction-title-area{flex:1;min-width:0}.faction-name{font-size:var(--text-xl);color:var(--faction-color,var(--text-primary));margin:0;font-weight:700}.faction-type{font-size:var(--text-sm);color:var(--text-muted);text-transform:capitalize}.faction-toggle{background:var(--bg-elevated);border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--text-xl);color:var(--text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.faction-card:hover .faction-toggle{background:var(--faction-color,var(--brand-primary));color:var(--neutral-950)}.faction-body{max-height:0;transition:max-height .3s;overflow:hidden}.faction-card.expanded .faction-body{max-height:2000px;padding:0 var(--space-5)var(--space-5)}.faction-desc{color:var(--text-secondary);margin-bottom:var(--space-5);line-height:1.7}.faction-section{margin-bottom:var(--space-5)}.faction-section h3{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:var(--space-3);font-weight:600}.faction-list{gap:var(--space-2);flex-wrap:wrap;padding:0;list-style:none;display:flex}.faction-list li{padding:var(--space-2)var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);text-transform:capitalize}.faction-quotes{gap:var(--space-2);flex-direction:column;display:flex}.faction-quote{color:var(--text-secondary);padding-left:var(--space-4);border-left:2px solid var(--faction-color,var(--border-default));font-style:italic}.faction-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.faction-tag{padding:var(--space-1)var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);text-transform:capitalize;background:#ffffff0d}.faction-members{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.faction-member{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-lg);color:inherit;transition:all var(--transition-fast);text-decoration:none;display:flex}.faction-member:hover{background:var(--neutral-700);transform:translate(4px)}.faction-member-avatar{border-radius:var(--radius-full);background:var(--bg-card);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.faction-member-avatar img{object-fit:cover;width:100%;height:100%}.faction-member-avatar span{color:var(--faction-color,var(--brand-primary));font-weight:600}.faction-member-info{flex-direction:column;min-width:0;display:flex}.faction-member-name{font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.faction-member-role{font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize}.htimeline-main{padding:var(--space-8)0;overflow:hidden}.htimeline-scroll{padding:var(--space-4)var(--space-5);-webkit-overflow-scrolling:touch;overflow:auto visible}.htimeline-track{min-width:max-content;height:600px;padding-left:var(--space-8);padding-right:var(--space-8);position:relative}.htimeline-line{background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary),var(--brand-purple),var(--brand-accent),var(--brand-primary));background-size:300% 100%;border-radius:3px;height:6px;animation:8s linear infinite lineFlow;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 0 20px #f7931a80,0 0 40px #f7931a33}@keyframes lineFlow{0%{background-position:0%}to{background-position:300%}}.htimeline-era-marker{top:50%;left:var(--era-offset,0);z-index:15;position:absolute;transform:translateY(-50%)}.htimeline-era-label{font-size:var(--text-xs);color:var(--brand-primary);text-transform:uppercase;letter-spacing:.15em;padding:var(--space-1)var(--space-3);background:var(--neutral-900);border:2px solid var(--brand-primary);border-radius:var(--radius-full);white-space:nowrap;font-weight:800;box-shadow:0 0 20px #f7931a66}.htimeline-event{cursor:pointer;width:260px;transition:all var(--transition-base);position:absolute}.htimeline-event-inner{gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base);display:flex}.htimeline-event.htimeline-above{margin-bottom:60px;bottom:50%}.htimeline-event.htimeline-above .htimeline-event-inner{flex-direction:row}.htimeline-event.htimeline-below{margin-top:60px;top:50%}.htimeline-event.htimeline-below .htimeline-event-inner{flex-direction:row}.htimeline-connector{border-radius:2px;width:3px;position:absolute;left:50%;transform:translate(-50%)}.htimeline-above .htimeline-connector{background:linear-gradient(0deg,var(--event-color,var(--brand-primary)),transparent);height:60px;margin-bottom:-60px;bottom:0}.htimeline-below .htimeline-connector{background:linear-gradient(180deg,var(--event-color,var(--brand-primary)),transparent);height:60px;margin-top:-60px;top:0}.htimeline-connector:after{content:"";background:var(--event-color,var(--brand-primary));border:3px solid var(--neutral-900);width:16px;height:16px;box-shadow:0 0 20px var(--event-color,var(--brand-primary));border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.htimeline-above .htimeline-connector:after{bottom:0}.htimeline-below .htimeline-connector:after{top:0}.htimeline-event:hover .htimeline-event-inner,.htimeline-event.active .htimeline-event-inner{border-color:var(--event-color,var(--brand-primary));box-shadow:0 12px 32px #00000080,0 0 30px #f7931a4d}.htimeline-event:hover,.htimeline-event.active{z-index:20}.htimeline-above:hover,.htimeline-above.active{transform:translateY(-8px)}.htimeline-below:hover,.htimeline-below.active{transform:translateY(8px)}.htimeline-marker{border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--event-color,var(--brand-primary)),var(--neutral-800));width:52px;height:52px;font-size:var(--text-xl);border:2px solid #ffffff1a;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 16px #0006}.htimeline-content{flex:1;min-width:0}.htimeline-title{font-size:var(--text-base);margin-bottom:var(--space-2);color:var(--text-primary);font-weight:700}.htimeline-desc{font-size:var(--text-sm);color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.htimeline-event.active .htimeline-desc{-webkit-line-clamp:unset}.htimeline-characters{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.htimeline-char-chip{padding:var(--space-1)var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--brand-secondary);transition:all var(--transition-fast);text-decoration:none}.htimeline-char-chip:hover{background:var(--brand-secondary);color:var(--neutral-950)}.htimeline-tbc{opacity:.6;border-style:dashed}.htimeline-scroll-hint{text-align:center;padding:var(--space-4);color:var(--text-muted);font-size:var(--text-sm);animation:2s ease-in-out infinite hintPulse}@keyframes hintPulse{0%,to{opacity:.5}50%{opacity:1}}.character-of-day{background:linear-gradient(135deg,var(--bg-card),var(--neutral-850));border:2px solid var(--brand-primary);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-6);position:relative;overflow:hidden}.character-of-day:before{content:"";background:conic-gradient(#0000,#f7931a1a,#0000);width:200%;height:200%;animation:4s linear infinite codSweep;position:absolute;top:-50%;left:-50%}@keyframes codSweep{to{transform:rotate(360deg)}}.cod-badge{top:var(--space-3);right:var(--space-3);padding:var(--space-1)var(--space-3);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--neutral-950);text-transform:uppercase;letter-spacing:.05em;z-index:2;font-weight:700;position:absolute}.cod-content{z-index:1;align-items:center;gap:var(--space-5);display:flex;position:relative}.cod-avatar{border-radius:var(--radius-full);border:4px solid var(--brand-primary);flex-shrink:0;width:120px;height:120px;overflow:hidden;box-shadow:0 0 30px #f7931a66}.cod-avatar img{object-fit:cover;width:100%;height:100%}.cod-info{flex:1}.cod-name{font-size:var(--text-2xl);margin-bottom:var(--space-2);font-weight:800}.cod-role{font-size:var(--text-base);color:var(--brand-secondary);margin-bottom:var(--space-3)}.cod-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.cod-link{margin-top:var(--space-4);padding:var(--space-2)var(--space-4);background:var(--brand-primary);border-radius:var(--radius-full);color:var(--neutral-950);transition:all var(--transition-fast);font-weight:600;text-decoration:none;display:inline-block}.cod-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f7931a66}@media (max-width:640px){.cod-content{text-align:center;flex-direction:column}.cod-avatar{width:100px;height:100px}}.search-shortcut{right:var(--space-3);padding:var(--space-1)var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.wiki-search-input:focus~.search-shortcut{display:none}.help-chat-toggle{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-full);width:50px;height:50px;color:var(--neutral-950);cursor:pointer;box-shadow:var(--shadow-lg),0 0 20px #f7931a4d;transition:all var(--transition-base);border:none;font-size:1.25rem;font-weight:700;z-index:9998!important;position:fixed!important;bottom:90px!important;left:auto!important;right:24px!important}.help-chat-toggle:hover{box-shadow:var(--shadow-xl),0 0 30px #f7931a80;transform:scale(1.1)}.help-chat-toggle.open{background:var(--neutral-700);color:var(--text-primary)}.help-chat-window{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:360px;max-width:calc(100vw - 48px);max-height:450px;box-shadow:var(--shadow-xl);flex-direction:column;animation:.3s chatSlideUp;display:flex;overflow:hidden;z-index:9997!important;position:fixed!important;bottom:155px!important;left:auto!important;right:24px!important}@keyframes chatSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.help-chat-header{padding:var(--space-4);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:var(--neutral-950);justify-content:space-between;align-items:center;display:flex}.help-chat-title{font-weight:700;font-size:var(--text-base)}.help-chat-close{color:var(--neutral-950);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.help-chat-messages{padding:var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;min-height:200px;max-height:300px;display:flex;overflow-y:auto}.help-chat-message{padding:var(--space-3)var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);max-width:90%;line-height:1.5}.help-chat-message.bot{background:var(--bg-elevated);color:var(--text-secondary);border-bottom-left-radius:var(--radius-sm);align-self:flex-start}.help-chat-message.user{background:var(--brand-primary);color:var(--neutral-950);border-bottom-right-radius:var(--radius-sm);align-self:flex-end}.help-chat-suggestions{gap:var(--space-2);padding:0 var(--space-4)var(--space-3);flex-wrap:wrap;display:flex}.help-chat-suggestion{padding:var(--space-2)var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.help-chat-suggestion:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--neutral-950)}.help-chat-input-form{gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--border-default);background:var(--bg-elevated);display:flex}.help-chat-input{padding:var(--space-3);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);flex:1}.help-chat-input:focus{border-color:var(--brand-primary);outline:none}.help-chat-send{padding:var(--space-3)var(--space-4);background:var(--brand-primary);border-radius:var(--radius-md);color:var(--neutral-950);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:600}.help-chat-send:hover{background:var(--brand-secondary)}@media (max-width:480px){.help-chat-toggle{width:44px;height:44px;font-size:1rem;bottom:76px!important;left:auto!important;right:16px!important}.help-chat-window{width:auto;max-height:60vh;bottom:135px!important;left:16px!important;right:16px!important}}.char-rating{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5);margin-top:var(--space-4)}.char-rating-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.char-rating-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.char-rating-percentage{font-size:var(--text-xs);color:var(--brand-secondary);font-family:var(--font-mono)}.char-rating-bar{background:var(--bg-elevated);border-radius:var(--radius-full);height:6px;margin-bottom:var(--space-4);overflow:hidden}.char-rating-fill{background:linear-gradient(90deg,var(--brand-secondary),var(--brand-primary));border-radius:var(--radius-full);height:100%;transition:width .3s}.char-rating-actions{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.char-rating-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);display:flex}.char-rating-btn:hover{border-color:var(--brand-primary);color:var(--text-primary)}.char-rating-btn.upvote.active{border-color:var(--brand-secondary);color:var(--brand-secondary);background:#00d9a526}.char-rating-btn.downvote.active{border-color:var(--brand-danger);color:var(--brand-danger);background:#ef444426}.char-rating-btn.animating{animation:.3s ratingPop}@keyframes ratingPop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.rating-icon{font-size:1rem}.rating-count{font-weight:600;font-family:var(--font-mono)}.char-rating-score{text-align:center;min-width:60px}.score-value{font-size:var(--text-lg);font-weight:700;font-family:var(--font-mono)}.score-value.positive{color:var(--brand-secondary)}.score-value.negative{color:var(--brand-danger)}.char-rating-thanks{text-align:center;font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-3)}.theme-toggle-btn{bottom:var(--space-5);left:var(--space-5);z-index:150;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);width:44px;height:44px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);opacity:.8;justify-content:center;align-items:center;display:flex;position:fixed}.theme-toggle-btn:hover{opacity:1;background:var(--bg-elevated);transform:scale(1.05)}.theme-option-num{background:var(--bg-elevated);border-radius:var(--radius-sm);width:20px;height:20px;font-size:var(--text-xs);font-weight:600;font-family:var(--font-mono);justify-content:center;align-items:center;display:flex}.theme-option.active .theme-option-num{background:var(--brand-primary);color:var(--neutral-950)}.theme-option-icon{font-size:1rem}.theme-option-name{flex:1}.theme-check{color:var(--brand-secondary);font-weight:700}@media (max-width:640px){.theme-switcher{bottom:calc(var(--space-5) + 60px)}.theme-label{display:none}}.quotes-title{font-size:var(--text-4xl);color:var(--text-primary);margin-bottom:var(--space-3);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.qotd-label{align-items:center;gap:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--brand-secondary);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-4);background:#00d9a51a;border:1px solid #00d9a54d;font-weight:700;display:inline-flex}.qotd-card{background:linear-gradient(145deg,var(--bg-card)0%,var(--neutral-850)100%);border:2px solid var(--char-color,var(--brand-secondary));border-radius:var(--radius-xl);padding:var(--space-8);position:relative;overflow:hidden;box-shadow:0 0 40px #00d9a526}.qotd-card:before{content:"";background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary),var(--brand-accent));height:4px;position:absolute;top:0;left:0;right:0}.qotd-avatar{border-radius:var(--radius-full);border:3px solid var(--char-color,var(--brand-secondary));width:100px;height:100px;box-shadow:0 0 20px var(--char-color,#00d9a54d);transition:all var(--transition-base);flex-shrink:0;overflow:hidden}.qotd-avatar:hover{box-shadow:0 0 30px var(--char-color,#00d9a580);transform:scale(1.05)}.random-quote-btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-full);color:var(--neutral-950);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);border:none;display:inline-flex}.random-quote-card{background:linear-gradient(145deg,var(--bg-card)0%,var(--neutral-850)100%);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base);position:relative}.random-quote-card:before{content:"";background:var(--char-color,var(--brand-primary));border-radius:var(--radius-xl)0 0 var(--radius-xl);width:4px;box-shadow:0 0 15px var(--char-color,var(--brand-primary));position:absolute;top:0;bottom:0;left:0}.random-quote-avatar:hover{border-color:var(--char-color,var(--brand-primary));transform:scale(1.05)}.quote-copy-btn{top:var(--space-4);right:var(--space-4);align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;position:absolute}.quote-copy-btn:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--neutral-950)}.character-quotes-card{background:linear-gradient(145deg,var(--bg-card)0%,var(--neutral-850)100%);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base);position:relative}.character-quotes-card:before{content:"";border-radius:calc(var(--radius-xl) + 1px);background:linear-gradient(145deg,var(--char-color,var(--brand-primary)),transparent 50%);-webkit-mask-composite:xor;opacity:.5;transition:opacity var(--transition-base);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.character-quotes-card:hover:before{opacity:1}.character-quotes-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.character-quotes-header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex}.character-quotes-avatar-placeholder{border-radius:var(--radius-full);background:var(--bg-elevated);border:2px solid var(--char-color,var(--border-default));width:60px;height:60px;font-size:var(--text-xl);color:var(--char-color,var(--brand-primary));justify-content:center;align-items:center;font-weight:700;display:flex}.character-quotes-avatar-link:hover .character-quotes-avatar,.character-quotes-avatar-link:hover .character-quotes-avatar-placeholder{border-color:var(--char-color,var(--brand-primary));box-shadow:0 0 20px var(--char-color,#f7931a66);transform:scale(1.1)}.character-quotes-faction{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.character-quotes-list{gap:var(--space-4);flex-direction:column;display:flex}.character-quote-item{padding:var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg);border-left:3px solid var(--char-color,var(--brand-primary));position:relative}.character-quote-text{font-size:var(--text-sm);color:var(--text-secondary);padding-right:var(--space-8);font-style:italic;line-height:1.6}.quote-copy-btn-small{top:var(--space-3);right:var(--space-3);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);opacity:.6;justify-content:center;align-items:center;display:flex;position:absolute}.quote-copy-btn-small:hover{opacity:1;background:var(--brand-primary);border-color:var(--brand-primary);color:var(--neutral-950)}@media (max-width:768px){.quotes-main{padding:var(--space-6)var(--space-4);padding-top:calc(var(--space-12) + 60px)}.quotes-title{font-size:var(--text-3xl)}.qotd-content,.random-quote-content{text-align:center;flex-direction:column}.qotd-text,.random-quote-text{font-size:var(--text-lg)}.character-quotes-grid{grid-template-columns:1fr}.random-quote-header{gap:var(--space-4);text-align:center;flex-direction:column}}.keyboard-help-btn{bottom:var(--space-5);right:calc(var(--space-5) + 60px);z-index:140;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-secondary);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);justify-content:center;align-items:center;font-weight:700;display:flex;position:fixed}.keyboard-help-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);box-shadow:var(--shadow-glow)}.keyboard-help-icon{font-family:var(--font-mono)}.keyboard-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#000000b3;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.keyboard-modal{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:90%;max-width:420px;box-shadow:var(--shadow-xl);animation:.2s ease-out modalSlideIn;overflow:hidden}.keyboard-modal-header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border-default);justify-content:space-between;align-items:center;display:flex}.keyboard-modal-header h2{font-size:var(--text-lg);color:var(--text-primary);font-weight:700}.keyboard-modal-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.keyboard-modal-close:hover{color:var(--text-primary)}.keyboard-modal-content{padding:var(--space-5)}.keyboard-group{margin-bottom:var(--space-5)}.keyboard-group:last-child{margin-bottom:0}.keyboard-group h3{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);font-weight:600}.keyboard-list{gap:var(--space-2);flex-direction:column;display:flex}.keyboard-item{align-items:center;gap:var(--space-3);display:flex}.keyboard-item kbd{min-width:28px;height:28px;padding:0 var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);justify-content:center;align-items:center;font-weight:500;display:inline-flex}.keyboard-item span{font-size:var(--text-sm);color:var(--text-secondary)}.keyboard-modal-footer{padding:var(--space-3)var(--space-5);background:var(--bg-elevated);border-top:1px solid var(--border-subtle);text-align:center}.keyboard-modal-footer span{font-size:var(--text-xs);color:var(--text-muted)}.keyboard-modal-footer kbd{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);padding:2px 6px}@media (max-width:640px){.keyboard-help-btn{bottom:calc(var(--space-5) + 80px);right:var(--space-4)}}.easter-egg-overlay{z-index:9999;cursor:pointer;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.easter-egg-overlay.konami{background:#000000f2}.easter-egg-overlay.hamie{background:radial-gradient(circle,#f7931a4d,#0000 70%),#000000e6}.easter-egg-content{z-index:10;text-align:center;animation:.5s ease-out easterEggPop;position:relative}@keyframes easterEggPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.easter-egg-icon{margin-bottom:var(--space-4);font-size:5rem}.easter-egg-icon.bounce{animation:.6s infinite iconBounce}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hamie-egg-avatar{border-radius:var(--radius-full);border:4px solid var(--brand-primary);width:120px;height:120px;box-shadow:0 0 40px var(--brand-primary)}.easter-egg-content h2{font-size:var(--text-3xl);color:var(--brand-primary);text-shadow:0 0 30px var(--brand-primary);margin-bottom:var(--space-2);font-weight:800}.easter-egg-content p{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-2)}.easter-egg-hint{font-family:var(--font-mono);font-size:var(--text-sm)!important;color:var(--brand-secondary)!important}.easter-egg-quote{font-style:italic;color:var(--brand-secondary)!important}.matrix-rain{pointer-events:none;position:absolute;inset:0;overflow:hidden}.matrix-column{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--brand-secondary);text-shadow:0 0 10px var(--brand-secondary);flex-direction:column;animation:4s linear infinite matrixFall;display:flex;position:absolute;top:-100%}.matrix-column span{opacity:0;animation:1s ease-in-out forwards matrixFade}@keyframes matrixFall{0%{transform:translateY(0)}to{transform:translateY(200vh)}}@keyframes matrixFade{0%{opacity:0}50%{opacity:1}to{opacity:.3}}.hamie-celebration{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hamie-confetti{border-radius:2px;width:10px;height:10px;animation:3s ease-in infinite confettiFall;position:absolute;top:-10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.secret-message{bottom:var(--space-20);z-index:200;padding:var(--space-3)var(--space-6);border-radius:var(--radius-full);color:#fff;font-size:var(--text-sm);background:linear-gradient(135deg,#ae4dafe6,#627eeae6);font-style:italic;animation:.3s ease-out secretSlide,5s ease-in-out secretFade;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 0 30px #ae4daf80}@keyframes secretSlide{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes secretFade{0%,80%{opacity:1}to{opacity:0}}.page-transition{animation:.3s ease-out pageEnter}.page-transition.transitioning{animation:.15s ease-in forwards pageExit}.page-transition.visible{animation:.3s ease-out pageEnter}@keyframes pageExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.stagger-enter>*{opacity:0;animation:.4s ease-out forwards staggerItem}.stagger-enter>:first-child{animation-delay:50ms}.stagger-enter>:nth-child(2){animation-delay:.1s}.stagger-enter>:nth-child(3){animation-delay:.15s}.stagger-enter>:nth-child(4){animation-delay:.2s}.stagger-enter>:nth-child(5){animation-delay:.25s}.stagger-enter>:nth-child(6){animation-delay:.3s}.stagger-enter>:nth-child(7){animation-delay:.35s}.stagger-enter>:nth-child(8){animation-delay:.4s}@keyframes staggerItem{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.social-share{align-items:center;gap:var(--space-3);display:flex}.social-share-label{font-size:var(--text-sm);color:var(--text-muted)}.social-share-buttons{gap:var(--space-2);display:flex}.social-share-btn{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.social-share-btn:hover{color:var(--text-primary);transform:translateY(-2px)}.social-share-btn.twitter:hover{color:#1da1f2;background:#1da1f226;border-color:#1da1f2}.social-share-btn.facebook:hover{color:#1877f2;background:#1877f226;border-color:#1877f2}.social-share-btn.reddit:hover{color:#ff4500;background:#ff450026;border-color:#ff4500}.social-share-btn.telegram:hover{color:#26a5e4;background:#26a5e126;border-color:#26a5e4}.social-share-btn.copy:hover{border-color:var(--brand-secondary);color:var(--brand-secondary);background:#00d9a526}.social-share-compact{position:relative}.social-share-dropdown{margin-bottom:var(--space-2);gap:var(--space-1);padding:var(--space-2);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:.15s ease-out dropdownFade;display:flex;position:absolute;bottom:100%;right:0}.social-share-dropdown button{background:var(--bg-elevated);border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;font-weight:600;display:flex}.social-share-dropdown button:hover{background:var(--brand-primary);color:var(--neutral-950)}.related-characters-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.related-character-card{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-base);text-decoration:none;display:flex}.related-character-card:hover{border-color:var(--char-color,var(--brand-primary));box-shadow:0 8px 24px #0000004d,0 0 15px var(--char-color,#f7931a33);transform:translateY(-3px)}.related-character-avatar{border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--char-color,var(--border-default));width:48px;height:48px;transition:all var(--transition-base);flex-shrink:0}.related-character-card:hover .related-character-avatar{border-color:var(--char-color,var(--brand-primary));box-shadow:0 0 15px var(--char-color,#f7931a66)}.related-character-placeholder{border-radius:var(--radius-full);background:var(--bg-elevated);width:48px;height:48px;font-size:var(--text-lg);color:var(--char-color,var(--brand-primary));border:2px solid var(--char-color,var(--border-default));flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.related-character-info{flex-direction:column;gap:2px;min-width:0;display:flex}.related-character-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.related-character-role{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;text-transform:capitalize;overflow:hidden}@media (max-width:640px){.related-characters-grid{grid-template-columns:repeat(2,1fr)}}.relationship-web{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);overflow:hidden}.relationship-web-header{text-align:center;margin-bottom:var(--space-4)}.relationship-web-header h3{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:700}.relationship-web-header p{font-size:var(--text-sm);color:var(--text-muted)}.relationship-web-svg{margin:0 auto;display:block}.relationship-line,.relationship-node-group{transition:all var(--transition-base)}.relationship-node-group.dimmed{opacity:.3}.relationship-node-group.highlighted{opacity:1}.relationship-node-group:hover .node-label{fill:var(--brand-primary)}.node-label{transition:fill var(--transition-fast)}.node-glow{animation:2s ease-in-out infinite nodeGlowPulse}@keyframes nodeGlowPulse{0%,to{opacity:.3}50%{opacity:.7}}.relationship-web-detail{margin-top:var(--space-4);padding:var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg)}.relationship-web-detail-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.detail-name{font-size:var(--text-lg);color:var(--text-primary);font-weight:700}.detail-count{font-size:var(--text-xs);color:var(--text-muted)}.relationship-web-connections{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.web-connection-link{align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);background:var(--bg-card);border:1px solid var(--border-default);border-left:3px solid var(--rel-color,var(--brand-primary));border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;display:flex}.web-connection-link:hover{border-color:var(--rel-color,var(--brand-primary));transform:translate(2px)}.connection-type{font-size:var(--text-xs);color:var(--rel-color,var(--text-muted));text-transform:uppercase}.connection-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.view-profile-link{text-align:center;padding:var(--space-2);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-md);color:var(--neutral-950);font-size:var(--text-sm);transition:all var(--transition-base);font-weight:600;text-decoration:none;display:block}.view-profile-link:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f7931a4d}.relationship-web-legend{justify-content:center;gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.web-legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize;display:flex}.web-legend-dot{border-radius:var(--radius-full);width:8px;height:8px}.random-quote-widget{background:linear-gradient(145deg,var(--bg-card)0%,var(--neutral-850)100%);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-base);position:relative;overflow:hidden}.random-quote-widget:before{content:"";background:var(--char-color,var(--brand-primary));border-radius:var(--radius-xl)0 0 var(--radius-xl);width:4px;position:absolute;top:0;bottom:0;left:0}.random-quote-widget.animating{opacity:0;transform:translateY(-5px)}.quote-widget-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.quote-widget-icon{font-size:1.25rem}.quote-widget-title{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;flex:1;font-weight:600}.quote-widget-refresh{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.quote-widget-refresh:hover{background:var(--brand-primary);border-color:var(--brand-primary);transform:rotate(180deg)}.quote-widget-content{gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.quote-widget-avatar{border-radius:var(--radius-full);border:2px solid var(--char-color,var(--border-default));width:60px;height:60px;transition:all var(--transition-base);flex-shrink:0;overflow:hidden}.quote-widget-avatar:hover{box-shadow:0 0 15px var(--char-color,#f7931a66);transform:scale(1.05)}.quote-widget-avatar img{object-fit:cover;width:100%;height:100%}.quote-widget-text-wrap{flex:1;min-width:0}.quote-widget-text{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-2);font-style:italic;line-height:1.6}.quote-widget-author{font-size:var(--text-sm);color:var(--char-color,var(--brand-primary));transition:color var(--transition-fast);font-weight:600;text-decoration:none}.quote-widget-author:hover{color:var(--brand-secondary)}.quote-widget-actions{align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);display:flex}.quote-widget-copy{padding:var(--space-2)var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.quote-widget-copy:hover{border-color:var(--brand-secondary);color:var(--brand-secondary)}.quote-widget-more{font-size:var(--text-xs);color:var(--text-muted);transition:color var(--transition-fast);margin-left:auto;text-decoration:none}.quote-widget-more:hover{color:var(--brand-primary)}@media (max-width:640px){.quote-widget-content{text-align:center;flex-direction:column}.quote-widget-avatar{margin:0 auto}.quote-widget-text{font-size:var(--text-base)}}.dark-mode-toggle{top:calc(var(--space-5) + 56px);right:var(--space-5);z-index:140;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);display:flex;position:fixed}.dark-mode-toggle:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.dark-mode-icon{font-size:1rem}.dark-mode-label{font-weight:500}@media (max-width:768px){.dark-mode-toggle{top:auto;bottom:calc(var(--space-5) + 140px);right:var(--space-4);padding:var(--space-2)}.dark-mode-label{display:none}}.recently-viewed{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-4);margin-top:var(--space-4)}.recently-viewed-header{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.recently-viewed-header h3{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.recently-viewed-clear{padding:var(--space-1)var(--space-2);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none}.recently-viewed-clear:hover{color:var(--brand-danger)}.recently-viewed-list{gap:var(--space-2);flex-direction:column;display:flex}.recently-viewed-item{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;display:flex}.recently-viewed-item:hover{background:var(--bg-elevated)}.recently-viewed-avatar{border-radius:var(--radius-full);object-fit:cover;border:1px solid var(--border-default);flex-shrink:0;width:32px;height:32px}.recently-viewed-placeholder{border-radius:var(--radius-full);background:var(--bg-elevated);width:32px;height:32px;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.recently-viewed-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.recently-viewed-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.recently-viewed-time{font-size:var(--text-xs);color:var(--text-muted)}.faction-quiz-main{max-width:800px;padding:var(--space-6);padding-top:calc(56px + var(--space-6));min-height:100vh;margin:0 auto}.faction-quiz-card{background:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);animation:.4s ease-out fadeInUp;position:relative}.faction-quiz-card:before{content:"";border-radius:calc(var(--radius-xl) + 2px);background:linear-gradient(135deg,var(--brand-purple),var(--brand-accent));-webkit-mask-composite:xor;pointer-events:none;z-index:0;padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.faction-quiz-category{padding:var(--space-1)var(--space-3);background:linear-gradient(135deg,var(--brand-purple),var(--brand-accent));border-radius:var(--radius-full);font-size:var(--text-xs);color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);font-weight:600;display:inline-block}.faction-quiz-hint{text-align:center;margin-top:var(--space-6);color:var(--text-muted);font-size:var(--text-sm);font-style:italic}.faction-quiz-previous{text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:calc(100vh - 200px);display:flex}.faction-quiz-previous-icon{font-size:5rem;animation:2s ease-in-out infinite pulse}.faction-quiz-previous h2{font-size:var(--text-3xl);color:var(--text-primary)}.faction-quiz-previous-text{font-size:var(--text-lg);color:var(--text-secondary);max-width:500px}.faction-quiz-result{animation:.5s ease-out fadeInUp}.faction-quiz-result-header{text-align:center;margin-bottom:var(--space-8)}.faction-quiz-result-label{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.1em;display:block}.faction-quiz-result-icon{width:120px;height:120px;margin-bottom:var(--space-4);border:3px solid;border-radius:50%;justify-content:center;align-items:center;font-size:4rem;animation:.6s ease-out bounceIn;display:inline-flex}.faction-quiz-result-name{font-size:var(--text-4xl);text-transform:uppercase;letter-spacing:.02em;margin:0;font-weight:800}.faction-quiz-result-desc{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto var(--space-8);text-align:center;line-height:1.8}.faction-quiz-traits{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8)}.faction-quiz-traits h3{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-4);text-align:center}.faction-quiz-trait-list{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.faction-quiz-trait{padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);background:0 0;border:2px solid;font-weight:600}.faction-quiz-characters{margin-bottom:var(--space-8)}.faction-quiz-characters h3{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-4);text-align:center}.faction-quiz-character-list{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.faction-quiz-character{align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-base);flex-direction:column;text-decoration:none;display:flex}.faction-quiz-character:hover{border-color:var(--brand-primary);transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.faction-quiz-character-img{border-radius:var(--radius-md);object-fit:cover;width:64px;height:64px}.faction-quiz-character-placeholder{border-radius:var(--radius-md);width:64px;height:64px;font-size:var(--text-2xl);color:#fff;justify-content:center;align-items:center;font-weight:700;display:flex}.faction-quiz-character-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.faction-quiz-share{text-align:center;margin-bottom:var(--space-8)}.faction-quiz-share-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4)var(--space-8);border-radius:var(--radius-full);font-size:var(--text-base);color:#fff;cursor:pointer;transition:all var(--transition-base);border:none;font-weight:600;display:inline-flex}.faction-quiz-share-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.faction-quiz-share-btn:before{content:""}.faction-quiz-share-message{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--brand-secondary);display:block}.faction-quiz-actions{justify-content:center;gap:var(--space-4);flex-wrap:wrap;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.faction-quiz-main{padding:var(--space-4);padding-top:calc(56px + var(--space-4))}.faction-quiz-card{padding:var(--space-5)}.faction-quiz-result-icon{width:100px;height:100px;font-size:3rem}.faction-quiz-result-name{font-size:var(--text-2xl)}.faction-quiz-result-desc{font-size:var(--text-base)}.faction-quiz-character-list{gap:var(--space-2)}.faction-quiz-character-img,.faction-quiz-character-placeholder{width:48px;height:48px}.faction-quiz-actions{flex-direction:column;align-items:center}.faction-quiz-actions .quiz-btn{width:100%;max-width:300px}}.forum-header{padding:calc(56px + var(--space-10))var(--space-6)var(--space-10);text-align:center;background:linear-gradient(180deg,var(--neutral-900)0%,var(--bg-page)100%);border-bottom:1px solid var(--border-subtle)}.forum-header h1{font-size:var(--text-4xl);margin-bottom:var(--space-3);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.forum-header p{font-size:var(--text-lg);color:var(--text-secondary)}.forum-main{max-width:1000px;padding:var(--space-6);min-height:calc(100vh - 400px);margin:0 auto}.forum-user-badge{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-sm);display:flex}.forum-user-icon{font-size:var(--text-base)}.forum-user-name{color:var(--brand-primary);font-weight:600}.forum-change-name{cursor:pointer;font-size:var(--text-sm);opacity:.7;transition:opacity var(--transition-fast);background:0 0;border:none;padding:0}.forum-change-name:hover{opacity:1}.forum-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--space-4);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.forum-modal{background:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;width:100%;max-width:400px;animation:.2s ease-out modalFadeIn}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.forum-modal h3{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700}.forum-modal p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6)}.forum-modal-actions{gap:var(--space-3);margin-top:var(--space-6);justify-content:center;display:flex}.forum-input{width:100%;padding:var(--space-3)var(--space-4);background:var(--bg-input);border:2px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text-primary);transition:all var(--transition-fast)}.forum-input:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #f7931a1a}.forum-input::placeholder{color:var(--text-muted)}.forum-textarea{width:100%;padding:var(--space-3)var(--space-4);background:var(--bg-input);border:2px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text-primary);font-family:var(--font-sans);resize:vertical;min-height:100px;transition:all var(--transition-fast)}.forum-textarea:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #f7931a1a}.forum-textarea::placeholder{color:var(--text-muted)}.forum-select{width:100%;padding:var(--space-3)var(--space-4);background:var(--bg-input);border:2px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.forum-select:focus{border-color:var(--brand-primary);outline:none}.forum-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);background:var(--bg-elevated);border:2px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);font-weight:600;display:inline-flex}.forum-btn:hover{border-color:var(--brand-primary);transform:translateY(-1px)}.forum-btn.primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:var(--neutral-950);border-color:#0000}.forum-btn.primary:hover{box-shadow:0 0 20px #f7931a66}.forum-btn.primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.new-topic-btn{font-size:var(--text-base);padding:var(--space-4)var(--space-6)}.new-topic-btn span{font-size:var(--text-xl);font-weight:400}.forum-actions{margin-bottom:var(--space-6);justify-content:flex-end;display:flex}.forum-categories{gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.forum-category-filter{padding:var(--space-2)var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0}.forum-category-filter:hover{border-color:var(--brand-primary);color:var(--text-primary)}.forum-category-filter.active{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:var(--neutral-950);border-color:#0000;font-weight:600}.forum-new-topic-form{background:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);animation:.2s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.forum-new-topic-form h3{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-6);font-weight:700}.forum-form-group{margin-bottom:var(--space-4)}.forum-form-group label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:600;display:block}.forum-form-actions{gap:var(--space-3);margin-top:var(--space-6);justify-content:flex-end;display:flex}.forum-topics-list{gap:var(--space-3);flex-direction:column;display:flex}.forum-topic-card{align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-5);background:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%;display:flex}.forum-topic-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md);transform:translate(4px)}.forum-topic-icon{background:var(--bg-elevated);border-radius:var(--radius-md);width:48px;height:48px;font-size:var(--text-xl);flex-shrink:0;justify-content:center;align-items:center;display:flex}.forum-topic-info{flex:1;min-width:0}.forum-topic-title{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-1);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.forum-topic-meta{gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}.forum-author{align-items:center;gap:var(--space-1);display:flex}.forum-category-tag{color:var(--brand-secondary)}.forum-topic-stats{align-items:flex-end;gap:var(--space-1);flex-direction:column;flex-shrink:0;display:flex}.forum-stat-item{align-items:center;gap:var(--space-1);font-size:var(--text-sm);display:flex}.forum-stat-value{color:var(--brand-primary);font-weight:700}.forum-stat-label{color:var(--text-muted)}.forum-topic-arrow{font-size:var(--text-xl);color:var(--text-muted);transition:all var(--transition-fast)}.forum-topic-card:hover .forum-topic-arrow{color:var(--brand-primary);transform:translate(4px)}.forum-empty{text-align:center;padding:var(--space-16)var(--space-6)}.forum-empty-icon{margin-bottom:var(--space-4);opacity:.5;font-size:4rem}.forum-empty h3{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2)}.forum-empty p{color:var(--text-secondary)}.forum-topic-view{animation:.3s ease-out fadeIn}.forum-back-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-6);background:0 0;display:inline-flex}.forum-back-btn:hover{border-color:var(--brand-primary);color:var(--text-primary)}.forum-topic-detail{background:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.forum-topic-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.forum-category-badge{padding:var(--space-1)var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--brand-secondary);margin-bottom:var(--space-3);display:inline-block}.forum-topic-header h2{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-3);font-weight:700}.forum-date{color:var(--text-muted)}.forum-topic-content{font-size:var(--text-base);color:var(--text-secondary);line-height:1.8}.forum-topic-content p{margin-bottom:var(--space-4)}.forum-topic-content p:last-child{margin-bottom:0}.forum-replies{background:var(--bg-card);border:2px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6)}.forum-replies h3{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:700}.forum-reply-count{color:var(--text-muted);font-weight:400}.forum-no-replies{padding:var(--space-8);text-align:center;color:var(--text-secondary);background:var(--bg-elevated);border-radius:var(--radius-lg)}.forum-replies-list{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}.forum-reply{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4)}.forum-reply-header{margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.forum-reply-content{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.forum-reply-content p{margin-bottom:var(--space-2)}.forum-reply-content p:last-child{margin-bottom:0}.forum-reply-form{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-subtle)}.forum-reply-form h4{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:600}.forum-reply-form .forum-textarea{margin-bottom:var(--space-4)}@media (max-width:768px){.forum-header{padding:calc(56px + var(--space-6))var(--space-4)var(--space-6)}.forum-header h1{font-size:var(--text-2xl)}.forum-header p{font-size:var(--text-base)}.forum-main{padding:var(--space-4)}.forum-user-badge{display:none}.forum-categories{padding:var(--space-3);gap:var(--space-2)}.forum-category-filter{padding:var(--space-2)var(--space-3);font-size:var(--text-xs)}.forum-topic-card{padding:var(--space-4);flex-wrap:wrap}.forum-topic-icon{width:40px;height:40px;font-size:var(--text-base)}.forum-topic-info{flex:calc(100% - 60px);order:1}.forum-topic-title{font-size:var(--text-sm);white-space:normal}.forum-topic-meta{font-size:var(--text-xs)}.forum-topic-stats{justify-content:flex-start;gap:var(--space-4);width:100%;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border-subtle);flex-direction:row;order:3}.forum-topic-arrow{display:none}.forum-new-topic-form{padding:var(--space-4)}.forum-form-actions{flex-direction:column}.forum-form-actions .forum-btn{width:100%}.forum-topic-detail{padding:var(--space-4)}.forum-topic-header h2{font-size:var(--text-xl)}.forum-replies{padding:var(--space-4)}.forum-modal{padding:var(--space-6);margin:var(--space-4)}.forum-modal-actions{flex-direction:column}.forum-modal-actions .forum-btn{width:100%}.forum-actions{justify-content:center}.new-topic-btn{width:100%}}.quotes-main{max-width:1200px;padding:var(--space-8)var(--space-6);padding-top:calc(80px + var(--space-8));margin:0 auto}.quotes-header{text-align:center;margin-bottom:var(--space-12)}.quotes-title{font-size:var(--text-4xl);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-text-fill-color:transparent;margin-bottom:var(--space-3);-webkit-background-clip:text;background-clip:text;font-weight:800}.quotes-subtitle{font-size:var(--text-lg);color:var(--text-secondary)}.qotd-section{margin-bottom:var(--space-12)}.qotd-label{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:var(--neutral-950);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-4);font-weight:700;display:inline-block}.qotd-card{background:linear-gradient(135deg,var(--bg-card)0%,var(--bg-elevated)100%);border:1px solid var(--border-default);border-left:4px solid var(--char-color,var(--brand-primary));border-radius:var(--radius-xl);padding:var(--space-8);position:relative;overflow:hidden}.qotd-card:before{content:"\"";top:var(--space-4);right:var(--space-6);color:var(--char-color,var(--brand-primary));opacity:.1;pointer-events:none;font-family:Georgia,serif;font-size:8rem;line-height:1;position:absolute}.qotd-content{align-items:flex-start;gap:var(--space-6);display:flex}.qotd-avatar{border-radius:var(--radius-lg);border:2px solid var(--char-color,var(--brand-primary));width:100px;height:100px;transition:transform var(--transition-base);flex-shrink:0;overflow:hidden;box-shadow:0 0 20px #f7931a33}.qotd-avatar:hover{transform:scale(1.05)}.qotd-avatar img{object-fit:cover;width:100%;height:100%}.qotd-text-wrapper{flex:1}.qotd-text{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-4);font-style:italic;line-height:1.6}.qotd-author{font-size:var(--text-lg);color:var(--char-color,var(--brand-primary));transition:color var(--transition-base);font-weight:600;text-decoration:none}.qotd-author:hover{color:var(--brand-secondary)}.quote-copy-btn{top:var(--space-4);right:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-secondary);font-size:var(--text-sm);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--space-1);display:flex;position:absolute}.quote-copy-btn:hover{background:var(--brand-primary);color:var(--neutral-950);border-color:var(--brand-primary)}.quote-copy-btn-small{color:var(--text-muted);font-size:var(--text-base);padding:var(--space-1);cursor:pointer;transition:all var(--transition-base);opacity:0;background:0 0;border:none;flex-shrink:0}.character-quote-item:hover .quote-copy-btn-small{opacity:1}.quote-copy-btn-small:hover{color:var(--brand-primary);transform:scale(1.1)}.random-quote-section{margin-bottom:var(--space-12)}.random-quote-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.random-quote-header h2{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.random-quote-btn{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:var(--neutral-950);padding:var(--space-3)var(--space-5);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--space-2);border:none;font-weight:600;display:flex}.random-quote-btn:hover{transform:scale(1.05);box-shadow:0 0 20px #f7931a4d}.random-quote-card{background:var(--bg-card);border:1px solid var(--border-default);border-left:4px solid var(--char-color,var(--brand-secondary));border-radius:var(--radius-xl);padding:var(--space-6);animation:.3s ease-out fadeSlideIn;position:relative}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.random-quote-content{align-items:flex-start;gap:var(--space-5);display:flex}.random-quote-avatar{border-radius:var(--radius-lg);border:2px solid var(--char-color,var(--brand-secondary));width:80px;height:80px;transition:transform var(--transition-base);flex-shrink:0;overflow:hidden}.random-quote-avatar:hover{transform:scale(1.05)}.random-quote-avatar img{object-fit:cover;width:100%;height:100%}.random-quote-text-wrapper{flex:1}.random-quote-text{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-3);font-style:italic;line-height:1.6}.random-quote-author{font-size:var(--text-base);color:var(--char-color,var(--brand-secondary));transition:color var(--transition-base);font-weight:600;text-decoration:none}.random-quote-author:hover{color:var(--brand-primary)}.quotes-by-character{margin-bottom:var(--space-12)}.quotes-by-character h2{font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-6);font-weight:700}.character-quotes-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));display:grid}.character-quotes-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:all var(--transition-base);overflow:hidden}.character-quotes-card:hover{border-color:var(--char-color,var(--brand-primary));transform:translateY(-2px);box-shadow:0 8px 30px #0000004d}.character-quotes-header{align-items:center;gap:var(--space-4);padding:var(--space-5);background:linear-gradient(135deg,var(--bg-elevated)0%,var(--bg-card)100%);border-bottom:1px solid var(--border-subtle);display:flex}.character-quotes-avatar-link{flex-shrink:0}.character-quotes-avatar{border-radius:var(--radius-md);object-fit:cover;border:2px solid var(--char-color,var(--brand-primary));width:60px;height:60px;transition:transform var(--transition-base)}.character-quotes-avatar-link:hover .character-quotes-avatar{transform:scale(1.1)}.character-quotes-avatar-placeholder{border-radius:var(--radius-md);background:var(--char-color,var(--brand-primary));width:60px;height:60px;font-size:var(--text-2xl);color:var(--neutral-950);justify-content:center;align-items:center;font-weight:700;display:flex}.character-quotes-info{gap:var(--space-1);flex-direction:column;display:flex}.character-quotes-name{font-size:var(--text-lg);color:var(--text-primary);transition:color var(--transition-base);font-weight:700;text-decoration:none}.character-quotes-name:hover{color:var(--char-color,var(--brand-primary))}.character-quotes-faction{font-size:var(--text-sm);color:var(--text-muted)}.character-quotes-list{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.character-quote-item{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-md);border-left:3px solid var(--char-color,var(--brand-secondary));transition:background var(--transition-base);display:flex}.character-quote-item:hover{background:var(--neutral-800)}.character-quote-text{color:var(--text-secondary);flex:1;font-style:italic;line-height:1.6}.wiki-section-header-with-link{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.wiki-section-header-with-link h2{margin-bottom:0}.wiki-section-link{font-size:var(--text-sm);color:var(--brand-secondary);transition:color var(--transition-base);text-decoration:none}.wiki-section-link:hover{color:var(--brand-primary)}.wiki-quote-card-shareable{position:relative}.wiki-quote-footer{padding-left:var(--space-6);justify-content:space-between;align-items:center;display:flex}.wiki-quote-copy-btn{border:1px solid var(--border-default);color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-1)var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--space-1);background:0 0;display:flex}.wiki-quote-copy-btn:hover{background:var(--brand-primary);color:var(--neutral-950);border-color:var(--brand-primary)}@media (max-width:768px){.quotes-main{padding:var(--space-4);padding-top:calc(80px + var(--space-4))}.quotes-title{font-size:var(--text-3xl)}.qotd-content{text-align:center;flex-direction:column;align-items:center}.qotd-text{font-size:var(--text-xl)}.qotd-avatar{width:80px;height:80px}.random-quote-header{gap:var(--space-4);flex-direction:column;align-items:stretch}.random-quote-header h2{text-align:center}.random-quote-content{text-align:center;flex-direction:column;align-items:center}.random-quote-text{font-size:var(--text-lg)}.character-quotes-grid{grid-template-columns:1fr}.quote-copy-btn{margin-top:var(--space-4);align-self:flex-end;position:relative;top:auto;right:auto}.qotd-card,.random-quote-card{padding:var(--space-5)}.wiki-section-header-with-link{align-items:flex-start;gap:var(--space-2);flex-direction:column}}.locations-header{padding:calc(70px + var(--space-10))var(--space-5)var(--space-10);text-align:center;background:linear-gradient(180deg,var(--bg-card)0%,transparent 100%)}.locations-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.locations-header p{color:var(--text-muted);font-size:var(--text-lg);max-width:600px;margin:0 auto}.locations-map-section{padding:0 var(--space-5)var(--space-10);max-width:1000px;margin:0 auto}.locations-map-container{position:relative}.locations-map{aspect-ratio:16/9;background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);position:relative;overflow:hidden}.locations-map-bg{position:absolute;inset:0}.locations-map-grid{background-image:linear-gradient(#f7931a0d 1px,#0000 1px),linear-gradient(90deg,#f7931a0d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.locations-map-glow{background:radial-gradient(circle,#f7931a1a 0%,#0000 60%);position:absolute;inset:0}.locations-map-connections{z-index:1;position:absolute;inset:0}.locations-map-line{stroke-width:2px;stroke-linecap:round;transition:all var(--transition-base)}.locations-map-line.active{stroke-width:3px;filter:drop-shadow(0 0 6px)}.locations-map-node{z-index:2;flex-direction:column;align-items:center;text-decoration:none;display:flex;position:absolute;transform:translate(-50%,-50%)}.locations-map-node-icon{background:var(--bg-elevated);border:2px solid var(--location-color,var(--brand-primary));border-radius:var(--radius-lg);width:48px;height:48px;transition:all var(--transition-base);justify-content:center;align-items:center;font-size:1.5rem;display:flex;box-shadow:0 0 10px #0000004d}.locations-map-node:hover .locations-map-node-icon,.locations-map-node.active .locations-map-node-icon{box-shadow:0 0 20px var(--location-color,var(--brand-primary));background:var(--location-color,var(--brand-primary));transform:scale(1.15)}.locations-map-node-pulse{border:2px solid var(--location-color,var(--brand-primary));border-radius:var(--radius-lg);opacity:0;width:48px;height:48px;animation:2s ease-out infinite locationPulse;position:absolute}.locations-map-node:hover .locations-map-node-pulse,.locations-map-node.active .locations-map-node-pulse{animation-play-state:running}@keyframes locationPulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.locations-map-node-label{margin-top:var(--space-2);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-primary);white-space:nowrap;opacity:0;transition:all var(--transition-base);background:#000c;font-weight:600;transform:translateY(-5px)}.locations-map-node:hover .locations-map-node-label,.locations-map-node.active .locations-map-node-label{opacity:1;transform:translateY(0)}.locations-map-hint{text-align:center;color:var(--text-muted);font-size:var(--text-sm);margin-top:var(--space-4)}.locations-main{max-width:1200px;padding:0 var(--space-5)var(--space-10);margin:0 auto}.locations-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.location-card{background:linear-gradient(135deg,var(--bg-card)0%,var(--neutral-850)100%);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-4);transition:all var(--transition-base);flex-direction:column;text-decoration:none;animation:.4s ease-out backwards cardPopIn;display:flex;position:relative;overflow:hidden}.location-card:before{content:"";border-radius:calc(var(--radius-xl) + 2px);background:linear-gradient(135deg,var(--location-color,var(--brand-primary))0%,#ffffff1a 50%,var(--location-color,var(--brand-primary))100%);-webkit-mask-composite:xor;opacity:0;transition:opacity var(--transition-base);padding:2px;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.location-card:hover:before{opacity:1}.location-card:hover{border-color:var(--location-color,var(--brand-primary));box-shadow:0 10px 40px #0006,0 0 30px var(--location-color,#f7931a33);transform:translateY(-4px)}.location-card-header{align-items:flex-start;gap:var(--space-3);display:flex}.location-card-icon{background:linear-gradient(135deg,var(--location-color,var(--brand-primary))20,transparent);border:2px solid var(--location-color,var(--brand-primary));border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.75rem;display:flex}.location-card-titles{flex:1;min-width:0}.location-card-name{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:700}.location-card-type{font-size:var(--text-sm);color:var(--location-color,var(--brand-primary));font-weight:500}.location-card-desc{color:var(--text-secondary);font-size:var(--text-sm);flex:1;line-height:1.6}.location-card-features{gap:var(--space-2);flex-wrap:wrap;display:flex}.location-card-feature{padding:var(--space-1)var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary)}.location-card-footer{padding-top:var(--space-3);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.location-card-characters{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.location-card-characters-label{color:var(--text-muted)}.location-card-characters-list{color:var(--text-secondary)}.location-card-arrow{color:var(--text-disabled);font-size:var(--text-lg);transition:all var(--transition-base)}.location-card:hover .location-card-arrow{color:var(--location-color,var(--brand-primary));transform:translate(4px)}.location-breadcrumb{max-width:1200px;padding:var(--space-4)var(--space-5);padding-top:calc(56px + var(--space-4));align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin:0 auto;display:flex}.location-breadcrumb a{color:var(--text-muted);transition:color var(--transition-fast)}.location-breadcrumb a:hover{color:var(--brand-primary)}.location-breadcrumb-sep{color:var(--text-disabled)}.location-breadcrumb-current{color:var(--text-primary);font-weight:500}.location-detail{max-width:900px;padding:0 var(--space-5)var(--space-10);margin:0 auto}.location-detail-hero{padding:var(--space-16)var(--space-5);text-align:center;margin-bottom:var(--space-8);border-radius:var(--radius-xl);background:var(--bg-card);border:1px solid var(--border-default);position:relative;overflow:hidden}.location-detail-hero-bg{position:absolute;inset:0}.location-detail-hero-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.location-detail-hero-glow{position:absolute;inset:0}.location-detail-hero-content{z-index:1;position:relative}.location-detail-icon{background:linear-gradient(135deg,var(--location-color,var(--brand-primary))20,transparent);border:3px solid var(--location-color,var(--brand-primary));border-radius:var(--radius-2xl);width:100px;height:100px;margin-bottom:var(--space-6);box-shadow:0 0 40px var(--location-color,var(--brand-primary))40;justify-content:center;align-items:center;font-size:3rem;display:inline-flex}.location-detail-title{font-size:var(--text-4xl);color:var(--text-primary);margin-bottom:var(--space-3);font-weight:800}.location-detail-type{font-size:var(--text-lg);color:var(--location-color,var(--brand-primary));text-transform:uppercase;letter-spacing:.1em;font-weight:600}.location-detail-content{gap:var(--space-8);flex-direction:column;display:flex}.location-detail-section{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6)}.location-detail-section-title{align-items:center;gap:var(--space-3);font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-subtle);font-weight:700;display:flex}.location-detail-section-icon{font-size:1.25rem}.location-detail-description{color:var(--text-secondary);font-size:var(--text-base);line-height:1.8}.location-detail-features{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.location-detail-feature{align-items:flex-start;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-base);line-height:1.6;display:flex}.location-detail-feature-bullet{background:var(--location-color,var(--brand-primary));width:8px;height:8px;box-shadow:0 0 8px var(--location-color,var(--brand-primary));border-radius:50%;flex-shrink:0;margin-top:8px}.location-detail-significance{padding:var(--space-4);background:linear-gradient(135deg,var(--location-color,var(--brand-primary))10,transparent);border-left:4px solid var(--location-color,var(--brand-primary));border-radius:var(--radius-md)}.location-detail-significance p{color:var(--text-secondary);font-size:var(--text-base);font-style:italic;line-height:1.8}.location-detail-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.location-detail-tag{padding:var(--space-2)var(--space-3);background:var(--bg-elevated);border:1px solid var(--location-color,var(--brand-primary))40;border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--location-color,var(--brand-primary));text-transform:capitalize}.location-detail-tags.aesthetic .location-detail-tag{color:var(--brand-secondary);background:#00d9a51a;border-color:#00d9a54d}.location-detail-characters{gap:var(--space-3);flex-wrap:wrap;display:flex}.location-detail-character{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-base);text-decoration:none;display:flex}.location-detail-character:hover{border-color:var(--brand-primary);background:var(--bg-card-hover);transform:translateY(-2px)}.location-detail-character-avatar{border-radius:var(--radius-md);border:2px solid var(--border-default);background:var(--bg-card);justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.location-detail-character-avatar img{object-fit:cover;width:100%;height:100%}.location-detail-character-avatar span{font-size:var(--text-lg);color:var(--text-muted);font-weight:700}.location-detail-character-info{flex-direction:column;gap:2px;display:flex}.location-detail-character-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.location-detail-character-role{font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize}.location-detail-characters-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.location-detail-character-badge{padding:var(--space-2)var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary)}.location-detail-connections{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.location-detail-connection{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-base);text-decoration:none;display:flex}.location-detail-connection:hover{border-color:var(--conn-color,var(--brand-primary));background:var(--bg-card-hover);transform:translate(4px)}.location-detail-connection-icon{background:linear-gradient(135deg,var(--conn-color,var(--brand-primary))20,transparent);border:2px solid var(--conn-color,var(--brand-primary));border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.location-detail-connection-info{flex:1;min-width:0}.location-detail-connection-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600;display:block}.location-detail-connection-type{font-size:var(--text-xs);color:var(--text-muted)}.location-detail-connection-arrow{color:var(--text-disabled);transition:all var(--transition-base)}.location-detail-connection:hover .location-detail-connection-arrow{color:var(--conn-color,var(--brand-primary));transform:translate(4px)}.location-detail-nav{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--border-default);display:flex}.location-detail-nav-link{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-base);min-width:180px;text-decoration:none;display:flex}.location-detail-nav-link.disabled{visibility:hidden}.location-detail-nav-link:not(.disabled):hover{border-color:var(--brand-primary);background:var(--bg-card-hover)}.location-detail-nav-link.next{text-align:right;flex-direction:row-reverse}.location-detail-nav-arrow{font-size:var(--text-xl);color:var(--text-muted)}.location-detail-nav-link:hover .location-detail-nav-arrow{color:var(--brand-primary)}.location-detail-nav-content{flex-direction:column;gap:2px;display:flex}.location-detail-nav-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.location-detail-nav-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.location-detail-nav-all{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-full);font-size:var(--text-sm);color:#fff;transition:all var(--transition-base);font-weight:600;text-decoration:none;display:flex}.location-detail-nav-all:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.location-detail-error{max-width:600px;padding:var(--space-20)var(--space-5);text-align:center;margin:0 auto}.location-detail-error h1{font-size:var(--text-3xl);margin-bottom:var(--space-4);font-weight:700}.location-detail-error p{color:var(--text-muted);margin-bottom:var(--space-6)}.location-back-link{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);background:var(--brand-primary);border-radius:var(--radius-full);font-size:var(--text-sm);color:#fff;transition:all var(--transition-base);font-weight:600;text-decoration:none;display:inline-flex}.location-back-link:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}@media (max-width:768px){.locations-header h1{font-size:var(--text-2xl)}.locations-map{aspect-ratio:4/3}.locations-map-node-icon{width:36px;height:36px;font-size:1.25rem}.locations-map-node-label{font-size:10px}.locations-grid{grid-template-columns:1fr}.location-card-icon{width:48px;height:48px;font-size:1.5rem}.location-detail-hero{padding:var(--space-10)var(--space-4)}.location-detail-icon{width:80px;height:80px;font-size:2.5rem}.location-detail-title{font-size:var(--text-2xl)}.location-detail-section{padding:var(--space-4)}.location-detail-nav{flex-wrap:wrap}.location-detail-nav-link{flex:1;min-width:140px}.location-detail-nav-all{width:100%;margin-bottom:var(--space-4);order:-1;justify-content:center}.location-detail-connections{grid-template-columns:1fr}}.theories-loading{justify-content:center;align-items:center;gap:var(--space-4);min-height:60vh;color:var(--text-muted);flex-direction:column;display:flex}.theories-header{text-align:center;padding:var(--space-16)var(--space-4)var(--space-10);background:linear-gradient(#f7931a0d 0%,#0000 100%);position:relative}.theories-header:before{content:"";background:linear-gradient(90deg,transparent,var(--brand-primary),transparent);height:1px;position:absolute;top:0;left:0;right:0}.theories-header h1{font-size:var(--text-4xl);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-text-fill-color:transparent;margin-bottom:var(--space-3);-webkit-background-clip:text;background-clip:text;font-weight:800}.theories-header p{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.theories-main{max-width:900px;padding:var(--space-6)var(--space-4)var(--space-16);margin:0 auto}.theories-controls{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.theories-filters{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.theories-sort{gap:var(--space-2);display:flex}.theories-sort-btn{padding:var(--space-2)var(--space-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);font-weight:500}.theories-sort-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.theories-sort-btn.active{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;border-color:#0000}.theories-categories{gap:var(--space-2);flex-wrap:wrap;display:flex}.theories-category-btn{padding:var(--space-2)var(--space-3);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);font-weight:500}.theories-category-btn:hover{background:var(--bg-card-hover);border-color:var(--cat-color,var(--border-strong));color:var(--cat-color,var(--text-primary))}.theories-category-btn.active{background:color-mix(in srgb,var(--cat-color,var(--brand-primary))20%,transparent);border-color:var(--cat-color,var(--brand-primary));color:var(--cat-color,var(--brand-primary))}.theories-submit-btn{padding:var(--space-3)var(--space-5);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-full);font-size:var(--text-sm);color:#fff;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;font-weight:600}.theories-submit-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.theories-form{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);animation:.3s ease-out cardPopIn}.theories-form h2{font-size:var(--text-xl);margin-bottom:var(--space-5);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.theories-form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.theories-form-group{gap:var(--space-2);margin-bottom:var(--space-4);flex-direction:column;display:flex}.theories-form-group label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.theories-form-group input,.theories-form-group select,.theories-form-group textarea{padding:var(--space-3)var(--space-4);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);transition:all var(--transition-base)}.theories-form-group input:focus,.theories-form-group select:focus,.theories-form-group textarea:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #f7931a1a}.theories-form-group input::placeholder,.theories-form-group textarea::placeholder{color:var(--text-disabled)}.theories-form-group textarea{resize:vertical;min-height:120px}.theories-char-count{font-size:var(--text-xs);color:var(--text-muted);text-align:right;margin-top:var(--space-1)}.theories-form-submit{width:100%;padding:var(--space-4);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-lg);font-size:var(--text-base);color:#fff;cursor:pointer;transition:all var(--transition-base);border:none;font-weight:600}.theories-form-submit:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.theories-list{gap:var(--space-4);flex-direction:column;display:flex}.theories-empty{text-align:center;padding:var(--space-16)var(--space-4);color:var(--text-muted);background:var(--bg-card);border:1px dashed var(--border-default);border-radius:var(--radius-xl)}.theory-card{gap:var(--space-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-base);animation:.3s ease-out backwards cardPopIn;display:flex}.theory-card:first-child{animation-delay:50ms}.theory-card:nth-child(2){animation-delay:.1s}.theory-card:nth-child(3){animation-delay:.15s}.theory-card:nth-child(4){animation-delay:.2s}.theory-card:nth-child(5){animation-delay:.25s}.theory-card:nth-child(6){animation-delay:.3s}.theory-card:hover{border-color:var(--border-strong);background:var(--bg-card-hover)}.theory-votes{align-items:center;gap:var(--space-1);flex-direction:column;flex-shrink:0;display:flex}.theory-vote-btn{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;display:flex}.theory-vote-btn svg{width:16px;height:16px}.theory-vote-btn:hover{background:var(--bg-card-hover);border-color:var(--border-strong);color:var(--text-primary)}.theory-vote-btn.upvote:hover,.theory-vote-btn.upvote.active{border-color:var(--brand-secondary);color:var(--brand-secondary);background:#00d9a526}.theory-vote-btn.downvote:hover,.theory-vote-btn.downvote.active{border-color:var(--brand-danger);color:var(--brand-danger);background:#ef444426}.theory-score{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-1)0;font-weight:700}.theory-score.positive{color:var(--brand-secondary)}.theory-score.negative{color:var(--brand-danger)}.theory-content{flex:1;min-width:0}.theory-meta{align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.theory-category{padding:var(--space-1)var(--space-3);background:color-mix(in srgb,var(--cat-color,var(--brand-primary))15%,transparent);border:1px solid color-mix(in srgb,var(--cat-color,var(--brand-primary))40%,transparent);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--cat-color,var(--brand-primary));font-weight:600}.theory-author{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.theory-date{font-size:var(--text-xs);color:var(--text-muted)}.theory-date:before{content:"•";margin-right:var(--space-2);color:var(--text-disabled)}.theory-title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700;line-height:1.4}.theory-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}@media (max-width:768px){.theories-header{padding:var(--space-12)var(--space-4)var(--space-8)}.theories-header h1{font-size:var(--text-2xl)}.theories-header p{font-size:var(--text-base)}.theories-controls{flex-direction:column;align-items:stretch}.theories-filters{order:2}.theories-submit-btn{text-align:center;order:1;width:100%}.theories-categories{padding-bottom:var(--space-2);flex-wrap:nowrap;overflow-x:auto}.theories-category-btn{white-space:nowrap}.theories-form-row{grid-template-columns:1fr}.theory-card{flex-direction:column}.theory-votes{padding-top:var(--space-3);border-top:1px solid var(--border-subtle);flex-direction:row;order:2;justify-content:flex-start}.theory-content{order:1}.theory-title{font-size:var(--text-base)}}.fanart-main{max-width:1200px;padding:var(--space-8)var(--space-5);padding-top:calc(70px + var(--space-8));min-height:calc(100vh - 70px);margin:0 auto}.fanart-header{text-align:center;margin-bottom:var(--space-8)}.fanart-header h1{font-size:var(--text-3xl);margin-bottom:var(--space-2);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.fanart-header p{color:var(--text-muted);font-size:var(--text-lg)}.fanart-actions{justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.fanart-sort-buttons{gap:var(--space-2);display:flex}.fanart-sort-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);display:flex}.fanart-sort-btn:hover{border-color:var(--brand-primary);color:var(--text-primary)}.fanart-sort-btn.active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--neutral-950)}.fanart-sort-icon{font-size:var(--text-base)}.fanart-submit-trigger{padding:var(--space-2)var(--space-5);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-full);color:var(--neutral-950);font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);border:none}.fanart-submit-trigger:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.fanart-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.fanart-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.fanart-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.fanart-card.top-voted{border-color:var(--brand-primary);box-shadow:0 0 20px #f7931a33}.fanart-top-badge{top:var(--space-3);left:var(--space-3);padding:var(--space-1)var(--space-3);background:linear-gradient(135deg,var(--brand-primary),gold);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--neutral-950);z-index:10;align-items:center;gap:var(--space-1);font-weight:700;display:flex;position:absolute}.fanart-image-container{aspect-ratio:1;position:relative;overflow:hidden}.fanart-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-base)}.fanart-card:hover .fanart-image{transform:scale(1.05)}.fanart-overlay{top:var(--space-3);right:var(--space-3);align-items:center;gap:var(--space-2);display:flex;position:absolute}.fanart-time{padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-secondary);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3}.fanart-info{padding:var(--space-4)}.fanart-title{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-1);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.fanart-artist{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-3)}.fanart-vote-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.fanart-like-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);display:flex}.fanart-like-btn:hover{color:#ef4444;border-color:#ef4444}.fanart-like-btn.liked{color:#ef4444;background:#ef44441a;border-color:#ef4444}.fanart-heart{font-size:var(--text-base);line-height:1}.fanart-like-count{font-weight:600}.fanart-character-tag{padding:var(--space-1)var(--space-2);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--brand-secondary);text-transform:capitalize;transition:all var(--transition-fast);text-decoration:none}.fanart-character-tag:hover{background:var(--brand-secondary);color:var(--neutral-950);border-color:var(--brand-secondary)}.fanart-empty{text-align:center;padding:var(--space-16)var(--space-4)}.fanart-empty-icon{margin-bottom:var(--space-4);font-size:80px}.fanart-empty h2{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.fanart-empty>p{color:var(--text-muted);margin-bottom:var(--space-6)}.fanart-submit-btn{padding:var(--space-3)var(--space-6);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-full);color:var(--neutral-950);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:600;display:inline-block}.fanart-submit-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.fanart-modal-backdrop{z-index:200;padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fanart-modal{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:450px;padding:var(--space-6);max-height:90vh;animation:.3s fanartModalSlideIn;position:relative;overflow-y:auto}@keyframes fanartModalSlideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.fanart-modal h2{font-size:var(--text-xl);margin-bottom:var(--space-1);font-weight:700}.fanart-modal-desc{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-5)}.fanart-modal-close{top:var(--space-4);right:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);width:32px;height:32px;color:var(--text-secondary);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute}.fanart-modal-close:hover{background:var(--brand-danger);border-color:var(--brand-danger);color:#fff}.fanart-submit-form{gap:var(--space-4);flex-direction:column;display:flex}.fanart-form-group{gap:var(--space-2);flex-direction:column;display:flex}.fanart-form-group label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.fanart-form-group input,.fanart-form-group select{padding:var(--space-3);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:border-color var(--transition-fast)}.fanart-form-group input:focus,.fanart-form-group select:focus{border-color:var(--brand-primary);outline:none}.fanart-form-group input::placeholder{color:var(--text-muted)}.fanart-form-hint{font-size:var(--text-xs);color:var(--text-muted)}.fanart-submit-form-btn{padding:var(--space-3)var(--space-5);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-md);color:var(--neutral-950);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-2);border:none}.fanart-submit-form-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.fanart-submit-success{text-align:center;padding:var(--space-8)var(--space-4)}.fanart-success-icon{background:var(--brand-secondary);border-radius:var(--radius-full);width:60px;height:60px;font-size:var(--text-2xl);color:var(--neutral-950);margin:0 auto var(--space-4);justify-content:center;align-items:center;display:flex}.fanart-submit-success h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.fanart-submit-success p{color:var(--text-muted)}.fanart-lightbox{z-index:200;padding:var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fanart-lightbox-content{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;animation:.3s fanartLightboxZoomIn;display:flex;position:relative}@keyframes fanartLightboxZoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fanart-lightbox-close{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-full);width:40px;height:40px;color:var(--text-primary);font-size:var(--text-xl);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:-50px;right:0}.fanart-lightbox-close:hover{background:var(--brand-danger);border-color:var(--brand-danger)}.fanart-lightbox-content img{border-radius:var(--radius-xl);max-width:100%;max-height:65vh;box-shadow:var(--shadow-lg)}.fanart-lightbox-info{padding:var(--space-5);text-align:center;width:100%;max-width:500px}.fanart-lightbox-info h3{font-size:var(--text-xl);margin-bottom:var(--space-1)}.fanart-lightbox-info p{color:var(--text-muted);margin-bottom:var(--space-4)}.fanart-lightbox-info a{color:var(--brand-primary);text-decoration:none}.fanart-lightbox-info a:hover{text-decoration:underline}.fanart-lightbox-actions{justify-content:center;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.fanart-lightbox-like{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-5);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-fast);display:flex}.fanart-lightbox-like:hover{color:#ef4444;border-color:#ef4444}.fanart-lightbox-like.liked{color:#ef4444;background:#ef444426;border-color:#ef4444}.fanart-heart-lg{font-size:var(--text-xl);line-height:1}.fanart-lightbox-char{padding:var(--space-2)var(--space-4);background:var(--bg-elevated);border:1px solid var(--brand-secondary);border-radius:var(--radius-full);color:var(--brand-secondary);font-size:var(--text-sm);transition:all var(--transition-fast);text-decoration:none;display:inline-block}.fanart-lightbox-char:hover{background:var(--brand-secondary);color:var(--neutral-950)}@media (max-width:768px){.fanart-main{padding:var(--space-4);padding-top:calc(70px + var(--space-4))}.fanart-header h1{font-size:var(--text-2xl)}.fanart-actions{gap:var(--space-3);flex-direction:column}.fanart-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.fanart-info{padding:var(--space-3)}.fanart-title{font-size:var(--text-sm)}.fanart-artist{font-size:var(--text-xs)}.fanart-vote-row{gap:var(--space-2);flex-direction:column;align-items:flex-start}.fanart-lightbox-content img{max-height:50vh}.fanart-lightbox-info{padding:var(--space-3)}.fanart-lightbox-actions{flex-direction:column}}.lore-timeline-header{padding:var(--space-12)var(--space-6);padding-top:calc(70px + var(--space-8));background:linear-gradient(135deg,var(--bg-card)0%,var(--neutral-850)100%);border-bottom:1px solid var(--border-subtle);position:relative;overflow:hidden}.lore-timeline-header:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#f7931a1a 0%,#0000 50%);position:absolute;inset:0}.lore-timeline-header-content{z-index:1;max-width:1200px;margin:0 auto;position:relative}.lore-timeline-title-row{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.lore-timeline-icon{font-size:var(--text-4xl);filter:drop-shadow(0 0 10px #f7931a80)}.lore-timeline-header h1{font-size:var(--text-4xl);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;font-weight:800}.lore-timeline-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:700px;margin-bottom:var(--space-8);line-height:1.6}.lore-timeline-filters{gap:var(--space-6);flex-direction:column;display:flex}.lore-filter-group{gap:var(--space-3);flex-direction:column;display:flex}.lore-filter-group label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.lore-filter-buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.lore-filter-btn{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:500;display:inline-flex}.lore-filter-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--filter-color,var(--brand-primary))}.lore-filter-btn.active{border-color:var(--filter-color,var(--brand-primary));color:var(--text-primary);background:#f7931a26;box-shadow:0 0 15px #f7931a33}.lore-filter-toggle{align-items:center;display:flex}.lore-filter-toggle label{align-items:center;gap:var(--space-2);cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);display:flex}.lore-filter-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-primary);cursor:pointer}.lore-timeline-main{max-width:1200px;padding:var(--space-12)var(--space-6);margin:0 auto}.lore-timeline-era{margin-bottom:var(--space-16)}.lore-era-header{align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-6);background:linear-gradient(90deg,var(--bg-card),transparent);border-left:4px solid var(--era-color,var(--brand-primary));border-radius:0 var(--radius-lg)var(--radius-lg)0;margin-bottom:var(--space-8);display:flex}.lore-era-icon{font-size:var(--text-2xl)}.lore-era-header h2{font-size:var(--text-2xl);color:var(--text-primary);font-weight:700}.lore-era-count{font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-1)var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-full);margin-left:auto}.lore-timeline-events{padding:0 var(--space-4);position:relative}.lore-timeline-line{background:linear-gradient(180deg,var(--line-color,var(--brand-primary)),transparent);width:4px;box-shadow:0 0 20px var(--line-color,var(--brand-primary));border-radius:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.lore-event{width:calc(50% - 40px);margin-bottom:var(--space-8);animation:.5s ease-out backwards loreEventFadeIn;position:relative}.lore-event:nth-child(2){animation-delay:.1s}.lore-event:nth-child(3){animation-delay:.2s}.lore-event:nth-child(4){animation-delay:.3s}.lore-event:nth-child(5){animation-delay:.4s}.lore-event:nth-child(6){animation-delay:.5s}@keyframes loreEventFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lore-event-left{margin-left:0;margin-right:auto}.lore-event-right{margin-left:auto;margin-right:0}.lore-event-connector{background:linear-gradient(90deg,var(--event-color,var(--brand-primary)),transparent);width:40px;height:3px;position:absolute;top:30px}.lore-event-left .lore-event-connector{background:linear-gradient(90deg,transparent,var(--event-color,var(--brand-primary)));right:-40px}.lore-event-right .lore-event-connector{left:-40px}.lore-event-dot{background:var(--event-color,var(--brand-primary));border:3px solid var(--neutral-900);width:16px;height:16px;box-shadow:0 0 15px var(--event-color,var(--brand-primary));border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.lore-event-left .lore-event-dot{right:-8px}.lore-event-right .lore-event-dot{left:-8px}.lore-event-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.lore-event-card:before{content:"";background:var(--event-color,var(--brand-primary));opacity:0;height:3px;transition:opacity var(--transition-fast);position:absolute;top:0;left:0;right:0}.lore-event-card:hover{border-color:var(--event-color,var(--brand-primary));transform:translateY(-2px);box-shadow:0 8px 32px #0006,0 0 20px #f7931a1a}.lore-event-card:hover:before{opacity:1}.lore-event.expanded .lore-event-card{border-color:var(--event-color,var(--brand-primary));box-shadow:0 12px 40px #00000080,0 0 30px #f7931a33}.lore-event.expanded .lore-event-card:before{opacity:1}.lore-event-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.lore-event-type-badge{align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--event-color,var(--brand-primary));text-transform:uppercase;letter-spacing:.05em;background:#f7931a26;font-weight:600;display:inline-flex}.lore-event-date{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.lore-event-title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700}.lore-event-description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.6}.lore-event-characters{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.lore-character-chip{padding:var(--space-1)var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--brand-secondary);transition:all var(--transition-fast);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.lore-character-chip:hover{background:var(--brand-secondary);color:var(--neutral-950);border-color:var(--brand-secondary)}.lore-event-expand-hint{justify-content:center;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-muted);display:flex}.lore-expand-arrow{transition:transform var(--transition-fast);font-size:10px}.lore-expand-arrow.rotated{transform:rotate(180deg)}.lore-event-expanded{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-default);animation:.3s ease-out expandFadeIn}@keyframes expandFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lore-expanded-section{margin-bottom:var(--space-5)}.lore-expanded-section:last-child{margin-bottom:0}.lore-expanded-section h4{font-size:var(--text-sm);color:var(--brand-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);font-weight:700}.lore-expanded-content p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.8}.lore-expanded-content p:last-child{margin-bottom:0}.lore-significance{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-4);border-left:3px solid var(--brand-primary);border-radius:0 var(--radius-md)var(--radius-md)0;background:#f7931a0d;font-style:italic;line-height:1.6}.lore-event-connections{gap:var(--space-4);padding:var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg);margin-top:var(--space-4);flex-direction:column;display:flex}.lore-connection-group{gap:var(--space-2);flex-direction:column;display:flex}.lore-connection-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.lore-connection-links{gap:var(--space-2);flex-wrap:wrap;display:flex}.lore-connection-link{align-items:center;gap:var(--space-1);padding:var(--space-2)var(--space-3);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:500;display:inline-flex}.lore-connection-link.triggered-by{border-color:var(--brand-secondary);color:var(--brand-secondary)}.lore-connection-link.triggered-by:hover{background:var(--brand-secondary);color:var(--neutral-950)}.lore-connection-link.leads-to{border-color:var(--brand-primary);color:var(--brand-primary)}.lore-connection-link.leads-to:hover{background:var(--brand-primary);color:var(--neutral-950)}.lore-tbc .lore-era-header{border-style:dashed}.lore-tbc-content{padding:var(--space-8);text-align:center;border:2px dashed var(--brand-purple);border-radius:var(--radius-xl);background:linear-gradient(135deg,#ae4daf1a,#0000)}.lore-tbc-content p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-3)}.lore-tbc-content p:last-child{color:var(--brand-purple);margin-bottom:0;font-weight:600}.lore-timeline-legend{max-width:1200px;padding:var(--space-8)var(--space-6);padding-bottom:var(--space-16);margin:0 auto}.lore-timeline-legend h3{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-6);font-weight:700}.lore-legend-grid{gap:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.lore-legend-section h4{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);font-weight:600}.lore-legend-item{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-2)0;display:flex}.lore-legend-dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}@media (max-width:900px){.lore-timeline-header{padding:var(--space-6);padding-top:calc(70px + var(--space-6))}.lore-timeline-header h1{font-size:var(--text-2xl)}.lore-timeline-title-row{align-items:flex-start;gap:var(--space-2);flex-direction:column}.lore-timeline-icon{font-size:var(--text-2xl)}.lore-timeline-subtitle{font-size:var(--text-base)}.lore-filter-buttons{gap:var(--space-2)}.lore-filter-btn{padding:var(--space-1)var(--space-2);font-size:var(--text-xs)}.lore-timeline-line{left:20px}.lore-event{width:calc(100% - 50px);margin-left:50px;margin-right:0}.lore-event-left,.lore-event-right{margin-left:50px}.lore-event-connector{width:30px;left:-30px;right:auto;background:linear-gradient(90deg,var(--event-color,var(--brand-primary)),transparent)!important}.lore-event-dot{left:-8px;right:auto}.lore-era-header{padding:var(--space-3)var(--space-4)}.lore-era-header h2{font-size:var(--text-lg)}.lore-event-card{padding:var(--space-4)}.lore-event-title{font-size:var(--text-base)}.lore-legend-grid{grid-template-columns:1fr}}@media (max-width:480px){.lore-timeline-header{padding:var(--space-4);padding-top:calc(70px + var(--space-4))}.lore-timeline-header h1{font-size:var(--text-xl)}.lore-filter-group label{font-size:var(--text-xs)}.lore-timeline-main{padding:var(--space-6)var(--space-3)}.lore-timeline-line{left:12px}.lore-event{width:calc(100% - 35px);margin-left:35px}.lore-event-left,.lore-event-right{margin-left:35px}.lore-event-connector{width:20px;left:-20px}.lore-event-card{padding:var(--space-3)}.lore-event-title{font-size:var(--text-sm)}.lore-event-description,.lore-expanded-content p{font-size:var(--text-xs)}.lore-connection-link{padding:var(--space-1)var(--space-2);font-size:10px}}.badges-loading{justify-content:center;align-items:center;gap:var(--space-4);min-height:calc(100vh - 200px);color:var(--text-muted);flex-direction:column;display:flex}.badges-spinner{border:3px solid var(--border-default);border-top-color:var(--brand-primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite badgesSpin}@keyframes badgesSpin{to{transform:rotate(360deg)}}.badges-main{max-width:1200px;padding:var(--space-10)var(--space-6);margin:0 auto}.badges-header{text-align:center;margin-bottom:var(--space-10)}.badges-title{font-size:var(--text-4xl);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-text-fill-color:transparent;margin-bottom:var(--space-3);-webkit-background-clip:text;background-clip:text;font-weight:800}.badges-subtitle{font-size:var(--text-lg);color:var(--text-muted)}.badges-progress-section{margin-bottom:var(--space-12)}.badges-progress-card{background:linear-gradient(135deg,var(--bg-card)0%,var(--neutral-850)100%);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8)}.badges-progress-stats{align-items:center;gap:var(--space-8);display:flex}.badges-progress-circle{flex-shrink:0;width:140px;height:140px;position:relative}.badges-progress-circle svg{width:100%;height:100%}.badges-progress-bg{stroke:var(--neutral-700)}.badges-progress-fill{stroke:var(--brand-primary);transition:stroke-dasharray .5s}.badges-progress-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.badges-progress-percent{font-size:var(--text-2xl);color:var(--brand-primary);font-weight:800}.badges-progress-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.badges-progress-info h3{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:700}.badges-progress-info p{font-size:var(--text-lg);color:var(--text-secondary);margin-bottom:var(--space-3)}.badges-progress-info strong{color:var(--brand-primary)}.badges-complete-msg{padding:var(--space-2)var(--space-4);border:1px solid var(--brand-secondary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--brand-secondary);background:linear-gradient(135deg,#00d9a533,#f7931a33);font-weight:600;display:inline-block}.badges-progress-hint{font-size:var(--text-sm);color:var(--text-muted)}.badges-grid-section{margin-bottom:var(--space-12)}.badges-grid-section h2{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-6);align-items:center;gap:var(--space-3);font-weight:700;display:flex}.badges-grid-section h2:before{content:"";background:linear-gradient(180deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-full);width:4px;height:24px}.badges-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.badge-card{align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:linear-gradient(135deg,var(--bg-card)0%,var(--neutral-850)100%);border:1px solid var(--border-default);border-radius:var(--radius-xl);transition:all var(--transition-base);animation:.4s ease-out backwards badgeCardIn;animation-delay:var(--animation-delay,0s);display:flex;position:relative;overflow:hidden}@keyframes badgeCardIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.badge-card.unlocked{border-color:var(--badge-color,var(--brand-primary))}.badge-card.unlocked:before{content:"";pointer-events:none;background:linear-gradient(135deg,#f7931a0d 0%,#0000 50%);position:absolute;inset:0}.badge-card.locked{opacity:.7}.badge-card.locked .badge-card-icon-wrapper{filter:grayscale()}.badge-card-icon-wrapper{flex-shrink:0;position:relative}.badge-card-icon{background:linear-gradient(135deg,var(--neutral-800),var(--neutral-700));border:2px solid var(--border-strong);border-radius:var(--radius-lg);width:64px;height:64px;transition:all var(--transition-base);justify-content:center;align-items:center;font-size:28px;display:flex}.badge-card.unlocked .badge-card-icon{border-color:var(--badge-color,var(--brand-primary))}.badge-card-glow{background:var(--badge-color,var(--brand-primary));filter:blur(20px);opacity:.3;z-index:-1;border-radius:50%;animation:2s ease-in-out infinite alternate badgeGlow;position:absolute;inset:-8px}@keyframes badgeGlow{0%{opacity:.2;transform:scale(.9)}to{opacity:.4;transform:scale(1.1)}}.badge-card-info{flex:1;min-width:0}.badge-card-name{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:700}.badge-card.unlocked .badge-card-name{color:var(--badge-color,var(--brand-primary))}.badge-card-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);line-height:1.5}.badge-card-date{font-size:var(--text-xs);color:var(--text-muted);display:block}.badge-card-progress{background:var(--neutral-700);border-radius:var(--radius-full);height:6px;margin-top:var(--space-2);position:relative;overflow:hidden}.badge-card-progress-fill{background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));border-radius:var(--radius-full);height:100%;transition:width .3s;position:absolute;top:0;left:0}.badge-card-progress-text{font-size:var(--text-xs);color:var(--text-muted);position:absolute;top:-20px;right:0}.badge-card-check{top:var(--space-3);right:var(--space-3);background:var(--badge-color,var(--brand-secondary));border-radius:var(--radius-full);width:24px;height:24px;color:var(--neutral-950);justify-content:center;align-items:center;display:flex;position:absolute}.badge-card-check svg{width:14px;height:14px}.badges-tips-section{margin-bottom:var(--space-10)}.badges-tips-section h2{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-6);align-items:center;gap:var(--space-3);font-weight:700;display:flex}.badges-tips-section h2:before{content:"";background:linear-gradient(180deg,var(--brand-secondary),var(--brand-accent));border-radius:var(--radius-full);width:4px;height:24px}.badges-tips-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.badges-tip-card{padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.badges-tip-card:hover{border-color:var(--brand-primary);transform:translateY(-2px)}.badges-tip-icon{margin-bottom:var(--space-3);font-size:28px;display:block}.badges-tip-card h4{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.badges-tip-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.badges-nav-links{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.badges-nav-link{padding:var(--space-3)var(--space-5);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);transition:all var(--transition-fast);align-items:center;font-weight:600;display:inline-flex}.badges-nav-link:hover{background:var(--bg-card-hover);border-color:var(--brand-primary);color:var(--brand-primary);transform:translateY(-2px)}.badge-notification{background:linear-gradient(135deg,var(--bg-elevated)0%,var(--neutral-850)100%);border:2px solid var(--badge-color,var(--brand-primary));border-radius:var(--radius-xl);z-index:1000;opacity:0;width:340px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:fixed;top:80px;right:24px;overflow:hidden;transform:translate(100%);box-shadow:0 10px 40px #00000080,0 0 30px #f7931a33}.badge-notification.visible{opacity:1;transform:translate(0)}.badge-notification.leaving{opacity:0;transition:all .3s ease-in;transform:translate(100%)}.badge-notification-glow{background:radial-gradient(circle at center,var(--badge-color,var(--brand-primary))0%,transparent 60%);opacity:.1;pointer-events:none;width:200%;height:200%;animation:2s ease-in-out infinite alternate notificationGlow;position:absolute;top:-50%;left:-50%}@keyframes notificationGlow{0%{opacity:.05;transform:scale(.9)}to{opacity:.15;transform:scale(1.1)}}.badge-notification-content{padding:var(--space-4)var(--space-5);position:relative}.badge-notification-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.badge-notification-label{font-size:var(--text-xs);color:var(--badge-color,var(--brand-primary));text-transform:uppercase;letter-spacing:.1em;font-weight:700;animation:1s ease-in-out infinite badgeLabelPulse}@keyframes badgeLabelPulse{0%,to{opacity:1}50%{opacity:.7}}.badge-notification-close{width:24px;height:24px;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex}.badge-notification-close:hover{color:var(--text-primary)}.badge-notification-body{align-items:center;gap:var(--space-4);display:flex}.badge-notification-icon{background:linear-gradient(135deg,var(--neutral-800),var(--neutral-700));border:2px solid var(--badge-color,var(--brand-primary));border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;animation:.5s cubic-bezier(.34,1.56,.64,1) .2s backwards badgeIconBounce;display:flex}@keyframes badgeIconBounce{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.badge-notification-info{flex:1;min-width:0}.badge-notification-name{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:700;display:block}.badge-notification-desc{font-size:var(--text-sm);color:var(--text-secondary);display:block}.badge-notification-progress{background:var(--badge-color,var(--brand-primary));height:3px;animation:5s linear forwards badgeProgressShrink;position:absolute;bottom:0;left:0}@keyframes badgeProgressShrink{0%{width:100%}to{width:0%}}@media (max-width:768px){.badges-main{padding:var(--space-6)var(--space-4)}.badges-title{font-size:var(--text-2xl)}.badges-progress-stats{text-align:center;flex-direction:column}.badges-progress-circle{width:120px;height:120px}.badges-grid,.badges-tips-grid{grid-template-columns:1fr}.badge-notification{width:auto;inset:auto 16px 24px}.badges-nav-links{flex-direction:column;align-items:stretch}.badges-nav-link{justify-content:center}}.chapters-read-section{margin-bottom:var(--space-8);text-align:center}.chapters-read-title{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:700}.chapters-links-loading{gap:var(--space-4);justify-content:center;display:flex}.chapters-link-skeleton{background:var(--bg-elevated);border-radius:var(--radius-lg);width:280px;height:80px;animation:1.5s ease-in-out infinite pulse}.chapters-links-grid{gap:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.chapters-link-card{align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-base);min-width:280px;text-decoration:none;display:flex}.chapters-link-card:hover{border-color:var(--brand-primary);background:var(--bg-card-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.chapters-link-novel{border-left:3px solid var(--brand-primary)}.chapters-link-comic{border-left:3px solid var(--brand-secondary)}.chapters-link-icon{background:var(--bg-elevated);border-radius:var(--radius-md);justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;display:flex}.chapters-link-content{text-align:left;flex:1}.chapters-link-type{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;display:block}.chapters-link-name{color:var(--text-primary);font-weight:600;display:block}.chapters-link-desc{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1);display:block}.chapters-link-arrow{color:var(--text-muted);font-size:var(--text-lg);transition:transform var(--transition-fast)}.chapters-link-card:hover .chapters-link-arrow{color:var(--brand-primary);transform:translate(4px)}@media (max-width:640px){.chapters-links-grid{flex-direction:column;align-items:stretch}.chapters-link-card{min-width:auto}}.skeleton{background:linear-gradient(90deg,var(--neutral-800)0%,var(--neutral-700)50%,var(--neutral-800)100%);border-radius:var(--radius-md);background-size:200% 100%}.skeleton-pulse{animation:1.5s ease-in-out infinite skeletonPulse}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:16px;margin-bottom:var(--space-2)}.skeleton-circular{border-radius:var(--radius-full)}.skeleton-character-card{align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex}.skeleton-avatar{border-radius:var(--radius-lg);background:var(--neutral-800);flex-shrink:0;width:72px;height:72px}.skeleton-content{gap:var(--space-2);flex-direction:column;flex:1;display:flex}.skeleton-faction-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden}.skeleton-faction-header{background:var(--neutral-800);height:60px}.skeleton-faction-body{padding:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.skeleton-location-card{gap:var(--space-4);padding:var(--space-5);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);display:flex}.skeleton-location-icon{border-radius:var(--radius-lg);background:var(--neutral-800);flex-shrink:0;width:48px;height:48px}.skeleton-location-content{gap:var(--space-3);flex-direction:column;flex:1;display:flex}.skeleton-location-tags{gap:var(--space-2);display:flex}.skeleton-tag{border-radius:var(--radius-full);background:var(--neutral-800);width:60px;height:24px}.skeleton-quiz{padding:var(--space-6);background:var(--bg-card);border-radius:var(--radius-xl)}.skeleton-quiz-options{gap:var(--space-3);margin-top:var(--space-6);flex-direction:column;display:flex}.skeleton-option{border-radius:var(--radius-lg);background:var(--neutral-800);height:56px}.skeleton-page{padding:var(--space-8)var(--space-6);padding-top:calc(70px + var(--space-8));max-width:1600px;margin:0 auto}.skeleton-page-header{margin-bottom:var(--space-8)}.skeleton-title{width:300px;height:40px;margin-bottom:var(--space-4)}.skeleton-page-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.error-boundary,.error-fallback,.not-found-fallback,.empty-state{min-height:400px;padding:var(--space-8);justify-content:center;align-items:center;display:flex}.error-boundary-content,.error-fallback-content,.not-found-fallback-content,.empty-state-content{text-align:center;max-width:400px}.error-boundary-icon,.error-fallback-icon{width:64px;height:64px;margin:0 auto var(--space-6);border-radius:var(--radius-full);font-size:var(--text-2xl);color:#ef4444;background:#ef444426;border:2px solid #ef44444d;justify-content:center;align-items:center;font-weight:700;display:flex}.not-found-fallback-icon{width:64px;height:64px;margin:0 auto var(--space-6);border-radius:var(--radius-full);font-size:var(--text-2xl);color:#fbbf24;background:#fbbf2426;border:2px solid #fbbf244d;justify-content:center;align-items:center;font-weight:700;display:flex}.empty-state-icon{margin-bottom:var(--space-4);font-size:3rem}.error-boundary-title,.error-fallback-title,.not-found-fallback-title,.empty-state-title{font-size:var(--text-xl);margin-bottom:var(--space-3);color:var(--text-primary);font-weight:700}.error-boundary-message,.error-fallback-message,.not-found-fallback-message,.empty-state-message{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-6);line-height:1.6}.error-boundary-actions{gap:var(--space-3);justify-content:center;display:flex}.error-boundary-btn,.error-fallback-btn,.not-found-fallback-btn,.empty-state-btn{padding:var(--space-3)var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-sm);transition:all var(--transition-base);cursor:pointer;border:none;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.error-boundary-btn.primary,.error-fallback-btn,.not-found-fallback-btn,.empty-state-btn{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:var(--neutral-950)}.error-boundary-btn.primary:hover,.error-fallback-btn:hover,.not-found-fallback-btn:hover,.empty-state-btn:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.error-boundary-btn.secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.error-boundary-btn.secondary:hover{background:var(--neutral-700);border-color:var(--brand-primary)}.wiki-breadcrumb{margin-bottom:var(--space-4)}.wiki-breadcrumb-list{align-items:center;gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.wiki-breadcrumb-item{align-items:center;gap:var(--space-1);display:flex}.wiki-breadcrumb-link{color:var(--text-muted);font-size:var(--text-sm);transition:color var(--transition-fast);text-decoration:none}.wiki-breadcrumb-link:hover{color:var(--brand-primary)}.wiki-breadcrumb-current{color:var(--text-primary);font-size:var(--text-sm);font-weight:500}.wiki-breadcrumb-sep{color:var(--text-disabled);font-size:var(--text-sm);margin:0 var(--space-1);-webkit-user-select:none;user-select:none}button:active:not(:disabled),.wiki-topbar-link:active,.wiki-random-btn:active{transform:scale(.97)}.wiki-character-card:active,.wiki-faction-card:active,.location-card:active{transform:scale(.98)}.ripple-container{position:relative;overflow:hidden}.ripple{border-radius:var(--radius-full);pointer-events:none;background:#ffffff4d;animation:.6s ease-out rippleEffect;position:absolute;transform:scale(0)}@keyframes rippleEffect{to{opacity:0;transform:scale(4)}}:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.skip-to-content{top:-100%;left:var(--space-4);z-index:9999;padding:var(--space-3)var(--space-6);background:var(--brand-primary);color:var(--neutral-950);border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:top .2s;position:fixed}.wiki-theme-card,.wiki-glossary-item,.trivia-card,.lore-link-card,.quiz-teaser-card{transition:all var(--transition-base)}.wiki-theme-card:hover,.wiki-glossary-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.wiki-random-btn:hover span:first-child,.quiz-btn:hover:before{animation:.4s iconBounce}.quiz-btn.primary:hover,.gallery-submit-btn:hover,.book-link-btn:hover{animation:1s ease-in-out infinite glowPulse}@keyframes glowPulse{0%,to{box-shadow:var(--shadow-md),0 0 20px #f7931a4d}50%{box-shadow:var(--shadow-lg),0 0 30px #f7931a80}}.loading-spinner{border:3px solid var(--neutral-700);border-top-color:var(--brand-primary);border-radius:var(--radius-full);width:40px;height:40px;animation:.8s linear infinite spin}.loading-dots{gap:var(--space-2);display:flex}.loading-dot{background:var(--brand-primary);border-radius:var(--radius-full);width:8px;height:8px;animation:1.4s ease-in-out infinite loadingDot}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes loadingDot{0%,80%,to{opacity:.5;transform:scale(.5)}40%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.wiki-orb,.wiki-particle,.wiki-bolt,.wiki-energy-stream,.wiki-aurora,.wiki-holo-shimmer,.wiki-neon-grid{opacity:.3;animation:none!important}.skeleton-pulse{background:var(--neutral-800);animation:none}}@media (prefers-contrast:high){:root{--border-subtle:#fff3;--border-default:#fff6;--text-muted:#b0b0b0}.wiki-character-card,.wiki-faction-card,.location-card{border-width:2px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-enter{animation:.3s ease-out pageSlideIn}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}.slide-up{animation:.3s ease-out slideUp}.quiz-loading{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;min-height:400px;display:flex}.quiz-spinner{border:4px solid var(--neutral-700);border-top-color:var(--brand-primary);border-radius:var(--radius-full);width:48px;height:48px;animation:.8s linear infinite spin}.quiz-loading p{color:var(--text-secondary);font-size:var(--text-base)}.quiz-option:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;background:var(--bg-card-hover)}.quiz-correct{animation:.4s ease-out correctPop}@keyframes correctPop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.quiz-incorrect{animation:.4s ease-out incorrectShake}@keyframes incorrectShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}:focus{outline:none}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:3px;border-radius:4px;transition:outline-offset .2s,box-shadow .2s;box-shadow:0 0 0 4px #f7931a33}a:focus-visible{outline-offset:2px;text-decoration:underline}button:focus-visible,.btn:focus-visible{outline-offset:3px;transform:translateY(-1px)}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:0;border-color:var(--brand-primary);box-shadow:0 0 0 3px #f7931a26,0 4px 12px #0000001a}.skip-to-content{padding:var(--space-3)var(--space-6);background:var(--brand-primary);color:var(--bg-page);border-radius:var(--radius-md);z-index:10000;font-weight:600;transition:top .3s;position:fixed;top:-100px;left:50%;transform:translate(-50%)}.skip-to-content:focus{top:var(--space-4)}button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(30%);pointer-events:none;box-shadow:none!important;transform:none!important}button:not(:disabled):hover,.btn:not(:disabled):hover,.wiki-random-btn:hover,.quiz-teaser-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d,0 0 30px #f7931a33}button:not(:disabled):active,.btn:not(:disabled):active{transition-duration:.1s;transform:translateY(0)scale(.98)}@keyframes shimmerEffect{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,var(--bg-card)0%,var(--bg-elevated)20%,var(--bg-card-hover)40%,var(--bg-elevated)60%,var(--bg-card)80%,var(--bg-card)100%);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmerEffect}.skeleton-text{background:linear-gradient(90deg,var(--neutral-800)0%,var(--neutral-700)50%,var(--neutral-800)100%);background-size:200% 100%;border-radius:4px;height:1em;animation:1.5s ease-in-out infinite shimmerEffect}.skeleton-avatar{border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--neutral-800)0%,var(--neutral-700)50%,var(--neutral-800)100%);background-size:200% 100%;width:72px;height:72px;animation:1.5s ease-in-out infinite shimmerEffect}.skeleton-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-5);align-items:center;gap:var(--space-4);display:flex}.wiki-character-card,.wiki-faction-card,.wiki-supporting-card{transform-style:preserve-3d;perspective:1000px;will-change:transform}@keyframes gradientTextFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.gradient-text-animated{background:linear-gradient(135deg,var(--brand-primary)0%,var(--brand-secondary)25%,var(--brand-accent)50%,var(--brand-secondary)75%,var(--brand-primary)100%);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradientTextFlow}.corner-accent-tl,.corner-accent-tr,.corner-accent-bl,.corner-accent-br{border:2px solid var(--brand-primary);opacity:.6;pointer-events:none;width:20px;height:20px;transition:all .3s;position:absolute}.corner-accent-tl{border-bottom:none;border-right:none;top:-2px;left:-2px}.corner-accent-tr{border-bottom:none;border-left:none;top:-2px;right:-2px}.corner-accent-bl{border-top:none;border-right:none;bottom:-2px;left:-2px}.corner-accent-br{border-top:none;border-left:none;bottom:-2px;right:-2px}.wiki-footer{background:linear-gradient(180deg,var(--bg-card)0%,var(--bg-page)100%);position:relative}.wiki-footer:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--brand-primary)20%,var(--brand-secondary)50%,var(--brand-primary)80%,transparent 100%);height:1px;position:absolute;top:0;left:0;right:0;box-shadow:0 0 20px #f7931a4d}.wiki-footer-link{position:relative}.wiki-footer-link:after{content:"";background:var(--brand-primary);width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.wiki-footer-link:hover:after{width:100%}.wiki-table{border-collapse:separate;border-spacing:0;background:var(--bg-card);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);overflow:hidden}.wiki-table thead{background:linear-gradient(180deg,var(--bg-elevated),var(--bg-card))}.wiki-table th{padding:var(--space-4)var(--space-5);text-align:left;font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:2px solid var(--border-default);position:relative}.wiki-table th:after{content:"";background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));opacity:0;height:2px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.wiki-table th:hover:after{opacity:1}.wiki-table td{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);transition:all .2s}.wiki-table tr:last-child td{border-bottom:none}.wiki-table tbody tr:hover td{background:var(--bg-card-hover);color:var(--text-primary)}html{scroll-behavior:smooth;scroll-padding-top:80px}.scroll-progress{background:var(--bg-card);z-index:99;width:100%;height:3px;position:fixed;top:56px;left:0}.scroll-progress-bar{background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));transform-origin:0;height:100%;box-shadow:0 0 10px var(--brand-primary);transition:transform .1s linear}:root{--brand-primary-rgb:247,147,26;--brand-secondary-rgb:0,217,165;--brand-accent-rgb:98,126,234;--brand-purple-rgb:147,51,234;--brand-danger-rgb:239,68,68;--success-color:#10b981;--warning-color:#f59e0b;--info-color:#ae4daf;--error-color:var(--brand-danger)}@media (prefers-contrast:high){:root{--border-subtle:#ffffff4d;--border-default:#ffffff80;--border-strong:#ffffffb3}.wiki-character-card,.wiki-faction-card,.wiki-supporting-card{border:2px solid var(--text-primary)}button,.btn{border:2px solid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.wiki-hero-text h1,.gradient-text-animated{background-size:100% 100%;animation:none}.shimmer,.skeleton-text,.skeleton-avatar{background:var(--bg-elevated);animation:none}.wiki-orb,.wiki-aurora,.wiki-neon-grid,.wiki-holo-shimmer,.wiki-particle,.wiki-bolt,.wiki-energy-stream{animation:none}}@media print{.wiki-topbar,.wiki-footer,.wiki-bg-effects,.wiki-scanlines,.wiki-orb,.wiki-particles,.wiki-lightning,.wiki-energy-stream,.wiki-neon-grid,.wiki-aurora,.wiki-holo-shimmer,.wiki-cyber-corner,.wiki-back-to-top,.scroll-progress,.theme-switcher,.help-chat{display:none!important}.wiki-character-card,.wiki-faction-card{break-inside:avoid;page-break-inside:avoid}body{color:#000!important;background:#fff!important}*{box-shadow:none!important;text-shadow:none!important}}.wiki-faction-card:before,.wiki-faction-card:after,.wiki-character-card:after,.wiki-supporting-card:before,.wiki-section-header:after,.wiki-section-title:before{display:none!important}.id-generator-subtitle{color:#666;margin:.25rem 0 0;font-size:.9rem}.id-generator-grid{grid-template-columns:2fr 1fr;gap:1.5rem;max-width:1600px;margin:0 auto;display:grid}@media (max-width:900px){.id-generator-grid{grid-template-columns:1fr}}.id-config-card,.id-preview-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ae6;border:1px solid #2edb8433;border-radius:16px;padding:1.5rem}.id-config-card:hover,.id-preview-card:hover{border-color:#2edb8459}.id-card-header{color:#fff;border-bottom:1px solid #ffffff1a;margin:0 0 1.5rem;padding-bottom:.75rem;font-size:1.1rem;font-weight:600}.id-section{margin-bottom:1.5rem}.id-label{color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.75rem;font-weight:500;display:block}.id-upload-box{cursor:pointer;background:#0000004d;border:2px dashed #2edb844d;border-radius:12px;justify-content:center;align-items:center;width:120px;height:120px;transition:all .2s;display:flex;overflow:hidden}.id-upload-box:hover{background:#2edb840d;border-color:#2edb8499}.id-upload-placeholder{color:#555;flex-direction:column;align-items:center;gap:.5rem;font-size:.75rem;display:flex}.id-upload-icon{color:#2edb84;font-size:1.5rem}.id-upload-preview{object-fit:cover;width:100%;height:100%}.id-input{color:#fff;background:#0006;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.id-input:focus{border-color:#2edb8480;outline:none;box-shadow:0 0 0 3px #2edb841a}.id-input::placeholder{color:#555}.id-rank-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.id-rank-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:20px;padding:.5rem 1rem;font-size:.8rem;font-weight:500;transition:all .2s}.id-rank-btn:hover{color:#fff;border-color:#2edb8466}.id-rank-btn.active{color:#2edb84;background:#2edb8426;border-color:#2edb84;box-shadow:0 0 15px #2edb8433}.id-role-list{flex-direction:column;gap:.5rem;display:flex}.id-role-btn{color:#888;cursor:pointer;text-align:left;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.id-role-btn:hover{color:#fff;background:#2edb8408;border-color:#2edb844d}.id-role-btn.active{color:#2edb84;background:#2edb841a;border-color:#2edb84;box-shadow:0 0 15px #2edb8426}.id-preview-container{background:#0000004d;border-radius:12px;justify-content:center;align-items:center;min-height:400px;margin-bottom:1.5rem;padding:2rem 1rem;display:flex}.abstract-id-card{border-radius:20px;width:550px;max-width:95%;position:relative;overflow:hidden;box-shadow:0 0 40px #2edb8440,0 0 80px #2edb8426}.card-watermark{color:#2edb84b3;letter-spacing:.02em;text-shadow:0 1px 2px #000c;font-size:.65rem;font-weight:600;position:absolute;bottom:8px;right:12px}.abstract-id-bg{width:100%;height:auto;display:block}.abstract-id-avatar{border-radius:4px;width:22.9%;height:38.3%;position:absolute;top:32.65%;left:21%;overflow:hidden}.abstract-id-avatar img{object-fit:cover;width:100%;height:100%}.abstract-id-avatar-placeholder{background:0 0;width:100%;height:100%}.abstract-id-name,.abstract-id-rank,.abstract-id-role{color:#fff;font-family:Mont,sans-serif;font-size:.95rem;font-weight:400;position:absolute;left:47.25%}.id-rank-dropdowns{gap:.5rem;display:flex}.id-select{color:#fff;cursor:pointer;appearance:none;background:#0006 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M2 4l4 4 4-4'/%3E%3C/svg%3E") right .75rem center no-repeat;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.id-select:focus{border-color:#2edb8480;outline:none}.id-select option{color:#fff;background:#111}.abstract-id-name{font-size:1.37rem;font-weight:700;top:35.5%}.abstract-id-rank{font-size:.855rem;top:54.5%}.abstract-id-role{font-size:.765rem;top:64.5%}.xp-preset-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.xp-preset-card{aspect-ratio:4/3;cursor:pointer;background:#f0f0f0e6;border:2px solid #ddd;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.xp-preset-card:hover{border-color:#999;transform:translateY(-2px)}.xp-preset-card.active{border-color:#0446f1;box-shadow:0 4px 12px #e5393540}.xp-preset-card img,.xp-preset-card video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.xp-preset-placeholder{color:#999;font-size:1.5rem}.id-btn-group{gap:.75rem;display:flex}.id-download-btn,.id-copy-btn{letter-spacing:.05em;cursor:pointer;border:none;border-radius:10px;flex:1;padding:1rem;font-size:.85rem;font-weight:700;transition:all .2s}.id-download-btn{color:#000;background:linear-gradient(135deg,#2edb84 0%,#25b36d 100%);box-shadow:0 4px 20px #2edb844d}.id-download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #2edb8466}.id-copy-btn{color:#2edb84;background:0 0;border:1px solid #2edb8466}.id-copy-btn:hover{background:#2edb841a;transform:translateY(-2px)}.id-download-btn:active,.id-copy-btn:active{transform:translateY(0)}.card-type-toggle{justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.card-type-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;padding:.75rem 2rem;font-size:.9rem;font-weight:600;transition:all .2s}.card-type-btn:hover{color:#fff;border-color:#2edb8466}.card-type-btn.active{color:#2edb84;background:#2edb8426;border-color:#2edb84;box-shadow:0 0 20px #2edb8433}.abstract-xp-card{background:linear-gradient(145deg,#0a0a0a 0%,#111 50%,#0a0a0a 100%);border:2px solid #2edb84;border-radius:16px;width:340px;padding:1.25rem;position:relative;box-shadow:0 0 30px #2edb8433,0 0 60px #2edb841a,inset 0 1px #ffffff0d}.abstract-xp-header{justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.abstract-xp-title{color:#2edb84;letter-spacing:.1em;text-shadow:0 0 10px #2edb8480;font-size:.9rem;font-weight:700}.abstract-xp-logo{border-radius:6px;width:32px;height:32px}.abstract-xp-content{align-items:center;gap:1rem;display:flex}.abstract-xp-avatar{border:2px solid #2edb8466;flex-shrink:0;width:80px;height:80px;overflow:hidden}.abstract-xp-avatar img{object-fit:cover;width:100%;height:100%}.abstract-xp-avatar-placeholder{background:linear-gradient(135deg,#2edb841a,#2edb840d);width:100%;height:100%}.abstract-xp-info{flex:1}.abstract-xp-name{color:#fff;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.abstract-xp-stats{gap:1.5rem;margin-bottom:.5rem;display:flex}.abstract-xp-stat{flex-direction:column;display:flex}.abstract-xp-stat-value{color:#2edb84;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700}.abstract-xp-stat-label{color:#666;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem}.abstract-xp-joined{color:#555;margin:0;font-size:.7rem}.fanart-page{min-height:100vh;padding:10px 10px 10px 90px}.fanart-main-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;flex-direction:row;max-width:1000px;height:calc(100vh - 20px);margin:0 auto;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000004d}.fanart-vertical-title{border-right:1px solid var(--border-default);background:linear-gradient(#ae4daf26,#ae4daf1a);flex-shrink:0;justify-content:center;align-items:center;width:70px;display:flex}.fanart-vertical-title span{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-heading);letter-spacing:6px;background:linear-gradient(135deg,#0446f1,#ae4daf);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:600;transform:rotate(180deg)}.fanart-main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.fanart-card-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:8px 12px;display:flex}.fanart-toggles-row{align-items:center;gap:.75rem;display:flex}.fanart-card-title-area{align-items:center;gap:1rem;display:flex}.fanart-card-title{font-family:var(--font-heading);color:#fff;margin:0;font-size:1.5rem}.fanart-card-count{color:var(--text-secondary);background:#ae4daf26;border-radius:6px;padding:.3rem .6rem;font-size:.8rem}.fanart-submit-trigger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0446f1,#ae4daf);border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .2s}.fanart-submit-trigger:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ae4daf66}.fanart-stream-container{background:var(--bg-card);scrollbar-width:thin;scrollbar-color:var(--brand-primary)var(--bg-elevated);flex:1;position:relative;overflow-y:auto}.fanart-stream-container::-webkit-scrollbar{width:8px}.fanart-stream-container::-webkit-scrollbar-track{background:var(--bg-elevated)}.fanart-stream-container::-webkit-scrollbar-thumb{background:var(--brand-primary);border-radius:4px}.fanart-stream-container:before,.fanart-stream-container:after{content:"";z-index:10;pointer-events:none;height:60px;position:absolute;left:0;right:0}.fanart-stream-container:before{background:linear-gradient(180deg,var(--bg-card)0%,transparent 100%);top:0}.fanart-stream-container:after{background:linear-gradient(0deg,var(--bg-card)0%,transparent 100%);bottom:0}.fanart-stream{background:0 0;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;animation:20s linear infinite streamUp;display:grid}.fanart-stream.speed-fast{animation-duration:10s}.fanart-stream.speed-medium{animation-duration:20s}.fanart-stream.speed-slow{animation-duration:40s}.fanart-stream.speed-scroll{animation:none}@keyframes streamUp{0%{transform:translateY(-11%)}to{transform:translateY(-44%)}}.fanart-stream-item{cursor:pointer;aspect-ratio:1;background:linear-gradient(135deg,#ae4daf26 0%,#ae4daf1a 100%);border-radius:6px;position:relative;overflow:hidden}.fanart-stream-item:before{content:"";z-index:0;background:linear-gradient(90deg,#ae4daf1a 0%,#ae4daf4d 50%,#ae4daf1a 100%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmerSlide;position:absolute;inset:0}@keyframes shimmerSlide{0%{background-position:-200% 0}to{background-position:200% 0}}.fanart-stream-item.comic-stream-item{aspect-ratio:2/3}.fanart-stream-item img,.fanart-stream-item video{object-fit:contain;z-index:1;background:0 0;width:100%;height:100%;transition:transform .3s,filter .3s;display:block;position:relative}.fanart-stream-item img{content-visibility:auto}.video-play-icon{color:#fff;pointer-events:none;z-index:5;background:#000000b3;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fanart-stream-item:hover img{filter:brightness(1.1);transform:scale(1.15)}.comics-chronological .fanart-stream-item:hover img{filter:none;transform:none}.comics-chronological:before,.comics-chronological:after,.comics-chronological .fanart-stream-overlay{display:none}.comics-chronological{background:0 0}.fanart-stream-overlay{opacity:0;background:linear-gradient(#0000 50%,#000000e6 100%);flex-direction:column;justify-content:flex-end;padding:.75rem;transition:opacity .25s;display:flex;position:absolute;inset:0}.fanart-stream-item:hover .fanart-stream-overlay{opacity:1}.fanart-stream-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.fanart-stream-artist{color:#ffffffb3;font-size:.6rem}.fanart-stream-like{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;opacity:0;background:#000000b3;border:none;border-radius:6px;align-items:center;gap:.2rem;padding:.25rem .5rem;font-size:.65rem;transition:all .2s;display:flex;position:absolute;top:.5rem;right:.5rem}.fanart-stream-item:hover .fanart-stream-like{opacity:1}.fanart-stream-like.liked{background:#ef4444e6}.fanart-stream-like:hover{transform:scale(1.1)}.fanart-empty{text-align:center;color:var(--text-secondary);padding:4rem 2rem}.novel-reader-fullscreen{background:#1a1a1a;flex:1;position:relative;overflow:hidden}.novel-pdf-viewer-full{background:#1a1a1a;border:none;width:100%;height:100%}.novel-download-floating{color:#fff;z-index:10;background:linear-gradient(135deg,#0446f1,#ae4daf);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 4px 16px #0006}.novel-download-floating:hover{transform:scale(1.1);box-shadow:0 6px 20px #ae4daf80}.community-art-container{background:var(--bg-card);flex:1;justify-content:center;align-items:center;display:flex}.community-art-empty{text-align:center;padding:3rem}.community-art-icon{margin-bottom:1rem;font-size:4rem}.community-art-empty h3{font-family:var(--font-subheading);margin-bottom:.5rem;font-size:1.5rem}.community-art-empty p{color:var(--text-secondary);margin-bottom:1.5rem}.community-slot{justify-content:center;align-items:center;min-height:150px;display:flex;position:relative;overflow:hidden}.slot-bg{background:linear-gradient(135deg,#0c0c15 0%,#1a1025 50%,#0c0c15 100%);position:absolute;inset:0}.slot-grid{background-image:linear-gradient(#ae4daf1a 1px,#0000 1px),linear-gradient(90deg,#ae4daf1a 1px,#0000 1px);background-size:20px 20px;animation:20s linear infinite gridShift;position:absolute;inset:0}@keyframes gridShift{0%{transform:translate(0)}to{transform:translate(20px,20px)}}.slot-text-wrap{z-index:2;flex-direction:column;align-items:center;line-height:1;display:flex;position:relative}.slot-your,.slot-art,.slot-here{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px}.slot-your{color:#ae4daf80;font-size:.6rem;animation:3s ease-in-out infinite textGlow}.slot-art{background:linear-gradient(135deg,#0446f1,#ae4daf,#0446f1) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:4px 0;font-size:1.4rem;animation:4s ease-in-out infinite gradientMove}.slot-here{color:#ae4daf80;font-size:.6rem;animation:3s ease-in-out 1.5s infinite textGlow}@keyframes textGlow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes gradientMove{0%,to{background-position:0%}50%{background-position:100%}}.slot-corners{pointer-events:none;position:absolute;inset:10px}.slot-corners:before,.slot-corners:after{content:"";border-style:solid;border-color:#ae4daf66;width:15px;height:15px;position:absolute}.slot-corners:before{border-width:2px 0 0 2px;top:0;left:0}.slot-corners:after{border-width:0 2px 2px 0;bottom:0;right:0}.variant-1 .slot-grid{animation-delay:0s}.variant-2 .slot-grid{animation-delay:-5s}.variant-3 .slot-grid{animation-delay:-10s}.variant-4 .slot-grid{animation-delay:-15s}.variant-2 .slot-art{animation-delay:-1s}.variant-3 .slot-art{animation-delay:-2s}.variant-4 .slot-art{animation-delay:-3s}.fanart-toggle-tabs{background:var(--bg-page);border:1px solid var(--border-default);border-radius:10px;gap:0;padding:3px;display:flex;box-shadow:0 0 12px #ae4daf26,inset 0 1px #ffffff0d}.fanart-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:.4rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s}.fanart-tab:hover{color:#fff}.fanart-tab.active{color:#fff;background:linear-gradient(135deg,#0446f1,#ae4daf);box-shadow:0 2px 8px #ae4daf66}.fanart-header-controls{align-items:center;gap:.75rem;display:flex}.fanart-speed-select{background:var(--bg-page);border:1px solid var(--border-default);color:#fff;cursor:pointer;border-radius:8px;outline:none;padding:.5rem .75rem;font-size:.8rem}.fanart-speed-select:focus{border-color:var(--brand-primary)}.fanart-speed-select option{background:var(--bg-card);color:#fff}.comic-viewer{padding:1.5rem}.comic-viewer-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.comic-issue-title{font-family:var(--font-heading);color:#fff;margin:0;font-size:1.25rem}.comic-page-count{color:var(--text-secondary);font-size:.85rem}.comic-page-container{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.comic-nav-btn{background:var(--bg-elevated);border:1px solid var(--border-default);color:#fff;cursor:pointer;border-radius:50%;flex-shrink:0;width:48px;height:48px;font-size:1.5rem;transition:all .2s}.comic-nav-btn:hover{background:var(--brand-primary);border-color:var(--brand-primary)}.comic-page{background:#000;border-radius:12px;flex:1;justify-content:center;max-height:600px;display:flex;overflow:hidden}.comic-page img{object-fit:contain;max-width:100%;max-height:600px}.comic-thumbnails{scrollbar-width:thin;scrollbar-color:var(--brand-primary)var(--bg-elevated);gap:.5rem;padding:.5rem 0;display:flex;overflow-x:auto}.comic-thumbnails::-webkit-scrollbar{height:6px}.comic-thumbnails::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:3px}.comic-thumbnails::-webkit-scrollbar-thumb{background:var(--brand-primary);border-radius:3px}.comic-thumb{background:var(--bg-elevated);cursor:pointer;border:2px solid #0000;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;width:60px;padding:0;transition:all .2s;display:flex;overflow:hidden}.comic-thumb:hover{border-color:var(--brand-secondary)}.comic-thumb.active{border-color:var(--brand-primary);box-shadow:0 0 12px #ae4daf66}.comic-thumb img{object-fit:cover;width:100%;height:50px}.comic-thumb span{color:var(--text-secondary);padding:.25rem;font-size:.65rem}.comics-stream{grid-template-columns:repeat(3,1fr)}.comics-chronological .comics-stream{grid-template-columns:repeat(3,1fr);gap:12px;padding:12px}.comic-lightbox{max-width:600px}.comic-lightbox .fanart-lightbox-img{max-height:80vh}.comic-sub-toggles{border-bottom:1px solid var(--border-subtle);justify-content:center;gap:.5rem;padding:1rem;display:flex}.comic-sub-tab{border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:.4rem 1rem;font-size:.8rem;transition:all .2s}.comic-sub-tab:hover{border-color:var(--brand-primary);color:#fff}.comic-sub-tab.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.comic-scatter-container{scrollbar-width:thin;scrollbar-color:var(--brand-primary)var(--bg-elevated);background:#0a0a0a;flex:1;position:relative;overflow:hidden auto}.comic-scatter-container::-webkit-scrollbar{width:8px}.comic-scatter-container::-webkit-scrollbar-track{background:var(--bg-elevated)}.comic-scatter-container::-webkit-scrollbar-thumb{background:var(--brand-primary);border-radius:4px}.comic-scatter-container:before,.comic-scatter-container:after{display:none}.comic-scatter{flex-wrap:wrap;place-content:flex-start center;gap:0;min-height:100%;padding:0;display:flex}.comic-scatter.speed-fast{animation:15s linear infinite scatterScroll}.comic-scatter.speed-medium{animation:30s linear infinite scatterScroll}.comic-scatter.speed-slow{animation:60s linear infinite scatterScroll}.comic-scatter.speed-scroll{animation:none}@keyframes scatterScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.comic-scatter-item{cursor:pointer;width:110px;transform:rotate(var(--rotate,0deg))scale(var(--scale,1));z-index:1;margin:-8px -5px;transition:all .3s;position:relative}.comic-scatter-item:nth-child(odd){margin-top:-10px}.comic-scatter-item:nth-child(3n){margin-top:-12px}.comic-scatter-item:nth-child(4n){margin-left:-8px}.comic-scatter-item:nth-child(5n){margin-top:-10px;margin-right:-6px}.comic-scatter-item:nth-child(7n){margin-top:-14px;margin-left:-10px}.comic-scatter-item:nth-child(11n){margin-top:-8px}.scatter-1{transform:rotate(-8deg)scale(.92)}.scatter-2{margin-top:-12px;transform:rotate(6deg)scale(1.08)}.scatter-3{transform:rotate(-4deg)scale(.95)}.scatter-4{margin-top:-14px;transform:rotate(7deg)scale(1.05)}.scatter-5{transform:rotate(-5deg)scale(.98)}.scatter-6{margin-top:-10px;transform:rotate(4deg)scale(.9)}.scatter-7{transform:rotate(-3deg)scale(1.1)}.scatter-8{margin-top:-12px;transform:rotate(5deg)scale(.94)}.comic-scatter-item img{border-radius:8px;width:100%;transition:all .3s;box-shadow:0 8px 32px #00000080,0 0 0 2px #ffffff1a}.comic-scatter-item:hover{z-index:100;transform:rotate(0)scale(1.4)!important}.comic-scatter-item:hover img{box-shadow:0 20px 60px #ae4daf80,0 0 0 3px var(--brand-primary)}.comic-scatter-glow{opacity:0;pointer-events:none;z-index:-1;background:radial-gradient(circle,#ae4daf4d 0%,#0000 70%);transition:opacity .3s;position:absolute;inset:-20px}.comic-scatter-item:hover .comic-scatter-glow{opacity:1}.fanart-upload-modal{background:var(--bg-card);border-radius:20px;width:90%;max-width:500px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto}.fanart-upload-title{color:#fff;margin:0 0 .5rem;font-size:1.5rem}.fanart-upload-desc{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.9rem}.fanart-upload-form{flex-direction:column;gap:1rem;display:flex}.fanart-form-field{flex-direction:column;gap:.35rem;display:flex}.fanart-form-field label{color:var(--text-secondary);font-size:.8rem;font-weight:500}.fanart-form-field input,.fanart-form-field select{background:var(--bg-input);border:1px solid var(--border-default);color:#fff;border-radius:8px;padding:.75rem 1rem;font-size:1rem}.fanart-form-field input:focus,.fanart-form-field select:focus{border-color:var(--brand-primary);outline:none}.fanart-form-hint{color:var(--text-muted);font-size:.7rem}.fanart-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0446f1,#ae4daf);border:none;border-radius:10px;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s}.fanart-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ae4daf66}.fanart-upload-success{text-align:center;padding:2rem 0}.fanart-success-icon{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 1rem;font-size:2rem;display:flex}.fanart-upload-success h3{color:#fff;margin:0 0 .5rem}.fanart-upload-success p{color:var(--text-secondary);margin:0}.fanart-lightbox{z-index:1000;background:#000000e6;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.fanart-lightbox-content{background:var(--bg-card);border-radius:20px;width:100%;max-width:900px;position:relative;overflow:hidden}.fanart-lightbox-close{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;position:absolute;top:1rem;right:1rem}.fanart-lightbox-img{object-fit:contain;background:#000;width:100%;max-height:60vh}.fanart-lightbox-info{padding:1.5rem}.fanart-lightbox-info h3{color:#fff;margin:0 0 .5rem;font-size:1.25rem}.fanart-lightbox-info p{color:var(--text-secondary);margin:0 0 1rem}.fanart-lightbox-info a{color:var(--brand-primary)}.fanart-lightbox-actions{align-items:center;gap:1rem;display:flex}.fanart-lightbox-like{background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;display:flex}.fanart-lightbox-like.liked{color:#ef4444}.fanart-lightbox-char{color:var(--brand-primary);font-size:.9rem}.admin-guard-loading,.admin-guard-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.admin-guard-container{text-align:center;background:var(--bg-card);border:2px solid var(--border-default);border-radius:16px;max-width:400px;padding:3rem}.admin-guard-spinner{border:3px solid var(--border-default);border-top-color:var(--brand-primary);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}.admin-guard-icon{margin-bottom:1rem;font-size:4rem}.admin-guard-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.admin-guard-text{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.admin-guard-address{color:var(--text-muted);background:var(--bg-elevated);border-radius:8px;margin-bottom:1.5rem;padding:.5rem 1rem;font-family:monospace;font-size:.875rem}.admin-guard-connectors{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.admin-guard-connect-btn{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.admin-guard-connect-btn:hover:not(:disabled){background:var(--brand-secondary);transform:translateY(-2px)}.admin-guard-connect-btn:disabled{opacity:.6;cursor:not-allowed}.admin-guard-actions{flex-direction:column;gap:.75rem;display:flex}.admin-guard-disconnect-btn{color:var(--text-secondary);border:1px solid var(--border-default);cursor:pointer;background:0 0;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;transition:all .2s}.admin-guard-disconnect-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.admin-guard-back{color:var(--text-muted);margin-top:1rem;font-size:.9rem;text-decoration:none;display:inline-block}.admin-guard-back:hover{color:var(--brand-primary)}.admin-authenticated{position:relative}.admin-wallet-bar{background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary));z-index:100;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex;position:fixed;top:0;left:80px;right:0}.admin-wallet-status{color:#fff;font-family:monospace;font-size:.875rem}.admin-wallet-disconnect{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:4px;padding:.25rem .75rem;font-size:.75rem;transition:all .2s}.admin-wallet-disconnect:hover{background:#ffffff4d}@media (max-width:768px){.admin-wallet-bar{padding:.5rem;left:0}.admin-guard-container{padding:2rem 1.5rem}}.admin-fanart-page{max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem 2rem 2rem calc(80px + 2rem)}.admin-header{margin-bottom:2rem}.admin-header-top{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.admin-back{color:var(--text-secondary);font-size:.9rem;text-decoration:none}.admin-back:hover{color:var(--brand-primary)}.admin-title{font-family:var(--font-heading);color:#fff;margin:0;font-size:2rem}.admin-subtitle{color:var(--text-secondary);margin:0}.admin-stats{gap:1rem;margin-bottom:1.5rem;display:flex}.admin-stat{background:var(--bg-card);text-align:center;border:1px solid var(--border-subtle);border-radius:12px;padding:1rem 1.5rem}.admin-stat-num{color:#fff;font-size:1.75rem;font-weight:700;display:block}.admin-stat-label{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem}.admin-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.admin-filter-btn{background:var(--bg-card);border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.admin-filter-btn:hover{background:var(--bg-elevated)}.admin-filter-btn.active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.admin-badge{color:#fff;background:#ef4444;border-radius:10px;padding:.15rem .4rem;font-size:.7rem;font-weight:600}.admin-empty{text-align:center;color:var(--text-secondary);padding:4rem}.admin-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;display:grid}.admin-card{background:var(--bg-card);cursor:pointer;border:1px solid var(--border-subtle);border-radius:12px;transition:all .2s;overflow:hidden}.admin-card:hover{border-color:var(--brand-primary)}.admin-card-img-wrap{aspect-ratio:1;position:relative}.admin-card-img{object-fit:cover;width:100%;height:100%}.admin-status-badge{text-transform:uppercase;border-radius:4px;padding:.25rem .5rem;font-size:.65rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}.admin-status-badge.pending{color:#000;background:#f59e0b}.admin-status-badge.approved{color:#fff;background:#10b981}.admin-status-badge.rejected{color:#fff;background:#ef4444}.admin-card-info{padding:.75rem}.admin-card-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:.9rem;overflow:hidden}.admin-card-artist{color:var(--text-secondary);margin:0 0 .25rem;font-size:.75rem}.admin-card-date{color:var(--text-muted);margin:0;font-size:.7rem}.admin-modal-backdrop{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.admin-modal{background:var(--bg-card);border-radius:16px;width:90%;max-width:600px;max-height:90vh;position:relative;overflow-y:auto}.admin-modal-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;width:36px;height:36px;font-size:1.25rem;position:absolute;top:1rem;right:1rem}.admin-modal-img-wrap{aspect-ratio:16/10;background:#000}.admin-modal-img{object-fit:contain;width:100%;height:100%}.admin-modal-details{padding:1.5rem}.admin-modal-details h2{color:#fff;margin:0 0 .5rem;font-size:1.25rem}.admin-modal-meta{color:var(--text-secondary);margin:0 0 .5rem;font-size:.9rem}.admin-modal-meta a{color:var(--brand-primary)}.admin-modal-char{color:var(--text-secondary);margin:0 0 .25rem;font-size:.85rem}.admin-modal-date{color:var(--text-muted);margin:0 0 .5rem;font-size:.8rem}.admin-modal-status{color:var(--text-secondary);margin:0 0 1.5rem;font-size:.9rem}.status-text.pending{color:#f59e0b}.status-text.approved{color:#10b981}.status-text.rejected{color:#ef4444}.admin-modal-actions{flex-wrap:wrap;gap:.75rem;display:flex}.admin-action-btn{cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.admin-action-btn.approve{color:#fff;background:#10b981}.admin-action-btn.approve:hover{background:#059669}.admin-action-btn.reject{color:#fff;background:#ef4444}.admin-action-btn.reject:hover{background:#dc2626}.admin-action-btn.delete{border:1px solid var(--border-default);color:var(--text-secondary);background:0 0}.admin-action-btn.delete:hover{color:#ef4444;border-color:#ef4444}.admin-page{max-width:900px;min-height:100vh;margin:0 auto;padding:2rem 2rem 2rem calc(80px + 2rem)}.admin-section{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.admin-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.admin-section-title{color:#fff;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.admin-section-header .admin-section-title{margin-bottom:0}.admin-wallet-info{justify-content:space-between;align-items:center;gap:1rem;display:flex}.admin-wallet-address{color:var(--brand-primary);background:var(--bg-elevated);border-radius:8px;padding:.5rem 1rem;font-family:monospace;font-size:1rem}.admin-btn{background:var(--bg-elevated);border:1px solid var(--border-default);color:#fff;cursor:pointer;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;transition:all .2s}.admin-btn:hover{background:var(--brand-primary);border-color:var(--brand-primary)}.admin-btn.secondary{color:var(--text-secondary);background:0 0}.admin-btn.secondary:hover{color:#fff;background:var(--bg-elevated)}.admin-btn.danger{color:#ef4444;border-color:#ef4444}.admin-btn.danger:hover{color:#fff;background:#ef4444}.admin-btn.small{padding:.4rem .8rem;font-size:.8rem}.admin-storage-total{color:var(--text-secondary);font-size:.9rem}.admin-empty-text{color:var(--text-secondary);text-align:center;padding:2rem}.admin-storage-list{flex-direction:column;gap:.75rem;margin-bottom:1rem;display:flex}.admin-storage-item{background:var(--bg-elevated);border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.admin-storage-info{flex-direction:column;gap:.25rem;display:flex}.admin-storage-key{color:#fff;font-family:monospace;font-size:.85rem}.admin-storage-meta{color:var(--text-secondary);font-size:.75rem}.admin-actions{flex-wrap:wrap;gap:.75rem;display:flex}@media (max-width:768px){.admin-page{padding:1rem}.admin-wallet-info{flex-direction:column;align-items:stretch}.admin-wallet-address{text-align:center}.admin-storage-item{flex-direction:column;align-items:stretch;gap:.75rem}.fanart-page,.admin-page{padding:8px}.fanart-main-card{flex-direction:column;height:calc(100vh - 16px)}.fanart-vertical-title{border-right:none;border-bottom:1px solid var(--border-default);width:100%;height:32px}.fanart-vertical-title span{writing-mode:horizontal-tb;letter-spacing:2px;font-size:.75rem;transform:none}.fanart-card-header{flex-wrap:wrap;padding:8px}.fanart-toggles-row{flex-wrap:wrap;gap:.5rem}.fanart-card-title{font-size:1.1rem}.fanart-stream-container{flex:1;min-height:300px}.fanart-stream{grid-template-columns:repeat(3,1fr)}.comics-chronological .comics-stream{grid-template-columns:repeat(2,1fr)}.admin-stats{flex-wrap:wrap}.admin-stat{flex:1;min-width:80px}}.gallery-page{min-height:100vh;padding:1rem}.gallery-card{background:var(--bg-card);border:2px solid var(--brand-primary);border-radius:12px;height:calc(100vh - 2rem);display:flex;overflow:hidden}.gallery-vertical-title{background:linear-gradient(180deg,var(--brand-primary)0%,var(--brand-secondary)100%);border-right:2px solid var(--brand-primary);justify-content:center;align-items:center;width:70px;min-width:70px;display:flex}.gallery-vertical-title span{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-heading);color:#fff;letter-spacing:4px;text-shadow:2px 2px 4px #0000004d;font-size:2.5rem;font-weight:700;transform:rotate(180deg)}.gallery-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.gallery-header{border-bottom:1px solid var(--border-default);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.gallery-tabs-row{flex-wrap:wrap;gap:12px;display:flex}.gallery-tabs{background:var(--bg-elevated);border-radius:8px;gap:4px;padding:4px;display:flex}.gallery-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s}.gallery-tab:hover{color:var(--text-primary)}.gallery-tab.active{background:var(--brand-primary);color:#fff}a.gallery-tab{text-decoration:none}.gallery-controls{align-items:center;gap:8px;display:flex}.gallery-speed{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:.875rem}.gallery-submit-btn{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-weight:600;transition:all .2s}.gallery-submit-btn:hover{background:var(--brand-accent);transform:translateY(-1px)}.gallery-grid-container{flex:1;position:relative;overflow-y:auto}.gallery-grid-container:before,.gallery-grid-container:after{content:"";z-index:10;pointer-events:none;height:40px;position:absolute;left:0;right:0}.gallery-grid-container:before{background:linear-gradient(180deg,var(--bg-card)0%,transparent 100%);top:0}.gallery-grid-container:after{background:linear-gradient(0deg,var(--bg-card)0%,transparent 100%);bottom:0}.gallery-grid-container.manual-scroll:before,.gallery-grid-container.manual-scroll:after,.gallery-grid-container.chronological:before,.gallery-grid-container.chronological:after{display:none}.gallery-grid{grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.gallery-grid.anim-fast{animation:12s linear infinite galleryScroll}.gallery-grid.anim-medium{animation:24s linear infinite galleryScroll}.gallery-grid.anim-slow{animation:48s linear infinite galleryScroll}.gallery-grid.anim-scroll{animation:none}@keyframes galleryScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.gallery-item{aspect-ratio:1;cursor:pointer;background:#2d1f4e;border-radius:6px;position:relative;overflow:hidden}.gallery-item img,.gallery-item video{object-fit:contain;background:0 0;width:100%;height:100%;transition:transform .3s,opacity .3s}.gallery-item:hover img,.gallery-item:hover video{transform:scale(1.05)}.gallery-item-skeleton{z-index:5;background:linear-gradient(90deg,#3d2a6e 0%,#5c4a9e 50%,#3d2a6e 100%) 0 0/200% 100%;border-radius:6px;animation:1.2s ease-in-out infinite skeletonShimmer;position:absolute;inset:0}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.gallery-item-overlay{opacity:0;background:linear-gradient(#0000 50%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:8px;transition:opacity .2s;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.gallery-item-artist{color:#ffffffb3;font-size:.625rem}.gallery-item-like{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;opacity:0;background:#0009;border:none;border-radius:6px;padding:4px 8px;font-size:.65rem;transition:all .2s;position:absolute;top:8px;right:8px}.gallery-item:hover .gallery-item-like{opacity:1}.gallery-item-like.liked{background:#ef4444cc}.comic-series{margin-bottom:40px}.comic-series-title{font-family:var(--font-heading);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-text-fill-color:transparent;border-bottom:2px solid var(--brand-primary);-webkit-background-clip:text;background-clip:text;margin-bottom:12px;padding:20px 16px 12px;font-size:1.5rem}.gallery-grid.comic-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid.comic-grid.cols-2{grid-template-columns:repeat(2,1fr)}.gallery-grid.comic-grid.cols-3{grid-template-columns:repeat(3,1fr)}.gallery-item.comic-item{aspect-ratio:2/3}.gallery-item.comic-item img{object-fit:cover}.comic-scatter{flex-wrap:wrap;justify-content:center;gap:8px;padding:16px;display:flex}.comic-scatter.anim-fast{animation:15s linear infinite galleryScroll}.comic-scatter.anim-medium{animation:30s linear infinite galleryScroll}.comic-scatter.anim-slow{animation:60s linear infinite galleryScroll}.comic-scatter-item{aspect-ratio:2/3;cursor:pointer;width:calc(20% - 8px);transform:rotate(var(--rotate,0deg))scale(var(--scale,1));border-radius:8px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 12px #0000004d}.comic-scatter-item:hover{z-index:10;transform:rotate(0)scale(1.1);box-shadow:0 8px 24px #ae4daf66}.comic-scatter-item img{object-fit:cover;width:100%;height:100%}.novel-container{background:#1a1a1a;flex:1;position:relative}.novel-viewer{border:none;width:100%;height:100%}.novel-download{background:var(--brand-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;text-decoration:none;transition:transform .2s;display:flex;position:absolute;bottom:20px;right:20px;box-shadow:0 4px 12px #ae4daf66}.novel-download:hover{transform:scale(1.1)}.gallery-item.placeholder{background:linear-gradient(135deg,#ae4daf26 0% 100%);border:2px dashed #ae4daf4d;justify-content:center;align-items:center;display:flex}.placeholder-bg{background-color:#0000;background-image:linear-gradient(90deg,#0000 49%,#ae4daf1a 50%,#0000 51%),linear-gradient(#0000 49%,#ae4daf1a 50%,#0000 51%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:20s linear infinite gridMove;position:absolute;inset:0}@keyframes gridMove{0%{background-position:0 0}to{background-position:100px 100px}}.placeholder-text{font-family:var(--font-heading);color:#0000;background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));z-index:1;-webkit-background-clip:text;background-clip:text;flex-direction:column;align-items:center;font-size:.875rem;font-weight:700;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:2px solid var(--brand-primary);border-radius:12px;width:100%;max-width:400px;padding:24px;position:relative}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:12px;right:12px}.modal-content h2{margin-bottom:8px}.modal-content p{color:var(--text-secondary);margin-bottom:16px}.modal-content form{flex-direction:column;gap:12px;display:flex}.modal-content label{color:var(--text-secondary);font-size:.875rem}.modal-content input,.modal-content select{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);border-radius:6px;padding:10px 12px;font-size:.875rem}.modal-content button[type=submit]{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:8px;padding:12px;font-weight:600}.submit-success{text-align:center;padding:20px}.success-icon{background:var(--brand-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 16px;font-size:2rem;display:flex}.lightbox{z-index:100;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lightbox-content{max-width:90vw;max-height:90vh;position:relative}.lightbox-content img,.lightbox-content video{border-radius:8px;max-width:100%;max-height:80vh}.lightbox-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2rem;position:absolute;top:-40px;right:0}.lightbox-info{background:var(--bg-card);border-radius:0 0 8px 8px;margin-top:-4px;padding:16px}.lightbox-info h3{margin-bottom:4px}.lightbox-info p{color:var(--text-secondary);font-size:.875rem}.lightbox-info a{color:var(--brand-primary)}.lightbox-actions{align-items:center;gap:12px;margin-top:12px;display:flex}.like-btn{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 16px}.like-btn.liked{background:#ef444433;border-color:#ef4444}.gallery-empty{color:var(--text-secondary);flex:1;justify-content:center;align-items:center;display:flex}@media (max-width:768px){.gallery-card{flex-direction:column;height:auto;min-height:calc(100vh - 2rem)}.gallery-vertical-title{width:100%;min-width:unset;border-right:none;border-bottom:2px solid var(--brand-primary);height:40px}.gallery-vertical-title span{writing-mode:horizontal-tb;font-size:1rem;transform:none}.gallery-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid.comic-grid{grid-template-columns:repeat(2,1fr)}.comic-scatter-item{width:calc(33% - 8px)}.gallery-header{padding:8px 12px}.gallery-tab{padding:6px 10px;font-size:.75rem}}.tier-list-container{border:2px solid var(--brand-primary);background:#000;border-radius:12px;margin-bottom:20px;padding:16px}.tier-list-title-input{width:100%;font-family:var(--font-heading);color:var(--text-primary);text-align:center;background:0 0;border:none;margin-bottom:16px;padding:8px;font-size:1.25rem}.tier-list-rows{flex-direction:column;gap:2px;display:flex}.tier-list-row{border:1px solid var(--border-default);min-height:70px;display:flex}.tier-list-label{width:50px;min-width:50px;font-family:var(--font-heading);color:#fff;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.tier-list-items{background:#00000080;flex-wrap:wrap;flex:1;gap:4px;min-height:60px;padding:4px;display:flex}.tier-list-item{cursor:grab;flex-direction:column;align-items:center;width:60px;padding:4px;transition:transform .2s;display:flex}.tier-list-item:hover{transform:scale(1.05)}.tier-list-item img{object-fit:cover;border:2px solid var(--border-default);border-radius:4px;width:50px;height:50px}.tier-list-item span{color:var(--text-secondary);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:2px;font-size:.6rem;overflow:hidden}.tier-list-watermark{text-align:right;font-family:var(--font-heading);color:var(--text-muted);margin-top:8px;font-size:.75rem}.tier-list-unranked{background:var(--bg-card);border:2px solid var(--border-default);border-radius:12px;padding:16px}.tier-list-unranked-header{font-family:var(--font-heading);color:var(--text-primary);border-bottom:1px solid var(--border-default);margin-bottom:12px;padding-bottom:8px;font-size:1rem}.tier-list-unranked-items{flex-wrap:wrap;gap:8px;display:flex}.gallery-page-new{min-height:100vh;padding:16px}.gallery-layout-new{background:var(--bg-card);border:2px solid var(--brand-primary);border-radius:12px;height:calc(100vh - 32px);display:flex;overflow:hidden}.gallery-sidebar-new{background:linear-gradient(180deg,var(--brand-primary)0%,var(--brand-secondary)100%);border-right:2px solid var(--brand-primary);justify-content:center;align-items:center;width:60px;min-width:60px;display:flex}.gallery-sidebar-new span{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-heading);color:#fff;letter-spacing:3px;text-shadow:2px 2px 4px #0000004d;font-size:2rem;font-weight:700;transform:rotate(180deg)}.gallery-main-new{flex-direction:column;flex:1;display:flex;overflow:hidden}.gallery-header-new{border-bottom:1px solid var(--border-default);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.gallery-controls-new{align-items:center;gap:8px;display:flex}.gallery-speed-new{background:var(--bg-elevated);border:1px solid var(--border-default);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:.875rem}.gallery-tabs-new{background:var(--bg-elevated);border-radius:8px;gap:4px;padding:4px;display:inline-flex}.gallery-tabs-new button,.gallery-tabs-new a{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.gallery-tabs-new button:hover,.gallery-tabs-new a:hover{color:var(--text-primary)}.gallery-tabs-new button.active{background:var(--brand-primary);color:#fff}.gallery-stream-new{flex:1;position:relative;overflow:hidden}.gallery-stream-new.scroll-mode{overflow-y:auto}.gallery-stream-new.gallery-stream-scrollable{will-change:scroll-position;overflow-y:scroll}.gallery-grid-new{grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;display:grid}.gallery-grid-new.anim-fast{animation:60s linear infinite scrollUp}.gallery-grid-new.anim-medium{animation:120s linear infinite scrollUp}.gallery-grid-new.anim-slow{animation:240s linear infinite scrollUp}.gallery-grid-new.paused{animation-play-state:paused}.gallery-grid-new.anim-scroll{animation:none}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.gallery-card-new{cursor:pointer;border:2px solid var(--border-default);background:var(--bg-card);border-radius:12px;transition:all .2s;overflow:hidden}.gallery-card-new:hover{border-color:var(--brand-primary);transform:translateY(-4px)}.gallery-card-new img,.gallery-card-new video{object-fit:cover;width:100%;height:100%;display:block}.gallery-card-new{aspect-ratio:3/4}.gallery-video-thumb{background:#0a0a14;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.gallery-card-new.placeholder-new{aspect-ratio:1;background:linear-gradient(135deg,#ae4daf1a,#ae4daf1a);border-style:dashed;justify-content:center;align-items:center;display:flex}.gallery-card-new.placeholder-new span{font-family:var(--font-heading);color:var(--brand-primary);opacity:.7;font-size:1rem}.gallery-comics-new{flex:1;padding:16px;overflow-y:auto}.comic-series-new{margin-bottom:48px}.comic-series-new h2{font-family:var(--font-heading);background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));-webkit-text-fill-color:transparent;border-bottom:2px solid var(--brand-primary);-webkit-background-clip:text;background-clip:text;margin-bottom:16px;padding:16px;font-size:1.25rem}.comic-grid-new{gap:16px;display:grid}.comic-grid-new.cols-2{grid-template-columns:repeat(2,1fr)}.comic-grid-new.cols-3{grid-template-columns:repeat(3,1fr)}.comic-card-new{cursor:pointer;border:2px solid var(--border-default);background:var(--bg-card);text-align:center;border-radius:8px;transition:all .2s;overflow:hidden}.comic-card-new:hover{border-color:var(--brand-primary)}.comic-card-new img{width:100%;height:auto;display:block}.comic-card-new span{color:var(--text-secondary);padding:8px;font-size:.8rem;display:block}.gallery-lightbox-new{z-index:1000;background:#000000f2;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.gallery-lightbox-new img,.gallery-lightbox-new video{border-radius:8px;max-width:90vw;max-height:90vh}.gallery-lightbox-new button{background:var(--brand-primary);color:#fff;cursor:pointer;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;position:absolute;top:20px;right:20px}.gallery-chaos-btn{color:#ae4daf;cursor:pointer;background:0 0;border:2px solid #ae4daf;border-radius:8px;justify-content:center;align-items:center;transition:all .3s;display:flex;padding:6px 10px!important}.gallery-chaos-btn:hover{color:#fff;background:#ae4daf;transform:scale(1.1)}.gallery-chaos-btn.active{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444,#ae4daf);border-color:#0000;animation:1s ease-in-out infinite alternate chaosGlow}@keyframes chaosGlow{0%{box-shadow:0 0 5px #f59e0b80}to{box-shadow:0 0 20px #ae4dafcc}}.gallery-chaos-btn svg{transition:transform .3s}.gallery-chaos-btn:hover svg,.gallery-chaos-btn.active svg{animation:.5s ease-in-out chaosSpin}@keyframes chaosSpin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.2)}to{transform:rotate(360deg)scale(1)}}.gallery-chaos-feed{background:#000;flex:1;position:relative;overflow:hidden scroll}.chaos-scroll-wrapper{flex-direction:column;display:flex}.chaos-scatter-container{flex-shrink:0;width:100%;height:150vh;position:relative;overflow:visible}.chaos-comic{cursor:pointer;width:180px;transform:rotate(var(--rotate,0deg))scale(var(--scale,1));animation:8s ease-in-out infinite chaosFloat;animation-delay:var(--delay,0s);border:2px solid #fffc;transition:transform .2s,box-shadow .2s;position:absolute;box-shadow:0 4px 20px #000c}.chaos-comic:hover{border-color:var(--brand-primary);box-shadow:0 12px 48px #ae4dafe6;z-index:200!important;transform:rotate(0)scale(1.5)!important}.chaos-comic img{width:100%;height:auto;display:block}@keyframes chaosFloat{0%,to{transform:rotate(var(--rotate,0deg))scale(var(--scale,1))translate(0,0)}25%{transform:rotate(calc(var(--rotate,0deg) + 3deg))scale(calc(var(--scale,1)*1.02))translate(5px,-8px)}50%{transform:rotate(calc(var(--rotate,0deg) - 2deg))scale(calc(var(--scale,1)*.98))translate(-3px,5px)}75%{transform:rotate(calc(var(--rotate,0deg) + 2deg))scale(calc(var(--scale,1)*1.01))translate(4px,-3px)}}@media (max-width:768px){.chaos-comic{width:120px}.chaos-scatter-container{height:180vh}}.gallery-surprise-overlay{z-index:999;cursor:pointer;background:#000000e6;animation:4s ease-in-out infinite overlayPulse;position:fixed;inset:0;overflow:hidden}@keyframes overlayPulse{0%,to{background:#000000e6}50%{background:#140a28f2}}.surprise-comic-page{cursor:pointer;width:180px;height:auto;animation:.6s ease-out forwards comicFlyIn,8s ease-in-out infinite comicDrift;animation-delay:var(--delay,0s),calc(var(--delay,0s) + .6s);opacity:0;transform-origin:50%;border:3px solid #fff;transition:box-shadow .2s;position:absolute;box-shadow:0 8px 32px #00000080}.surprise-comic-page:hover{z-index:10;animation-play-state:paused;box-shadow:0 12px 48px #ae4daf80;transform:scale(1.15)!important}.surprise-comic-page img{width:100%;height:auto;display:block}@keyframes comicFlyIn{0%{opacity:0;transform:scale(.3)rotate(0)translateY(-100px)}60%{opacity:1;transform:scale(1.1)rotate(var(--rotate,0deg))}to{opacity:1;transform:scale(1)rotate(var(--rotate,0deg))}}@keyframes comicDrift{0%,to{transform:translate(0,0)rotate(var(--rotate,0deg))scale(1)}25%{transform:translate(15px,-20px)rotate(calc(var(--rotate,0deg) + 3deg))scale(1.02)}50%{transform:translate(-10px,15px)rotate(calc(var(--rotate,0deg) - 2deg))scale(.98)}75%{transform:translate(-20px,-10px)rotate(calc(var(--rotate,0deg) + 4deg))scale(1.01)}}.surprise-close-hint{color:#fff9;letter-spacing:1px;text-transform:uppercase;pointer-events:none;font-size:.8rem;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}@media (max-width:768px){.surprise-comic-page{width:120px}.gallery-layout-new{flex-direction:column;height:auto;min-height:calc(100vh - 32px)}.gallery-sidebar-new{width:100%;min-width:unset;border-right:none;border-bottom:2px solid var(--brand-primary);height:40px}.gallery-sidebar-new span{writing-mode:horizontal-tb;font-size:1rem;transform:none}.gallery-grid-new,.comic-grid-new.cols-3{grid-template-columns:repeat(2,1fr)}.gallery-header-new{flex-direction:column;align-items:flex-start}}.faction-label-inline{font-family:var(--font-heading);color:var(--brand-primary);letter-spacing:.5px;background:#ae4daf33;border-radius:3px;flex-shrink:0;align-self:center;align-items:center;height:20px;margin-right:4px;padding:2px 6px;font-size:.55rem;display:inline-flex}@media (max-width:768px){:root{--text-4xl:2rem;--text-3xl:1.75rem;--text-2xl:1.375rem;--text-xl:1.125rem}.wiki-hero-featured{width:100%;max-width:320px;margin:0 auto}.wiki-hero-text h1{font-size:var(--text-2xl);line-height:1.2}.wiki-hero-subtitle{font-size:var(--text-base)}.wiki-character-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.wiki-character-card{max-width:100%;padding:var(--space-4)}.wiki-character-avatar{width:100px;height:100px}.wiki-footer-links{gap:var(--space-3);flex-direction:column;align-items:center}.wiki-footer-link{padding:var(--space-2)var(--space-3);align-items:center;min-height:44px;display:flex}.wiki-search-input,.help-chat-input,.compare-select,input[type=text],input[type=email],input[type=password],textarea,select{min-height:44px;font-size:16px}button,.wiki-random-btn,.quiz-btn,.mini-quiz-btn,.char-rating-btn,.help-chat-send{min-height:44px;padding:var(--space-3)var(--space-4)}.wiki-faction-grid,.wiki-glossary-grid{gap:var(--space-4);grid-template-columns:1fr}.wiki-infobox{margin-bottom:var(--space-6)}.compare-selectors{flex-direction:column}.compare-select{width:100%;max-width:none}.wiki-orb{opacity:.15}.wiki-neon-grid,.wiki-particles,.wiki-lightning{opacity:.2}}@media (max-width:480px){:root{--text-4xl:1.75rem;--text-3xl:1.5rem;--text-2xl:1.25rem;--text-xl:1rem;--text-lg:.9375rem}.wiki-main,.wiki-content,.wiki-article,.compare-main,.quotes-main,.forum-main{padding-left:var(--space-3);padding-right:var(--space-3)}.wiki-character-grid{gap:var(--space-4);padding:0 var(--space-2);grid-template-columns:1fr}.wiki-character-card{max-width:100%;padding:var(--space-4)}.wiki-character-avatar{width:80px;height:80px}.wiki-character-name{font-size:var(--text-sm)}.wiki-hero-content{padding:var(--space-8)var(--space-3)}.wiki-hero-featured{max-width:100%;padding:var(--space-4)}.wiki-hero-stats{justify-content:center;gap:var(--space-4);flex-wrap:wrap}.wiki-stat{flex:none;min-width:80px}.wiki-stat-value{font-size:var(--text-xl)}.wiki-topbar-inner{padding:0 var(--space-3);height:52px}.wiki-topbar-title{font-size:var(--text-base)}.wiki-mobile-link{padding:var(--space-4);font-size:var(--text-base);min-height:48px}.wiki-faction-card,.wiki-glossary-item{padding:var(--space-4)}.wiki-faction-header{align-items:flex-start;gap:var(--space-2);flex-direction:column}.wiki-infobox{padding:var(--space-4)}.wiki-infobox-avatar{width:100px;height:100px}.timeline-container{padding:var(--space-6)var(--space-3)}.timeline-line{left:15px}.timeline-marker{width:30px;height:30px;font-size:var(--text-xs);left:15px}.timeline-item,.timeline-item-left,.timeline-item-right,.timeline-item-prologue,.timeline-item-end{padding-left:50px}.timeline-card{padding:var(--space-3)}.mini-quiz{padding:var(--space-4)}.mini-quiz-option{padding:var(--space-3);font-size:var(--text-base);min-height:48px}.wiki-footer{padding:var(--space-6)var(--space-3)}.wiki-footer-text{font-size:var(--text-xs)}.wiki-back-to-top,.help-chat-toggle{width:40px;height:40px;font-size:var(--text-base)}.wiki-orb,.wiki-particles,.wiki-lightning,.wiki-energy-stream{display:none}.wiki-aurora{opacity:.3}}@media (max-width:320px){:root{--text-4xl:1.5rem;--text-3xl:1.375rem;--text-2xl:1.125rem;--text-xl:1rem;--text-lg:.875rem;--text-base:.875rem;--text-sm:.8125rem;--text-xs:.6875rem}.wiki-main,.wiki-content,.wiki-article{padding-left:var(--space-2);padding-right:var(--space-2)}.wiki-character-card{padding:var(--space-3)}.wiki-character-avatar{width:64px;height:64px}.wiki-character-name{font-size:var(--text-xs)}.wiki-character-role,.wiki-character-species{font-size:.625rem}.wiki-hero-content{padding:var(--space-6)var(--space-2)}.wiki-hero-text h1{font-size:1.5rem}.wiki-topbar-inner{padding:0 var(--space-2);gap:var(--space-2)}.wiki-topbar-logo{width:28px;height:28px}.wiki-topbar-title{font-size:var(--text-sm)}.wiki-faction-card,.wiki-glossary-item,.wiki-infobox{padding:var(--space-3)}.wiki-footer{padding:var(--space-4)var(--space-2)}.wiki-footer-links{gap:var(--space-2)}.wiki-mobile-menu-content{padding:var(--space-4)}.wiki-mobile-link{padding:var(--space-3);font-size:var(--text-sm)}.wiki-back-to-top{width:36px;height:36px;bottom:12px;right:12px}.help-chat-toggle{width:36px;height:36px;bottom:60px;right:12px}.help-chat-window{max-height:50vh;bottom:110px;left:8px;right:8px}}@media (hover:none) and (pointer:coarse){.wiki-character-card:hover,.wiki-faction-card:hover,.wiki-glossary-item:hover{transform:none}.wiki-character-card:active,.wiki-faction-card:active,.wiki-glossary-item:active{transition:transform .1s;transform:scale(.98)}a,button,[role=button],.clickable{min-width:44px;min-height:44px}a,button{-webkit-tap-highlight-color:#0446f133}}@media (max-width:896px) and (orientation:landscape){.wiki-hero-content{padding:var(--space-6)var(--space-4)}.wiki-hero-featured{display:none}.wiki-character-grid{grid-template-columns:repeat(3,1fr)}.wiki-topbar-inner{height:48px}}@supports (padding:max(0px)){.wiki-topbar{padding-left:max(var(--space-4),env(safe-area-inset-left));padding-right:max(var(--space-4),env(safe-area-inset-right))}.wiki-footer{padding-bottom:max(var(--space-8),env(safe-area-inset-bottom));padding-left:max(var(--space-6),env(safe-area-inset-left));padding-right:max(var(--space-6),env(safe-area-inset-right))}.wiki-mobile-menu{padding-bottom:env(safe-area-inset-bottom)}.wiki-back-to-top{bottom:max(16px,calc(env(safe-area-inset-bottom) + 16px));right:max(16px,calc(env(safe-area-inset-right) + 16px))}.help-chat-toggle{bottom:max(76px,calc(env(safe-area-inset-bottom) + 76px));right:max(16px,calc(env(safe-area-inset-right) + 16px))}}