@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Space+Grotesk:wght@300;400;500;700&family=Orbitron:wght@400;700;900&display=swap";:root{--z-content: 1;--z-content-elevated: 10;--z-navigation: 100;--z-navigation-dropdown: 200;--z-navigation-mobile: 300;--z-tooltip: 400;--z-popover: 500;--z-overlay: 1000;--z-overlay-backdrop: 1001;--z-modal: 2000;--z-modal-backdrop: 1999;--z-notification: 3000;--z-system-critical: 9000;--z-debug: 9999}.main-header,.game-navigation-desktop{z-index:var(--z-navigation)}.game-navigation-desktop .dropdown-menu{z-index:var(--z-navigation-dropdown)}.game-nav-mobile{z-index:var(--z-navigation-mobile)}.character-navigation{z-index:var(--z-navigation)}.mobile-menu{z-index:var(--z-modal)}.mobile-menu-overlay{z-index:var(--z-modal-backdrop)}.mobile-menu-drawer{z-index:var(--z-modal)}.mobile-overlay{z-index:var(--z-modal-backdrop)}.mobile-links{z-index:var(--z-modal)}.character-selection-modal{z-index:var(--z-modal)!important}.modal-backdrop{z-index:var(--z-modal-backdrop)!important}.modal-content{z-index:var(--z-modal)!important}.tooltip{z-index:var(--z-tooltip)}.popover{z-index:var(--z-popover)}.notification,.toast{z-index:var(--z-notification)}.loading-overlay{z-index:var(--z-overlay)}.error-boundary,.system-alert{z-index:var(--z-system-critical)}.debug-panel,.development-tools{z-index:var(--z-debug)}.z-content{z-index:var(--z-content)}.z-content-elevated{z-index:var(--z-content-elevated)}.z-navigation{z-index:var(--z-navigation)}.z-navigation-dropdown{z-index:var(--z-navigation-dropdown)}.z-navigation-mobile{z-index:var(--z-navigation-mobile)}.z-tooltip{z-index:var(--z-tooltip)}.z-popover{z-index:var(--z-popover)}.z-overlay{z-index:var(--z-overlay)}.z-overlay-backdrop{z-index:var(--z-overlay-backdrop)}.z-modal{z-index:var(--z-modal)}.z-modal-backdrop{z-index:var(--z-modal-backdrop)}.z-notification{z-index:var(--z-notification)}.z-system-critical{z-index:var(--z-system-critical)}.z-debug{z-index:var(--z-debug)}@media screen and (min-width: 1px){body.debug-z-index *[class*=z-],body.debug-z-index [style*=z-index]{position:relative}body.debug-z-index *[class*=z-]:before,body.debug-z-index [style*=z-index]:before{content:"z:" attr(style);position:absolute;top:0;left:0;background:red;color:#fff;font-size:10px;padding:2px 4px;z-index:10000;pointer-events:none}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;line-height:1.6;background:var(--bg-primary);color:var(--text-primary);width:100%;max-width:100vw}body:before{content:"";position:absolute;top:-1px;left:-1px;width:1px;height:1px;opacity:0;pointer-events:none}h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote{margin:0}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}button{background:none;border:none;padding:0;font:inherit;cursor:pointer}button,[role=button],.btn,.nav-btn,.skill-card,.tag-badge,.filter-select,.sort-btn,.reset-btn,.mobile-character-card,.awakening-card,.node-tier,.clickable,select,input[type=button],input[type=submit],input[type=reset]{touch-action:manipulation}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-only{display:block}.desktop-only{display:none}@media (min-width: 768px){.mobile-only{display:none}.desktop-only{display:block}}@media (max-width: 768px){.container{padding:0 .5rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-accent: "Orbitron", monospace;--text-xs: clamp(.75rem, 1vw, .875rem);--text-sm: clamp(.875rem, 1.2vw, 1rem);--text-base: clamp(1rem, 1.5vw, 1.125rem);--text-lg: clamp(1.125rem, 2vw, 1.25rem);--text-xl: clamp(1.25rem, 2.5vw, 1.5rem);--text-2xl: clamp(1.5rem, 3vw, 2rem);--text-3xl: clamp(2rem, 4vw, 3rem);--text-4xl: clamp(2.5rem, 5vw, 4rem);--leading-tight: 1.1;--leading-normal: 1.5;--leading-relaxed: 1.6;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.character-name,.display-title{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:var(--text-4xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:1.5rem}h2,.section-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-normal);margin-bottom:1.25rem}h3,.skill-title,.awakening-title,.subsection-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);margin-bottom:1rem}h4{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);margin-bottom:.75rem}h5{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);margin-bottom:.5rem;text-transform:uppercase}h6{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);margin-bottom:.5rem;text-transform:uppercase}p{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal);margin-bottom:1rem}.stat-label,small{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);text-transform:uppercase}.stat-value{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:var(--text-lg);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-normal)}.game-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-wide)}strong{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase}.skill-stat-label{font-family:var(--font-primary);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);text-transform:uppercase}.skill-stat-value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-normal)}.skill-label{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;line-height:var(--leading-normal);letter-spacing:var(--tracking-wide);text-transform:uppercase}.skill-description{font-family:var(--font-primary);font-size:var(--text-base);font-weight:400;line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal)}.requirements-text{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:600;font-style:italic;line-height:var(--leading-relaxed);letter-spacing:var(--tracking-wide)}.memory-card-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-normal)}.memory-effect-text{font-family:var(--font-primary);font-size:var(--text-base);font-weight:500;line-height:var(--leading-relaxed);letter-spacing:var(--tracking-normal)}.warning-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}@media (max-width: 768px){h1,.character-name,.display-title{font-size:var(--text-3xl)}h2,.section-title{font-size:var(--text-2xl)}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}@media (prefers-contrast: high){h1,.character-name,.display-title,.game-title{background:none;text-shadow:none}}@font-face{font-family:Inter;font-display:swap;src:local("Inter")}@font-face{font-family:Space Grotesk;font-display:swap;src:local("Space Grotesk")}@font-face{font-family:Orbitron;font-display:swap;src:local("Orbitron")}
