@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));--hw-primary-warm: #e8a547;--hw-secondary-coral: #ff7b7b;--hw-tertiary-sky: #7bb3ff;--hw-accent-mint: #7bffb3;--hw-accent-lavender: #b37bff;--hw-accent-peach: #ffb37b;--hw-sunshine-gold: #ffd700;--hw-happy-pink: #ff69b4;--hw-ocean-blue: #4fc3f7;--hw-text-light: #ffffff;--hw-text-medium: #ffffff;--hw-text-muted: #cccccc;--hw-text-white: #ffffff;--hw-bg-dark: #2a2a2a;--hw-bg-darker: #1a1a1a;--hw-bg-medium: #2c2c2c;--hw-bg-light: #3a3a3a;--hw-border-gray: #4a4a4a;--hw-border-light: #3a3a3a;--hw-border-muted: rgba(232, 165, 71, .15);--hw-border-accent: rgba(232, 165, 71, .25);--hw-border-strong: rgba(232, 165, 71, .3);--hw-input-bg: #2c2c2c;--hw-input-text: #ffffff;--hw-input-focus-bg: #3a3a3a;--hw-input-focus-border: var(--hw-primary-warm);--hw-card-bg: #2a2a2a;--hw-card-bg-gradient: linear-gradient( 135deg, #2a2a2a 0%, #1a1a1a 100% );--hw-card-border: #3a3a3a;--hw-rankings-bg: linear-gradient( 135deg, #1a1a1a 60%, #2a2a2a 100% );--hw-rank-gold: #ffd700;--hw-rank-silver: #c0c0c0;--hw-rank-bronze: #cd7f32;--hw-error-red: #dc3545;--hw-muted-text: #999999;--hw-text-dark: #1a1a1a;--hw-text-very-muted: #888888;--hw-gold-gradient: linear-gradient( 135deg, #ffd700, #ffeb3b );--hw-silver-gradient-alt: linear-gradient(135deg, #c0c4c0, #a9ada9);--hw-error-gradient: linear-gradient(135deg, #dc3545, #b22222);--hw-character-info-bg: linear-gradient( 135deg, #2a2a2a 60%, #1a1a1a 100% );--hw-white: #ffffff;--hw-stat-bg: rgba(255, 255, 255, .1);--hw-stat-border: rgba(255, 255, 255, .2);--hw-rank-number-border: rgba(255, 255, 255, .2);--hw-analysis-bg: rgba(60, 60, 60, .3);--hw-radius-sm: 4px;--hw-radius-md: 8px;--hw-radius-lg: 12px;--hw-spacing-xs: .25rem;--hw-spacing-sm: .5rem;--hw-spacing-md: 1rem;--hw-spacing-lg: 1.5rem;--hw-spacing-xl: 2rem;--hw-primary-gradient: linear-gradient( 135deg, var(--hw-primary-green), var(--hw-secondary-brown) );--hw-nature-gradient: linear-gradient(135deg, var(--hw-primary-green), var(--hw-dark-green));--hw-earth-gradient: linear-gradient(135deg, var(--hw-secondary-brown), var(--hw-dark-brown));--hw-card-gradient: linear-gradient(135deg, var(--hw-card-bg), var(--hw-bg-darker))}: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")}:root{--sab-silver: var(--sab-blue-silver);--sab-blood: var(--sab-dark-red);--sab-dark-silver: var(--sab-dark-blue);--sab-light-blood: var(--sab-calm-red);--sab-gold: var(--sab-muted-gold);--sab-blue: var(--sab-calm-blue);--sab-dark-blue: var(--sab-dark-blue);--blood-red: var(--sab-calm-red);--silver-metallic: var(--sab-blue-silver);--sab-gradient: var(--sab-primary-gradient);--sab-accent-gradient: var(--sab-silver-gradient);--sab-calm-gradient: var(--sab-silver-gradient)}.sab-body{background:var(--bg-dark);color:var(--text-inverse);font-family:Inter,sans-serif;display:flex;flex-direction:column;min-height:100vh}.bg-layer{position:fixed;inset:0;z-index:-1}.bg-primary{background:linear-gradient(135deg,#1a1a1a,#2c2c2c)}.bg-accent-1{background:radial-gradient(circle at 15% 85%,rgba(184,197,209,.08),transparent 70%)}.bg-accent-2{background:radial-gradient(circle at 85% 15%,rgba(90,123,167,.08),transparent 70%)}.bg-accent-3{background:radial-gradient(circle at 50% 50%,rgba(166,77,77,.06),transparent 70%)}.sab-content{position:relative;z-index:10;flex:1}.sab-container{position:relative;max-width:75rem;margin:0 auto;padding:2rem}.hero-section{text-align:center;margin-bottom:3rem}.hero-image-wrapper{position:relative;margin-bottom:2rem}.hero-image-container{width:100%;max-width:60rem;height:25rem;border-radius:1rem;overflow:hidden;margin:0 auto;position:relative;border:2px solid rgba(220,53,69,.5)}@media (max-width: 768px){.hero-image-container{height:15rem;border-radius:12px;margin:0 1rem}.hero-section{margin-bottom:2rem;padding:0 1rem}.sab-container{padding:1rem}}@media (max-width: 480px){.hero-image-container{height:12rem;border-radius:8px;margin:0 .5rem}.hero-section{margin-bottom:1.5rem;padding:0 .5rem}.sab-container{padding:.75rem}}.hero-image,.hero-video{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(transparent,#1a1a1ae6)}.hero-title{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;background:linear-gradient(135deg,silver,#c26b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.title-only-section{text-align:center;margin-bottom:3rem;padding:2rem 0}.title-only-heading{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;background:linear-gradient(135deg,silver,#c26b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root{--sab-badge-ssr: #ffe066;--sab-badge-sr: #7ecfff;--sab-badge-r: #b0b0b0;--sab-badge-warrior: var(--sab-calm-red);--sab-badge-assassin: #4d4d4d;--sab-badge-defender: var(--sab-calm-blue);--sab-badge-marksman: #228b22;--sab-badge-sorcerer: var(--sab-light-blue);--sab-badge-enchanter: var(--sab-muted-gold);--sab-badge-kingdom: var(--sab-calm-blue);--sab-badge-ancestors: #8b4513;--sab-badge-church: var(--sab-muted-gold);--sab-badge-bloodborn: var(--sab-dark-red);--sab-badge-light: #87ceeb;--sab-badge-medium: #daa520;--sab-badge-heavy: #696969;--sab-badge-new-moon: #2f2f2f;--sab-badge-crescent-moon: #708090;--sab-badge-full-moon: #f5f5dc;--sab-badge-pdmg: #cd853f;--sab-badge-mdmg: #4169e1;--sab-badge-piercing-dmg: #9932cc;--sab-badge-normal-attack: #b8c5d1;--sab-badge-special: #d4af37;--sab-badge-passive: #5a7ba7;--sab-badge-ultimate: #a64d4d;--sab-badge-melee: #ff6b6b;--sab-badge-aoe-dmg: #ff8c00;--sab-badge-continuous-dmg: var(--sab-light-blue);--sab-badge-control: #4169e1;--sab-badge-mid-range: #228b22;--sab-badge-single-target-dmg: var(--sab-calm-red);--sab-badge-rush: #ff8c00;--sab-badge-ranged: #228b22;--sab-badge-summon: var(--sab-light-blue);--sab-badge-healing: #32cd32;--sab-badge-purify: #ffd700;--sab-badge-buff: #4169e1;--sab-badge-debuff: var(--sab-calm-red);--sab-badge-bounce-dmg: #e91e63;--sab-badge-gather: #795548;--sab-badge-teleport: #673ab7;--sab-badge-move: #607d8b;--sab-badge-range: #8bc34a;--sab-badge-shield: #87ceeb;--sab-badge-physical-defense: #696969;--sab-badge-stun: #ff6347;--sab-badge-energy-drain: #9932cc;--sab-badge-paralysis: #ffd700;--sab-badge-summons: #4169e1;--sab-badge-ssr-border: #ffd700;--sab-badge-sr-border: #4dbfff;--sab-badge-r-border: #999999;--sab-badge-assassin-border: #333333;--sab-badge-marksman-border: #32cd32;--sab-badge-ancestors-border: #a0522d;--sab-badge-light-border: #4fc3f7;--sab-badge-medium-border: #ffb74d;--sab-badge-heavy-border: #9e9e9e;--sab-badge-new-moon-border: #424242;--sab-badge-crescent-moon-border: #90a4ae;--sab-badge-full-moon-border: #fff8dc;--sab-badge-pdmg-border: #deb887;--sab-badge-mdmg-border: #6495ed;--sab-badge-piercing-dmg-border: #ba55d3;--sab-badge-normal-attack-border: #9fb3c4;--sab-badge-special-border: #ffbf00;--sab-badge-passive-border: #7a95b8;--sab-badge-melee-border: #ff5252;--sab-badge-aoe-dmg-border: #ffa500;--sab-badge-control-border: #6495ed;--sab-badge-mid-range-border: #32cd32;--sab-badge-rush-border: #ffa500;--sab-badge-ranged-border: #32cd32;--sab-badge-healing-border: #7cfc00;--sab-badge-purify-border: #ffed4a;--sab-badge-buff-border: #6495ed;--sab-badge-bounce-dmg-border: #f06292;--sab-badge-gather-border: #a1887f;--sab-badge-teleport-border: #9575cd;--sab-badge-move-border: #90a4ae;--sab-badge-range-border: #aed581;--sab-badge-shield-border: #4fc3f7;--sab-badge-physical-defense-border: #9e9e9e;--sab-badge-stun-border: #ff7f7f;--sab-badge-energy-drain-border: #ba55d3;--sab-badge-paralysis-border: #ffed4a;--sab-badge-summons-border: #6495ed;--sab-badge-white: #fff;--sab-badge-black: #000;--sab-badge-dark: #222}.badge,.rarity-badge,.class-badge,.faction-badge,.equipment-badge,.moon-badge,.attack-badge{padding:.2rem .6rem;border-radius:10px;font-size:.85rem;font-weight:600;display:inline-block;text-align:center;font-family:Space Grotesk,sans-serif}.rarity-badge.ssr,.badge.ssr,.mini-badge.rarity-ssr,.pool-mini-badge.rarity-ssr{background:var(--sab-badge-ssr);color:var(--sab-badge-dark);border:none}.rarity-badge.sr,.badge.sr,.mini-badge.rarity-sr,.pool-mini-badge.rarity-sr{background:var(--sab-badge-sr);color:var(--sab-badge-dark);border:none}.rarity-badge.r,.badge.r,.mini-badge.rarity-r,.pool-mini-badge.rarity-r{background:var(--sab-badge-r);color:var(--sab-badge-dark);border:none}.class-badge.warrior,.badge.warrior{background:var(--sab-badge-warrior);color:var(--sab-badge-white);border:none}.class-badge.assassin,.badge.assassin{background:var(--sab-badge-assassin);color:var(--sab-badge-white);border:none}.class-badge.defender,.badge.defender{background:var(--sab-badge-defender);color:var(--sab-badge-white);border:none}.class-badge.marksman,.badge.marksman{background:var(--sab-badge-marksman);color:var(--sab-badge-white);border:none}.class-badge.sorcerer,.badge.sorcerer{background:var(--sab-badge-sorcerer);color:var(--sab-badge-white);border:none}.class-badge.enchanter,.badge.enchanter{background:var(--sab-badge-enchanter);color:var(--sab-badge-dark);border:none}.faction-badge.kingdom,.badge.kingdom{background:var(--sab-badge-kingdom);color:var(--sab-badge-white);border:none}.faction-badge.ancestors,.badge.ancestors{background:var(--sab-badge-ancestors);color:var(--sab-badge-white);border:none}.faction-badge.church,.badge.church{background:var(--sab-badge-church);color:var(--sab-badge-dark);border:none}.faction-badge.bloodborn,.badge.bloodborn{background:var(--sab-badge-bloodborn);color:var(--sab-badge-white);border:none}.equipment-badge.light,.badge.light{background:var(--sab-badge-light);color:var(--sab-badge-dark);border:none}.equipment-badge.medium,.badge.medium{background:var(--sab-badge-medium);color:var(--sab-badge-dark);border:none}.equipment-badge.heavy,.badge.heavy{background:var(--sab-badge-heavy);color:var(--sab-badge-white);border:none}.moon-badge.new-moon,.badge.new-moon{background:var(--sab-badge-new-moon);color:var(--sab-badge-white);border:none}.moon-badge.crescent-moon,.badge.crescent-moon{background:var(--sab-badge-crescent-moon);color:var(--sab-badge-white);border:none}.moon-badge.full-moon,.badge.full-moon{background:var(--sab-badge-full-moon);color:var(--sab-badge-dark);border:none}.attack-badge.pdmg,.attack-badge.p-dmg,.badge.pdmg,.badge.p-dmg{background:var(--sab-badge-pdmg);color:var(--sab-badge-white);border:none}.attack-badge.mdmg,.attack-badge.m-dmg,.badge.mdmg,.badge.m-dmg{background:var(--sab-badge-mdmg);color:var(--sab-badge-white);border:none}.attack-badge.piercing-dmg,.badge.piercing-dmg{background:var(--sab-badge-piercing-dmg);color:var(--sab-badge-white);border:none}.skill-badge.normal-attack,.badge.normal-attack{background:var(--sab-badge-normal-attack);color:var(--sab-badge-white);border:none}.skill-badge.special,.badge.special{background:var(--sab-badge-special);color:var(--sab-badge-white);border:none}.skill-badge.passive,.badge.passive{background:var(--sab-badge-passive);color:var(--sab-badge-white);border:none}.skill-badge.ultimate,.badge.ultimate{background:var(--sab-badge-ultimate);color:var(--sab-badge-white);border:none}.tag-badge{padding:.2rem .6rem;border-radius:10px;font-size:.8rem;font-weight:600;display:inline-block;text-align:center;font-family:Space Grotesk,sans-serif;border:none}.tag-badge.melee{background:var(--sab-badge-melee);color:var(--sab-badge-white);border:none}.tag-badge.aoe-dmg{background:var(--sab-badge-aoe-dmg);color:var(--sab-badge-white);border:none}.tag-badge.continuous-dmg{background:var(--sab-badge-continuous-dmg);color:var(--sab-badge-white);border:none}.tag-badge.control{background:var(--sab-badge-control);color:var(--sab-badge-white);border:none}.tag-badge.mid-range{background:var(--sab-badge-mid-range);color:var(--sab-badge-white);border:none}.tag-badge.single-target-dmg{background:var(--sab-badge-single-target-dmg);color:var(--sab-badge-white);border:none}.tag-badge.rush{background:var(--sab-badge-rush);color:var(--sab-badge-white);border:none}.tag-badge.ranged{background:var(--sab-badge-ranged);color:var(--sab-badge-white);border:none}.tag-badge.summon{background:var(--sab-badge-summon);color:var(--sab-badge-white);border:none}.tag-badge.healing{background:var(--sab-badge-healing);color:var(--sab-badge-white);border:none}.tag-badge.purify{background:var(--sab-badge-purify);color:var(--sab-badge-dark);border:none}.tag-badge.buff{background:var(--sab-badge-buff);color:var(--sab-badge-white);border:none}.tag-badge.debuff{background:var(--sab-badge-debuff);color:var(--sab-badge-white);border:none}.tag-badge.bounce-dmg{background:var(--sab-badge-bounce-dmg);color:var(--sab-badge-white);border:none}.tag-badge.gather{background:var(--sab-badge-gather);color:var(--sab-badge-white);border:none}.tag-badge.teleport{background:var(--sab-badge-teleport);color:var(--sab-badge-white);border:none}.tag-badge.move{background:var(--sab-badge-move);color:var(--sab-badge-white);border:none}.tag-badge.range{background:var(--sab-badge-range);color:var(--sab-badge-white);border:none}.tag-badge.shield{background:var(--sab-badge-shield);color:var(--sab-badge-white);border:none}.tag-badge.physical-defense{background:var(--sab-badge-physical-defense);color:var(--sab-badge-white);border:none}.tag-badge.stun{background:var(--sab-badge-stun);color:var(--sab-badge-white);border:none}.tag-badge.energy-drain{background:var(--sab-badge-energy-drain);color:var(--sab-badge-white);border:none}.tag-badge.paralysis{background:var(--sab-badge-paralysis);color:var(--sab-badge-dark);border:none}.tag-badge.summons{background:var(--sab-badge-summons);color:var(--sab-badge-white);border:none}.badge.small,.rarity-badge.small,.class-badge.small,.faction-badge.small,.equipment-badge.small,.moon-badge.small,.attack-badge.small,.skill-badge.small,.tag-badge.small{padding:.15rem .4rem;font-size:.75rem}.badge.large,.rarity-badge.large,.class-badge.large,.faction-badge.large,.equipment-badge.large,.moon-badge.large,.attack-badge.large,.skill-badge.large,.tag-badge.large{padding:.3rem .8rem;font-size:1rem}:root{--sab-primary: var(--sab-calm-red);--sab-primary-light: var(--sab-light-red);--sab-secondary: #2c1810;--sab-accent: var(--sab-muted-gold);--sab-text-light: #f5f5dc;--sab-text-muted: #c0c0c0;--sab-bg-dark: #1a1a1a;--sab-bg-card: #2d2d2d;--sab-bg-gradient: var(--sab-blood-gradient);--sab-border-radius: 12px;--sab-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.event-details-section{max-width:900px;margin:0 auto;padding:2rem;background:var(--sab-bg-dark);border-radius:var(--sab-border-radius);position:relative;overflow:hidden}.event-details-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--sab-bg-gradient);z-index:1}.event-header{margin-bottom:3rem;padding:2rem;background:var(--sab-bg-card);border-radius:var(--sab-border-radius);border:1px solid var(--sab-primary);position:relative;overflow:hidden}.event-header:before{content:"";position:absolute;inset:0;background:var(--sab-bg-gradient);opacity:.1;z-index:0}.event-header>*{position:relative;z-index:1}.event-title{font-size:2.5rem;font-weight:700;color:var(--sab-text-light);margin:0 0 1.5rem;background:linear-gradient(45deg,var(--sab-text-light),var(--sab-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.guide-author{background:#a64d4d1a;border:1px solid var(--sab-primary);border-radius:var(--sab-border-radius);padding:1.5rem;margin-top:1.5rem;backdrop-filter:blur(10px)}.author-info{margin:0 0 1rem;color:var(--sab-text-light);font-size:1rem}.author-info strong{color:var(--sab-accent)}.author-info em{color:var(--sab-text-muted);font-style:italic}.community-link{margin:0;color:var(--sab-text-muted)}.community-link strong{color:var(--sab-accent)}.community-link a{color:var(--sab-primary-light);text-decoration:none;padding:.25rem .5rem;border-radius:4px;background:#a64d4d1a}.event-banner{margin-bottom:3rem;border-radius:var(--sab-border-radius);overflow:hidden;position:relative;background:var(--sab-bg-card)}.event-banner:before{content:"";position:absolute;inset:0;background:var(--sab-bg-gradient);opacity:.1;z-index:1}.event-banner img{width:100%;height:auto;display:block;object-fit:cover;max-height:400px}.introduction-section{margin:2rem 0}.introduction-section h2{font-size:1.75rem;color:var(--sab-text-light);margin-top:0;margin-bottom:2rem;font-weight:600;text-align:center;background:var(--sab-bg-card);border:1px solid var(--sab-primary);border-radius:var(--sab-border-radius);padding:1.5rem;position:relative;overflow:hidden}.introduction-section h2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sab-bg-gradient)}.intro-paragraph-section{margin:2rem 0}.guide-synopsis{background:var(--sab-bg-card);border:1px solid var(--sab-primary);border-radius:var(--sab-border-radius);padding:2rem;margin:3rem 0;position:relative;overflow:hidden}.guide-synopsis:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sab-bg-gradient)}.guide-synopsis h2{font-size:1.75rem;color:var(--sab-text-light);margin-top:0;margin-bottom:.5rem;font-weight:600}.guide-synopsis .synopsis-subtitle{color:var(--sab-accent);font-size:1.1rem;font-weight:500;margin-bottom:2rem;text-align:center;font-style:italic}.synopsis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.synopsis-card{display:block;background:var(--sab-bg-dark);border:1px solid var(--sab-primary);border-radius:var(--sab-border-radius);padding:1.5rem;text-decoration:none;position:relative;overflow:hidden}.synopsis-title{color:var(--sab-text-light);font-size:1.2rem;font-weight:600;margin-bottom:.5rem;font-family:monospace}.synopsis-card .synopsis-subtitle{color:var(--sab-accent);font-size:1rem;font-weight:500;margin-bottom:1rem;font-family:monospace}.synopsis-description{color:var(--sab-text-muted);font-size:.95rem;line-height:1.6;margin:0}.upcoming-event-notice{background:linear-gradient(135deg,#d4af371a,#d4af370d);border:2px solid var(--sab-accent);border-radius:var(--sab-border-radius);padding:2rem;margin:2rem 0;text-align:center;position:relative;overflow:hidden}.upcoming-event-notice:before{content:"⚡";position:absolute;top:1rem;right:1rem;font-size:2rem;opacity:.3}.upcoming-event-notice h3{color:var(--sab-accent);margin-top:0;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.upcoming-event-notice p{color:var(--sab-text-light);margin:0;font-size:1.2rem;font-weight:500}.content-flow-section{margin:2rem 0}.content-paragraph{background:var(--sab-bg-card);border:1px solid var(--sab-primary);border-radius:var(--sab-border-radius);padding:2rem;margin:1.5rem 0;position:relative;overflow:hidden}.content-paragraph:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sab-bg-gradient)}.content-paragraph p{color:var(--sab-text-muted);line-height:1.8;margin:0;font-size:1.1rem}.guide-image-section{margin:3rem 0;background:var(--sab-bg-card);border-radius:var(--sab-border-radius);border:1px solid var(--sab-primary);overflow:hidden}.guide-image{position:relative;background:var(--sab-bg-card)}.guide-image img{width:100%;height:auto;display:block;object-fit:cover;max-height:600px}.image-description{padding:1.5rem;background:#a64d4d1a;border-top:1px solid var(--sab-primary)}.image-description p{margin:0;color:var(--sab-text-muted);font-style:italic;text-align:center;font-size:1rem}.content-placeholder{padding:2rem;background:var(--sab-bg-dark);border-top:2px solid var(--sab-primary);position:relative}.content-placeholder:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sab-bg-gradient)}.content-placeholder h3{color:var(--sab-accent);font-size:1.4rem;margin:0 0 1rem;font-weight:600}.content-placeholder p{color:var(--sab-text-muted);line-height:1.7;margin:0;font-size:1.05rem;background:#d4af370d;padding:1rem;border-radius:8px;border-left:3px solid var(--sab-accent)}.guide-sections{margin:3rem 0}.guide-section{background:var(--sab-bg-card);border:1px solid var(--sab-primary);border-radius:var(--sab-border-radius);padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.guide-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sab-bg-gradient)}.guide-section h2{font-size:1.5rem;color:var(--sab-text-light);margin-top:0;margin-bottom:1.5rem;font-weight:600;padding-bottom:.75rem;border-bottom:2px solid var(--sab-primary);position:relative}.guide-section h2:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--sab-accent)}.guide-section p{color:var(--sab-text-muted);line-height:1.8;margin-bottom:1.5rem;font-size:1.05rem}.section-content{position:relative}.inline-text{color:var(--sab-text-muted);line-height:1.8;margin-bottom:1rem;font-size:1.05rem}.inline-small-image{margin:1rem 0;text-align:center}.inline-small-image img{max-width:300px;width:100%;height:auto;border-radius:8px;border:1px solid var(--sab-primary);cursor:pointer}.coming-soon{color:var(--sab-text-muted);font-style:italic;text-align:center;padding:3rem;background:#a64d4d0d;border-radius:var(--sab-border-radius);border:2px dashed var(--sab-primary);font-size:1.1rem}.source-info{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:var(--sab-bg-card);border-radius:var(--sab-border-radius);margin:3rem 0;border:1px solid var(--sab-primary);flex-wrap:wrap}.source-link{color:var(--sab-accent);text-decoration:none;border-bottom:1px solid transparent}.source-label{margin:0;color:var(--sab-text-muted);font-size:.95rem}.verified-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#228b2233;color:#90ee90;border:1px solid #90ee90;border-radius:20px;font-size:.85rem;font-weight:600}.verified-badge:before{content:"✓";font-weight:700}.last-updated{color:var(--sab-text-muted);font-size:.85rem;margin:0;opacity:.8}@media (max-width: 1024px),(hover: none) and (pointer: coarse){.event-details-section{padding:1.2rem;margin:1rem}.event-header{padding:1.8rem}.event-title{font-size:2.2rem}.guide-author{padding:1.2rem}.introduction-section h2{padding:1.2rem;font-size:1.6rem}.intro-paragraph-section{margin:1.5rem 0}.upcoming-event-notice,.guide-section,.guide-synopsis{padding:1.8rem}.synopsis-grid{grid-template-columns:1fr;gap:1.2rem}.synopsis-card{padding:1.2rem;min-height:44px}.synopsis-title{font-size:1.15rem}.event-banner img{max-height:280px}.guide-image img{max-height:350px}.guide-image-section{margin:2.2rem 0}.image-description{padding:1.2rem}.content-placeholder{padding:1.8rem}.content-placeholder h3{font-size:1.3rem}.content-flow-section{margin:1.8rem 0}.content-paragraph{padding:1.8rem;margin:1.2rem 0}.content-paragraph p{font-size:1.05rem}.inline-small-image img{max-width:280px}.inline-text{font-size:1.05rem}.source-info{flex-direction:column;gap:1rem;align-items:flex-start;padding:1.8rem}}@media (max-width: 480px){.event-details-section{padding:1rem;margin:.5rem}.event-header{padding:1.5rem}.event-title{font-size:2rem}.guide-author{padding:1rem}.introduction-section h2{padding:1rem;font-size:1.5rem}.upcoming-event-notice,.guide-section,.guide-synopsis{padding:1.5rem}.synopsis-card{padding:1rem}.synopsis-title{font-size:1.1rem}.event-banner img{max-height:250px}.guide-image img{max-height:300px}.content-placeholder{padding:1.5rem}.content-placeholder h3{font-size:1.2rem}.content-paragraph{padding:1.5rem;margin:1rem 0}.content-paragraph p{font-size:1rem}.inline-small-image img{max-width:250px}.inline-text{font-size:1rem}.source-info{padding:1.5rem;gap:.75rem}}@media (prefers-color-scheme: dark){:root{--sab-bg-dark: #0a0a0a;--sab-bg-card: #1f1f1f;--sab-text-light: #ffffff;--sab-text-muted: #b8b8b8}}
