@font-face{font-family:Montserrat;font-display:swap;src:local("Montserrat")}:root{--color-white: #ffffff;--text-white-high: rgba(255, 255, 255, .95);--text-white-medium: rgba(255, 255, 255, .7);--text-white-low: rgba(255, 255, 255, .5);--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-retro: "Press Start 2P", monospace, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;--font-mono: "Monaco", "Menlo", "Ubuntu Mono", monospace;--modal-font-title: 36px;--modal-font-section-title: 18px;--modal-font-body: 14px;--modal-font-body-large: 15px;--modal-font-label: 12px;--modal-font-small: 13px;--modal-font-tag: 14px;--modal-font-meta: 13px;--tag-font-size-desktop: .8rem;--tag-font-size-tablet: .75rem;--tag-font-size-mobile: .7rem;--tag-padding-desktop: 8px 12px;--tag-padding-tablet: 6px 10px;--tag-padding-mobile: 5px 8px;--tag-height-desktop: auto;--tag-height-tablet: auto;--tag-height-mobile: auto;--tag-max-width-desktop: none;--tag-max-width-tablet: 120px;--tag-max-width-mobile: 90px;--transition-fast: .2s;--transition-normal: .3s;--transition-slow: .5s;--transition-easing: cubic-bezier(.23, 1, .32, 1);--transition-easing-bounce: cubic-bezier(.34, 1.56, .64, 1);--text-shadow-heading: 0 2px 8px rgba(0, 0, 0, .6);--text-shadow-body: 0 2px 8px rgba(0, 0, 0, .6);--text-shadow-tag: 0 1px 3px rgba(0, 0, 0, .5);--text-shadow-button: 0 1px 3px rgba(0, 0, 0, .3);--box-shadow-tag-base: 0 4px 12px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255, 255, 255, .1);--box-shadow-glass-light: 0 6px 20px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .15);--box-shadow-glass-strong: 0 8px 32px rgba(0, 0, 0, .15);--box-shadow-button: 0 4px 15px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .2);--z-base: 1;--z-content: 10;--z-dropdown: 50;--z-sticky: 100;--z-overlay: 500;--z-modal: 1000;--z-toast: 2000;--primary: #4a6cf7;--primary-rgb: 74, 108, 247;--secondary: #f72585;--secondary-rgb: 247, 37, 133;--dark: #121212;--light: #f9f9f9;--gray: #8f8f8f;--bg-light-val: 249, 249, 249;--bg-dark-val: 18, 18, 18;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #28a745;--success-rgb: 40, 167, 69;--danger: #dc3545;--danger-rgb: 220, 53, 69;--warning: #ffc107;--warning-rgb: 255, 193, 7;--info: #17a2b8;--info-rgb: 23, 162, 184;--platform-playstation: #0070d1;--platform-xbox: #107c10;--platform-nintendo: #e60012;--platform-pc: #4f545c;--platform-windows: #0078d4;--platform-linux: #DD4814;--platform-mac: #999999;--platform-ios: #007AFF;--platform-android: #A4C639;--platform-mobile: #ff9900;--platform-web: var(--info);--platform-generic: var(--gray-500);--hltb-color: #C084FC;--dominant-color: rgba(255, 255, 255, .08);--dominant-color-dark: rgba(0, 0, 0, .15);--dominant-border-color: rgba(255, 255, 255, .12);--dominant-border-color-dark: rgba(255, 255, 255, .08);--dominant-glow-color: rgba(255, 255, 255, .2);--dominant-color-rgb: 255, 255, 255;--dominant-color-hover: rgba(255, 255, 255, .2);--text-dark: var(--gray-200);--text-dark-rgb: 229, 231, 235;--bg-light: #23282f;--bg-light-rgb: 35, 40, 47;--card-bg-light: #2a313c;--border-light: #3d4654;--border-subtle-light: #343b48;--input-bg-light: #2a313c;--input-text-light: var(--gray-200);--input-border-light: #3d4654;--input-placeholder-light: var(--gray-500);--text-light: var(--gray-300);--text-light-rgb: 209, 213, 219;--bg-dark: #0a0a0a;--bg-dark-rgb: 10, 10, 10;--card-bg-dark: #151515;--border-dark: #252525;--border-subtle-dark: #1a1a1a;--button-ref-bg-dark: #1a1a1a;--button-ref-text-dark: var(--gray-300);--button-ref-border-dark: #252525;--button-ref-hover-bg-dark: #252525;--button-ref-active-bg-dark: #151515;--input-bg-dark: #151515;--input-text-dark: var(--gray-300);--input-border-dark: #252525;--input-placeholder-dark: var(--gray-600);--shadow-xs: 0 1px 2px 0 rgba(0,0,0,.03);--shadow-sm: 0 1px 3px 0 rgba(0,0,0,.05),0 1px 2px -1px rgba(0,0,0,.04);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.06),0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.07),0 4px 6px -4px rgba(0,0,0,.06);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.08),0 8px 10px -6px rgba(0,0,0,.07);--shadow-dark-xs: 0 1px 2px 0 rgba(0,0,0,.1);--shadow-dark-sm: 0 1px 3px 0 rgba(0,0,0,.15),0 1px 2px -1px rgba(0,0,0,.12);--shadow-dark-md: 0 4px 6px -1px rgba(0,0,0,.2),0 2px 4px -2px rgba(0,0,0,.18);--shadow-dark-lg: 0 10px 15px -3px rgba(0,0,0,.2),0 4px 6px -4px rgba(0,0,0,.18);--shadow-dark-xl: 0 20px 25px -5px rgba(0,0,0,.22),0 8px 10px -6px rgba(0,0,0,.2);--focus-ring-width: 3px;--focus-ring-color: var(--primary);--transition-speed: .2s;--transition-speed-fast: .15s;--transition-speed-slow: .3s;--transition-timing: ease-in-out;--transition-timing-smooth: cubic-bezier(.4,0,.2,1);--transition-standard: all var(--transition-speed) var(--transition-timing);--transition-smooth: all var(--transition-speed-slow) var(--transition-timing-smooth);--border-radius-xs: 4px;--border-radius-sm: 6px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius-full: 50%;--card-border-radius: var(--border-radius-sm);--button-border-radius: var(--border-radius-sm);--input-border-radius: var(--border-radius-sm);--filter-border-radius: var(--border-radius-sm);--calendar-border-radius: var(--border-radius-sm);--tag-border-radius: var(--border-radius-sm);--image-aspect-ratio: 3 / 4;--container-max-width: 1272px;--container-padding: 16px;--space-xxl: 40px;--space-xl: 32px;--space-lg: 24px;--space-md: 16px;--space-sm: 12px;--space-xs: 8px;--section-gap: 26px;--store-steam: #1b2838;--store-epic: #121212;--store-gog: #8a43a3;--store-playstation: #0070d1;--store-xbox: #107c10;--store-nintendo: #e60012;--store-apple: #007AFF;--store-googleplay: #A4C639;--store-itch: #fa5c5c;--store-ubisoft: #0078f2;--store-ea: #ff1e00;--store-origin: #ff6a00;--store-microsoft: #00a4ef;--store-humble: #cc2929;--store-battlenet: #0099ff;--store-bethesda: #c52026;--store-rockstar: #fcaf17;--store-paradox: #e2001a;--genre-action: #e53935;--genre-adventure: #e65100;--genre-rpg: #8e24aa;--genre-strategy: #1565c0;--genre-simulation: #43a047;--genre-sport: #00897b;--genre-puzzle: #f57f17;--genre-racing: #d32f2f;--genre-shooter: #546e7a;--genre-platformer: #c2185b;--genre-fighting: #d81b60;--genre-horror: #5e35b1;--genre-indie: #6d4c41;--genre-other: #757575;--genre-music: #00bcd4;--genre-tactical: #00695c;--genre-hacknslash: #c62828;--genre-quiz: #ffb300;--genre-pinball: #7e57c2;--genre-arcade: #00c853;--genre-visual-novel: #ab47bc;--genre-cardboard: #8d6e63;--genre-moba: #009688;--genre-realtime-strategy: #1976d2;--genre-turnbased-strategy: #5c6bc0;--genre-shmup: #00acc1;--genre-party: #ff7043;--genre-boardgame: #bcaaa4;--genre-educational: #388e3c;--genre-sandbox: #afb42b;--genre-survival: #455a64;--genre-stealth: #263238;--genre-puzzle-platformer: #ffd600;--genre-battle-royale: #ff1744;--genre-metroidvania: #6a1b9a;--genre-roguelike: #37474f;--genre-tower-defense: #8bc34a;--genre-city-builder: #ff8a65;--genre-tycoon: #ffb74d;--genre-open-world: #43a047;--genre-pointnclick: #ffb300;--genre-text: #90a4ae;--genre-dating: #f06292;--genre-casual: #bdbdbd;--genre-shooter-tactical: #263238;--genre-fps: #607d8b;--genre-tps: #8d6e63;--genre-platform-fighter: #d81b60;--genre-brawler: #c62828;--genre-runner: #00bcd4;--genre-puzzle-adventure: #fbc02d;--genre-mmorpg: #8e24aa;--genre-mmo: #3949ab;--genre-rhythm: #00bcd4;--genre-vehicular: #3949ab;--genre-shooter-rail: #546e7a;--genre-roguelite: #37474f;--genre-deckbuilder: #8d6e63;--genre-auto-battler: #009688;--glass-blur: 8px;--glass-blur-intense: 12px;--glass-blur-modal: 20px;--glass-saturate: 1.2;--glass-saturate-intense: 1.3;--glass-bg: rgba(255, 255, 255, .1);--glass-bg-dark: rgba(0, 0, 0, .15);--glass-border: rgba(255, 255, 255, .15);--glass-border-dark: rgba(255, 255, 255, .08);--glass-transition: all var(--transition-speed-slow) var(--transition-timing-smooth);--glass-backdrop: blur(var(--glass-blur)) saturate(var(--glass-saturate));--glass-backdrop-intense: blur(var(--glass-blur-intense)) saturate(var(--glass-saturate-intense));--glass-backdrop-modal: blur(var(--glass-blur-modal)) saturate(var(--glass-saturate));--modal-bg: rgba(0, 0, 0, .7);--modal-backdrop: blur(var(--glass-blur-modal));--modal-border-radius: var(--border-radius-lg);--modal-shadow: var(--shadow-xl);--modal-max-width: 90vw;--modal-width: 800px;--modal-max-height: 90vh;--modal-transition-duration: var(--transition-speed-slow);--modal-transition-timing: var(--transition-timing-smooth);--modal-body-padding: 30px;--modal-close-size: 36px;--card-glass-bg: rgba(255, 255, 255, .08);--card-glass-border: rgba(255, 255, 255, .12);--card-glass-backdrop: var(--glass-backdrop);--card-glass-shadow: var(--shadow-sm);--card-transition: var(--transition-smooth);--card-hover-transform: translateY(-2px) scale(1.02);--card-hover-shadow: var(--shadow-lg);--btn-height-sm: 32px;--btn-height-md: 40px;--btn-height-lg: 48px;--btn-padding-sm: 8px 12px;--btn-padding-md: 12px 16px;--btn-padding-lg: 16px 24px;--btn-font-size-sm: 12px;--btn-font-size-md: 14px;--btn-font-size-lg: 16px;--badge-height: 30px;--badge-padding: 6px 10px;--badge-border-radius: 6px;--badge-font-size: 12px;--badge-font-weight: 700;--badge-gap: 4px;--tag-height-sm: 24px;--tag-height-md: 40px;--tag-height-lg: 40px;--tag-padding-sm: 4px 8px;--tag-padding-md: 6px 12px;--tag-padding-lg: 8px 16px;--tag-font-size-sm: 11px;--tag-font-size-md: 12px;--tag-font-size-lg: 14px;--header-height: 70px;--header-backdrop-blur-amount: 12px;--menu-z-index: 1000;--search-z-index: 1010;--dropdown-z-index: 950;--header-z-index: 1100;--header-logo-z-index: 1102;--toast-z-index: 1150;--modal-z-index: 1200;--ticker-anecdote-bg: rgba(59, 130, 246, .22);--ticker-anecdote-border: rgba(59, 130, 246, .45);--ticker-anecdote-text: rgba(147, 197, 253, .95);--ticker-code-bg: rgba(16, 185, 129, .22);--ticker-code-border: rgba(16, 185, 129, .45);--ticker-code-text: rgba(110, 231, 183, .95);--ticker-histoire-bg: rgba(168, 85, 247, .22);--ticker-histoire-border: rgba(168, 85, 247, .45);--ticker-histoire-text: rgba(216, 180, 254, .95);--ticker-trivia-bg: rgba(245, 158, 11, .22);--ticker-trivia-border: rgba(245, 158, 11, .45);--ticker-trivia-text: rgba(253, 230, 138, .95);--ticker-citation-bg: rgba(236, 72, 153, .22);--ticker-citation-border: rgba(236, 72, 153, .45);--ticker-citation-text: rgba(251, 207, 232, .95);--ticker-fun-bg: rgba(99, 102, 241, .22);--ticker-fun-border: rgba(99, 102, 241, .45);--ticker-fun-text: rgba(199, 210, 254, .95);--calendar-transition: var(--transition-smooth);--calendar-day-size: 40px;--calendar-grid-gap: 4px;--calendar-nav-height: 50px;--animation-duration-fast: .15s;--animation-duration-normal: .3s;--animation-duration-slow: .5s;--animation-timing: var(--transition-timing-smooth);--btn-action-follow: rgba(59, 130, 246, .25);--btn-action-follow-hover: rgba(59, 130, 246, .35);--btn-action-follow-border: rgba(59, 130, 246, .4);--btn-action-follow-shadow: rgba(59, 130, 246, .2);--btn-action-follow-shadow-hover: rgba(59, 130, 246, .3);--btn-action-share: rgba(168, 85, 247, .25);--btn-action-share-hover: rgba(168, 85, 247, .35);--btn-action-share-border: rgba(168, 85, 247, .4);--btn-action-share-shadow: rgba(168, 85, 247, .2);--btn-action-share-shadow-hover: rgba(168, 85, 247, .3);--score-metacritic: #8B4513;--score-metacritic-hover: #A0522D;--score-opencritic: #FF4500;--score-opencritic-hover: #FF6347;--score-hltb: #C084FC;--score-hltb-hover: #D19CFF;--metacritic-bg-high: rgba(40, 167, 69, .25);--metacritic-bg-medium: rgba(255, 193, 7, .25);--metacritic-bg-low: rgba(220, 53, 69, .25);--metacritic-border-high: rgba(40, 167, 69, .4);--metacritic-border-medium: rgba(255, 193, 7, .4);--metacritic-border-low: rgba(220, 53, 69, .4);--metacritic-shadow-high: rgba(40, 167, 69, .2);--metacritic-shadow-medium: rgba(255, 193, 7, .2);--metacritic-shadow-low: rgba(220, 53, 69, .2);--glass-bg-subtle: rgba(255, 255, 255, .04);--glass-bg-subtle-dark: rgba(0, 0, 0, .1);--glass-border-subtle: rgba(255, 255, 255, .08);--glass-border-subtle-dark: rgba(255, 255, 255, .04);--glass-backdrop-subtle: blur(8px) saturate(1.2);--glass-shadow-subtle: 0 4px 12px rgba(31, 42, 55, .05), 0 2px 6px rgba(31, 42, 55, .03), inset 0 1px 0 rgba(255, 255, 255, .05);--glass-shadow-subtle-dark: 0 4px 16px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .02);--glass-bg-medium: rgba(255, 255, 255, .06);--glass-bg-medium-dark: rgba(0, 0, 0, .15);--glass-border-medium: rgba(255, 255, 255, .12);--glass-border-medium-dark: rgba(255, 255, 255, .06);--glass-backdrop-medium: blur(16px) saturate(1.4);--glass-shadow-medium: 0 8px 24px rgba(31, 42, 55, .08), 0 4px 12px rgba(31, 42, 55, .06), inset 0 1px 0 rgba(255, 255, 255, .08);--glass-shadow-medium-dark: 0 8px 32px rgba(0, 0, 0, .4), 0 4px 16px rgba(0, 0, 0, .3), 0 2px 8px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .03);--glass-bg-strong: rgba(255, 255, 255, .08);--glass-bg-strong-dark: rgba(0, 0, 0, .25);--glass-border-strong: rgba(255, 255, 255, .15);--glass-border-strong-dark: rgba(255, 255, 255, .08);--glass-backdrop-strong: blur(24px) saturate(1.6);--glass-shadow-strong: 0 12px 40px rgba(31, 42, 55, .12), 0 6px 20px rgba(31, 42, 55, .08), 0 3px 10px rgba(31, 42, 55, .06), inset 0 1px 0 rgba(255, 255, 255, .12);--glass-shadow-strong-dark: 0 12px 48px rgba(0, 0, 0, .5), 0 6px 24px rgba(0, 0, 0, .4), 0 3px 12px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .05);--glass-shadow-hover: 0 12px 40px rgba(var(--primary-rgb), .5), 0 6px 20px rgba(0, 0, 0, .15), 0 3px 12px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .12);--glass-shadow-hover-dark: 0 12px 40px rgba(var(--primary-rgb), .5), 0 6px 20px rgba(0, 0, 0, .3), 0 3px 12px rgba(0, 0, 0, .25), inset 0 1px 0 rgba(255, 255, 255, .06);--glass-transition: all var(--transition-normal) var(--transition-easing);--glass-transform-hover: translateY(-2px);--glass-transform-active: translateY(0);--unified-glass-bg: var(--glass-bg-medium);--unified-glass-bg-dark: var(--glass-bg-medium-dark);--unified-glass-border: var(--glass-border-medium);--unified-glass-border-dark: var(--glass-border-medium-dark);--unified-glass-backdrop: var(--glass-backdrop-medium);--unified-glass-shadow: var(--glass-shadow-medium);--unified-glass-shadow-dark: var(--glass-shadow-medium-dark);--unified-glass-shadow-hover: var(--glass-shadow-hover);--unified-transition: var(--glass-transition);--unified-transform-hover: var(--glass-transform-hover);--unified-transform-active: var(--glass-transform-active);--tag-base-height: 40px;--tag-base-padding: 8px 12px;--tag-base-font-size: 14px;--tag-base-font-weight: 600;--tag-base-border-radius: 6px;--tag-base-gap: 6px;--tag-genre-action: rgba(229, 57, 53, .35);--tag-genre-adventure: rgba(230, 81, 0, .35);--tag-genre-rpg: rgba(142, 36, 170, .35);--tag-genre-strategy: rgba(57, 73, 171, .35);--tag-genre-simulation: rgba(67, 160, 71, .35);--tag-genre-sport: rgba(255, 152, 0, .35);--tag-genre-puzzle: rgba(251, 192, 45, .35);--tag-genre-racing: rgba(244, 67, 54, .35);--tag-genre-shooter: rgba(96, 125, 139, .35);--tag-genre-platformer: rgba(0, 188, 212, .35);--tag-genre-fighting: rgba(216, 27, 96, .35);--tag-genre-horror: rgba(55, 71, 79, .35);--tag-genre-indie: rgba(121, 85, 72, .35);--tag-genre-shooter-tactical: rgba(38, 50, 56, .9);--tag-genre-fps: rgba(96, 125, 139, .9);--tag-genre-tps: rgba(141, 110, 99, .9);--tag-genre-platform-fighter: rgba(216, 27, 96, .9);--tag-genre-brawler: rgba(198, 40, 40, .9);--tag-genre-runner: rgba(0, 188, 212, .9);--tag-genre-puzzle-adventure: rgba(251, 192, 45, .9);--tag-genre-mmorpg: rgba(142, 36, 170, .9);--tag-genre-mmo: rgba(57, 73, 171, .9);--tag-genre-rhythm: rgba(0, 188, 212, .9);--tag-genre-vehicular: rgba(57, 73, 171, .9);--tag-genre-shooter-rail: rgba(84, 110, 122, .9);--tag-genre-roguelite: rgba(55, 71, 79, .9);--tag-genre-deckbuilder: rgba(141, 110, 99, .9);--tag-genre-auto-battler: rgba(0, 150, 136, .9);--tag-platform-playstation: rgba(0, 112, 209, .35);--tag-platform-xbox: rgba(16, 124, 16, .35);--tag-platform-nintendo: rgba(230, 0, 18, .35);--tag-platform-pc: rgba(79, 84, 92, .35);--tag-platform-windows: rgba(0, 120, 212, .35);--tag-platform-linux: rgba(221, 72, 20, .35);--tag-platform-mac: rgba(153, 153, 153, .35);--tag-platform-ios: rgba(0, 122, 255, .35);--tag-platform-android: rgba(164, 198, 57, .35);--tag-platform-mobile: rgba(255, 153, 0, .35);--tag-platform-web: rgba(23, 162, 184, .35);--tag-platform-generic: rgba(107, 114, 128, .35);--tag-store-steam: rgba(27, 40, 56, .35);--tag-store-epic: rgba(18, 18, 18, .35);--tag-store-gog: rgba(138, 67, 163, .35);--tag-store-playstation: rgba(0, 112, 209, .35);--tag-store-xbox: rgba(16, 124, 16, .35);--tag-store-nintendo: rgba(230, 0, 18, .35);--tag-store-apple: rgba(0, 122, 255, .35);--tag-store-googleplay: rgba(164, 198, 57, .35);--tag-store-itch: rgba(250, 92, 92, .35);--tag-store-ubisoft: rgba(0, 120, 242, .35);--tag-store-ea: rgba(255, 30, 0, .35);--tag-store-origin: rgba(255, 106, 0, .35);--tag-store-microsoft: rgba(0, 164, 239, .35);--tag-store-humble: rgba(204, 41, 41, .35);--tag-store-battlenet: rgba(0, 153, 255, .35);--tag-store-bethesda: rgba(197, 32, 38, .35);--tag-store-rockstar: rgba(252, 175, 23, .35);--tag-store-paradox: rgba(226, 0, 26, .35);--unified-shine-effect: linear-gradient(90deg, transparent, rgba(255, 255, 255, .3), transparent);--unified-shine-transition: transform .6s ease;--unified-icon-shine-effect: linear-gradient(90deg, transparent, rgba(255, 255, 255, .8), transparent);--unified-icon-shine-transition: transform .8s ease}
