@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{--rich-black: #1c1c1c;--mocha-mousse: #a47864;--amber-glow: #ffb74d;--teal-crystal: #00acc1;--rose-quartz: #e91e63;--cosmic-purple: #8a2be2;--deep-indigo: #4b0082;--electric-cyan: #00ffff;--golden-amber: #ffbf00;--crimson-red: #dc143c;--bg-primary: #ffffff;--bg-secondary: #f8f4f0;--bg-dark: #1c1c1c;--bg-card: #a47864;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--primary-button: #ffb74d;--primary-hover: #ff9800;--secondary-button: #00acc1;--secondary-hover: #0097a7;--accent-highlight: #e91e63;--success-color: #4caf50;--sab-calm-red: #c26b6b;--sab-calm-blue: #5a7ba7;--sab-blue-silver: #b8c5d1;--sab-dark-red: #a64d4d;--sab-dark-blue: #4a6b8a;--sab-light-red: #d67e7e;--sab-light-blue: #7a95b8;--sab-muted-gold: #d4af37;--sab-silver-accent: #9fb3c4;--sab-blood-accent: #b85a5a;--sab-text-light: #c0c0c0;--sab-text-medium: #a0a0a0;--sab-text-muted: #888888;--sab-text-white: #e0e0e0;--sab-bg-dark: #2a2a2a;--sab-bg-darker: #1a1a1a;--sab-bg-medium: #2c2c2c;--sab-bg-light: #3a3a3a;--sab-border-gray: #4f4f4f;--sab-border-light: #3a3a3a;--sab-input-bg: #2c2c2c;--sab-input-text: #e0e0e0;--sab-input-focus-bg: #3a3a3a;--sab-input-focus-border: #c0c0c0;--sab-card-bg: #2a2a2a;--sab-card-bg-gradient: linear-gradient( 135deg, #2a2a2a 0%, #1a1a1a 100% );--sab-card-border: #3a3a3a;--sab-rankings-bg: linear-gradient( 135deg, #1a1a1a 60%, #2a2a2a 100% );--sab-rank-gold: #ffd700;--sab-rank-silver: #c0c0c0;--sab-rank-bronze: #cd7f32;--sab-error-red: #dc3545;--sab-muted-text: #666666;--sab-text-dark: #1a1a1a;--sab-text-very-muted: #888888;--sab-gold-gradient: linear-gradient(135deg, #ffd700, #ffed4a);--sab-silver-gradient-alt: linear-gradient(135deg, #c0c0c0, #a9a9a9);--sab-error-gradient: linear-gradient(135deg, #dc3545, #b22222);--sab-character-info-bg: linear-gradient( 135deg, #2a2a2a 60%, #1a1a1a 100% );--sab-white: #ffffff;--sab-stat-bg: rgba(192, 192, 192, .1);--sab-stat-border: rgba(192, 192, 192, .2);--sab-rank-number-border: rgba(255, 255, 255, .2);--sab-analysis-bg: rgba(60, 60, 60, .3);--sab-radius-sm: 4px;--sab-radius-md: 8px;--sab-radius-lg: 12px;--sab-spacing-xs: .25rem;--sab-spacing-sm: .5rem;--sab-spacing-md: 1rem;--sab-spacing-lg: 1.5rem;--sab-spacing-xl: 2rem;--sab-primary-gradient: linear-gradient(135deg, var(--sab-calm-blue), var(--sab-calm-red));--sab-silver-gradient: linear-gradient(135deg, var(--sab-blue-silver), var(--sab-light-blue));--sab-blood-gradient: linear-gradient(135deg, var(--sab-calm-red), var(--sab-dark-red));--dutchman-text-primary: #f8f9fa;--dutchman-text-secondary: #e5e7eb;--dutchman-border-gray: #6b7280;--dutchman-text-muted: #9ca3af;--dutchman-dark-red: #b91c1c;--zn-primary-amber: #ffb74d;--zn-dark-amber: #ff9800;--zn-light-amber: #ffcc80;--zn-primary-teal: #00acc1;--zn-dark-teal: #0097a7;--zn-light-teal: #4dd0e1;--zn-clock-amber: #ffb74d;--zn-clock-white: #ffffff;--zn-clock-muted: #e0e0e0;--zn-clock-border: #4a4a4a;--zn-clock-bg: #e0e0e0;--zn-clock-title: #ffb74d;--zn-bg-primary: #1a1a1a;--zn-bg-secondary: #2d2d2d;--zn-bg-tertiary: #3a3a3a;--zn-text-primary: #ffffff;--zn-text-secondary: #e0e0e0;--zn-text-muted: #b0b0b0;--zn-border-primary: #4a4a4a;--zn-border-secondary: #606060;--zn-success: #4caf50;--zn-warning: #ff9800;--zn-error: #f44336;--zn-info: #2196f3;--zn-card-bg: #2a2a2a;--zn-card-bg-hover: #343434;--zn-card-border: #4a4a4a;--zn-card-border-hover: var(--zn-primary-amber);--zn-card-border-selected: var(--zn-primary-teal);--zn-primary-gradient: linear-gradient(135deg, var(--zn-primary-amber), var(--zn-dark-amber));--zn-secondary-gradient: linear-gradient(135deg, var(--zn-primary-teal), var(--zn-dark-teal));--zn-accent-gradient: linear-gradient(135deg, var(--zn-primary-amber), var(--zn-primary-teal));--zn-card-gradient: linear-gradient(135deg, var(--zn-card-bg), var(--zn-bg-primary))}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;transform:translateZ(0);backface-visibility:hidden;-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;transition:opacity .1s ease;will-change:opacity}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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.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, sans-serif;--font-display: "Space Grotesk", 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:var(--font-display);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:var(--font-display);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")}