:root{--color-primary: #FF2E63;--color-primary-glow: rgba(255, 46, 99, .5);--color-secondary: #08D9D6;--color-secondary-glow: rgba(8, 217, 214, .5);--color-accent: #1a1a1a;--color-background: #f5f5f5;--color-surface: #ffffff;--color-surface-hover: #e8e8e8;--color-text: #1a1a1a;--color-text-dim: #666666;--gradient-primary: linear-gradient(135deg, #FF2E63 0%, #FF0844 100%);--gradient-secondary: linear-gradient(135deg, #08D9D6 0%, #252A34 100%);--gradient-dark: linear-gradient(180deg, rgba(245, 245, 245, 0) 0%, #f5f5f5 100%);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .1);--glass-blur: blur(12px);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .1);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--ease-expo: cubic-bezier(.19, 1, .22, 1);--duration-fast: .2s;--duration-normal: .4s;--duration-slow: .8s;--manga-panel-border: 2px solid #000;--manga-halftone-opacity: .1}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-body)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 5px var(--color-primary-glow)}50%{box-shadow:0 0 20px var(--color-primary-glow),0 0 10px var(--color-primary)}to{box-shadow:0 0 5px var(--color-primary-glow)}}@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)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-pulse{animation:pulse-glow 2s infinite}.animate-glitch:hover{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite}.hover-scale{transition:transform var(--duration-fast) var(--ease-expo)}.hover-scale:hover{transform:scale(1.05)}.page-transition-enter{opacity:0;transform:scale(.98)}.page-transition-enter-active{opacity:1;transform:scale(1);transition:opacity .3s,transform .3s}.page-transition-exit{opacity:1;transform:scale(1)}.page-transition-exit-active{opacity:0;transform:scale(.98);transition:opacity .3s,transform .3s}@keyframes holoShine{0%{background-position:200% center}to{background-position:-200% center}}.holo-badge{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0% 40%,#facc15 50%,#fff 60% 100%);background-size:200% auto;animation:holoShine 3s linear infinite;box-shadow:0 0 10px #ffd70066}.manga-bg-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#f4f4f4;color:#0f0f0f;pointer-events:none;overflow:hidden}.manga-halftone{position:absolute;inset:0;z-index:0;opacity:.1;background-image:radial-gradient(#000 2px,transparent 2.5px);background-size:20px 20px}.manga-speedlines{position:absolute;inset:0;z-index:0;opacity:.05;background:repeating-conic-gradient(from 0deg,transparent 0deg 10deg,#000 10deg 12deg)}.bg-halftone{position:relative;overflow:hidden}.bg-halftone:before{content:"";position:absolute;inset:0;z-index:0;opacity:.05;background-image:radial-gradient(var(--color-text) 2px,transparent 2.5px);background-size:20px 20px;pointer-events:none}.manga-panel{background:var(--color-surface);border:2px solid var(--color-text);border-radius:0!important;box-shadow:6px 6px #0006;transition:transform .2s cubic-bezier(.19,1,.22,1),box-shadow .2s;position:relative;z-index:1}.manga-panel[data-hoverable=true]:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--color-primary)}.manga-panel-glass{background:#1e2025cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-text);box-shadow:4px 4px #0006}.text-outline{text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.manga-title{font-family:var(--font-heading);text-transform:uppercase;font-weight:900;letter-spacing:-.02em;transform:rotate(-1deg);display:inline-block;padding:.1em .5em;background:var(--color-text);color:var(--color-background)}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:var(--color-surface-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}@media(max-width:768px){.hidden-mobile{display:none!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}button{border:none;background:none;cursor:pointer;font-family:inherit}@media(max-width:1024px){.container{padding:0 1rem}}@media(max-width:768px){.hidden-mobile,.desktopOnly{display:none!important}.mobileOnly{display:block!important}.container{padding:0 .75rem}h1{font-size:1.75rem!important}h2{font-size:1.25rem!important}.mobile-stack{grid-template-columns:1fr!important}.manga-panel{padding:1rem!important}.manga-panel.social-leaderboard-override{padding:0!important}}@media(max-width:480px){.container{padding:0 .5rem}h1{font-size:1.5rem!important}}.spoiler-blur{filter:blur(5px);transition:filter .3s ease;cursor:pointer}.spoiler-blur:hover{filter:blur(0)}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}