.cookie-consent-banner {position: fixed;bottom: 0;left: 0;right: 0;background: var(--bg-secondary, #ffffff);border-top: 2px solid var(--primary-color, #007bff);box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);z-index: 10000;padding: 12px 15px;transform: translateY(100%);transition: transform 0.3s ease-in-out;max-height: 50vh;overflow-y: auto;}.cookie-consent-banner.show {transform: translateY(0);}.cookie-consent-banner__container {max-width: 1200px;margin: 0 auto;display: flex;flex-direction: column;gap: 12px;}.cookie-consent-banner__content {display: flex;gap: 10px;align-items: flex-start;}.cookie-consent-banner__icon {font-size: 1.25rem;color: var(--primary-color, #007bff);flex-shrink: 0;margin-top: 2px;}.cookie-consent-banner__text {flex: 1;}.cookie-consent-banner__title {font-size: 0.9rem;font-weight: 600;margin: 0 0 3px 0;color: var(--text-primary, #333);}.cookie-consent-banner__description {font-size: 0.8rem;line-height: 1.4;margin: 0;color: var(--text-secondary, #666);}.cookie-consent-banner__link {color: var(--primary-color, #007bff);text-decoration: underline;margin-left: 4px;}.cookie-consent-banner__link:hover {text-decoration: none;}.cookie-consent-banner__actions {display: flex;gap: 8px;flex-wrap: wrap;justify-content: flex-end;}.cookie-consent-banner__btn {padding: 5px 12px;border: none;border-radius: 4px;font-size: 0.8rem;font-weight: 500;cursor: pointer;transition: all 0.2s ease;white-space: nowrap;}.cookie-consent-banner__btn--reject {background: var(--bg-tertiary, #f5f5f5);color: var(--text-primary, #333);}.cookie-consent-banner__btn--reject:hover {background: var(--bg-hover, #e0e0e0);}.cookie-consent-banner__btn--settings {background: transparent;color: var(--primary-color, #007bff);border: 1px solid var(--primary-color, #007bff);}.cookie-consent-banner__btn--settings:hover {background: var(--primary-color, #007bff);color: #fff;}.cookie-consent-banner__btn--accept {background: var(--primary-color, #007bff);color: #fff;}.cookie-consent-banner__btn--accept:hover {background: var(--primary-hover, #0056b3);transform: translateY(-1px);box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);}.cookie-settings-modal {display: none;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 10001;align-items: center;justify-content: center;padding: 20px;}.cookie-settings-modal[inert] {pointer-events: none;}.cookie-settings-modal[inert] * {pointer-events: none;}.cookie-settings-modal.show {display: flex;}.cookie-settings-modal__overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);backdrop-filter: blur(4px);}.cookie-settings-modal__content {position: relative;background: var(--bg-secondary, #ffffff);border-radius: 12px;max-width: 600px;width: 100%;max-height: 90vh;display: flex;flex-direction: column;box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);z-index: 1;}.cookie-settings-modal__header {display: flex;justify-content: space-between;align-items: center;padding: 15px;border-bottom: 1px solid var(--border-color, #e0e0e0);}.cookie-settings-modal__title {font-size: 1.2rem;font-weight: 600;margin: 0;color: var(--text-primary, #333);}.cookie-settings-modal__close {background: none;border: none;font-size: 1.5rem;color: var(--text-secondary, #666);cursor: pointer;padding: 5px;line-height: 1;transition: color 0.2s ease;}.cookie-settings-modal__close:hover {color: var(--text-primary, #333);}.cookie-settings-modal__body {padding: 15px;overflow-y: auto;flex: 1;}.cookie-settings-modal__description {font-size: 0.85rem;line-height: 1.5;color: var(--text-secondary, #666);margin: 0 0 15px 0;}.cookie-settings-modal__categories {display: flex;flex-direction: column;gap: 10px;}.cookie-settings-category {padding: 12px;border: 1px solid var(--border-color, #e0e0e0);border-radius: 6px;background: var(--bg-primary, #fafafa);}.cookie-settings-category__header {display: flex;justify-content: space-between;align-items: flex-start;gap: 15px;}.cookie-settings-category__info {flex: 1;}.cookie-settings-category__title {font-size: 0.95rem;font-weight: 600;margin: 0 0 6px 0;color: var(--text-primary, #333);}.cookie-settings-category__description {font-size: 0.8rem;line-height: 1.4;margin: 0;color: var(--text-secondary, #666);}.cookie-settings-category__toggle {flex-shrink: 0;}.cookie-settings-modal__footer {padding: 15px;border-top: 1px solid var(--border-color, #e0e0e0);display: flex;justify-content: flex-end;}.cookie-settings-modal__btn {padding: 8px 18px;border: none;border-radius: 5px;font-size: 0.9rem;font-weight: 500;cursor: pointer;transition: all 0.2s ease;}.cookie-settings-modal__btn--save {background: var(--primary-color, #007bff);color: #fff;}.cookie-settings-modal__btn--save:hover {background: var(--primary-hover, #0056b3);transform: translateY(-1px);box-shadow: 0 4px 8px rgba(0, 123, 255, 0.3);}.toggle-switch {position: relative;display: inline-block;width: 50px;height: 26px;cursor: pointer;}.toggle-switch input {opacity: 0;width: 0;height: 0;}.toggle-slider {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;transition: 0.3s;border-radius: 26px;}.toggle-slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 3px;bottom: 3px;background-color: white;transition: 0.3s;border-radius: 50%;}input:checked + .toggle-switch .toggle-slider,.toggle-switch input:checked ~ .toggle-slider {background-color: var(--primary-color, #007bff);}input:checked + .toggle-switch .toggle-slider:before,.toggle-switch input:checked ~ .toggle-slider:before {transform: translateX(24px);}input:disabled + .toggle-switch .toggle-slider,.toggle-switch input:disabled ~ .toggle-slider {background-color: #999;cursor: not-allowed;}@media (max-width: 768px) {.cookie-consent-banner {padding: 8px 10px;max-height: 35vh;}.cookie-consent-banner__container {gap: 8px;}.cookie-consent-banner__content {flex-direction: row;gap: 6px;}.cookie-consent-banner__icon {font-size: 1rem;margin-top: 1px;}.cookie-consent-banner__title {font-size: 0.85rem;margin-bottom: 2px;}.cookie-consent-banner__description {font-size: 0.75rem;line-height: 1.3;}.cookie-consent-banner__actions {flex-direction: row;gap: 5px;justify-content: stretch;}.cookie-consent-banner__btn {flex: 1;padding: 5px 8px;font-size: 0.75rem;min-width: 0;}.cookie-settings-modal {padding: 10px;}.cookie-settings-modal__content {max-width: 100%;margin: 0;border-radius: 0;max-height: 100vh;}.cookie-settings-modal__header {padding: 12px;}.cookie-settings-modal__title {font-size: 1rem;}.cookie-settings-modal__body {padding: 12px;}.cookie-settings-modal__description {font-size: 0.8rem;margin-bottom: 12px;}.cookie-settings-modal__categories {gap: 8px;}.cookie-settings-category {padding: 10px;}.cookie-settings-category__header {flex-direction: column;gap: 10px;}.cookie-settings-category__title {font-size: 0.85rem;margin-bottom: 4px;}.cookie-settings-category__description {font-size: 0.75rem;line-height: 1.3;}.cookie-settings-modal__footer {padding: 12px;}.cookie-settings-modal__btn {padding: 7px 16px;font-size: 0.85rem;}}*,*::before,*::after {box-sizing: border-box;margin: 0;padding: 0;}html {-webkit-text-size-adjust: 100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}body {font-family: var(--font-family-base);font-size: var(--font-size-base);line-height: var(--line-height-normal);color: var(--text-primary);background-color: var(--bg-primary);min-height: auto; }h1, h2, h3, h4, h5, h6,p, blockquote, pre,ul, ol, dl, dd,figure, figcaption {margin: 0;}ul, ol {list-style: none;}a {text-decoration: none;color: var(--link-color);transition: color var(--transition-fast);}a:hover {color: var(--link-color-hover);}a:focus {outline: 2px solid var(--color-primary);outline-offset: 2px;}img,picture,video,canvas,svg {display: block;max-width: 100%;height: auto;}input,button,textarea,select {font: inherit;color: inherit;}button {cursor: pointer;border: none;background: none;padding: 0;}button:disabled {cursor: not-allowed;opacity: 0.6;}.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border-width: 0;}input:focus,textarea:focus,select:focus {outline: 2px solid var(--color-primary);outline-offset: 2px;}table {border-collapse: collapse;border-spacing: 0;}button,[type="button"],[type="reset"],[type="submit"] {appearance: button;-webkit-appearance: button;}[hidden] {display: none !important;}:root {--color-primary: #2563eb;--color-primary-dark: #1e40af;--color-primary-light: #3b82f6;--color-secondary: #64748b;--color-secondary-dark: #475569;--color-secondary-light: #94a3b8;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-hover: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-color: #e2e8f0;--border-color-light: #f1f5f9;--border-color-dark: #cbd5e1;--link-color: #2563eb;--link-color-hover: #1e40af;--link-color-visited: #7c3aed;--spacing-xs: 0.25rem; --spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem; --spacing-3xl: 4rem; --font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--font-family-heading: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;--font-family-mono: 'Courier New', Courier, monospace;--font-size-xs: 0.75rem;--font-size-sm: 0.875rem;--font-size-base: 1rem; --font-size-lg: 1.125rem; --font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem; --font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: 0.25rem; --radius-md: 0.375rem;--radius-lg: 0.5rem;--radius-xl: 0.75rem; --radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--transition-fast: 150ms ease-in-out;--transition-base: 200ms ease-in-out;--transition-slow: 300ms ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--container-max-width: 1000px;--container-padding: var(--spacing-md);--header-height: 64px;--top-header-height: 40px; --header-bg: var(--bg-primary);--header-border: var(--border-color);--footer-bg: var(--bg-secondary);--footer-text: var(--text-secondary);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;}[data-theme="dark"] {--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-light: #60a5fa;--color-secondary: #94a3b8;--color-secondary-dark: #64748b;--color-secondary-light: #cbd5e1;--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-hover: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-muted: #64748b;--text-inverse: #0f172a;--border-color: #334155;--border-color-light: #475569;--border-color-dark: #1e293b;--link-color: #60a5fa;--link-color-hover: #3b82f6;--link-color-visited: #a78bfa;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.4), 0 10px 10px -5px rgba(0, 0, 0, 0.3);--header-bg: var(--bg-secondary);--header-border: var(--border-color);--footer-bg: var(--bg-secondary);--footer-text: var(--text-secondary);}h1, h2, h3, h4, h5, h6 {font-family: var(--font-family-heading);font-weight: var(--font-weight-bold);line-height: var(--line-height-tight);color: var(--text-primary);margin-bottom: var(--spacing-md);}h1 {font-size: var(--font-size-4xl);font-weight: var(--font-weight-bold);}h2 {font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);}h3 {font-size: var(--font-size-2xl);font-weight: var(--font-weight-semibold);}h4 {font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);}h5 {font-size: var(--font-size-lg);font-weight: var(--font-weight-medium);}h6 {font-size: var(--font-size-base);font-weight: var(--font-weight-medium);}p {margin-bottom: var(--spacing-md);color: var(--text-primary);}.text-xs {font-size: var(--font-size-xs);}.text-sm {font-size: var(--font-size-sm);}.text-base {font-size: var(--font-size-base);}.text-lg {font-size: var(--font-size-lg);}.text-xl {font-size: var(--font-size-xl);}.text-2xl {font-size: var(--font-size-2xl);}.text-3xl {font-size: var(--font-size-3xl);}.text-4xl {font-size: var(--font-size-4xl);}.font-normal {font-weight: var(--font-weight-normal);}.font-medium {font-weight: var(--font-weight-medium);}.font-semibold {font-weight: var(--font-weight-semibold);}.font-bold {font-weight: var(--font-weight-bold);}.text-primary {color: var(--text-primary);}.text-secondary {color: var(--text-secondary);}.text-tertiary {color: var(--text-tertiary);}.text-muted {color: var(--text-muted);}.text-inverse {color: var(--text-inverse);}.text-left {text-align: left;}.text-center {text-align: center;}.text-right {text-align: right;}.leading-tight {line-height: var(--line-height-tight);}.leading-normal {line-height: var(--line-height-normal);}.leading-relaxed {line-height: var(--line-height-relaxed);}.uppercase {text-transform: uppercase;}.lowercase {text-transform: lowercase;}.capitalize {text-transform: capitalize;}.underline {text-decoration: underline;}.no-underline {text-decoration: none;}.truncate {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.line-clamp-2 {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.line-clamp-3 {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.page-wrapper {position: relative; width: 100%;min-height: auto; display: flex;flex-direction: column;}.container {width: 100%;max-width: var(--container-max-width);margin-left: auto;margin-right: auto;padding-left: var(--container-padding);padding-right: var(--container-padding);box-sizing: border-box;}.container-sm {max-width: 640px;}.container-md {max-width: 768px;}.container-lg {max-width: 1024px;}.container-xl {max-width: 1280px;}.container-2xl {max-width: 1536px;}.main-content {position: relative;z-index: 1; width: 100%;flex: 0 0 auto; min-height: auto; padding-top: var(--spacing-lg); padding-bottom: 0; position: relative;display: flex;flex-direction: column;align-items: center; }.main-content .content-container {width: 100%;max-width: var(--container-max-width);margin: 0 auto var(--spacing-sm) auto; padding-top: var(--spacing-lg);padding-bottom: 0;padding-left: var(--container-padding);padding-right: var(--container-padding);background-color: var(--bg-primary); border-radius: var(--radius-lg);box-shadow: var(--shadow-md);position: relative;z-index: 10;box-sizing: border-box; flex: 0 0 auto; display: flex;flex-direction: column;align-items: stretch; transition: box-shadow var(--transition-base), transform var(--transition-base), opacity var(--transition-base);opacity: 0;transform: translateY(20px);animation: fadeInUp 0.6s ease-out forwards;}.content-container .auth-page {flex: 0 0 auto;}@keyframes fadeInUp {from {opacity: 0;transform: translateY(20px);}to {opacity: 1;transform: translateY(0);}}.main-content .content-container.is-visible {opacity: 1;transform: translateY(0);}.main-content .content-container:hover {box-shadow: var(--shadow-lg);transform: translateY(-2px);}.loading-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);backdrop-filter: blur(4px);display: none;align-items: center;justify-content: center;z-index: var(--z-modal);opacity: 0;transition: opacity var(--transition-base);}.loading-overlay.active {display: flex;opacity: 1;}.loading-spinner {display: flex;flex-direction: column;align-items: center;gap: var(--spacing-md);color: var(--text-inverse);}.spinner {width: 48px;height: 48px;border: 4px solid rgba(255, 255, 255, 0.3);border-top-color: var(--text-inverse);border-radius: 50%;animation: spin 0.8s linear infinite;}@keyframes spin {to {transform: rotate(360deg);}}.loading-text {font-size: var(--font-size-base);font-weight: var(--font-weight-medium);}[data-theme="dark"] .content-container {background-color: var(--bg-secondary); }.container-fluid {width: 100%;padding-left: var(--container-padding);padding-right: var(--container-padding);}.flex {display: flex;}.flex-col {flex-direction: column;}.flex-row {flex-direction: row;}.flex-wrap {flex-wrap: wrap;}.flex-nowrap {flex-wrap: nowrap;}.items-start {align-items: flex-start;}.items-center {align-items: center;}.items-end {align-items: flex-end;}.items-stretch {align-items: stretch;}.justify-start {justify-content: flex-start;}.justify-center {justify-content: center;}.justify-end {justify-content: flex-end;}.justify-between {justify-content: space-between;}.justify-around {justify-content: space-around;}.justify-evenly {justify-content: space-evenly;}.flex-1 {flex: 1 1 0%;}.flex-auto {flex: 1 1 auto;}.flex-none {flex: none;}.gap-xs {gap: var(--spacing-xs);}.gap-sm {gap: var(--spacing-sm);}.gap-md {gap: var(--spacing-md);}.gap-lg {gap: var(--spacing-lg);}.gap-xl {gap: var(--spacing-xl);}.grid {display: grid;}.grid-cols-1 {grid-template-columns: repeat(1, minmax(0, 1fr));}.grid-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}.grid-cols-3 {grid-template-columns: repeat(3, minmax(0, 1fr));}.grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}.grid-cols-5 {grid-template-columns: repeat(5, minmax(0, 1fr));}.grid-cols-6 {grid-template-columns: repeat(6, minmax(0, 1fr));}.grid-cols-12 {grid-template-columns: repeat(12, minmax(0, 1fr));}.grid-auto-fit {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}.grid-auto-fill {grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));}.gap-0 {gap: 0;}.gap-1 {gap: var(--spacing-xs);}.gap-2 {gap: var(--spacing-sm);}.gap-3 {gap: var(--spacing-md);}.gap-4 {gap: var(--spacing-lg);}.gap-5 {gap: var(--spacing-xl);}.gap-6 {gap: var(--spacing-2xl);}.block {display: block;}.inline-block {display: inline-block;}.inline {display: inline;}.hidden {display: none;}.relative {position: relative;}.absolute {position: absolute;}.fixed {position: fixed;}.sticky {position: sticky;}.w-full {width: 100%;}.w-auto {width: auto;}.h-full {height: 100%;}.h-auto {height: auto;}.min-h-screen {min-height: 100vh;}.overflow-hidden {overflow: hidden;}.overflow-auto {overflow: auto;}.overflow-x-auto {overflow-x: auto;}.overflow-y-auto {overflow-y: auto;}.z-0 {z-index: 0;}.z-10 {z-index: 10;}.z-20 {z-index: 20;}.z-30 {z-index: 30;}.z-40 {z-index: 40;}.z-50 {z-index: 50;}.page-breadcrumb {margin-top: 0;margin-bottom: var(--spacing-xs);padding: 0;}.page-breadcrumb__list {display: flex;align-items: center;gap: var(--spacing-xs);list-style: none;margin: 0;padding: 0;font-size: var(--font-size-sm);}.page-breadcrumb__item {display: flex;align-items: center;}.page-breadcrumb__item--separator {color: var(--text-tertiary);}.page-breadcrumb__link {color: var(--text-secondary);text-decoration: none;transition: color var(--transition-fast);}.page-breadcrumb__link:hover {color: var(--color-primary);}.page-breadcrumb__link--home {display: inline-flex;align-items: center;justify-content: center;font-size: var(--font-size-base);}.page-breadcrumb__separator {margin: 0 var(--spacing-xs);color: var(--text-tertiary);}.page-breadcrumb__current {color: var(--text-primary);font-weight: var(--font-weight-medium);}.page-header {margin-top: 0; margin-bottom: var(--spacing-lg);}.page-header__content {display: flex;align-items: flex-start;justify-content: space-between;gap: var(--spacing-md);flex-wrap: wrap;}.page-header__text {flex: 1;min-width: 0;}.page-header__title {font-size: var(--font-size-3xl);font-weight: var(--font-weight-bold);color: var(--text-primary);margin-bottom: var(--spacing-sm);line-height: var(--line-height-tight);}.page-header__description {font-size: var(--font-size-xs);color: var(--text-secondary);line-height: var(--line-height-relaxed);}[data-theme="dark"] .page-breadcrumb__link {color: var(--text-tertiary);}[data-theme="dark"] .page-breadcrumb__link:hover {color: var(--color-primary);}[data-theme="dark"] .page-breadcrumb__current {color: var(--text-primary);}[data-theme="dark"] .page-header__title {color: var(--text-primary);}[data-theme="dark"] .page-header__description {color: var(--text-secondary);}@media (max-width: 768px) {.page-header__content {flex-direction: column;align-items: stretch;}.page-header__title {font-size: var(--font-size-2xl);}.page-header__description {font-size: var(--font-size-xs);}.game-code-comments-btn {width: 100%;justify-content: center;margin-top: var(--spacing-sm);}.main-content .content-container {padding: var(--spacing-md) var(--spacing-sm);padding-bottom: 0; margin-bottom: var(--spacing-sm); border-radius: var(--radius-md);flex: 0 0 auto; min-height: auto; }.container {padding-left: var(--spacing-sm);padding-right: var(--spacing-sm);}.page-wrapper {min-height: auto;}.main-content {min-height: auto;}}@media (min-width: 768px) and (max-width: 1024px) {.main-content .content-container {padding: var(--spacing-lg) var(--spacing-md);}.page-wrapper {min-height: auto;}.main-content {min-height: auto;}}@media (min-width: 1280px) {.main-content .content-container {padding: var(--spacing-xl) var(--spacing-lg);}.page-wrapper {min-height: auto;}.main-content {min-height: auto;}}@media print {.page-wrapper {min-height: auto;}.main-content .content-container {box-shadow: none;border-radius: 0;padding: 0;}.loading-overlay {display: none !important;}}.m-0 { margin: 0; }.m-xs { margin: var(--spacing-xs); }.m-sm { margin: var(--spacing-sm); }.m-md { margin: var(--spacing-md); }.m-lg { margin: var(--spacing-lg); }.m-xl { margin: var(--spacing-xl); }.mt-0 { margin-top: 0; }.mt-xs { margin-top: var(--spacing-xs); }.mt-sm { margin-top: var(--spacing-sm); }.mt-md { margin-top: var(--spacing-md); }.mt-lg { margin-top: var(--spacing-lg); }.mt-xl { margin-top: var(--spacing-xl); }.mb-0 { margin-bottom: 0; }.mb-xs { margin-bottom: var(--spacing-xs); }.mb-sm { margin-bottom: var(--spacing-sm); }.mb-md { margin-bottom: var(--spacing-md); }.mb-lg { margin-bottom: var(--spacing-lg); }.mb-xl { margin-bottom: var(--spacing-xl); }.ml-0 { margin-left: 0; }.ml-xs { margin-left: var(--spacing-xs); }.ml-sm { margin-left: var(--spacing-sm); }.ml-md { margin-left: var(--spacing-md); }.ml-lg { margin-left: var(--spacing-lg); }.ml-xl { margin-left: var(--spacing-xl); }.mr-0 { margin-right: 0; }.mr-xs { margin-right: var(--spacing-xs); }.mr-sm { margin-right: var(--spacing-sm); }.mr-md { margin-right: var(--spacing-md); }.mr-lg { margin-right: var(--spacing-lg); }.mr-xl { margin-right: var(--spacing-xl); }.mx-auto { margin-left: auto; margin-right: auto; }.my-auto { margin-top: auto; margin-bottom: auto; }.p-0 { padding: 0; }.p-xs { padding: var(--spacing-xs); }.p-sm { padding: var(--spacing-sm); }.p-md { padding: var(--spacing-md); }.p-lg { padding: var(--spacing-lg); }.p-xl { padding: var(--spacing-xl); }.pt-0 { padding-top: 0; }.pt-xs { padding-top: var(--spacing-xs); }.pt-sm { padding-top: var(--spacing-sm); }.pt-md { padding-top: var(--spacing-md); }.pt-lg { padding-top: var(--spacing-lg); }.pt-xl { padding-top: var(--spacing-xl); }.pb-0 { padding-bottom: 0; }.pb-xs { padding-bottom: var(--spacing-xs); }.pb-sm { padding-bottom: var(--spacing-sm); }.pb-md { padding-bottom: var(--spacing-md); }.pb-lg { padding-bottom: var(--spacing-lg); }.pb-xl { padding-bottom: var(--spacing-xl); }.pl-0 { padding-left: 0; }.pl-xs { padding-left: var(--spacing-xs); }.pl-sm { padding-left: var(--spacing-sm); }.pl-md { padding-left: var(--spacing-md); }.pl-lg { padding-left: var(--spacing-lg); }.pl-xl { padding-left: var(--spacing-xl); }.pr-0 { padding-right: 0; }.pr-xs { padding-right: var(--spacing-xs); }.pr-sm { padding-right: var(--spacing-sm); }.pr-md { padding-right: var(--spacing-md); }.pr-lg { padding-right: var(--spacing-lg); }.pr-xl { padding-right: var(--spacing-xl); }.px-xs { padding-left: var(--spacing-xs); padding-right: var(--spacing-xs); }.px-sm { padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }.px-md { padding-left: var(--spacing-md); padding-right: var(--spacing-md); }.px-lg { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); }.px-xl { padding-left: var(--spacing-xl); padding-right: var(--spacing-xl); }.py-xs { padding-top: var(--spacing-xs); padding-bottom: var(--spacing-xs); }.py-sm { padding-top: var(--spacing-sm); padding-bottom: var(--spacing-sm); }.py-md { padding-top: var(--spacing-md); padding-bottom: var(--spacing-md); }.py-lg { padding-top: var(--spacing-lg); padding-bottom: var(--spacing-lg); }.py-xl { padding-top: var(--spacing-xl); padding-bottom: var(--spacing-xl); }.border { border: 1px solid var(--border-color); }.border-t { border-top: 1px solid var(--border-color); }.border-b { border-bottom: 1px solid var(--border-color); }.border-l { border-left: 1px solid var(--border-color); }.border-r { border-right: 1px solid var(--border-color); }.border-0 { border: 0; }.border-light { border-color: var(--border-color-light); }.border-dark { border-color: var(--border-color-dark); }.rounded-sm { border-radius: var(--radius-sm); }.rounded-md { border-radius: var(--radius-md); }.rounded-lg { border-radius: var(--radius-lg); }.rounded-xl { border-radius: var(--radius-xl); }.rounded-full { border-radius: var(--radius-full); }.shadow-sm { box-shadow: var(--shadow-sm); }.shadow-md { box-shadow: var(--shadow-md); }.shadow-lg { box-shadow: var(--shadow-lg); }.shadow-xl { box-shadow: var(--shadow-xl); }.shadow-none { box-shadow: none; }.bg-primary { background-color: var(--bg-primary); }.bg-secondary { background-color: var(--bg-secondary); }.bg-tertiary { background-color: var(--bg-tertiary); }.bg-hover { background-color: var(--bg-hover); }.cursor-pointer { cursor: pointer; }.cursor-not-allowed { cursor: not-allowed; }.cursor-default { cursor: default; }.select-none { user-select: none; }.select-text { user-select: text; }.select-all { user-select: all; }.transition {transition-property: all;transition-timing-function: ease-in-out;transition-duration: var(--transition-base);}.transition-fast {transition-duration: var(--transition-fast);}.transition-slow {transition-duration: var(--transition-slow);}.opacity-0 { opacity: 0; }.opacity-50 { opacity: 0.5; }.opacity-75 { opacity: 0.75; }.opacity-100 { opacity: 1; }.visible { visibility: visible; }.invisible { visibility: hidden; }.pointer-events-none { pointer-events: none; }.pointer-events-auto { pointer-events: auto; }::-webkit-scrollbar {width: 12px;height: 12px;}::-webkit-scrollbar-track {background: var(--bg-secondary);border-radius: var(--radius-sm);}::-webkit-scrollbar-thumb {background: var(--text-tertiary);border-radius: var(--radius-sm);border: 2px solid var(--bg-secondary);transition: background var(--transition-fast);}::-webkit-scrollbar-thumb:hover {background: var(--text-secondary);}::-webkit-scrollbar-thumb:active {background: var(--text-secondary);}::-webkit-scrollbar-corner {background: var(--bg-secondary);}* {scrollbar-width: thin;scrollbar-color: var(--text-tertiary) var(--bg-secondary);}[data-theme="dark"] ::-webkit-scrollbar-track {background: var(--bg-secondary);}[data-theme="dark"] ::-webkit-scrollbar-thumb {background: var(--text-tertiary);border-color: var(--bg-secondary);}[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {background: var(--text-secondary);}[data-theme="dark"] ::-webkit-scrollbar-thumb:active {background: var(--text-secondary);}[data-theme="dark"] ::-webkit-scrollbar-corner {background: var(--bg-secondary);}[data-theme="dark"] * {scrollbar-color: var(--text-tertiary) var(--bg-secondary);}.modal-content,.dropdown-content,.language-modal__content,.login-modal__content {scrollbar-width: thin;scrollbar-color: var(--text-tertiary) var(--bg-secondary);}.modal-content::-webkit-scrollbar,.dropdown-content::-webkit-scrollbar,.language-modal__content::-webkit-scrollbar,.login-modal__content::-webkit-scrollbar {width: 8px;height: 8px;}.modal-content::-webkit-scrollbar-thumb,.dropdown-content::-webkit-scrollbar-thumb,.language-modal__content::-webkit-scrollbar-thumb,.login-modal__content::-webkit-scrollbar-thumb {border-width: 1px;}[data-theme="dark"] .modal-content,[data-theme="dark"] .dropdown-content,[data-theme="dark"] .language-modal__content,[data-theme="dark"] .login-modal__content {scrollbar-color: var(--text-tertiary) var(--bg-secondary);}.btn {display: inline-flex;align-items: center;justify-content: center;gap: var(--spacing-xs);padding: var(--spacing-sm) var(--spacing-md);border: none;border-radius: var(--radius-md);font-size: var(--font-size-base);font-weight: var(--font-weight-medium);text-decoration: none;cursor: pointer;transition: all var(--transition-fast);line-height: 1.5;box-shadow: var(--shadow-sm);font-family: var(--font-family-base);}.btn i {font-size: 1rem;}.btn:hover {transform: translateY(-1px);box-shadow: var(--shadow-md);}.btn:active {transform: translateY(0);}.btn:disabled {opacity: 0.6;cursor: not-allowed;transform: none;}.btn-primary {background-color: var(--color-primary);color: var(--text-inverse);}.btn-primary:hover:not(:disabled) {background-color: var(--color-primary-dark);}.btn-secondary {background-color: var(--bg-secondary);color: var(--text-primary);border: 1px solid var(--border-color);}.btn-secondary:hover:not(:disabled) {background-color: var(--bg-hover);border-color: var(--border-color-dark);}.btn-danger {background-color: var(--color-danger);color: var(--text-inverse);}.btn-danger:hover:not(:disabled) {background-color: #dc2626;}.btn-success {background-color: var(--color-success);color: var(--text-inverse);}.btn-success:hover:not(:disabled) {background-color: #059669;}.btn-outline {background-color: transparent;color: var(--color-primary);border: 1px solid var(--color-primary);box-shadow: none;}.btn-outline:hover:not(:disabled) {background-color: var(--color-primary);color: var(--text-inverse);transform: translateY(-1px);box-shadow: var(--shadow-sm);}.btn-link {background-color: transparent;color: var(--link-color);text-decoration: none;padding: var(--spacing-xs) var(--spacing-sm);border: none;box-shadow: none;}.btn-link:hover:not(:disabled) {color: var(--link-color-hover);text-decoration: underline;transform: none;box-shadow: none;}.btn-sm {padding: var(--spacing-xs) var(--spacing-sm);font-size: var(--font-size-sm);line-height: 1.4;}.btn-sm i {font-size: 0.875rem;}.btn-lg {padding: var(--spacing-md) var(--spacing-lg);font-size: var(--font-size-lg);line-height: 1.6;}.btn-lg i {font-size: 1.125rem;}.btn-block {width: 100%;display: flex;}.btn-icon {padding: var(--spacing-sm);width: auto;min-width: 40px;aspect-ratio: 1;}.btn-icon i {margin: 0;}.form-group {margin-bottom: var(--spacing-md);}.form-group label {display: block;margin-bottom: var(--spacing-xs);font-weight: var(--font-weight-medium);color: var(--text-primary);font-size: var(--font-size-sm);}.form-group label.required::after {content: ' *';color: var(--color-danger);}.form-group small,.form-text {display: block;margin-top: var(--spacing-xs);font-size: var(--font-size-xs);color: var(--text-muted);}.form-group .form-error {display: block;margin-top: var(--spacing-xs);font-size: var(--font-size-xs);color: var(--color-danger);}.form-control {width: 100%;padding: var(--spacing-sm) var(--spacing-md);border: 1px solid var(--border-color);border-radius: var(--radius-md);font-family: var(--font-family-base);font-size: var(--font-size-base);font-weight: var(--font-weight-normal);line-height: 1.5;transition: all var(--transition-fast);background-color: var(--bg-primary);color: var(--text-primary);box-sizing: border-box;}.form-control:focus {outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1);}.form-control:disabled {background-color: var(--bg-secondary);cursor: not-allowed;opacity: 0.6;}.form-control::placeholder {color: var(--text-muted);opacity: 1;}input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],input[type="url"],input[type="search"],textarea,select {width: 100%;padding: var(--spacing-sm) var(--spacing-md);border: 1px solid var(--border-color);border-radius: var(--radius-md);font-family: var(--font-family-base);font-size: var(--font-size-base);font-weight: var(--font-weight-normal);line-height: 1.5;transition: all var(--transition-fast);background-color: var(--bg-primary);color: var(--text-primary);box-sizing: border-box;}input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus,textarea:focus,select:focus {outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);}input[type="text"]:disabled,input[type="email"]:disabled,input[type="password"]:disabled,input[type="number"]:disabled,input[type="tel"]:disabled,input[type="url"]:disabled,input[type="search"]:disabled,textarea:disabled,select:disabled {background-color: var(--bg-secondary);cursor: not-allowed;opacity: 0.6;}textarea {min-height: 120px;resize: vertical;}select {cursor: pointer;background-image: url(https://keyizm.com/assets/css/common/"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right var(--spacing-sm) center;background-size: 12px;padding-right: calc(var(--spacing-md) + 12px + var(--spacing-sm));appearance: none;}.form-check {display: flex;align-items: center;gap: var(--spacing-xs);margin-bottom: var(--spacing-sm);}.form-check input[type="checkbox"],.form-check input[type="radio"] {width: auto;margin: 0;cursor: pointer;}.form-check label {margin: 0;cursor: pointer;font-weight: var(--font-weight-normal);}.form-control-wrapper {position: relative;display: flex;align-items: center;}.form-control-wrapper .form-control-icon {position: absolute;left: var(--spacing-md);color: var(--text-tertiary);font-size: var(--font-size-base);pointer-events: none;z-index: 1;display: flex;align-items: center;justify-content: center;}.form-control-wrapper .form-control {padding-left: calc(var(--spacing-md) * 2.5);}.form-control-wrapper .form-control:focus ~ .form-control-icon,.form-control-wrapper .form-control:not(:placeholder-shown) ~ .form-control-icon {color: var(--color-primary);}.input-group {display: flex;align-items: stretch;gap: 0;}.input-group .form-control {border-radius: 0;}.input-group .form-control:first-child {border-top-left-radius: var(--radius-md);border-bottom-left-radius: var(--radius-md);}.input-group .form-control:last-child {border-top-right-radius: var(--radius-md);border-bottom-right-radius: var(--radius-md);}.input-group-prepend,.input-group-append {display: flex;align-items: center;padding: var(--spacing-sm) var(--spacing-md);background-color: var(--bg-secondary);border: 1px solid var(--border-color);color: var(--text-secondary);font-size: var(--font-size-sm);}.input-group-prepend {border-right: none;border-top-left-radius: var(--radius-md);border-bottom-left-radius: var(--radius-md);}.input-group-append {border-left: none;border-top-right-radius: var(--radius-md);border-bottom-right-radius: var(--radius-md);}.form-control.is-valid {border-color: var(--color-success);}.form-control.is-valid:focus {border-color: var(--color-success);box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.1);}.form-control.is-invalid {border-color: var(--color-danger);}.form-control.is-invalid:focus {border-color: var(--color-danger);box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);}.form-control-sm {padding: var(--spacing-xs) var(--spacing-sm);font-size: var(--font-size-sm);}.form-control-lg {padding: var(--spacing-md) var(--spacing-lg);font-size: var(--font-size-lg);}.pagination {display: flex;gap: var(--spacing-xs);margin: var(--spacing-xl) 0;justify-content: center;align-items: center;flex-wrap: wrap;}.pagination__item {list-style: none;margin: 0;}.pagination__numbers {display: flex;gap: var(--spacing-xs);align-items: center;}.pagination__link {display: flex;align-items: center;justify-content: center;min-width: 40px;height: 40px;padding: var(--spacing-xs) var(--spacing-sm);border: 1px solid var(--border-color);border-radius: var(--radius-md);text-decoration: none;color: var(--text-primary);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);transition: all var(--transition-fast);background-color: var(--bg-primary);}.pagination__link:hover:not(.pagination__link--disabled):not(.pagination__link--active) {background-color: var(--bg-hover);border-color: var(--border-color-dark);color: var(--text-primary);}.pagination__link--active {background-color: var(--color-primary);color: var(--text-inverse);border-color: var(--color-primary);cursor: default;}.pagination__link--disabled {opacity: 0.5;cursor: not-allowed;pointer-events: none;}.pagination__link--prev,.pagination__link--next {padding: var(--spacing-xs) var(--spacing-md);}.pagination__link i {font-size: 0.875rem;}.pagination__info {padding: var(--spacing-xs) var(--spacing-md);color: var(--text-muted);font-size: var(--font-size-sm);margin: 0 var(--spacing-sm);}.pagination--sm .pagination__link {min-width: 32px;height: 32px;padding: var(--spacing-xs);font-size: var(--font-size-xs);}.pagination--lg .pagination__link {min-width: 48px;height: 48px;padding: var(--spacing-sm) var(--spacing-md);font-size: var(--font-size-base);}.list-view {display: flex;flex-direction: column;gap: var(--spacing-md);}.list-item {display: flex;align-items: flex-start;gap: var(--spacing-lg);padding: var(--spacing-lg);background: #f5f3f0;border: 1px solid #e8e5e0;border-radius: var(--radius-lg);transition: all var(--transition-fast);min-height: 160px;width: 100%;box-sizing: border-box;}.list-item:hover {border-color: var(--color-primary);box-shadow: var(--shadow-md);}.list-item__thumbnail {flex-shrink: 0;flex-grow: 0;width: 270px;height: 145px;min-width: 270px;min-height: 145px;max-width: 270px;max-height: 145px;aspect-ratio: 270 / 145; border-radius: var(--radius-md);overflow: hidden;background: var(--bg-secondary);display: flex;align-items: center;justify-content: center;position: relative;box-sizing: border-box;}.list-item__thumbnail img {width: 100%;height: 100%;object-fit: cover;display: block;max-width: 100%;max-height: 100%;}.list-item__thumbnail .game-list-item__image {object-fit: cover;width: 100%;height: 100%;display: block;max-width: 100%;max-height: 100%;}.list-item__thumbnail .game-list-item__placeholder {position: absolute;top: 0;left: 0;width: 100%;height: 100%;min-width: 100%;min-height: 100%;display: flex;align-items: center;justify-content: center;background: var(--bg-tertiary);color: var(--text-tertiary);font-size: 2.5rem;border-radius: var(--radius-md);z-index: 1;}.list-item__content {flex: 1;display: flex;flex-direction: column;gap: var(--spacing-xs);min-height: 145px;}.list-item__header {display: flex;align-items: flex-start;justify-content: space-between;gap: var(--spacing-sm);}.list-item__title {font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--text-primary);margin: 0;line-height: var(--line-height-tight);}.list-item__title a {color: inherit;text-decoration: none;transition: color var(--transition-fast);}.list-item__title a:hover {color: var(--color-primary);}.list-item__actions {display: flex;align-items: center;gap: var(--spacing-xs);flex-shrink: 0;}.list-item__description {font-size: var(--font-size-sm);color: var(--text-secondary);line-height: var(--line-height-relaxed);margin: 0;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3; -webkit-box-orient: vertical;overflow: hidden;flex: 1;}.list-item__footer {display: flex;align-items: center;justify-content: space-between;margin-top: auto;padding-top: var(--spacing-sm);}[data-theme="dark"] .list-item {background: rgba(0, 0, 0, 0.2);border-color: var(--border-color);}[data-theme="dark"] .list-item:hover {border-color: var(--color-primary);}[data-theme="dark"] .list-item__thumbnail {background: var(--bg-tertiary);}@media (max-width: 768px) {.list-item {flex-direction: column;gap: var(--spacing-md);padding: var(--spacing-md);min-height: auto;}.list-item__thumbnail {width: 100%;height: 200px;min-width: 100%;min-height: 200px;max-width: 100%;max-height: 200px;aspect-ratio: 16 / 9; }.list-item__content {min-height: auto;gap: var(--spacing-sm);}.list-item__footer {flex-direction: column;align-items: flex-start;gap: var(--spacing-sm);}}.skeleton {background: linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size: 200% 100%;animation: skeleton-loading 1.5s ease-in-out infinite;border-radius: var(--radius-sm);}@keyframes skeleton-loading {0% {background-position: 200% 0;}100% {background-position: -200% 0;}}.skeleton--text {height: 1em;margin: 0.5em 0;}.skeleton--title {height: 1.5em;width: 60%;margin-bottom: 0.75em;}.skeleton--subtitle {height: 1em;width: 80%;margin-bottom: 0.5em;}.skeleton--image {width: 100%;height: 100%;aspect-ratio: 16 / 9;border-radius: var(--radius-md);}.skeleton--card {padding: var(--spacing-md);border-radius: var(--radius-lg);background: var(--bg-secondary);}.skeleton--avatar {width: 48px;height: 48px;border-radius: 50%;}.skeleton--button {height: 40px;width: 120px;border-radius: var(--radius-md);}.skeleton-grid {display: grid;gap: var(--spacing-md);}.skeleton-grid--games {grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));}.skeleton-grid--companies {grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));}.skeleton-grid--list {grid-template-columns: minmax(0, 1fr);gap: var(--spacing-sm);}.skeleton-card {background: var(--bg-secondary);border-radius: var(--radius-lg);overflow: hidden;border: 1px solid var(--border-color);}.skeleton-card__image {width: 100%;height: 200px;background: var(--bg-tertiary);}.skeleton-card__body {padding: var(--spacing-md);}.skeleton-card__title {height: 1.25em;width: 70%;margin-bottom: var(--spacing-sm);}.skeleton-card__description {height: 0.875em;width: 100%;margin-bottom: 0.5em;}.skeleton-card__description:last-of-type {width: 80%;}.skeleton-card__meta {display: flex;gap: var(--spacing-xs);margin-top: var(--spacing-sm);}.skeleton-card__tag {height: 1.5em;width: 80px;border-radius: var(--radius-sm);}.skeleton-comment {padding: var(--spacing-md);background: var(--bg-secondary);border-radius: var(--radius-md);border: 1px solid var(--border-color);margin-bottom: var(--spacing-md);}.skeleton-comment__header {display: flex;align-items: center;gap: var(--spacing-sm);margin-bottom: var(--spacing-sm);}.skeleton-comment__avatar {width: 40px;height: 40px;border-radius: 50%;}.skeleton-comment__user {flex: 1;}.skeleton-comment__username {height: 1em;width: 120px;margin-bottom: 0.25em;}.skeleton-comment__date {height: 0.75em;width: 80px;}.skeleton-comment__content {margin-top: var(--spacing-sm);}.skeleton-comment__text {height: 0.875em;width: 100%;margin-bottom: 0.5em;}.skeleton-comment__text:last-child {width: 60%;}.skeleton-stats {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--spacing-md);}.skeleton-stats__item {display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-sm);background: var(--bg-secondary);border-radius: var(--radius-md);}.skeleton-stats__icon {width: 48px;height: 48px;border-radius: var(--radius-md);}.skeleton-stats__content {flex: 1;}.skeleton-stats__value {height: 1.5em;width: 60px;margin-bottom: 0.25em;}.skeleton-stats__label {height: 0.875em;width: 100px;}.skeleton-list-item {display: flex;gap: var(--spacing-md);padding: var(--spacing-md);background: var(--bg-secondary);border-radius: var(--radius-md);border: 1px solid var(--border-color);margin-bottom: var(--spacing-sm);}.skeleton-list-item__image {width: 120px;height: 120px;border-radius: var(--radius-md);flex-shrink: 0;}.skeleton-list-item__content {flex: 1;}.skeleton-list-item__title {height: 1.25em;width: 60%;margin-bottom: var(--spacing-sm);}.skeleton-list-item__description {height: 0.875em;width: 100%;margin-bottom: 0.5em;}.skeleton-list-item__description:last-child {width: 80%;}@media (max-width: 768px) {.skeleton-grid--games {grid-template-columns: repeat(2, minmax(0, 1fr));}.skeleton-stats {grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--spacing-sm);}.skeleton-stats__icon {width: 40px;height: 40px;}}@media (max-width: 480px) {.skeleton-grid--games {grid-template-columns: minmax(0, 1fr);}.skeleton-list-item {flex-direction: column;}.skeleton-list-item__image {width: 100%;height: 200px;}}.top-header-ads {width: 100%;min-height: 90px; height: auto; background-color: var(--bg-primary); display: none; align-items: center;justify-content: center;transition: display var(--transition-fast);overflow: hidden; }.top-header-ads.has-ads {display: flex;}.top-header-ads__content {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}[data-theme="dark"] .top-header-ads {background-color: var(--bg-primary); }.top-header-ads__placeholder {color: var(--text-muted);font-size: var(--font-size-sm);text-align: center;}.top-header-ads__image {max-width: 100%;height: auto;display: block;}.ad-blocker-toast {position: fixed;top: 0;left: 0;right: 0;z-index: 10000;background: var(--bg-primary, #ffffff);border-bottom: 2px solid var(--color-warning, #f59e0b);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);transform: translateY(-100%);transition: transform 0.3s ease-out;width: 100%;}[data-theme="dark"] .ad-blocker-toast {background: var(--bg-primary, #1e293b);border-bottom-color: var(--color-warning, #f59e0b);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);}.ad-blocker-toast--show {transform: translateY(0);}.ad-blocker-toast__content {display: flex;align-items: center;gap: 1rem;padding: 1rem 1.5rem;max-width: 1200px;margin: 0 auto;}.ad-blocker-toast__icon {flex-shrink: 0;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background: var(--color-warning, #f59e0b);border-radius: 50%;color: white;}.ad-blocker-toast__message {flex: 1;min-width: 0;}.ad-blocker-toast__title {margin: 0 0 0.25rem 0;font-size: var(--font-size-base, 1rem);font-weight: 600;color: var(--text-primary, #0f172a);line-height: 1.4;}[data-theme="dark"] .ad-blocker-toast__title {color: var(--text-primary, #f1f5f9);}.ad-blocker-toast__subtitle {margin: 0;font-size: var(--font-size-sm, 0.875rem);color: var(--text-secondary, #475569);line-height: 1.4;}[data-theme="dark"] .ad-blocker-toast__subtitle {color: var(--text-secondary, #cbd5e1);}.ad-blocker-toast__close {flex-shrink: 0;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;background: transparent;border: none;border-radius: 4px;color: var(--text-secondary, #475569);cursor: pointer;transition: background 0.2s, color 0.2s;padding: 0;}.ad-blocker-toast__close:hover {background: var(--bg-hover, #f1f5f9);color: var(--text-primary, #0f172a);}[data-theme="dark"] .ad-blocker-toast__close {color: var(--text-secondary, #cbd5e1);}[data-theme="dark"] .ad-blocker-toast__close:hover {background: var(--bg-hover, #334155);color: var(--text-primary, #f1f5f9);}.ad-blocker-toast__close:focus {outline: 2px solid var(--color-primary, #2563eb);outline-offset: 2px;}.ad-blocker-toast__close svg {width: 16px;height: 16px;}.ad-fallback-message {padding: 1.5rem;text-align: center;background: var(--bg-secondary, #f8fafc);border: 1px solid var(--border-color, #e2e8f0);border-radius: 8px;color: var(--text-secondary, #475569);}[data-theme="dark"] .ad-fallback-message {background: var(--bg-secondary, #1e293b);border-color: var(--border-color, #334155);color: var(--text-secondary, #cbd5e1);}.ad-fallback-message p {margin: 0;font-size: var(--font-size-sm, 0.875rem);line-height: 1.5;}@media (max-width: 768px) {.ad-blocker-toast__content {padding: 0.875rem 1rem;gap: 0.75rem;}.ad-blocker-toast__icon {width: 36px;height: 36px;}.ad-blocker-toast__icon svg {width: 18px;height: 18px;}.ad-blocker-toast__title {font-size: var(--font-size-sm, 0.875rem);}.ad-blocker-toast__subtitle {font-size: var(--font-size-xs, 0.75rem);}.ad-blocker-toast__close {width: 28px;height: 28px;}}.ad-container {position: relative;width: 100%;margin: 0 auto;text-align: center;}.ad-container--dummy {position: relative;z-index: 1;}.ad-content {display: block;width: 100%;}.ad-content--dummy {background: #e0e0e0 !important;border: 2px dashed #999 !important;padding: 20px !important;text-align: center;color: #666 !important;display: flex;align-items: center;justify-content: center;flex-direction: column;min-height: 90px;}[data-theme="dark"] .ad-content--dummy {background: #3a3a3a !important;border-color: #666 !important;color: #ccc !important;}.ad-content--image img {max-width: 100%;height: auto;display: block;margin: 0 auto;}.ad-content--html {width: 100%;}.ad-content--script {width: 100%;}.ad-content--adsense {width: 100%;min-height: 100px;}.ad-link {display: block;text-decoration: none;transition: opacity 0.2s;}.ad-link:hover {opacity: 0.9;}.ad-container--top_header_ads {width: 100%;max-width: 970px;margin: 0 auto;}@media (max-width: 768px) {.ad-container--top_header_ads {max-width: 100%;}}.main-header-bottom-ads {width: 100%;max-width: 970px;margin: 0 auto;padding: 10px 0;}@media (max-width: 768px) {.main-header-bottom-ads {max-width: 100%;padding: 8px 0;}}.ad-container--left_side_ads,.ad-container--right_side_ads {position: fixed;top: 50%;transform: translateY(-50%);width: 160px;z-index: 0; }.ad-container--left_side_ads {left: 0;}.ad-container--right_side_ads {right: 0;}@media (max-width: 1023px) {.ad-container--left_side_ads,.ad-container--right_side_ads {display: none !important;}}.ad-container--list_in_content_ads {width: 100%;max-width: 728px;margin: 20px auto;}@media (max-width: 768px) {.ad-container--list_in_content_ads {max-width: 100%;margin: 15px auto;}}.ad-container--detail_middle_ads,.ad-container--detail_bottom_ads {width: 100%;max-width: 728px;margin: 30px auto;}@media (max-width: 768px) {.ad-container--detail_middle_ads,.ad-container--detail_bottom_ads {max-width: 100%;margin: 20px auto;}}.ad-container--code_list_in_content_ads {width: 100%;max-width: 200px;margin: 20px auto;}.ad-container--code_detail_in_content_ads,.ad-container--code_comment_top_ads {width: 100%;max-width: 728px;margin: 20px auto;}@media (max-width: 768px) {.ad-container--code_list_in_content_ads,.ad-container--code_detail_in_content_ads,.ad-container--code_comment_top_ads {max-width: 100%;margin: 15px auto;}}.ad-container--footer_top_ads {width: 100%;max-width: 970px;margin: 0 auto var(--spacing-sm);}@media (max-width: 768px) {.ad-container--footer_top_ads {max-width: 100%;}}.ad-container--popup {display: none;position: fixed;z-index: 9999;}.ad-container--header_fixed_popup_ads,.ad-container--footer_fixed_popup_ads,.ad-container--center_popup_ads {display: none;position: fixed;z-index: 9999;}.ad-container--header_fixed_popup_ads {top: 0;left: 50%;transform: translateX(-50%);width: 300px;}.ad-container--footer_fixed_popup_ads {bottom: 0;left: 50%;transform: translateX(-50%);width: 100%;max-width: 728px;}.ad-container--center_popup_ads {top: 50%;left: 50%;transform: translate(-50%, -50%);width: 600px;max-width: 90vw;background: white;border-radius: 8px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);padding: 20px;}.ad-popup-backdrop {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 9998;cursor: pointer;}.ad-popup-close {position: absolute;top: 10px;right: 10px;width: 30px;height: 30px;background: rgba(0, 0, 0, 0.5);color: white;border: none;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 18px;line-height: 1;transition: background 0.2s;}.ad-popup-close:hover {background: rgba(0, 0, 0, 0.7);}.ad-popup--visible {display: block !important;}@media (max-width: 768px) {.ad-container--header_fixed_popup_ads {width: 320px;}.ad-container--center_popup_ads {width: 90vw;max-width: 320px;}}.ad-container[data-lazy-load="true"] {min-height: 100px;}.ad-container--loaded {opacity: 1;}@media (max-width: 768px) {.ad-content--dummy {min-height: 50px;padding: 15px;font-size: 10px;}}.notifications-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10000;display: none;align-items: center;justify-content: center;padding: var(--spacing-md);}.notifications-modal.active {display: flex;}.notifications-modal__backdrop {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);backdrop-filter: blur(4px);}.notifications-modal__content {position: relative;width: 100%;max-width: 500px;max-height: 90vh;background-color: var(--bg-primary);border-radius: var(--radius-lg);box-shadow: var(--shadow-xl);display: flex;flex-direction: column;z-index: 1;overflow: hidden;}.notifications-modal__close {position: absolute;top: var(--spacing-md);right: var(--spacing-md);width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;background: none;border: none;color: var(--text-secondary);cursor: pointer;border-radius: var(--radius-md);transition: all var(--transition-fast);z-index: 10;}.notifications-modal__close:hover {background-color: var(--bg-hover);color: var(--text-primary);}.notifications-modal__close-icon {width: 18px;text-align: center;font-size: 1rem;display: inline-block;}.notifications-modal__header {display: flex;align-items: center;justify-content: space-between;padding: var(--spacing-lg);border-bottom: 1px solid var(--border-color);}.notifications-modal__title {font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--text-primary);margin: 0;}.notifications-modal__mark-all {background: none;border: none;color: var(--color-primary);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);cursor: pointer;padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--radius-md);transition: all var(--transition-fast);}.notifications-modal__mark-all:hover {background-color: var(--bg-hover);}.notifications-modal__body {flex: 1;overflow-y: auto;padding: var(--spacing-md);}.notifications-list {display: flex;flex-direction: column;gap: var(--spacing-sm);}.notifications-empty {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--spacing-xl);text-align: center;color: var(--text-secondary);}.notifications-empty__icon {font-size: 3rem;color: var(--text-tertiary);margin-bottom: var(--spacing-md);display: block;}.notifications-empty p {margin: 0;font-size: var(--font-size-base);}.notifications-require-login {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--spacing-xl);text-align: center;}.notifications-require-login__icon {font-size: 4rem;color: var(--text-tertiary);margin-bottom: var(--spacing-lg);display: block;}.notifications-require-login__title {font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--text-primary);margin: 0 0 var(--spacing-md) 0;}.notifications-require-login__message {font-size: var(--font-size-base);color: var(--text-secondary);margin: 0 0 var(--spacing-xl) 0;line-height: 1.6;max-width: 400px;}.notifications-require-login__actions {display: flex;gap: var(--spacing-md);flex-wrap: wrap;justify-content: center;}.notifications-require-login__btn {min-width: 120px;}[data-theme="dark"] .notifications-modal__backdrop {background-color: rgba(0, 0, 0, 0.7);}@media (max-width: 768px) {.notifications-modal__content {max-width: 100%;max-height: 100vh;border-radius: 0;}.notifications-modal__header {padding: var(--spacing-md);}.notifications-require-login {padding: var(--spacing-lg);}.notifications-require-login__actions {flex-direction: column;width: 100%;}.notifications-require-login__btn {width: 100%;}}.search-modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 10000;display: none;align-items: center;justify-content: center;padding: var(--spacing-md);}.search-modal.active {display: flex;}.search-modal__backdrop {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);backdrop-filter: blur(4px);}.search-modal__content {position: relative;width: 100%;max-width: 600px;max-height: 90vh;background-color: var(--bg-primary);border-radius: var(--radius-lg);box-shadow: var(--shadow-xl);display: flex;flex-direction: column;z-index: 1;overflow: hidden;}.search-modal__close {position: absolute;top: var(--spacing-md);right: var(--spacing-md);width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;background: none;border: none;color: var(--text-secondary);cursor: pointer;border-radius: var(--radius-md);transition: all var(--transition-fast);z-index: 10;}.search-modal__close:hover {background-color: var(--bg-hover);color: var(--text-primary);}.search-modal__close-icon {width: 18px;text-align: center;font-size: 1rem;display: inline-block;}.search-modal__header {padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);border-bottom: 1px solid var(--border-color);}.search-modal__title {font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--text-primary);margin: 0 0 var(--spacing-xs) 0;}.search-modal__subtitle {font-size: var(--font-size-sm);color: var(--text-secondary);margin: 0;}.search-modal__body {padding: var(--spacing-xl);}.search-modal__form {width: 100%;}.search-modal__input-wrapper {display: flex;align-items: center;gap: var(--spacing-sm);}.search-modal__input {border-width: 2px;border-radius: var(--radius-lg);background-color: var(--bg-secondary);}.search-modal__input:focus {background-color: var(--bg-primary);}.search-modal__input::placeholder {color: var(--text-tertiary);}.search-modal__submit {white-space: nowrap;}[data-theme="dark"] .search-modal__backdrop {background-color: rgba(0, 0, 0, 0.7);}@media (max-width: 768px) {.search-modal {padding: var(--spacing-md);}.search-modal__content {max-width: 100%;max-height: 100vh;border-radius: 0;}.search-modal__header {padding: var(--spacing-lg);}.search-modal__body {padding: var(--spacing-lg);}.search-modal__input-wrapper {flex-direction: column;align-items: stretch;}.search-modal__input {padding-left: calc(var(--spacing-md) * 3);}.search-modal__submit {width: 100%;}}.search-results-page {padding: var(--spacing-lg) 0;}.search-results-summary {margin-bottom: var(--spacing-lg);padding: var(--spacing-md);background-color: var(--bg-secondary);border-radius: var(--radius-md);border: 1px solid var(--border-color);}.search-results-summary p {margin: 0;color: var(--text-secondary);font-size: var(--font-size-sm);}.search-results-section {margin-bottom: var(--spacing-xl);}.search-results-section__title {font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--text-primary);margin: 0 0 var(--spacing-lg) 0;display: flex;align-items: center;gap: var(--spacing-sm);padding-bottom: var(--spacing-sm);border-bottom: 2px solid var(--border-color);}.search-results-section__count {font-size: var(--font-size-base);font-weight: var(--font-weight-normal);color: var(--text-secondary);margin-left: var(--spacing-xs);}.search-error,.search-empty {text-align: center;padding: var(--spacing-xl) var(--spacing-md);color: var(--text-secondary);}.search-empty__icon {font-size: 3rem;margin-bottom: var(--spacing-md);color: var(--text-tertiary);}.search-error p,.search-empty p {margin: 0;font-size: var(--font-size-base);}.login-modal {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: var(--z-modal);display: none;align-items: center;justify-content: center;padding: var(--spacing-md);}.login-modal.active {display: flex;}.login-modal__backdrop {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);backdrop-filter: blur(4px);}.login-modal__content {position: relative;background-color: var(--bg-primary);border-radius: var(--radius-lg);box-shadow: var(--shadow-xl);width: 100%;max-width: 440px;max-height: 90vh;overflow-y: auto;z-index: calc(var(--z-modal) + 1);animation: modalSlideIn 0.3s ease-out;}@keyframes modalSlideIn {from {opacity: 0;transform: translateY(-20px) scale(0.95);}to {opacity: 1;transform: translateY(0) scale(1);}}.login-modal__close {position: absolute;top: var(--spacing-md);right: var(--spacing-md);width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border: none;background: none;color: var(--text-secondary);cursor: pointer;border-radius: var(--radius-md);transition: all var(--transition-fast);z-index: 1;}.login-modal__close:hover {background-color: var(--bg-hover);color: var(--text-primary);}.login-modal__close-icon {width: 18px;text-align: center;font-size: 1rem;display: inline-block;}.login-modal__header {padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);text-align: center;border-bottom: 1px solid var(--border-color);}.login-modal__title {font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--text-primary);margin: 0 0 var(--spacing-xs);}.login-modal__subtitle {font-size: var(--font-size-sm);color: var(--text-secondary);margin: 0;}.login-modal__body {padding: var(--spacing-xl);}.login-form {display: flex;flex-direction: column;gap: var(--spacing-md);}.login-form__error {padding: var(--spacing-sm) var(--spacing-md);background-color: var(--color-danger);color: var(--text-inverse);border-radius: var(--radius-md);font-size: var(--font-size-sm);text-align: center;}.login-form .form-group.login-form__group--row {display: flex !important;flex-direction: row !important;align-items: center !important;justify-content: space-between !important;gap: var(--spacing-md);margin: 0 !important;margin-bottom: 0 !important;margin-top: 0 !important;}.login-form .form-group.login-form__group--row > label {margin: 0 !important;margin-bottom: 0 !important;}.login-form .form-group.login-form__group--row .form-check {margin: 0 !important;margin-bottom: 0 !important;margin-top: 0 !important;padding: 0 !important;flex-shrink: 0;flex: 0 0 auto;display: flex !important;align-items: center !important;gap: var(--spacing-xs);height: auto;line-height: normal;}.login-form .form-group.login-form__group--row .form-check span {margin: 0;padding: 0;line-height: normal;}.login-form .form-group.login-form__group--row .login-form__forgot {margin: 0 !important;margin-left: auto !important;flex-shrink: 0;flex: 0 0 auto;align-self: center;line-height: normal;}.login-form__forgot {margin-left: auto;flex-shrink: 0;}.login-form__input {background-color: var(--bg-secondary);}.login-form__input:focus {background-color: var(--bg-primary);}.login-form__forgot {font-size: var(--font-size-sm);color: var(--color-primary);text-decoration: none;transition: color var(--transition-fast);}.login-form__forgot:hover {color: var(--color-primary-dark);text-decoration: underline;}.login-form__submit {margin-top: var(--spacing-sm);}.login-modal__divider {display: flex;align-items: center;gap: var(--spacing-md);margin: var(--spacing-lg) 0;color: var(--text-tertiary);font-size: var(--font-size-sm);}.login-modal__divider::before,.login-modal__divider::after {content: '';flex: 1;height: 1px;background-color: var(--border-color);}.login-modal__divider span {padding: 0 var(--spacing-sm);}.login-modal__register {text-align: center;margin: var(--spacing-md) 0;padding: 0;border: none;border-top: none !important;}.login-modal__register-link {display: inline-block;padding: var(--spacing-sm) var(--spacing-lg);background-color: var(--bg-secondary);color: var(--color-primary);text-decoration: none;border-radius: var(--radius-md);font-weight: var(--font-weight-medium);transition: all var(--transition-fast);border: 1px solid var(--border-color);}.login-modal__register-link:hover {background-color: var(--bg-hover);color: var(--color-primary);border-color: var(--color-primary);}.login-modal__social-auth {display: flex;flex-direction: column;gap: var(--spacing-sm);margin-bottom: var(--spacing-lg);}.login-modal__social-btn {width: 100%;padding: var(--spacing-sm) var(--spacing-md);border: 1px solid var(--border-color);border-radius: var(--radius-md);background-color: var(--bg-primary);color: var(--text-primary);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);cursor: pointer;display: flex;align-items: center;justify-content: center;gap: var(--spacing-sm);transition: all var(--transition-fast);position: relative;}.login-modal__social-btn:hover:not(:disabled) {background-color: var(--bg-secondary);border-color: var(--color-primary);}.login-modal__social-btn:disabled {opacity: 0.6;cursor: not-allowed;}.login-modal__social-btn i {font-size: var(--font-size-lg);}.login-modal__social-btn--steam i {color: #1b2838;}.login-modal__social-btn--facebook i {color: #1877f2;}.login-modal__social-btn--google i {color: #ea4335;}.login-modal__social-btn--discord i {color: #5865f2;}.login-modal__social-btn--twitch i {color: #9146ff;}.login-modal__social-note {margin-top: var(--spacing-sm);font-size: var(--font-size-xs);color: var(--text-secondary);text-align: center;line-height: 1.5;padding: 0 var(--spacing-sm);}@media (max-width: 767px) {.login-modal__content {max-width: 100%;margin: var(--spacing-md);max-height: calc(100vh - 2rem);}.login-modal__header {padding: var(--spacing-lg) var(--spacing-lg) var(--spacing-md);}.login-modal__body {padding: var(--spacing-lg);}}.auth-page {display: flex;align-items: flex-start;justify-content: center;padding-top: var(--spacing-sm);padding-bottom: var(--spacing-2xl);padding-left: var(--spacing-md);padding-right: var(--spacing-md);background: var(--bg-primary);width: 100%;min-height: auto;flex: 0 0 auto; }.main-content .content-container .auth-page {flex: 0 0 auto;}.main-content .content-container:has(.auth-page) {flex: 0 0 auto;align-items: flex-start;padding-top: var(--spacing-md); }.auth-page--centered {min-height: auto;}.auth-container {width: 100%;max-width: 1000px;display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-2xl);align-items: start;background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: var(--spacing-lg);box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);}.auth-container--narrow {max-width: 500px;grid-template-columns: 1fr;}.auth-section {display: flex;flex-direction: column;}.auth-header {margin-bottom: var(--spacing-lg);}.auth-title {font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--text-primary);margin: 0 0 var(--spacing-sm) 0;}.auth-subtitle {font-size: var(--font-size-base);color: var(--text-secondary);margin: 0;}.auth-form {display: flex;flex-direction: column;gap: var(--spacing-md);}.form-group {display: flex;flex-direction: column;gap: var(--spacing-xs);}.form-group--row {flex-direction: row;justify-content: space-between;align-items: center;margin-bottom: 0;}.form-group--row .form-check {margin: 0 !important;margin-bottom: 0 !important;margin-top: 0 !important;padding: 0 !important;flex-shrink: 0;flex: 0 0 auto;display: flex !important;align-items: center !important;gap: var(--spacing-xs);}.form-group--row .form-check span {margin: 0;padding: 0;line-height: normal;}.form-group--row .auth-link {margin: 0 !important;margin-left: auto !important;flex-shrink: 0;flex: 0 0 auto;align-self: center;line-height: normal;font-size: var(--font-size-sm);}.form-label {font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--text-primary);display: flex;align-items: center;gap: var(--spacing-xs);}.form-label-icon {color: var(--text-secondary);font-size: var(--font-size-xs);cursor: help;}.form-control-wrapper {position: relative;display: flex;align-items: center;}.form-control {width: 100%;padding: var(--spacing-md) var(--spacing-lg) var(--spacing-md) 45px;border: 1px solid var(--border-color);border-radius: var(--radius-md);font-size: var(--font-size-base);font-family: inherit;background: var(--bg-primary);color: var(--text-primary);transition: border-color 0.2s ease, box-shadow 0.2s ease;}.form-control:focus {outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);}.form-control-wrapper--select {position: relative;}.form-control--select {padding-right: 45px;appearance: none;cursor: pointer;}.form-control-icon {position: absolute;left: var(--spacing-md);color: var(--text-secondary);pointer-events: none;font-size: var(--font-size-base);}.form-control-icon--select {left: auto;right: var(--spacing-md);pointer-events: none;}.form-control-toggle {position: absolute;right: var(--spacing-md);background: none;border: none;color: var(--text-secondary);cursor: pointer;padding: var(--spacing-xs);display: flex;align-items: center;justify-content: center;transition: color 0.2s ease;}.form-control-toggle:hover {color: var(--text-primary);}.form-control--select {cursor: pointer;padding-right: 45px;}.form-control--select option {padding: var(--spacing-sm);background: var(--bg-primary);color: var(--text-primary);}.form-control--select option {font-size: var(--font-size-base);line-height: 1.8;padding: var(--spacing-xs) var(--spacing-sm);background: var(--bg-primary);color: var(--text-primary);}.form-check {display: flex;align-items: flex-start;gap: var(--spacing-sm);cursor: pointer;font-size: var(--font-size-sm);color: var(--text-primary);}.form-check input[type="checkbox"] {margin-top: 2px;cursor: pointer;flex-shrink: 0;}.form-check a {color: var(--color-primary);text-decoration: none;}.form-check a:hover {text-decoration: underline;}.auth-submit {padding: var(--spacing-md) var(--spacing-lg);font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);margin-top: var(--spacing-sm);}.auth-footer {text-align: center;margin-top: var(--spacing-lg);font-size: var(--font-size-sm);color: var(--text-secondary);}.auth-link {color: var(--color-primary);text-decoration: none;font-weight: var(--font-weight-medium);transition: color 0.2s ease;}.auth-link:hover {color: var(--color-primary-dark);text-decoration: underline;}.auth-link--primary {margin-left: var(--spacing-xs);}.auth-error,.auth-success {padding: var(--spacing-md);border-radius: var(--radius-md);margin-bottom: var(--spacing-md);display: flex;align-items: center;gap: var(--spacing-sm);font-size: var(--font-size-sm);}.auth-error {background: rgba(239, 68, 68, 0.1);border: 1px solid rgba(239, 68, 68, 0.3);color: #dc2626;}.auth-success {background: rgba(16, 185, 129, 0.1);border: 1px solid rgba(16, 185, 129, 0.3);color: #059669;}.auth-error i,.auth-success i {font-size: var(--font-size-base);}.auth-message {padding: var(--spacing-lg);border-radius: var(--radius-lg);border: 1px solid var(--border-color);background: var(--bg-primary);margin-bottom: var(--spacing-xl);text-align: center;font-size: var(--font-size-base);display: flex;flex-direction: column;gap: var(--spacing-sm);}.auth-message i {font-size: var(--font-size-lg);}.auth-message--success {border-color: rgba(16, 185, 129, 0.4);background: rgba(16, 185, 129, 0.08);color: #047857;}.auth-message--error {border-color: rgba(239, 68, 68, 0.4);background: rgba(239, 68, 68, 0.08);color: #b91c1c;}.auth-divider {display: flex;align-items: center;justify-content: center;position: relative;margin: 0 var(--spacing-lg);}.auth-divider::before {content: '';position: absolute;left: 0;right: 0;height: 1px;background: var(--border-color);}.auth-divider__text {position: relative;background: var(--bg-secondary);padding: 0 var(--spacing-md);color: var(--text-secondary);font-size: var(--font-size-sm);}.social-auth {display: flex;flex-direction: column;gap: var(--spacing-md);width: 100%;}.social-auth__item {position: relative;}.social-auth__btn {width: 100%;padding: var(--spacing-md) var(--spacing-lg);border: 1px solid var(--border-color);border-radius: var(--radius-md);background: var(--bg-primary);color: var(--text-primary);font-size: var(--font-size-base);font-weight: var(--font-weight-medium);cursor: pointer;display: flex;align-items: center;justify-content: center;gap: var(--spacing-sm);transition: all 0.2s ease;position: relative;}.social-auth__btn:hover:not(:disabled) {background: var(--bg-secondary);border-color: var(--color-primary);}.social-auth__btn:disabled {opacity: 0.6;cursor: not-allowed;}.social-auth__btn--steam {border-color: #1b2838;}.social-auth__btn--facebook {border-color: #1877f2;}.social-auth__btn--facebook:hover:not(:disabled) {border-color: #1877f2;background: rgba(24, 119, 242, 0.05);}.social-auth__btn--google {border-color: #4285f4;}.social-auth__btn--google:hover:not(:disabled) {border-color: #4285f4;background: rgba(66, 133, 244, 0.05);}.social-auth__btn--discord {border-color: #5865f2;}.social-auth__btn--discord:hover:not(:disabled) {border-color: #5865f2;background: rgba(88, 101, 242, 0.05);}.social-auth__btn--twitch {border-color: #9146ff;}.social-auth__btn--twitch:hover:not(:disabled) {border-color: #9146ff;background: rgba(145, 70, 255, 0.05);}.social-auth__icon {font-size: var(--font-size-lg);}.social-auth__btn--steam .social-auth__icon {color: #1b2838;}.social-auth__btn--facebook .social-auth__icon {color: #1877f2;}.social-auth__btn--google .social-auth__icon {color: #ea4335;}.social-auth__btn--discord .social-auth__icon {color: #5865f2;}.social-auth__btn--twitch .social-auth__icon {color: #9146ff;}.social-auth__note {margin-top: var(--spacing-md);font-size: var(--font-size-xs);color: var(--text-secondary);text-align: center;line-height: 1.5;padding: 0 var(--spacing-sm);}.social-auth__disclaimer {margin-top: var(--spacing-lg);font-size: var(--font-size-xs);color: var(--text-secondary);text-align: center;line-height: 1.5;}[data-theme="dark"] .auth-container {background: var(--bg-secondary);border-color: var(--border-color);}[data-theme="dark"] .form-control {background: var(--bg-primary);color: var(--text-primary);border-color: var(--border-color);}[data-theme="dark"] .social-auth__btn {background: var(--bg-primary);border-color: var(--border-color);}@media (max-width: 968px) {.auth-container {grid-template-columns: 1fr;gap: var(--spacing-lg);padding: var(--spacing-lg);}.auth-section--left,.auth-section--right {padding: 0;}.auth-divider {margin: var(--spacing-lg) 0;}.auth-divider__text {background: var(--bg-primary);}}.header-style-select {position: relative;display: inline-block;width: 100%;max-width: 350px;}.header-style-select-input {appearance: none;-webkit-appearance: none;-moz-appearance: none;background-image: url(https://keyizm.com/assets/css/features/user/"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right var(--spacing-sm) center;padding-right: calc(var(--spacing-md) + 12px);cursor: pointer;}.header-style-select-input option {padding: var(--spacing-xs);background-color: var(--bg-secondary);color: var(--text-primary);}.country-select-wrapper.has-flag::before {content: '';position: absolute;left: var(--spacing-sm);top: 50%;transform: translateY(-50%);width: 20px;height: 15px;background-image: var(--flag-url);background-size: contain;background-repeat: no-repeat;background-position: center;pointer-events: none;z-index: 1;}.country-select-wrapper.has-flag .header-style-select-input {padding-left: calc(var(--spacing-md) + 20px);}.country-dropdown {position: absolute;top: calc(100% + var(--spacing-xs));left: 0;right: 0;min-width: 200px;max-width: 100%;background-color: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius-md);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);opacity: 0;visibility: hidden;transform: translateY(-10px);transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);z-index: calc(var(--z-fixed) + 20);max-height: 300px;overflow-y: auto;margin-top: var(--spacing-xs);}.country-dropdown.active {opacity: 1;visibility: visible;transform: translateY(0);}.country-dropdown-list {list-style: none;margin: 0;padding: var(--spacing-xs);}.country-dropdown-item {margin: 0;}.country-dropdown-link {display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-md);color: var(--text-primary);text-decoration: none;font-size: var(--font-size-sm);border-radius: var(--radius-sm);transition: all var(--transition-base);cursor: pointer;}.country-dropdown-link:hover {background-color: var(--bg-hover);color: var(--text-link);}.country-dropdown-link.selected {background-color: rgba(37, 99, 235, 0.1);color: var(--color-primary);font-weight: var(--font-weight-medium);}.country-dropdown-link .country-flag {width: 24px;height: 18px;flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;}.country-dropdown-link .country-flag img {width: 100%;height: 100%;object-fit: cover;border-radius: 2px;}.country-dropdown-link .country-name {flex: 1;text-align: left;}.country-selector-btn {background: none;border: none;padding: 0;cursor: pointer;font-family: inherit;width: 100%;text-align: left;}.country-select-display {display: flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-xs) var(--spacing-sm);color: var(--text-primary);font-size: var(--font-size-sm);cursor: pointer;transition: all var(--transition-base);position: relative;border-radius: var(--radius-sm);width: 100%;background-color: var(--bg-primary);border: 1px solid var(--border-color);min-height: 38px;}.country-selector-btn:hover .country-select-display {color: var(--text-link);background-color: var(--bg-hover);border-color: var(--color-primary);}.country-selector-btn[aria-expanded="true"] .country-select-display {color: var(--text-link);background-color: var(--bg-hover);border-color: var(--color-primary);}.country-chevron {font-size: 0.625rem;color: var(--text-secondary);transition: transform var(--transition-base);margin-left: auto;}.country-selector-btn[aria-expanded="true"] .country-chevron {transform: rotate(180deg);color: var(--text-link);}.country-flag {display: inline-flex;align-items: center;justify-content: center;width: 20px;height: 15px;flex-shrink: 0;vertical-align: middle;}.country-flag img {width: 100%;height: 100%;object-fit: cover;display: block;border-radius: 2px;}.country-name {font-weight: var(--font-weight-medium);}.country-display-flag-img {display: none;width: 100%;height: 100%;object-fit: cover;border-radius: 2px;}.country-select-wrapper .country-select {position: absolute;opacity: 0;pointer-events: none;width: 100%;height: 100%;top: 0;left: 0;z-index: -1;}.country-flag-img {width: 100%;height: 100%;object-fit: cover;border-radius: 2px;}@media (max-width: 768px) {.auth-page {padding-top: var(--spacing-xs);padding-bottom: var(--spacing-sm);padding-left: var(--spacing-sm);padding-right: var(--spacing-sm);min-height: auto; }.auth-container {padding: var(--spacing-md);}.auth-title {font-size: var(--font-size-xl);}.social-auth__btn {padding: var(--spacing-sm) var(--spacing-md);font-size: var(--font-size-sm);}.header-style-select {max-width: 100%;}}.profile-header {position: relative;padding: var(--spacing-xl);border-radius: var(--radius-2xl);border: none;background: linear-gradient(135deg, rgba(82, 67, 170, 0.15), rgba(40, 201, 255, 0.12));box-shadow: 0 20px 45px rgba(15, 23, 42, 0.15);overflow: hidden;display: flex;align-items: center;gap: var(--spacing-xl);}.profile-header::after {content: '';position: absolute;inset: 0;background-image:radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.18), transparent 55%),radial-gradient(circle at 80% 0%, rgba(255, 255, 255, 0.12), transparent 50%),radial-gradient(circle at 50% 100%, rgba(40, 201, 255, 0.18), transparent 60%);opacity: 0.7;pointer-events: none;}.profile-header > * {position: relative;z-index: 1;}.profile-header__avatar {width: 110px;height: 110px;border-radius: 32px;border: 4px solid rgba(255, 255, 255, 0.5);background: rgba(15, 23, 42, 0.15);box-shadow: 0 8px 25px rgba(15, 23, 42, 0.2);flex-shrink: 0;}.profile-header__avatar-img,.profile-header__avatar-placeholder {border-radius: 24px;}.profile-header__avatar-placeholder {background: linear-gradient(135deg, #6759ff, #35c0ff);color: white;font-size: 2.5rem;}.profile-header__info {display: flex;flex-direction: column;gap: var(--spacing-md);}.profile-header__info-row {align-items: flex-start;gap: var(--spacing-lg);flex-wrap: wrap;}.profile-header__username {font-size: clamp(1.8rem, 2.5vw, 2.4rem);color: #0f172a;gap: var(--spacing-sm);}.profile-header__email-block {display: flex;flex-direction: column;gap: var(--spacing-xs);align-items: flex-start;}.profile-header__email-row {display: flex;align-items: center;gap: var(--spacing-xs);}.profile-header__email {background: rgba(15, 23, 42, 0.06);color: #0f172a;padding: 6px 12px;border-radius: var(--radius-md);font-weight: var(--font-weight-medium);letter-spacing: 0.2px;}.profile-badge {display: inline-flex;align-items: center;gap: 3px;font-size: 0.5rem;font-weight: var(--font-weight-semibold);padding: 1px 4px;border-radius: 999px;background: rgba(15, 23, 42, 0.03);color: #0f172a;}.profile-badge--verified {background: rgba(34, 197, 94, 0.12);color: #15803d;border: 1px solid rgba(34, 197, 94, 0.25);}.profile-badge--role {background: rgba(251, 191, 36, 0.2);color: #b45309;border: 1px solid rgba(251, 191, 36, 0.45);font-size: 0.46rem;padding: 1px 4px;}[data-theme="dark"] .profile-badge--role {background: rgba(251, 191, 36, 0.25);color: #fcd34d;border-color: rgba(251, 191, 36, 0.6);}.profile-badge--email {font-size: 0.7rem;padding: 1px 4px;}.profile-badge--email.profile-email-status--pending {background: rgba(249, 115, 22, 0.15);color: #c2410c;border: 1px solid rgba(249, 115, 22, 0.3);}.profile-badge--email.profile-email-status--verified {background: rgba(34, 197, 94, 0.18);color: #166534;border: 1px solid rgba(34, 197, 94, 0.35);}.profile-email-resend-form {display: flex;gap: var(--spacing-xs);align-items: center;flex-wrap: wrap;}.profile-email-resend-btn {display: inline-flex;align-items: center;gap: 6px;border: 1px solid var(--color-primary);background: var(--color-primary);color: #fff;padding: 6px 14px;border-radius: var(--radius-md);cursor: pointer;font-size: 0.72rem;font-weight: var(--font-weight-semibold);transition: all 0.2s ease;box-shadow: 0 8px 20px rgba(37, 99, 235, 0.25);}.profile-email-resend-btn:hover {background: var(--color-primary-dark);border-color: var(--color-primary-dark);transform: translateY(-1px);box-shadow: 0 12px 28px rgba(37, 99, 235, 0.35);}.profile-email-resend-btn.is-disabled,.profile-email-resend-btn:disabled {opacity: 0.6;cursor: not-allowed;pointer-events: none;box-shadow: none;}[data-theme="dark"] .profile-email-resend-btn {background: var(--color-primary-light);border-color: var(--color-primary-light);color: #0f172a;box-shadow: 0 8px 20px rgba(96, 165, 250, 0.35);}[data-theme="dark"] .profile-email-resend-btn:hover {background: var(--color-primary);border-color: var(--color-primary);color: #fff;}.profile-username-check {color: #16a34a;font-size: 1rem;line-height: 1;}.profile-settings-btn {display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-sm) var(--spacing-lg);background: var(--color-primary);color: #fff;text-decoration: none;border-radius: var(--radius-lg);border: none;font-weight: var(--font-weight-semibold);box-shadow: 0 12px 30px rgba(37, 99, 235, 0.35);transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;}.profile-settings-btn i {font-size: var(--font-size-base);color: inherit;}.profile-settings-btn:hover {background: var(--color-primary-dark);color: #fff;transform: translateY(-1px);box-shadow: 0 16px 36px rgba(37, 99, 235, 0.45);}[data-theme="dark"] .profile-settings-btn {background: var(--color-primary-light);color: #0f172a;box-shadow: 0 12px 30px rgba(96, 165, 250, 0.4);}[data-theme="dark"] .profile-settings-btn:hover {background: var(--color-primary);color: #fff;}.auth-page .btn-secondary {background: var(--color-primary);color: #fff;border: 1px solid var(--color-primary);box-shadow: 0 10px 24px rgba(37, 99, 235, 0.25);font-weight: var(--font-weight-semibold);}.auth-page .btn-secondary:hover:not(:disabled) {background: var(--color-primary-dark);border-color: var(--color-primary-dark);color: #fff;box-shadow: 0 14px 30px rgba(37, 99, 235, 0.35);}.auth-page .btn-secondary:disabled {opacity: 0.6;cursor: not-allowed;}[data-theme="dark"] .auth-page .btn-secondary {background: var(--color-primary-light);border-color: var(--color-primary-light);color: #0f172a;box-shadow: 0 10px 24px rgba(96, 165, 250, 0.35);}[data-theme="dark"] .auth-page .btn-secondary:hover:not(:disabled) {background: var(--color-primary);border-color: var(--color-primary);color: #fff;}@media (max-width: 768px) {.profile-header {flex-direction: column;text-align: center;align-items: center;padding: var(--spacing-lg);}.profile-header__info,.profile-header__email-block,.profile-email-resend-form {align-items: center;}.profile-header__info-row {flex-direction: column;}}.profile-page {padding: var(--spacing-lg) 0;}.profile-header {display: flex;align-items: center;gap: var(--spacing-md);margin-bottom: var(--spacing-xl);padding-bottom: var(--spacing-lg);border-bottom: 1px solid var(--border-color);}.profile-header__avatar {width: 80px;height: 80px;border-radius: 50%;overflow: hidden;flex-shrink: 0;}.profile-header__avatar-img {width: 100%;height: 100%;object-fit: cover;}.profile-header__avatar-placeholder {width: 100%;height: 100%;background-color: var(--color-primary);color: white;display: flex;align-items: center;justify-content: center;font-size: 2rem;font-weight: bold;}.profile-header__info {flex: 1;}.profile-header__info-row {display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-md);}.profile-header__info-left {flex: 1;}.profile-header__info-right {display: flex;align-items: center;justify-content: center;}.profile-header__username {font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);margin: 0 0 var(--spacing-xs) 0;color: var(--text-primary);display: flex;align-items: center;gap: var(--spacing-xs);}.profile-header__email {font-size: var(--font-size-sm);color: var(--text-secondary);margin: 0;}.profile-dashboard {display: flex;flex-wrap: wrap;gap: var(--spacing-md);margin-bottom: var(--spacing-xl);}.profile-dashboard__card {flex: 1 1 180px;min-width: 0;border-radius: var(--radius-lg);padding: var(--spacing-md);background: radial-gradient(circle at top left, rgba(59, 130, 246, 0.08), transparent 60%),radial-gradient(circle at bottom right, rgba(16, 185, 129, 0.08), transparent 60%);border: 1px solid rgba(148, 163, 184, 0.6);box-shadow: var(--shadow-sm);display: flex;flex-direction: column;gap: var(--spacing-xs);}[data-theme="dark"] .profile-dashboard__card {background: radial-gradient(circle at top left, rgba(59, 130, 246, 0.16), transparent 60%),radial-gradient(circle at bottom right, rgba(16, 185, 129, 0.16), transparent 60%);border-color: rgba(148, 163, 184, 0.9);}.profile-dashboard__label {display: inline-flex;align-items: center;gap: var(--spacing-xs);font-size: var(--font-size-sm);color: var(--text-secondary);}.profile-dashboard__value {font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--text-primary);}.profile-dashboard__meta {display: flex;flex-wrap: wrap;gap: var(--spacing-xs);font-size: var(--font-size-xs);color: var(--text-secondary);}.profile-dashboard__meta span::after {content: '•';margin: 0 var(--spacing-2xs);opacity: 0.5;}.profile-dashboard__meta span:last-child::after {content: '';margin: 0;}.profile-tabs {display: flex;gap: var(--spacing-sm);margin-bottom: var(--spacing-xl);border-bottom: 2px solid var(--border-color);flex-wrap: wrap;}.profile-tab {display: flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-sm) var(--spacing-md);text-decoration: none;color: var(--text-secondary);border-bottom: 2px solid transparent;margin-bottom: -2px;transition: all var(--transition-fast);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);}.profile-tab:hover {color: var(--color-primary);border-bottom-color: var(--color-primary-light);}.profile-tab--active {color: var(--color-primary);border-bottom-color: var(--color-primary);font-weight: var(--font-weight-semibold);}.profile-tab i {font-size: var(--font-size-base);}.profile-sub-tabs {display: flex;gap: var(--spacing-sm);margin-bottom: var(--spacing-lg);border-bottom: 1px solid var(--border-color);flex-wrap: wrap;}.profile-sub-tab {display: flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-sm) var(--spacing-md);text-decoration: none;color: var(--text-secondary);border-bottom: 2px solid transparent;margin-bottom: -1px;transition: all var(--transition-fast);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);}.profile-sub-tab:hover {color: var(--color-primary);border-bottom-color: var(--color-primary-light);}.profile-sub-tab--active {color: var(--color-primary);border-bottom-color: var(--color-primary);font-weight: var(--font-weight-semibold);}.profile-sub-tab i {font-size: var(--font-size-base);}.profile-content {min-height: 400px;}.profile-section {margin-bottom: var(--spacing-xl);}.profile-section__title {font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);margin: 0 0 var(--spacing-lg) 0;color: var(--text-primary);}.profile-games-list,.profile-companies-list {display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));gap: var(--spacing-md);}.profile-game-item,.profile-company-item {border-radius: var(--radius-md);overflow: hidden;background-color: var(--bg-secondary);transition: transform var(--transition-fast), box-shadow var(--transition-fast);}.profile-game-item:hover,.profile-company-item:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}.profile-game-item__link,.profile-company-item__link {display: block;text-decoration: none;color: inherit;}.profile-game-item__cover,.profile-company-item__logo {width: 100%;aspect-ratio: 1;overflow: hidden;background-color: var(--bg-tertiary);}.profile-game-item__cover img,.profile-company-item__logo img {width: 100%;height: 100%;object-fit: cover;}.profile-game-item__placeholder,.profile-company-item__placeholder {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 2rem;color: var(--text-tertiary);}.profile-game-item__title,.profile-company-item__name {padding: var(--spacing-sm);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);margin: 0;text-align: center;color: var(--text-primary);}.profile-comments-table {display: flex;flex-direction: column;border: 1px solid var(--border-color);border-radius: var(--radius-md);overflow: hidden;background-color: var(--bg-primary);}.profile-comments-table__header {display: grid;grid-template-columns: 100px 1fr 2fr 140px 120px;gap: var(--spacing-md);padding: var(--spacing-sm) var(--spacing-md);background-color: var(--bg-secondary);border-bottom: 2px solid var(--border-color);font-weight: var(--font-weight-bold);font-size: var(--font-size-sm);color: var(--text-secondary);text-transform: uppercase;letter-spacing: 0.5px;}.profile-comments-table__body {display: flex;flex-direction: column;}.profile-comments-table__row {display: grid;grid-template-columns: 100px 1fr 2fr 140px 120px;gap: var(--spacing-md);padding: var(--spacing-sm) var(--spacing-md);border-bottom: 1px solid var(--border-color);transition: background-color var(--transition-fast);align-items: center;}.profile-comments-table__row:last-child {border-bottom: none;}.profile-comments-table__row:hover {background-color: var(--bg-hover);}.profile-comments-table__col {display: flex;align-items: center;font-size: var(--font-size-sm);color: var(--text-primary);}.profile-comments-table__col--type {justify-content: flex-start;}.profile-comments-table__col--entity {justify-content: flex-start;}.profile-comments-table__col--content {justify-content: flex-start;}.profile-comments-table__col--date {justify-content: flex-start;color: var(--text-secondary);}.profile-comments-table__col--status {justify-content: flex-start;}.profile-comment-type-badge {display: inline-flex;align-items: center;gap: 4px;padding: 4px 8px;border-radius: var(--radius-sm);font-size: 11px;font-weight: var(--font-weight-medium);white-space: nowrap;}.profile-comment-type-badge--game {background-color: rgba(74, 144, 226, 0.1);color: #4a90e2;}.profile-comment-type-badge--company {background-color: rgba(255, 107, 53, 0.1);color: #ff6b35;}.profile-comment-type-badge--code {background-color: rgba(138, 43, 226, 0.1);color: #8a2be2;}.profile-comment-type-badge i {font-size: 10px;}.profile-comment-entity-link {color: var(--text-primary);text-decoration: none;font-weight: var(--font-weight-medium);transition: color var(--transition-fast);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;display: block;}.profile-comment-entity-link:hover {color: var(--color-primary);text-decoration: underline;}.profile-comment-content {color: var(--text-secondary);line-height: 1.5;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}.profile-comment-date {color: var(--text-tertiary);font-size: var(--font-size-xs);white-space: nowrap;}.profile-comment-badge {display: inline-flex;align-items: center;gap: 4px;padding: 4px 10px;border-radius: var(--radius-sm);font-size: 11px;font-weight: var(--font-weight-medium);white-space: nowrap;}.profile-comment-badge--pending {background-color: rgba(255, 193, 7, 0.1);color: #ffc107;}.profile-comment-badge--rejected {background-color: rgba(220, 53, 69, 0.1);color: #dc3545;}.profile-comment-badge--approved {background-color: rgba(40, 167, 69, 0.1);color: #28a745;}.profile-comment-badge i {font-size: 10px;}@media (max-width: 768px) {.profile-comments-table__header,.profile-comments-table__row {grid-template-columns: 80px 1fr 1.5fr 100px 100px;gap: var(--spacing-sm);padding: var(--spacing-xs) var(--spacing-sm);}.profile-comments-table__col {font-size: var(--font-size-xs);}}.profile-comments-list {display: flex;flex-direction: column;gap: var(--spacing-md);}.profile-comment-item {padding: var(--spacing-md);border-radius: var(--radius-md);background-color: var(--bg-secondary);border: 1px solid var(--border-color);}.profile-comment-item__header {display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-sm);font-size: var(--font-size-sm);}.profile-comment-item__type {color: var(--text-secondary);display: flex;align-items: center;gap: var(--spacing-xs);}.profile-comment-item__date {color: var(--text-tertiary);}.profile-comment-item__entity {margin-bottom: var(--spacing-sm);}.profile-comment-item__entity a {color: var(--color-primary);text-decoration: none;font-weight: var(--font-weight-medium);}.profile-comment-item__entity a:hover {text-decoration: underline;}.profile-comment-item__content {margin-bottom: var(--spacing-sm);color: var(--text-primary);line-height: 1.6;}.profile-comment-badge {display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--radius-sm);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);}.profile-comment-badge--pending {background-color: #fff3cd;color: #856404;}.dark-mode .profile-comment-badge--pending {background-color: #664d03;color: #ffc107;}.profile-comment-badge--rejected {background-color: #f8d7da;color: #721c24;}.dark-mode .profile-comment-badge--rejected {background-color: #842029;color: #f5c2c7;}.profile-comment-badge--approved {background-color: #d1e7dd;color: #0f5132;}.dark-mode .profile-comment-badge--approved {background-color: #0f5132;color: #d1e7dd;}.profile-empty {text-align: center;padding: var(--spacing-xl) var(--spacing-md);color: var(--text-secondary);}.profile-empty__icon {font-size: 3rem;margin-bottom: var(--spacing-md);color: var(--text-tertiary);}.profile-empty p {margin: 0;font-size: var(--font-size-base);}.profile-settings-page {padding: var(--spacing-lg) 0;}.profile-settings-header {margin-bottom: var(--spacing-xl);padding-bottom: var(--spacing-lg);border-bottom: 1px solid var(--border-color);}.profile-settings-header__title {font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--text-primary);margin: 0 0 var(--spacing-xs) 0;display: flex;align-items: center;gap: var(--spacing-sm);}.profile-settings-header__description {font-size: var(--font-size-sm);color: var(--text-secondary);margin: 0;}.profile-settings-content {display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-xl);}@media (max-width: 768px) {.profile-settings-content {grid-template-columns: 1fr;}}.profile-settings-section {padding: var(--spacing-lg);background-color: var(--bg-secondary);border-radius: var(--radius-md);border: 1px solid var(--border-color);}.profile-settings-section__title {font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--text-primary);margin: 0 0 var(--spacing-md) 0;display: flex;align-items: center;gap: var(--spacing-sm);}.profile-settings-section__description {font-size: var(--font-size-sm);color: var(--text-secondary);line-height: 1.6;margin: 0 0 var(--spacing-lg) 0;}.profile-settings-form {max-width: 500px;}.profile-settings-form .form-group {margin-bottom: var(--spacing-md);}.profile-settings-form .form-label {display: block;margin-bottom: var(--spacing-xs);font-weight: var(--font-weight-medium);color: var(--text-primary);}.profile-settings-form .form-control {width: 100%;padding: var(--spacing-sm) var(--spacing-md);border: 1px solid var(--border-color);border-radius: var(--radius-md);background-color: var(--bg-primary);color: var(--text-primary);font-size: var(--font-size-base);transition: all var(--transition-fast);}.profile-settings-form .form-control:focus {outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.1);}.profile-settings-form .form-text {display: block;margin-top: var(--spacing-xs);font-size: var(--font-size-xs);color: var(--text-secondary);}@media (max-width: 768px) {.profile-header {flex-direction: column;text-align: center;}.profile-header__info-row {flex-direction: column;align-items: flex-start;}.profile-header__info-right {width: 100%;justify-content: flex-start;margin-top: var(--spacing-sm);}.profile-tabs {flex-direction: column;border-bottom: none;}.profile-tab {border-bottom: 2px solid var(--border-color);border-radius: var(--radius-sm);margin-bottom: var(--spacing-xs);}.profile-tab--active {border-bottom-color: var(--color-primary);}.profile-sub-tabs {flex-direction: column;border-bottom: none;}.profile-sub-tab {border-bottom: 1px solid var(--border-color);border-radius: var(--radius-sm);margin-bottom: var(--spacing-xs);}.profile-sub-tab--active {border-bottom-color: var(--color-primary);}.profile-games-list,.profile-companies-list {grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));gap: var(--spacing-sm);}}.profile-header .profile-badge {font-size: 0.75rem;padding: 4px 12px;border-radius: 999px;background: rgba(15, 23, 42, 0.06);color: #0f172a;border: 1px solid rgba(15, 23, 42, 0.08);}.profile-header .profile-badge i {font-size: 0.8rem;color: inherit;}[data-theme="dark"] .profile-header .profile-badge {background: rgba(255, 255, 255, 0.08);color: #f8fafc;border-color: rgba(148, 163, 184, 0.35);}.profile-header .profile-settings-btn {padding: var(--spacing-sm) var(--spacing-lg);background: var(--color-primary);color: #fff;border-radius: var(--radius-lg);border: none;font-weight: var(--font-weight-semibold);box-shadow: 0 12px 30px rgba(37, 99, 235, 0.35);transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;}.profile-header .profile-settings-btn:hover {background: var(--color-primary-dark);transform: translateY(-1px);box-shadow: 0 16px 36px rgba(37, 99, 235, 0.45);}[data-theme="dark"] .profile-header .profile-settings-btn {background: var(--color-primary-light);color: #0f172a;box-shadow: 0 12px 30px rgba(96, 165, 250, 0.4);}[data-theme="dark"] .profile-header .profile-settings-btn:hover {background: var(--color-primary);color: #fff;}.profile-header__email-row {display: flex;align-items: center;gap: var(--spacing-xs);flex-wrap: wrap;}.comment-section-wrapper {margin-top: var(--spacing-lg);}.game-code-feedback-section {margin-top: var(--spacing-md);}.game-code-feedback-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: var(--spacing-md);}.game-code-feedback-title {margin: 0;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--text-primary);display: flex;align-items: center;gap: var(--spacing-sm);}.game-code-feedback-title i {color: var(--color-primary);}.comment-subtitle {font-size: var(--font-size-sm);color: var(--text-secondary);font-weight: var(--font-weight-normal);}.game-code-feedback-login-btn {display: inline-flex;align-items: center;gap: var(--spacing-xs);}.game-code-feedback-benefit-message {background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius-md);padding: var(--spacing-sm) var(--spacing-md);margin-bottom: var(--spacing-md);display: flex;align-items: center;gap: var(--spacing-sm);font-size: var(--font-size-sm);color: var(--text-secondary);}.game-code-feedback-benefit-message i {color: var(--color-primary);}.game-code-item {background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: var(--spacing-lg);margin-bottom: var(--spacing-lg);}.comment-rating-login-hint {display: flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-sm) var(--spacing-md);margin-bottom: var(--spacing-md);background: linear-gradient(135deg, rgba(255, 107, 107, 0.1) 0%, rgba(255, 159, 159, 0.1) 100%);border: 1px solid rgba(255, 107, 107, 0.3);border-radius: var(--radius-md);font-size: var(--font-size-sm);color: #ff6b6b;font-weight: var(--font-weight-medium);}.comment-rating-login-hint i {color: #ff6b6b;font-size: var(--font-size-base);}.comment-rating-login-hint span {color: #ff6b6b;}[data-theme="dark"] .comment-rating-login-hint,.dark-mode .comment-rating-login-hint {background: linear-gradient(135deg, rgba(255, 107, 107, 0.15) 0%, rgba(255, 159, 159, 0.15) 100%);border-color: rgba(255, 107, 107, 0.4);}[data-theme="light"] .comment-rating-login-hint,.light-mode .comment-rating-login-hint {background: linear-gradient(135deg, rgba(255, 107, 107, 0.12) 0%, rgba(255, 159, 159, 0.12) 100%);border-color: rgba(255, 107, 107, 0.35);color: #ff5252;}[data-theme="light"] .comment-rating-login-hint i,.light-mode .comment-rating-login-hint i {color: #ff5252;}[data-theme="light"] .comment-rating-login-hint span,.light-mode .comment-rating-login-hint span {color: #ff5252;}.comment-rating-widget {margin-bottom: var(--spacing-md);padding-bottom: var(--spacing-md);border-bottom: 1px solid var(--border-color);}.comment-feedback-type-widget {margin-bottom: var(--spacing-md);padding-bottom: var(--spacing-md);border-bottom: 1px solid var(--border-color);}.comment-feedback-type-label {display: flex;align-items: center;gap: var(--spacing-sm);margin-bottom: var(--spacing-sm);font-weight: var(--font-weight-semibold);color: var(--text-primary);font-size: var(--font-size-base);}.comment-feedback-type-label i {color: var(--color-primary);}.comment-feedback-type-selector {display: flex;gap: var(--spacing-sm);flex-wrap: wrap;}.comment-feedback-type-option {display: flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-xs) var(--spacing-sm);border: 1px solid var(--border-color);border-radius: var(--radius-sm);background: var(--bg-secondary);color: var(--text-secondary);cursor: pointer;transition: all var(--transition-fast);font-size: var(--font-size-sm);}.comment-feedback-type-option[data-feedback-type="comment"] {border-color: #3b82f6;color: #3b82f6;}.comment-feedback-type-option[data-feedback-type="comment"]:hover {background: rgba(59, 130, 246, 0.1);border-color: #3b82f6;color: #3b82f6;}.comment-feedback-type-option[data-feedback-type="comment"].active {background: #3b82f6;color: white;border-color: #3b82f6;}.comment-feedback-type-option[data-feedback-type="not_working"] {border-color: #ef4444;color: #ef4444;}.comment-feedback-type-option[data-feedback-type="not_working"]:hover {background: rgba(239, 68, 68, 0.1);border-color: #ef4444;color: #ef4444;}.comment-feedback-type-option[data-feedback-type="not_working"].active {background: #ef4444;color: white;border-color: #ef4444;}.comment-feedback-type-option[data-feedback-type="new_code"] {border-color: #10b981;color: #10b981;}.comment-feedback-type-option[data-feedback-type="new_code"]:hover {background: rgba(16, 185, 129, 0.1);border-color: #10b981;color: #10b981;}.comment-feedback-type-option[data-feedback-type="new_code"].active {background: #10b981;color: white;border-color: #10b981;}.comment-feedback-type-option i {font-size: var(--font-size-sm);}.comment-rating-label {display: flex;align-items: center;gap: var(--spacing-sm);margin-bottom: var(--spacing-sm);font-weight: var(--font-weight-semibold);color: var(--text-primary);font-size: var(--font-size-base);}.comment-rating-label i {color: var(--color-warning);}.comment-rating-value {font-weight: var(--font-weight-bold);color: var(--color-primary);margin-left: var(--spacing-xs);}.comment-rating-selector {display: flex;gap: var(--spacing-xs);flex-wrap: wrap;}@media (max-width: 768px) {.comment-rating-selector {flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: thin;gap: 4px;}.comment-rating-selector .comment-rating-option {min-width: 32px;width: 32px;height: 32px;font-size: 12px;padding: 0;}.comment-rating-selector::-webkit-scrollbar {height: 4px;}.comment-rating-selector::-webkit-scrollbar-thumb {background: var(--border-color);border-radius: 2px;}}.comment-rating-option {min-width: 36px;height: 36px;padding: 0 var(--spacing-sm);background: var(--bg-primary);border: 1px solid var(--border-color);border-radius: var(--radius-md);color: var(--text-primary);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);cursor: pointer;transition: all var(--transition-fast);display: flex;align-items: center;justify-content: center;}.comment-rating-option:hover {background: var(--bg-tertiary);border-color: var(--color-primary);}.comment-rating-option.selected {background: var(--color-primary);border-color: var(--color-primary);color: white;}.comment-rating-option:disabled {opacity: 0.5;cursor: not-allowed;}.game-code-comment-form {margin-top: var(--spacing-md);}.comment-char-count-top {text-align: right;margin-bottom: var(--spacing-xs);font-size: var(--font-size-sm);color: var(--text-secondary);}.comment-char-count-top .char-count {font-weight: var(--font-weight-semibold);}.comment-char-count-top .char-count.char-count-over {color: var(--color-danger);}.game-code-comment-textarea {width: 100%;padding: var(--spacing-md);border: 1px solid var(--border-color);border-radius: var(--radius-md);font-family: inherit;font-size: var(--font-size-base);line-height: 1.6;resize: vertical;background: var(--bg-primary);color: var(--text-primary);transition: border-color var(--transition-fast);min-height: 100px;}.game-code-comment-textarea:focus {outline: none;border-color: var(--color-primary);}.game-code-comment-textarea:disabled {background: var(--bg-tertiary);cursor: not-allowed;opacity: 0.6;}.game-code-comment-form-actions {display: flex;justify-content: flex-end;margin-top: var(--spacing-md);}.game-code-comment-submit {display: inline-flex;align-items: center;gap: var(--spacing-xs);}.game-code-comments {margin-top: var(--spacing-xl);}.game-code-comments-header {display: flex;align-items: center;gap: var(--spacing-sm);margin-bottom: var(--spacing-lg);}.game-code-comments-header h6 {margin: 0;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--text-primary);display: flex;align-items: center;gap: var(--spacing-sm);}.game-code-comments-header h6 i {color: var(--color-primary);}.game-code-comments-count {font-size: var(--font-size-sm);color: var(--text-secondary);font-weight: var(--font-weight-normal);}.game-code-comments-list {display: flex;flex-direction: column;gap: var(--spacing-md);}.comments-loading {text-align: center;padding: var(--spacing-xl);color: var(--text-secondary);}.comments-loading p {margin: 0;}.no-comments,.comment-empty {text-align: center;padding: var(--spacing-xl);color: var(--text-secondary);}.comment-error {text-align: center;padding: var(--spacing-xl);color: var(--color-danger);}.comment-item {padding: var(--spacing-md) 0;border-bottom: 1px solid var(--border-color);}.comment-item:last-child {border-bottom: none;}.comment-reply-item {padding: var(--spacing-sm) 0;margin-left: var(--spacing-xl);padding-left: var(--spacing-md);}.comment-username-row {display: flex;align-items: center;gap: var(--spacing-sm);margin-bottom: var(--spacing-xs);flex-wrap: wrap;}.comment-main-icon {color: var(--color-primary);font-size: var(--font-size-sm);margin-right: var(--spacing-xs);}.comment-country-flag {width: 16px !important;height: 12px !important;object-fit: cover;border-radius: 2px;vertical-align: middle;margin: 0 4px !important;display: inline-block !important;flex-shrink: 0;}.comment-username {font-weight: var(--font-weight-semibold);color: var(--text-primary);font-size: var(--font-size-base);}.comment-badge {display: inline-flex;align-items: center;justify-content: center;width: 20px;height: 20px;border-radius: 50%;color: white;font-size: var(--font-size-xs);margin-left: var(--spacing-xs);}.comment-rating-display {display: inline-flex;align-items: center;gap: var(--spacing-xs);background: var(--bg-tertiary);padding: 2px var(--spacing-xs);border-radius: var(--radius-sm);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: var(--color-warning);margin-left: var(--spacing-xs);}.comment-rating-display i {font-size: var(--font-size-xs);}.comment-rating-display-small {display: inline-flex;align-items: center;gap: 2px;background: var(--bg-tertiary);padding: 1px 4px;border-radius: var(--radius-sm);font-size: 10px;font-weight: var(--font-weight-semibold);color: var(--color-warning);margin-left: var(--spacing-xs);line-height: 1.2;}.comment-rating-display-small i {font-size: 8px;}.comment-feedback-type {display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: 2px var(--spacing-xs);border-radius: var(--radius-sm);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: white;margin-left: var(--spacing-xs);}.comment-feedback-type i {font-size: var(--font-size-xs);}.comment-pending-badge {display: inline-flex;align-items: center;gap: var(--spacing-xs);background: var(--color-warning);padding: 2px var(--spacing-xs);border-radius: var(--radius-sm);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: white;margin-left: var(--spacing-xs);}.comment-pending-badge i {font-size: var(--font-size-xs);}.comment-report-btn {background: none;border: none;color: var(--text-secondary);cursor: pointer;padding: var(--spacing-xs);margin-left: auto;transition: color var(--transition-fast);font-size: var(--font-size-sm);}.comment-report-btn:hover:not(:disabled) {color: var(--color-danger);}.comment-report-btn.reported,.comment-report-btn:disabled {opacity: 0.5;cursor: not-allowed;}.comment-content-wrapper {margin: var(--spacing-xs) 0 var(--spacing-sm) 0;}.comment-content {line-height: 1.6;color: var(--text-primary);white-space: pre-wrap;word-wrap: break-word;font-size: var(--font-size-base);}.comment-translate-wrapper {margin-top: var(--spacing-sm);padding: var(--spacing-sm);background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius-md);}.comment-translate-btn {background: none;border: none;color: var(--color-primary);cursor: pointer;padding: var(--spacing-xs) var(--spacing-sm);margin-top: var(--spacing-xs);font-size: var(--font-size-sm);display: inline-flex;align-items: center;gap: var(--spacing-xs);transition: opacity var(--transition-fast);}.comment-translate-btn:hover {opacity: 0.8;}.comment-filters {display: flex;flex-direction: row;align-items: center;gap: var(--spacing-md);margin-bottom: var(--spacing-lg);padding: var(--spacing-md);background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius-md);flex-wrap: nowrap;}.comment-filter-group {display: flex;align-items: center;gap: var(--spacing-sm);flex-shrink: 0;}@media (max-width: 768px) {.comment-filters {flex-direction: column;align-items: stretch;gap: var(--spacing-sm);padding: var(--spacing-sm);}.comment-filter-group {width: 100%;display: flex;flex-direction: column;gap: var(--spacing-xs);}.comment-filter-group label {font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);}.comment-filter-select {width: 100%;font-size: var(--font-size-sm);padding: var(--spacing-sm);}}.comment-filter-group label {font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--text-secondary);white-space: nowrap;}.comment-filter-select {padding: var(--spacing-xs) var(--spacing-sm);border: 1px solid var(--border-color);border-radius: var(--radius-sm);background: var(--bg-primary);color: var(--text-primary);font-size: var(--font-size-sm);cursor: pointer;min-width: 150px;}.comment-filter-select:focus {outline: none;border-color: var(--color-primary);}.comment-actions {display: flex;align-items: center;gap: var(--spacing-xs);margin-top: var(--spacing-sm);flex-wrap: wrap;}.comment-action-btn {background: none;border: none;padding: var(--spacing-xs);color: var(--text-secondary);cursor: pointer;transition: color var(--transition-fast);display: inline-flex;align-items: center;font-size: var(--font-size-sm);}.comment-action-btn:hover {color: var(--text-primary);}.comment-action-btn.active {color: var(--color-primary);}.comment-helpful-btn.active {color: #10b981;}.comment-dislike-btn.active {color: #ef4444;}.comment-action-count {font-size: var(--font-size-sm);color: var(--text-secondary);font-weight: var(--font-weight-medium);margin: 0 var(--spacing-xs);min-width: 20px;text-align: center;}.comment-action-count.helpful-count.has-count {color: #4caf50; }.comment-action-count.dislike-count.has-count {color: #f44336; }.dark-mode .comment-action-count.helpful-count.has-count {color: #66bb6a; }.dark-mode .comment-action-count.dislike-count.has-count {color: #ef5350; }.comment-action-separator {color: var(--border-color);margin: 0 var(--spacing-xs);}.comment-reply-btn {color: var(--text-secondary);display: inline-flex;align-items: center;gap: var(--spacing-xs);}.comment-reply-btn:hover {color: var(--color-primary);}.comment-reply-btn i {margin-right: 0;}.comment-reply-form {margin-top: var(--spacing-md);padding-top: var(--spacing-md);border-top: 1px solid var(--border-color);}.comment-reply-form-inner {display: flex;flex-direction: column;gap: var(--spacing-sm);}.comment-reply-textarea {width: 100%;padding: var(--spacing-sm) var(--spacing-md);border: 1px solid var(--border-color);border-radius: var(--radius-md);font-family: inherit;font-size: var(--font-size-sm);line-height: 1.5;resize: vertical;background: var(--bg-primary);color: var(--text-primary);transition: border-color var(--transition-fast);}.comment-reply-textarea:focus {outline: none;border-color: var(--color-primary);}.comment-reply-actions {display: flex;justify-content: flex-end;gap: var(--spacing-sm);}.comment-reply-cancel {padding: var(--spacing-xs) var(--spacing-md);background: var(--bg-tertiary);border: 1px solid var(--border-color);border-radius: var(--radius-md);color: var(--text-primary);font-size: var(--font-size-sm);cursor: pointer;transition: background var(--transition-fast);}.comment-reply-cancel:hover {background: var(--bg-secondary);}.comment-reply-submit {padding: var(--spacing-xs) var(--spacing-md);background: var(--color-primary);border: none;border-radius: var(--radius-md);color: white;font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);cursor: pointer;transition: background var(--transition-fast);}.comment-reply-submit:hover:not(:disabled) {background: var(--color-primary-dark);}.comment-reply-submit:disabled {opacity: 0.6;cursor: not-allowed;}.comment-replies {margin-top: var(--spacing-md);padding-left: var(--spacing-lg);border-left: 2px solid var(--border-color);}.game-code-comments-pagination {margin-top: var(--spacing-lg);padding-top: var(--spacing-lg);border-top: 1px solid var(--border-color);text-align: center;}[data-theme="dark"] .game-code-item {background: var(--bg-secondary);border-color: var(--border-color);}[data-theme="dark"] .game-code-comment-textarea {background: var(--bg-primary);color: var(--text-primary);}[data-theme="dark"] .comment-rating-option {background: var(--bg-primary);border-color: var(--border-color);}[data-theme="dark"] .comment-rating-option:hover {background: var(--bg-tertiary);}[data-theme="dark"] .comment-rating-option.selected {background: var(--color-primary);color: white;}[data-theme="dark"] .comment-item {border-bottom-color: var(--border-color);}[data-theme="dark"] .comment-reply-item {border-left-color: var(--border-color);}[data-theme="dark"] .comment-replies {border-left-color: var(--border-color);}@media (max-width: 768px) {.game-code-feedback-header {flex-direction: column;align-items: flex-start;gap: var(--spacing-sm);}.game-code-item {padding: var(--spacing-md);}.comment-rating-selector {gap: var(--spacing-xs);}.comment-rating-option {min-width: 32px;height: 32px;font-size: var(--font-size-xs);}.comment-reply-item {margin-left: var(--spacing-md);padding-left: var(--spacing-sm);}.comment-replies {padding-left: var(--spacing-md);}.comment-username-row {gap: var(--spacing-xs);}.comment-actions {gap: var(--spacing-xs);}}.top-header {background-color: #2a2a2a; border-bottom: 1px solid rgba(255, 255, 255, 0.1);padding: 0; font-size: var(--font-size-sm);position: sticky;top: 0;height: 40px; z-index: var(--z-sticky);transition: all var(--transition-fast);will-change: contents;contain: layout;max-width: 1000px;margin-left: auto;margin-right: auto;border-radius: var(--radius-lg);}[data-theme="dark"] .top-header {background-color: var(--bg-tertiary); border-bottom: 1px solid var(--border-color);}.top-header.scrolled {box-shadow: var(--shadow-sm);}.top-header__content {display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-md);height: 100%; }.top-header__left {display: flex;align-items: center;gap: var(--spacing-md);}.top-header__right {display: flex;align-items: center;gap: var(--spacing-md);}.main-header {background-color: #1a1a1a; border-bottom: 1px solid rgba(255, 255, 255, 0.1);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);height: 64px; position: sticky;top: 40px; z-index: calc(var(--z-sticky) - 1); will-change: contents; contain: layout; max-width: 1000px;margin-left: auto;margin-right: auto;border-radius: var(--radius-lg);}.main-header .container {padding-top: 0;padding-bottom: 0;height: 100%; }[data-theme="dark"] .main-header {background-color: var(--bg-secondary); border-bottom: 1px solid var(--border-color);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);}.main-header__content {display: flex;align-items: center; justify-content: space-between;height: 100%; padding: 0; position: relative;}h1.main-header__logo-wrapper {margin: 0 !important;margin-top: 0 !important;margin-bottom: 0 !important;padding: 0 !important;font-size: 0 !important; line-height: 0 !important;height: 100% !important; display: flex !important; align-items: center !important; font-weight: normal !important; align-self: stretch !important; }.main-header__logo {display: flex;align-items: center;gap: var(--spacing-sm);text-decoration: none;height: 100%; margin: 0;padding: 0;align-self: stretch; }.main-header__logo-img {height: 40px;width: auto;display: block;margin: 0;margin-bottom: 0; padding: 0;}.main-header__logo-img--light {display: block;}.main-header__logo-img--dark {display: none;}[data-theme="dark"] .main-header__logo-img--light {display: none;}[data-theme="dark"] .main-header__logo-img--dark {display: block;}.main-header__nav {display: flex;align-items: center; justify-content: center; gap: var(--spacing-lg);flex: 1; height: 100%; }.main-header__nav-list {display: flex;align-items: center;gap: var(--spacing-md);list-style: none;height: 100%; margin: 0; padding: 0; }.main-header__nav-link {color: rgba(255, 255, 255, 0.8); font-weight: var(--font-weight-medium);padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--radius-md);transition: all var(--transition-fast);text-decoration: none;display: flex;align-items: center;gap: var(--spacing-xs);height: auto; }.main-header__nav-icon {flex-shrink: 0;width: 18px;text-align: center;font-size: 1rem;display: inline-block;}.main-header__nav-link .fas,.main-header__nav-link .fa {display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}.main-header__nav-link:hover {color: #ffffff; background-color: rgba(255, 255, 255, 0.1);}.main-header__nav-link.active {color: #ffffff;background-color: rgba(255, 255, 255, 0.1);}.main-header__actions {display: flex;align-items: center;gap: var(--spacing-sm);margin-left: auto;height: 100%; }.main-header__action-button {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: var(--radius-md);background: none;border: none;color: var(--text-secondary);cursor: pointer;transition: all var(--transition-fast);}.main-header__action-button:hover {background-color: var(--bg-hover);color: var(--text-primary);}.main-header__menu-toggle {display: none;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: var(--radius-md);background: none;border: none;color: rgba(255, 255, 255, 0.8); cursor: pointer;transition: all var(--transition-fast);}.main-header__menu-toggle:hover {background-color: rgba(255, 255, 255, 0.1);color: #ffffff; }.main-header__menu-toggle-icon {width: 20px;text-align: center;font-size: 1.25rem;display: inline-block;}.main-header__mobile-menu {display: none;position: absolute;top: 100%;left: 0;right: 0;background-color: #1a1a1a; border-bottom: 1px solid rgba(255, 255, 255, 0.1);box-shadow: var(--shadow-lg);z-index: var(--z-dropdown);}[data-theme="dark"] .main-header__mobile-menu {background-color: var(--bg-secondary); border-bottom: 1px solid var(--border-color);}.main-header__mobile-menu.active {display: block;}.main-header__mobile-nav {padding: var(--spacing-md);}.main-header__mobile-nav-list {list-style: none;display: flex;flex-direction: column;gap: var(--spacing-sm);}.main-header__mobile-nav-link {display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-md);color: rgba(255, 255, 255, 0.8); font-weight: var(--font-weight-medium);border-radius: var(--radius-md);transition: all var(--transition-fast);text-decoration: none;}.main-header__mobile-nav-link:hover,.main-header__mobile-nav-link.active {color: var(--color-primary);background-color: rgba(255, 255, 255, 0.1);}.language-selector__button {display: flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-xs) var(--spacing-sm);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--radius-md);background-color: rgba(255, 255, 255, 0.1);color: rgba(255, 255, 255, 0.9);font-size: var(--font-size-sm);cursor: pointer;transition: all var(--transition-fast);}.language-selector__button:hover {border-color: rgba(255, 255, 255, 0.3);background-color: rgba(255, 255, 255, 0.15);}[data-theme="light"] .language-selector__button {border: 1px solid rgba(255, 255, 255, 0.2);background-color: rgba(255, 255, 255, 0.1);color: rgba(255, 255, 255, 0.9);}[data-theme="light"] .language-selector__button:hover {border-color: rgba(255, 255, 255, 0.3);background-color: rgba(255, 255, 255, 0.15);}.language-selector__icon {width: 14px;text-align: center;font-size: 0.875rem;display: inline-block;}.theme-toggle {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: var(--radius-md);background: none;border: none;color: var(--text-secondary);cursor: pointer;transition: all var(--transition-fast);}.theme-toggle:hover {background-color: var(--bg-hover);color: var(--text-primary);}[data-theme="light"] .theme-toggle {color: rgba(255, 255, 255, 0.9);}[data-theme="light"] .theme-toggle:hover {background-color: rgba(255, 255, 255, 0.1);color: #ffffff;}.theme-toggle__icon {width: 18px;text-align: center;font-size: 1rem;display: inline-block;}.user-menu {position: relative;}.user-menu__button {display: flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-xs) var(--spacing-sm);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--radius-md);background-color: rgba(255, 255, 255, 0.1);color: rgba(255, 255, 255, 0.9);font-size: var(--font-size-sm);cursor: pointer;transition: all var(--transition-fast);white-space: nowrap;overflow: hidden;max-width: 200px;height: auto;line-height: 1;}.user-menu__button span {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 120px;display: inline-block;}.user-menu__button:hover {border-color: rgba(255, 255, 255, 0.3);background-color: rgba(255, 255, 255, 0.15);}[data-theme="light"] .user-menu__button {border: 1px solid rgba(255, 255, 255, 0.2);background-color: rgba(255, 255, 255, 0.1);color: rgba(255, 255, 255, 0.9);}[data-theme="light"] .user-menu__button:hover {border-color: rgba(255, 255, 255, 0.3);background-color: rgba(255, 255, 255, 0.15);}.user-menu__avatar {width: 20px;height: 20px;border-radius: var(--radius-full);object-fit: cover;flex-shrink: 0;}.user-menu__arrow {width: 14px;text-align: center;font-size: 0.875rem;display: inline-block;transition: transform var(--transition-fast);}.user-menu__button:hover .user-menu__arrow,.user-menu__dropdown.active ~ .user-menu__button .user-menu__arrow {transform: rotate(180deg);}.user-menu__dropdown {position: absolute;top: 100%;right: 0;margin-top: var(--spacing-xs);background-color: var(--bg-primary);border: 1px solid var(--border-color);border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);min-width: 200px;z-index: calc(var(--z-dropdown) + 10); display: none;}.user-menu__dropdown.active {display: block;}.user-menu__list {list-style: none;padding: var(--spacing-xs);}.user-menu__item {padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--radius-md);cursor: pointer;transition: all var(--transition-fast);}.user-menu__item:hover {background-color: var(--bg-hover);}.user-menu__link {display: block;color: var(--text-primary);text-decoration: none;font-size: var(--font-size-sm);}.user-menu__link:hover {color: var(--color-primary);}.user-menu__item--admin {background-color: rgba(220, 53, 69, 0.1);border-left: 3px solid #dc3545;}.user-menu__link--admin {color: #dc3545 !important;font-weight: 700;display: flex;align-items: center;gap: var(--spacing-sm);}.user-menu__link--admin:hover {color: #c82333 !important;background-color: rgba(220, 53, 69, 0.15);}.user-menu__link--admin i {font-size: 1rem;}.user-menu__divider {height: 1px;background-color: var(--border-color);margin: var(--spacing-xs) 0;}.top-header__auth-link {color: var(--text-secondary);font-size: var(--font-size-sm);text-decoration: none;padding: var(--spacing-xs) var(--spacing-sm);border-radius: var(--radius-md);transition: all var(--transition-fast);display: inline-block;}.top-header__auth-link:hover {color: var(--text-primary);background-color: var(--bg-hover);}.top-header__auth-link--register {background-color: var(--color-primary);color: var(--text-inverse);padding: var(--spacing-xs) var(--spacing-md);}.top-header__auth-link--register:hover {background-color: var(--color-primary-dark);color: var(--text-inverse);}.top-header__login-btn {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: var(--radius-md);background: none;border: none;color: var(--text-secondary);cursor: pointer;transition: all var(--transition-fast);padding: var(--spacing-xs);}.top-header__login-btn:hover {background-color: var(--bg-hover);color: var(--text-primary);}[data-theme="light"] .top-header__login-btn {color: rgba(255, 255, 255, 0.9);}[data-theme="light"] .top-header__login-btn:hover {background-color: rgba(255, 255, 255, 0.1);color: #ffffff;}.top-header__login-icon {width: 18px;text-align: center;font-size: 1rem;display: inline-block;}.top-header__search-btn {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: var(--radius-md);background: none;border: none;color: var(--text-secondary);cursor: pointer;transition: all var(--transition-fast);padding: var(--spacing-xs);}.top-header__search-btn:hover {background-color: var(--bg-hover);color: var(--text-primary);}[data-theme="light"] .top-header__search-btn {color: rgba(255, 255, 255, 0.9);}[data-theme="light"] .top-header__search-btn:hover {background-color: rgba(255, 255, 255, 0.1);color: #ffffff;}.top-header__search-icon {width: 18px;text-align: center;font-size: 1rem;display: inline-block;}.top-header__search-btn .fas,.top-header__search-btn .fa {display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;line-height: 1;}.top-header__notifications-btn {position: relative;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: var(--radius-md);background: none;border: none;color: var(--text-secondary);cursor: pointer;transition: all var(--transition-fast);padding: var(--spacing-xs);}.top-header__notifications-btn:hover {background-color: var(--bg-hover);color: var(--text-primary);}[data-theme="light"] .top-header__notifications-btn {color: rgba(255, 255, 255, 0.9);}[data-theme="light"] .top-header__notifications-btn:hover {background-color: rgba(255, 255, 255, 0.1);color: #ffffff;}.top-header__notifications-icon {width: 18px;text-align: center;font-size: 1rem;display: inline-block;}.top-header__notifications-badge {position: absolute;top: 6px;right: 6px;min-width: 18px;height: 18px;padding: 0 4px;display: flex;align-items: center;justify-content: center;background-color: var(--color-danger);color: var(--text-inverse);border-radius: var(--radius-full);font-size: 10px;font-weight: var(--font-weight-bold);line-height: 1;border: 2px solid var(--bg-primary);}.top-header__notifications-badge:empty {display: none;}.footer {background: linear-gradient(180deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);border-top: 2px solid var(--border-color);padding-top: var(--spacing-xl);padding-bottom: var(--spacing-lg);padding-left: var(--container-padding);padding-right: var(--container-padding);margin-top: var(--spacing-sm);margin-left: auto;margin-right: auto;position: relative;z-index: 10;max-width: 1000px;border-radius: var(--radius-lg);}.footer .container {padding-left: 0;padding-right: 0;}.footer__top {padding-bottom: var(--spacing-2xl);border-bottom: 1px solid var(--border-color);margin-bottom: var(--spacing-2xl);}.footer__grid {display: grid;grid-template-columns: minmax(0, 2fr) minmax(0, 1.4fr) minmax(0, 1.4fr);gap: var(--spacing-2xl);align-items: flex-start;}.footer__col {min-width: 0;}.footer__col--brand {max-width: 520px;}.footer__logo {display: inline-flex;align-items: center;text-decoration: none;margin-top: var(--spacing-sm);margin-bottom: var(--spacing-md);transition: transform var(--transition-fast);}.footer__logo:hover {transform: translateY(-2px);}.footer__logo-img {height: 32px;width: auto;display: block;}.footer__logo-img--light {display: block;}.footer__logo-img--dark {display: none;}[data-theme="dark"] .footer__logo-img--light {display: none;}[data-theme="dark"] .footer__logo-img--dark {display: block;}.footer__description {font-size: var(--font-size-base);line-height: var(--line-height-relaxed);color: var(--text-secondary);margin: 0 0 var(--spacing-lg) 0;}.footer__quick-links {display: flex;flex-wrap: wrap;gap: var(--spacing-md);}.footer__quick-link {display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-sm) var(--spacing-md);background: var(--bg-tertiary);color: var(--text-secondary);text-decoration: none;font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);border-radius: var(--radius-lg);border: 1px solid var(--border-color);transition: all var(--transition-fast);}.footer__quick-link i {font-size: var(--font-size-xs);opacity: 0.8;}.footer__quick-link:hover {background: var(--color-primary);color: var(--text-inverse);border-color: var(--color-primary);transform: translateY(-2px);box-shadow: var(--shadow-md);}.footer__quick-link:hover i {opacity: 1;}.footer__account-links {display: flex;flex-wrap: wrap;gap: var(--spacing-sm);margin-top: var(--spacing-md);}.footer__account-link {display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-xs) var(--spacing-sm);color: var(--text-secondary);text-decoration: none;font-size: var(--font-size-sm);border-radius: var(--radius-md);transition: all var(--transition-fast);}.footer__account-link i {font-size: var(--font-size-xs);opacity: 0.8;}.footer__account-link:hover {color: var(--color-primary);background: var(--bg-tertiary);}.footer__account-link:hover i {opacity: 1;}.footer__heading {font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--text-primary);text-transform: uppercase;letter-spacing: 0.06em;margin: 0 0 var(--spacing-md) 0;}.footer__nav-list {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: var(--spacing-xs);}.footer__nav-link {display: inline-flex;align-items: center;gap: var(--spacing-xs);color: var(--text-secondary);text-decoration: none;font-size: var(--font-size-sm);padding: 4px 0;transition: color var(--transition-fast), transform var(--transition-fast);}.footer__nav-link i {font-size: var(--font-size-xs);opacity: 0.7;}.footer__nav-link:hover {color: var(--color-primary);transform: translateX(2px);}.footer__nav-link:hover i {opacity: 1;}.footer__middle {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--spacing-2xl);padding-bottom: var(--spacing-2xl);border-bottom: 1px solid var(--border-color);margin-bottom: var(--spacing-xl);}.footer__dynamic-section {display: flex;flex-direction: column;gap: var(--spacing-md);}.footer__dynamic-title {display: flex;align-items: center;gap: var(--spacing-sm);font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--text-primary);margin: 0;padding-bottom: var(--spacing-sm);border-bottom: 2px solid var(--border-color);}.footer__dynamic-title i {color: var(--color-primary);font-size: var(--font-size-base);}.footer__dynamic-list {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;gap: var(--spacing-xs);}.footer__dynamic-item {margin: 0;}.footer__dynamic-item--empty {color: var(--text-tertiary);font-size: var(--font-size-sm);font-style: italic;padding: var(--spacing-sm) 0;}.footer__dynamic-link {display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-xs);color: var(--text-secondary);text-decoration: none;border-radius: var(--radius-sm);transition: all var(--transition-fast);position: relative;overflow: hidden;}.footer__dynamic-link::before {content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 0;background: linear-gradient(90deg, var(--color-primary), transparent);transition: width var(--transition-fast);z-index: 0;}.footer__dynamic-link:hover {background: var(--bg-tertiary);color: var(--text-primary);padding-left: var(--spacing-md);}.footer__dynamic-link:hover::before {width: 4px;}.footer__dynamic-link-text {position: relative;z-index: 1;font-size: var(--font-size-sm);flex: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.footer__dynamic-link-meta {position: relative;z-index: 1;display: flex;align-items: center;gap: var(--spacing-xs);font-size: var(--font-size-xs);color: var(--text-tertiary);white-space: nowrap;}.footer__dynamic-link-meta i {font-size: 10px;}.footer__dynamic-link:hover .footer__dynamic-link-meta {color: var(--color-primary);}.footer__dynamic-more {display: inline-flex;align-items: center;gap: var(--spacing-xs);margin-top: var(--spacing-xs);padding: var(--spacing-xs) var(--spacing-sm);color: var(--color-primary);text-decoration: none;font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);border-radius: var(--radius-sm);transition: all var(--transition-fast);align-self: flex-start;}.footer__dynamic-more i {font-size: var(--font-size-xs);transition: transform var(--transition-fast);}.footer__dynamic-more:hover {background: var(--bg-tertiary);color: var(--color-primary-dark);}.footer__dynamic-more:hover i {transform: translateX(4px);}.footer__bottom {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--spacing-lg);}.footer__legal-links {display: flex;align-items: center;flex-wrap: wrap;gap: var(--spacing-sm);}.footer__legal-link {color: var(--text-secondary);text-decoration: none;font-size: var(--font-size-sm);padding: var(--spacing-xs) 0;transition: color var(--transition-fast);position: relative;}.footer__legal-link::after {content: '';position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background: var(--color-primary);transition: width var(--transition-fast);}.footer__legal-link:hover {color: var(--color-primary);}.footer__legal-link:hover::after {width: 100%;}.footer__legal-separator {color: var(--text-tertiary);font-size: var(--font-size-xs);margin: 0 var(--spacing-xs);}.footer__bottom-right {display: flex;align-items: center;gap: var(--spacing-lg);flex-wrap: wrap;}.footer__copyright {font-size: var(--font-size-sm);color: var(--text-tertiary);}.footer__social {display: flex;align-items: center;gap: var(--spacing-sm);}.footer__social-link {display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: var(--radius-md);background-color: var(--bg-tertiary);color: var(--text-secondary);text-decoration: none;transition: all var(--transition-fast);border: 1px solid var(--border-color);position: relative;overflow: hidden;}.footer__social-link::before {content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-radius: 50%;background: var(--color-primary);transform: translate(-50%, -50%);transition: width 0.3s ease, height 0.3s ease;z-index: 0;}.footer__social-link i {position: relative;z-index: 1;transition: color var(--transition-fast);font-size: var(--font-size-sm);}.footer__social-link:hover {border-color: var(--color-primary);transform: translateY(-2px);box-shadow: var(--shadow-md);}.footer__social-link:hover::before {width: 100%;height: 100%;}.footer__social-link:hover i {color: var(--text-inverse);}.footer__social-link[aria-label="Facebook"]:hover {border-color: #1877F2;}.footer__social-link[aria-label="Facebook"]:hover::before {background: #1877F2;}.footer__social-link[aria-label="X"]:hover {border-color: var(--color-primary);}.footer__social-link[aria-label="X"]:hover::before {background: var(--color-primary);}.footer__social-link[aria-label="YouTube"]:hover {border-color: #FF0000;}.footer__social-link[aria-label="YouTube"]:hover::before {background: #FF0000;}.footer__social-link[aria-label="Instagram"]:hover {border-color: #E4405F;}.footer__social-link[aria-label="Instagram"]:hover::before {background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);}.footer__social-link[aria-label="Pinterest"]:hover {border-color: #BD081C;}.footer__social-link[aria-label="Pinterest"]:hover::before {background: #BD081C;}.footer__social-link[aria-label="TikTok"]:hover {border-color: var(--color-primary);}.footer__social-link[aria-label="TikTok"]:hover::before {background: var(--color-primary);}.footer__social-link[aria-label="LinkedIn"]:hover {border-color: #0077B5;}.footer__social-link[aria-label="LinkedIn"]:hover::before {background: #0077B5;}.footer__social-link[aria-label="Steam"]:hover {border-color: #171a21;}.footer__social-link[aria-label="Steam"]:hover::before {background: #171a21;}.footer__social-link[aria-label="Discord"]:hover {border-color: #5865F2;}.footer__social-link[aria-label="Discord"]:hover::before {background: #5865F2;}.footer__social-link[aria-label="Threads"]:hover {border-color: var(--color-primary);}.footer__social-link[aria-label="Threads"]:hover::before {background: var(--color-primary);}.footer__social-link[aria-label="Bluesky"]:hover {border-color: #00A8E8;}.footer__social-link[aria-label="Bluesky"]:hover::before {background: #00A8E8;}@media (max-width: 968px) {.footer__grid {grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr);row-gap: var(--spacing-2xl);}.footer__col--support {grid-column: 1 / -1;}}@media (max-width: 640px) {.footer {padding-top: 0; padding-bottom: var(--spacing-md);padding-left: var(--spacing-sm); padding-right: var(--spacing-sm); }.footer__top {padding-bottom: var(--spacing-xl);margin-bottom: var(--spacing-xl);}.footer__logo-text {font-size: var(--font-size-2xl);}.footer__quick-links {gap: var(--spacing-sm);}.footer__quick-link {font-size: var(--font-size-xs);padding: var(--spacing-xs) var(--spacing-sm);}.footer__grid {grid-template-columns: 1fr;}.footer__legal-links {flex-direction: column;align-items: flex-start;gap: var(--spacing-xs);}.footer__legal-separator {display: none;}.footer__bottom {gap: var(--spacing-md);flex-direction: column;align-items: flex-start;}.footer__bottom-right {flex-direction: column;align-items: flex-start;gap: var(--spacing-md);}.page-wrapper {min-height: auto;}.main-content {min-height: auto;}}.language-modal {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: var(--z-modal);display: none;align-items: center;justify-content: center;padding: var(--spacing-md);}.language-modal.active {display: flex;}.language-modal__backdrop {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.5);backdrop-filter: blur(4px);}.language-modal__content {position: relative;background-color: var(--bg-primary);border-radius: var(--radius-lg);box-shadow: var(--shadow-xl);width: 100%;max-width: 600px;max-height: 90vh;overflow-y: auto;z-index: calc(var(--z-modal) + 1);animation: modalSlideIn 0.3s ease-out;}@keyframes modalSlideIn {from {opacity: 0;transform: translateY(-20px) scale(0.95);}to {opacity: 1;transform: translateY(0) scale(1);}}.language-modal__close {position: absolute;top: var(--spacing-md);right: var(--spacing-md);width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border: none;background: none;color: var(--text-secondary);cursor: pointer;border-radius: var(--radius-md);transition: all var(--transition-fast);z-index: 1;}.language-modal__close:hover {background-color: var(--bg-hover);color: var(--text-primary);}.language-modal__close-icon {width: 18px;text-align: center;font-size: 1rem;display: inline-block;}.language-modal__check {width: 18px;text-align: center;font-size: 1rem;display: inline-block;color: var(--color-primary);}.language-modal__header {padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-lg);text-align: center;border-bottom: 1px solid var(--border-color);}.language-modal__title {font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--text-primary);margin: 0 0 var(--spacing-xs);}.language-modal__subtitle {font-size: var(--font-size-sm);color: var(--text-secondary);margin: 0;}.language-modal__body {padding: var(--spacing-xl);}.language-modal__grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));gap: var(--spacing-sm);}.language-modal__item {display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-md);border: 1px solid var(--border-color);border-radius: var(--radius-md);background-color: var(--bg-secondary);color: var(--text-primary);text-decoration: none;transition: all var(--transition-fast);position: relative;cursor: pointer;}.language-modal__item:hover {border-color: var(--color-primary);background-color: var(--bg-hover);transform: translateY(-2px);box-shadow: var(--shadow-sm);}.language-modal__item.active {border-color: var(--color-primary);background-color: var(--color-primary);color: var(--text-inverse);}.language-modal__item.active:hover {background-color: var(--color-primary-dark);}.language-modal__flag {flex-shrink: 0;display: flex;align-items: center;justify-content: center;}.language-modal__flag img,.language-modal__flag {width: 24px;height: 18px;object-fit: cover;border-radius: 2px;}.language-modal__info {flex: 1;display: flex;flex-direction: column;gap: 2px;min-width: 0;}.language-modal__name {font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.language-modal__name-en {font-size: var(--font-size-xs);color: var(--text-tertiary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.language-modal__item.active .language-modal__name-en {color: rgba(255, 255, 255, 0.8);}.language-modal__check {flex-shrink: 0;width: 20px;height: 20px;color: var(--text-inverse);}@media (max-width: 767px) {.language-modal__content {max-width: 100%;margin: var(--spacing-md);max-height: calc(100vh - 2rem);}.language-modal__header {padding: var(--spacing-lg) var(--spacing-lg) var(--spacing-md);}.language-modal__body {padding: var(--spacing-lg);}.language-modal__grid {grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));gap: var(--spacing-xs);}.language-modal__item {padding: var(--spacing-xs) var(--spacing-sm);flex-direction: column;text-align: center;gap: var(--spacing-xs);}.language-modal__info {align-items: center;}}@media (min-width: 768px) and (max-width: 1023px) {.language-modal__grid {grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));}}.games-page {padding: var(--spacing-xs) 0;min-height: 60vh;}.games-platform-filters {margin-top: var(--spacing-xs);margin-bottom: var(--spacing-md);padding: var(--spacing-sm) 0;border-bottom: 1px solid var(--border-color);}.games-platform-filters__list {display: flex;flex-wrap: wrap;gap: var(--spacing-sm);align-items: center;}.games-platform-filter {display: inline-flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-md);border: 1px solid var(--border-color);border-radius: var(--radius-md);background: var(--bg-primary);color: var(--text-primary);cursor: pointer;transition: all var(--transition-fast);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);user-select: none;position: relative;}.games-platform-filter::before {content: '';width: 16px;height: 16px;border: 2px solid var(--text-tertiary);border-radius: 50%;flex-shrink: 0;transition: all var(--transition-fast);}.games-platform-filter--active::before {border-color: var(--color-primary);background: var(--color-primary);box-shadow: inset 0 0 0 3px var(--bg-primary);}.games-platform-filter:hover {border-color: var(--color-primary);background: var(--bg-hover);color: var(--color-primary);}.games-platform-filter--active {background: var(--color-primary);border-color: var(--color-primary);color: var(--text-inverse);}.games-platform-filter--active:hover {background: var(--color-primary-dark);border-color: var(--color-primary-dark);color: var(--text-inverse);}.games-platform-filter input[type="radio"] {position: absolute;opacity: 0;width: 0;height: 0;margin: 0;padding: 0;pointer-events: none;}.games-platform-filter__icon {display: flex;align-items: center;justify-content: center;font-size: 1.1rem;flex-shrink: 0;}.games-platform-filter[data-platform="all"] .games-platform-filter__icon {color: var(--text-secondary);}.games-platform-filter[data-platform="pc"] .games-platform-filter__icon {color: #0078d4; }.games-platform-filter[data-platform="xbox"] .games-platform-filter__icon {color: #107c10; }.games-platform-filter[data-platform="playstation"] .games-platform-filter__icon {color: #003087; }.games-platform-filter[data-platform="nintendo"] .games-platform-filter__icon {color: #e60012; }.games-platform-filter[data-platform="mobile"] .games-platform-filter__icon {color: #34c759; }.games-platform-filter[data-platform="browser"] .games-platform-filter__icon {color: #4285f4; }.games-platform-filter--active[data-platform="all"] {background: var(--color-primary) !important;border-color: var(--color-primary) !important;}.games-platform-filter--active[data-platform="all"] .games-platform-filter__icon {color: white !important;}.games-platform-filter--active[data-platform="pc"] {background: #0078d4 !important;border-color: #0078d4 !important;}.games-platform-filter--active[data-platform="pc"] .games-platform-filter__icon {color: white !important;}.games-platform-filter--active[data-platform="xbox"] {background: #107c10 !important;border-color: #107c10 !important;}.games-platform-filter--active[data-platform="xbox"] .games-platform-filter__icon {color: white !important;}.games-platform-filter--active[data-platform="playstation"] {background: #003087 !important;border-color: #003087 !important;}.games-platform-filter--active[data-platform="playstation"] .games-platform-filter__icon {color: white !important;}.games-platform-filter--active[data-platform="nintendo"] {background: #e60012 !important;border-color: #e60012 !important;}.games-platform-filter--active[data-platform="nintendo"] .games-platform-filter__icon {color: white !important;}.games-platform-filter--active[data-platform="mobile"] {background: #34c759 !important;border-color: #34c759 !important;}.games-platform-filter--active[data-platform="mobile"] .games-platform-filter__icon {color: white !important;}.games-platform-filter--active[data-platform="browser"] {background: #4285f4 !important;border-color: #4285f4 !important;}.games-platform-filter--active[data-platform="browser"] .games-platform-filter__icon {color: white !important;}.games-platform-filter--active[data-platform="all"] .games-platform-filter__label {color: white !important;}.games-platform-filter--active[data-platform="pc"] .games-platform-filter__label {color: white !important;}.games-platform-filter--active[data-platform="xbox"] .games-platform-filter__label {color: white !important;}.games-platform-filter--active[data-platform="playstation"] .games-platform-filter__label {color: white !important;}.games-platform-filter--active[data-platform="nintendo"] .games-platform-filter__label {color: white !important;}.games-platform-filter--active[data-platform="mobile"] .games-platform-filter__label {color: white !important;}.games-platform-filter--active[data-platform="browser"] .games-platform-filter__label {color: white !important;}.games-platform-filter__label {white-space: nowrap;}.games-platform-filter--disabled {opacity: 0.6;cursor: not-allowed;pointer-events: auto;background: #f5f5f5;border-color: #d0d0d0;color: #999;}.games-platform-filter--disabled::before {border-color: #d0d0d0;background: #e0e0e0;}.games-platform-filter--disabled .games-platform-filter__icon {color: #999 !important;}.games-platform-filter--disabled .games-platform-filter__label {color: #999;}.games-platform-filter--disabled:hover {border-color: #d0d0d0;background: #f5f5f5;color: #999;cursor: not-allowed;}[data-theme="dark"] .games-platform-filter--disabled {background: #2a2a2a;border-color: #444;color: #666;}[data-theme="dark"] .games-platform-filter--disabled::before {border-color: #555;background: #333;}[data-theme="dark"] .games-platform-filter--disabled .games-platform-filter__icon {color: #666 !important;}[data-theme="dark"] .games-platform-filter--disabled .games-platform-filter__label {color: #666;}[data-theme="dark"] .games-platform-filter--disabled:hover {background: #2a2a2a;border-color: #444;color: #666;}[data-theme="dark"] .games-platform-filter {background: var(--bg-secondary);border-color: var(--border-color);color: var(--text-primary);}[data-theme="dark"] .games-platform-filter:hover {background: var(--bg-tertiary);border-color: var(--color-primary);color: var(--color-primary);}[data-theme="dark"] .games-platform-filter--active {background: var(--color-primary);border-color: var(--color-primary);color: white !important;}[data-theme="dark"] .games-platform-filter--active:hover {background: var(--color-primary-dark);border-color: var(--color-primary-dark);}[data-theme="dark"] .games-platform-filter--active[data-platform="all"] .games-platform-filter__label {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-platform="pc"] .games-platform-filter__label {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-platform="xbox"] .games-platform-filter__label {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-platform="playstation"] .games-platform-filter__label {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-platform="nintendo"] .games-platform-filter__label {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-platform="mobile"] .games-platform-filter__label {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-platform="browser"] .games-platform-filter__label {color: white !important;}.games-preset-filters {display: flex;justify-content: space-between;align-items: center;gap: var(--spacing-md);flex-wrap: wrap;padding: var(--spacing-sm) 0;margin-bottom: var(--spacing-md);border-bottom: 1px solid var(--border-color);}.games-preset-filter {display: inline-flex;align-items: center;padding: var(--spacing-xs) var(--spacing-sm);border: 1px solid var(--border-color);border-radius: var(--radius-md);background: var(--bg-primary);color: var(--text-secondary);text-decoration: none;font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);transition: all var(--transition-fast);white-space: nowrap;}.games-preset-filter:hover {border-color: var(--color-primary);background: var(--bg-hover);color: var(--color-primary);}.games-preset-filter--active {background: var(--color-primary);border-color: var(--color-primary);color: var(--text-inverse);}.games-preset-filter--active:hover {background: var(--color-primary-dark);border-color: var(--color-primary-dark);color: var(--text-inverse);}.games-preset-filter--disabled {opacity: 0.4;cursor: not-allowed;pointer-events: none;background: var(--bg-tertiary);border-color: var(--border-color);color: var(--text-tertiary);}.games-preset-filter--disabled:hover {background: var(--bg-tertiary);border-color: var(--border-color);color: var(--text-tertiary);cursor: not-allowed;}[data-theme="dark"] .games-preset-filter {background: var(--bg-secondary);border-color: var(--border-color);color: var(--text-secondary);}[data-theme="dark"] .games-preset-filter:hover {background: var(--bg-tertiary);border-color: var(--color-primary);color: var(--color-primary);}[data-theme="dark"] .games-preset-filter--active {background: var(--color-primary);border-color: var(--color-primary);color: var(--text-inverse);}.games-results-count {font-size: var(--font-size-sm);color: var(--text-secondary);white-space: nowrap;}.games-results-count strong {color: var(--text-primary);font-weight: var(--font-weight-semibold);}.games-view-toggle {display: flex;gap: var(--spacing-xs);border: 1px solid var(--border-color);border-radius: var(--radius-md);padding: 2px;background: var(--bg-secondary);}.games-view-toggle__btn {display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border: none;border-radius: var(--radius-sm);background: transparent;color: var(--text-secondary);cursor: pointer;transition: all var(--transition-fast);font-size: var(--font-size-sm);}.games-view-toggle__btn:hover {background: var(--bg-hover);color: var(--text-primary);}.games-view-toggle__btn--active {background: var(--bg-primary);color: var(--color-primary);box-shadow: var(--shadow-sm);}[data-theme="dark"] .games-view-toggle {background: var(--bg-tertiary);border-color: var(--border-color);}[data-theme="dark"] .games-view-toggle__btn:hover {background: var(--bg-secondary);}[data-theme="dark"] .games-view-toggle__btn--active {background: var(--bg-secondary);color: var(--color-primary);}.game-list-item {position: relative;cursor: pointer;}.game-list-item__link {display: flex;align-items: flex-start;gap: var(--spacing-md);flex: 1;text-decoration: none;color: inherit;}.game-list-item__cover {position: relative;flex-shrink: 0;}.game-list-item__image {width: 100%;height: 100%;object-fit: cover;}.game-list-item__placeholder {position: absolute;top: 0;left: 0;width: 100%;height: 100%;min-width: 100%;min-height: 100%;display: flex;align-items: center;justify-content: center;font-size: 2.5rem;color: var(--text-tertiary);background: var(--bg-tertiary);border-radius: var(--radius-md);z-index: 1;}.game-list-item__content {flex: 1;display: flex;flex-direction: column;gap: var(--spacing-xs);}.game-list-item__title-row {display: flex;align-items: center;gap: var(--spacing-sm);}.game-list-item__title {font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--text-primary);margin: 0;line-height: var(--line-height-tight);}.game-list-item:hover .game-list-item__title {color: var(--color-primary);}.game-list-item__follow-btn {flex-shrink: 0;display: inline-flex;align-items: center;gap: 4px;padding: 4px 8px;background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius-sm);color: var(--text-primary);font-size: 11px;font-weight: var(--font-weight-semibold);text-transform: uppercase;cursor: pointer;transition: all var(--transition-fast);line-height: 1;}.game-list-item__follow-btn i {font-size: 12px;color: var(--text-tertiary);}.game-list-item__follow-btn.active {background: transparent;border: none;padding: 4px;}.game-list-item__follow-btn.active span {display: none;}.game-list-item__follow-btn.active i,.game-list-item__follow-btn i.fas {color: var(--color-danger);}.game-list-item__follow-btn:hover {background: var(--bg-hover);border-color: var(--color-primary);}.game-list-item__follow-btn:hover i {color: var(--color-danger);}.game-list-item__platforms-row {display: flex;align-items: center;gap: var(--spacing-xs);flex-wrap: wrap;margin-top: 2px;}.game-list-item__platform {display: flex;align-items: center;justify-content: center;width: 20px;height: 20px;font-size: var(--font-size-xs);border-radius: var(--radius-sm);transition: all var(--transition-fast);flex-shrink: 0;cursor: pointer;}.game-list-item__platform:hover {transform: scale(1.1);box-shadow: var(--shadow-sm);}.platform-steam {background-color: #171a21;color: #ffffff;}.platform-epic {background-color: #313131;color: #ffffff;}.platform-gog {background-color: #863fa8;color: #ffffff;}.platform-playstation {background-color: #003087;color: #ffffff;}.platform-xbox {background-color: #107c10;color: #ffffff;}.platform-nintendo {background-color: #e60012;color: #ffffff;}.platform-ios {background-color: #000000;color: #ffffff;}.platform-android {background-color: #3ddc84;color: #000000;}.game-list-item__description {font-size: var(--font-size-sm);color: var(--text-secondary);line-height: var(--line-height-relaxed);overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;margin-top: 4px;margin-bottom: 4px;}.game-list-item__ratings-bottom {display: flex;flex-direction: row;align-items: center;gap: var(--spacing-sm);flex-wrap: wrap;margin-top: auto;padding-top: var(--spacing-xs);}.game-list-item__ratings-right {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--spacing-sm);flex-shrink: 0;min-width: 80px;margin-left: var(--spacing-md);align-self: center;}.game-list-item__rating-badge {display: flex;align-items: center;justify-content: center;gap: var(--spacing-xs);padding: 6px 10px;min-height: 28px;min-width: 55px;font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);border-radius: var(--radius-sm);white-space: nowrap;cursor: help;box-sizing: border-box;text-align: center;}.game-list-item__rating-badge--igdb {background-color: #9146ff;color: #ffffff;}.game-list-item__rating-badge--metacritic {background-color: #66cc33;color: #ffffff;}.game-list-item__rating-badge--appstore {background-color: #000000;color: #ffffff;}.game-list-item__rating-badge--googleplay {background-color: #3ddc84;color: #000000;}.game-list-item__rating-badge--editor {background-color: var(--color-primary);color: white;min-width: 50px;}.game-list-item__rating-badge--editor i {font-size: var(--font-size-xs);line-height: 1;}.game-list-item__rating-badge--user {background-color: #2d3748;color: #ffffff;min-width: 50px;border: 1px solid #4a5568;}.game-list-item__rating-badge--user i {font-size: var(--font-size-xs);line-height: 1;color: #fbbf24;}.game-list-item__rating-badge--user .rating-value {color: #fbbf24;}.game-list-item__rating-badge--codes {background-color: #10b981;color: white;min-width: 50px;text-decoration: none;cursor: pointer;transition: all var(--transition-fast);}.game-list-item__rating-badge--codes:hover {background-color: #059669;transform: translateY(-1px);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}.game-list-item__rating-badge--codes i {font-size: var(--font-size-xs);line-height: 1;}.game-list-item__rating-badge--codes .rating-value {color: white;}.game-list-item__rating-badge--reviews {background-color: #3b82f6;color: white;min-width: 50px;text-decoration: none;cursor: pointer;transition: all var(--transition-fast);}.game-list-item__rating-badge--reviews:hover {background-color: #2563eb;transform: translateY(-1px);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);text-decoration: none;}.game-list-item__rating-badge--reviews i {font-size: var(--font-size-xs);line-height: 1;color: white;}.game-list-item__rating-badge--reviews .rating-value {color: white;}.rating-label {font-size: var(--font-size-xs);opacity: 0.9;line-height: 1;display: flex;align-items: center;}.rating-value {font-weight: var(--font-weight-bold);line-height: 1;display: flex;align-items: center;}[data-theme="dark"] .game-list-item__follow-btn {background: var(--bg-tertiary);border-color: var(--border-color);}[data-theme="dark"] .game-list-item__follow-btn:hover {background: var(--bg-secondary);border-color: var(--color-primary);}[data-theme="dark"] .game-list-item__placeholder {background: var(--bg-tertiary);}[data-theme="dark"] .game-list-item__rating-badge--codes {background-color: #059669;color: white;}[data-theme="dark"] .game-list-item__rating-badge--codes:hover {background-color: #047857;}@media (max-width: 768px) {.games-platform-filters__list {gap: var(--spacing-xs);flex-wrap: wrap;}.games-platform-filter {padding: var(--spacing-xs) var(--spacing-sm);font-size: var(--font-size-xs);}.games-platform-filter__icon {font-size: 1rem;}.games-preset-filters {flex-wrap: wrap;gap: var(--spacing-xs);}.games-preset-filter {font-size: var(--font-size-xs);padding: var(--spacing-xs);}.games-results-count {font-size: var(--font-size-xs);}.game-list-item__link {flex-direction: column;}.game-list-item__ratings-right {flex-direction: row;align-items: flex-start;margin-left: 0;margin-top: var(--spacing-sm);align-self: flex-start;}.game-list-item__ratings-bottom {flex-wrap: wrap;}.game-list-item__follow-btn {font-size: 10px;padding: 3px 6px;}.game-list-item__follow-btn i {font-size: 11px;}}.list-view {display: flex;flex-direction: column;gap: var(--spacing-md);}.list-item {display: flex;align-items: flex-start;gap: var(--spacing-lg);padding: var(--spacing-lg);background: #f5f3f0;border: 1px solid #e8e5e0;border-radius: var(--radius-lg);transition: all var(--transition-fast);min-height: 160px;}.list-item:hover {border-color: var(--color-primary);box-shadow: var(--shadow-md);}.list-item__thumbnail {flex-shrink: 0;width: 270px;height: 145px;border-radius: var(--radius-md);overflow: hidden;background: var(--bg-secondary);}.list-item__thumbnail img {width: 100%;height: 100%;object-fit: cover;}.list-item__content {flex: 1;display: flex;flex-direction: column;gap: var(--spacing-xs);min-height: 145px;}.list-item__header {display: flex;align-items: flex-start;justify-content: space-between;gap: var(--spacing-sm);}.list-item__title {font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--text-primary);margin: 0;line-height: var(--line-height-tight);}.list-item__title a {color: inherit;text-decoration: none;transition: color var(--transition-fast);}.list-item__title a:hover {color: var(--color-primary);}.list-item__actions {display: flex;align-items: center;gap: var(--spacing-xs);flex-shrink: 0;}.list-item__description {font-size: var(--font-size-sm);color: var(--text-secondary);line-height: var(--line-height-relaxed);margin: 0;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;flex: 1;}.list-item__footer {display: flex;align-items: center;justify-content: space-between;margin-top: auto;padding-top: var(--spacing-sm);}[data-theme="dark"] .list-item {background: rgba(0, 0, 0, 0.2);border-color: var(--border-color);}[data-theme="dark"] .list-item:hover {border-color: var(--color-primary);}[data-theme="dark"] .list-item__thumbnail {background: var(--bg-tertiary);}.alphabetical-filter {margin: var(--spacing-lg) 0;padding: var(--spacing-md);border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);background: var(--bg-secondary);border-radius: var(--radius-md);}.alphabetical-filter__list {display: flex !important;flex-wrap: wrap !important;gap: 8px !important;justify-content: flex-start !important;align-items: center !important;padding: 0 !important;list-style: none !important;}.alphabetical-filter__list > * {display: block !important;}.alphabetical-filter__item {display: inline-flex !important;flex-direction: column !important;align-items: center !important;justify-content: center !important;min-width: 44px !important;height: 52px !important;padding: 6px 8px !important;background: #fff !important;border: 2px solid #e8e5e0 !important;border-radius: var(--radius-md) !important;color: var(--text-primary) !important;text-decoration: none !important;font-weight: var(--font-weight-medium) !important;font-size: var(--font-size-sm) !important;transition: all var(--transition-fast) !important;cursor: pointer !important;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;margin: 0 !important;white-space: nowrap !important;}.alphabetical-filter__item:hover:not(.alphabetical-filter__item--disabled) {background: var(--color-primary);color: #fff;border-color: var(--color-primary);transform: translateY(-2px);box-shadow: var(--shadow-sm);}.alphabetical-filter__item--active {background: var(--color-primary);color: #fff;border-color: var(--color-primary);font-weight: var(--font-weight-bold);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);}.alphabetical-filter__item--active .alphabetical-filter__letter {color: #fff;}.alphabetical-filter__item--active .alphabetical-filter__count {color: rgba(255, 255, 255, 0.9);opacity: 0.9;}.alphabetical-filter__item--disabled {opacity: 0.4;cursor: not-allowed;background: var(--bg-tertiary);}.alphabetical-filter__letter {display: block !important;font-size: 16px !important;font-weight: var(--font-weight-bold) !important;line-height: 1.2 !important;color: var(--text-primary) !important;margin: 0 !important;padding: 0 !important;}.alphabetical-filter__count {display: block !important;font-size: 10px !important;opacity: 0.6 !important;margin-top: 2px !important;font-weight: var(--font-weight-normal) !important;line-height: 1 !important;}.alphabetical-filter__item--active .alphabetical-filter__count {opacity: 0.9;}[data-theme="dark"] .alphabetical-filter {border-color: var(--border-color);}[data-theme="dark"] .alphabetical-filter {background: rgba(0, 0, 0, 0.2);}[data-theme="dark"] .alphabetical-filter__item {background: rgba(255, 255, 255, 0.05);border-color: var(--border-color);color: var(--text-primary);}[data-theme="dark"] .alphabetical-filter__item--disabled {background: rgba(0, 0, 0, 0.1);}@media (max-width: 768px) {.alphabetical-filter__list {gap: 6px;overflow-x: auto;padding-bottom: var(--spacing-xs);-webkit-overflow-scrolling: touch;scrollbar-width: thin;}.alphabetical-filter__item {min-width: 36px;height: 44px;font-size: var(--font-size-sm);padding: var(--spacing-xs);}.alphabetical-filter__letter {font-size: var(--font-size-base);}.alphabetical-filter__count {font-size: 10px;}.list-item {flex-direction: column;gap: var(--spacing-md);padding: var(--spacing-md);min-height: auto;}.list-item__thumbnail {width: 100%;height: 200px;}.list-item__content {min-height: auto;gap: var(--spacing-sm);}.list-item__footer {flex-direction: column;align-items: flex-start;gap: var(--spacing-sm);}}.game-detail-page {padding: var(--spacing-xs) 0;min-height: 60vh;width: 100%;display: flex;flex-direction: column;align-items: center;}.game-detail-page .container {width: 100%;max-width: var(--container-max-width);margin: 0 auto;}.game-tabs {display: flex;gap: 4px;flex-wrap: wrap;padding: 6px;margin-bottom: var(--spacing-md);background: #f9fafb;border-radius: 10px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);}.game-tab {display: inline-flex;align-items: center;gap: 8px;padding: 10px 24px;border: none;border-radius: 8px;background: transparent;color: #6b7280;text-decoration: none;font-size: 14px;font-weight: 600;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);white-space: nowrap;position: relative;}.game-tab i {font-size: 14px;opacity: 0.8;transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.game-tab:hover i,.game-tab--active i,.game-tab.active i {opacity: 1;}.game-tab:hover {color: #111827;background: rgba(255, 255, 255, 0.8);transform: translateY(-1px);}.game-tab--active,.game-tab.active {background: white;color: #2563eb;box-shadow: 0 2px 8px rgba(37, 99, 235, 0.15),0 1px 3px rgba(0, 0, 0, 0.1);}.game-tab__badge {display: inline-flex;align-items: center;justify-content: center;min-width: 22px;height: 22px;padding: 0 10px;border-radius: 20px;background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);color: white;font-size: 12px;font-weight: 700;line-height: 1;box-shadow: 0 2px 4px rgba(239, 68, 68, 0.25);}.game-tab--active .game-tab__badge,.game-tab.active .game-tab__badge {background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);box-shadow: 0 3px 6px rgba(239, 68, 68, 0.35);}[data-theme="dark"] .game-tabs {background: #1f2937;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}[data-theme="dark"] .game-tab {color: #9ca3af;}[data-theme="dark"] .game-tab:hover {color: #f3f4f6;background: rgba(31, 41, 55, 0.8);}[data-theme="dark"] .game-tab--active,[data-theme="dark"] .game-tab.active {background: #111827;color: #60a5fa;box-shadow: 0 2px 8px rgba(96, 165, 250, 0.2),0 1px 3px rgba(0, 0, 0, 0.3);}.game-detail-card {margin-bottom: var(--spacing-lg);}.game-detail-companies {display: flex;flex-wrap: wrap;gap: 4px;margin-top: 6px;}.game-company {display: inline-flex;align-items: center;gap: 4px;padding: 2px 8px;border-radius: var(--radius-full);text-decoration: none;font-size: 11px;font-weight: var(--font-weight-medium);transition: all var(--transition-fast);border: 1px solid;line-height: 1.4;}.game-company__icon {font-size: 10px;opacity: 0.8;}.game-company__name {white-space: nowrap;}.game-company--developer {background: rgba(74, 144, 226, 0.08);border-color: rgba(74, 144, 226, 0.25);color: #4a90e2;}.game-company--developer .game-company__icon {color: #4a90e2;}.game-company--developer:hover {background: rgba(74, 144, 226, 0.15);border-color: #4a90e2;transform: translateY(-1px);}.game-company--publisher {background: rgba(255, 107, 53, 0.08);border-color: rgba(255, 107, 53, 0.25);color: #ff6b35;}.game-company--publisher .game-company__icon {color: #ff6b35;}.game-company--publisher:hover {background: rgba(255, 107, 53, 0.15);border-color: #ff6b35;transform: translateY(-1px);}[data-theme="dark"] .game-company--developer {background: rgba(74, 144, 226, 0.12);border-color: rgba(74, 144, 226, 0.3);color: #6ba3e8;}[data-theme="dark"] .game-company--developer .game-company__icon {color: #6ba3e8;}[data-theme="dark"] .game-company--publisher {background: rgba(255, 107, 53, 0.12);border-color: rgba(255, 107, 53, 0.3);color: #ff8960;}[data-theme="dark"] .game-company--publisher .game-company__icon {color: #ff8960;}.game-content {background: var(--bg-primary);border: 1px solid var(--border-color);border-radius: var(--radius-lg);padding: var(--spacing-lg);box-shadow: var(--shadow-sm);}.game-about {display: block;width: 100%;}.game-about__section {margin-bottom: var(--spacing-lg);}.game-about__section:last-child {margin-bottom: 0;}.game-about__title {font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);color: var(--text-primary);margin: 0 0 var(--spacing-sm) 0;padding-bottom: var(--spacing-xs);border-bottom: 2px solid var(--border-color);}.game-about__text {font-size: var(--font-size-md);color: var(--text-secondary);line-height: var(--line-height-relaxed);}.game-about__badges {display: flex;flex-wrap: wrap;gap: 4px;}.game-badge {display: inline-flex;align-items: center;gap: 4px;padding: 2px 8px;background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius-full);color: var(--text-primary);font-size: 11px;font-weight: var(--font-weight-medium);transition: all var(--transition-fast);line-height: 1.4;}.game-badge:hover {background: var(--bg-hover);transform: translateY(-1px);}.game-badge--language {padding: 2px 6px;min-width: 32px;justify-content: center;}.game-badge__flag {width: 20px;height: 14px;object-fit: cover;border-radius: 2px;}.game-badge__code {font-size: 10px;font-weight: var(--font-weight-bold);color: var(--text-secondary);}.game-badge--date {background: rgba(59, 130, 246, 0.08);border-color: rgba(59, 130, 246, 0.25);color: #3b82f6;}.game-badge--date i {color: #3b82f6;font-size: 10px;opacity: 0.8;}.game-badge--genre {background: rgba(168, 85, 247, 0.08);border-color: rgba(168, 85, 247, 0.25);color: #a855f7;}.game-badge--feature {background: rgba(34, 197, 94, 0.08);border-color: rgba(34, 197, 94, 0.25);color: #22c55e;}.game-badge--feature i {color: #22c55e;font-size: 10px;opacity: 0.8;}.game-badge--steam {background: rgba(23, 26, 33, 0.08);border-color: rgba(23, 26, 33, 0.25);color: #171a21;}.game-badge--steam i {color: #171a21;font-size: 10px;opacity: 0.8;}.game-badge--tag {background: rgba(251, 146, 60, 0.08);border-color: rgba(251, 146, 60, 0.25);color: #fb923c;}.game-badge--tag i {color: #fb923c;font-size: 10px;opacity: 0.8;}[data-theme="dark"] .game-content {background: var(--bg-secondary);border-color: var(--border-color);}[data-theme="dark"] .game-badge {background: var(--bg-tertiary);border-color: var(--border-color);}[data-theme="dark"] .game-badge:hover {background: var(--bg-secondary);}[data-theme="dark"] .game-badge--date {background: rgba(59, 130, 246, 0.15);border-color: rgba(59, 130, 246, 0.4);color: #60a5fa;}[data-theme="dark"] .game-badge--date i {color: #60a5fa;}[data-theme="dark"] .game-badge--genre {background: rgba(168, 85, 247, 0.15);border-color: rgba(168, 85, 247, 0.4);color: #c084fc;}[data-theme="dark"] .game-badge--feature {background: rgba(34, 197, 94, 0.15);border-color: rgba(34, 197, 94, 0.4);color: #4ade80;}[data-theme="dark"] .game-badge--feature i {color: #4ade80;}[data-theme="dark"] .game-badge--steam {background: rgba(102, 192, 244, 0.15);border-color: rgba(102, 192, 244, 0.4);color: #66c0f4;}[data-theme="dark"] .game-badge--steam i {color: #66c0f4;}[data-theme="dark"] .game-badge--tag {background: rgba(251, 146, 60, 0.15);border-color: rgba(251, 146, 60, 0.4);color: #fdba74;}[data-theme="dark"] .game-badge--tag i {color: #fdba74;}.game-reviews {width: 100%;margin-top: var(--spacing-md);}@media (max-width: 768px) {.game-tabs {gap: var(--spacing-xs);}.game-tab {padding: var(--spacing-xs) var(--spacing-sm);font-size: var(--font-size-xs);}.game-tab__badge {min-width: 18px;height: 18px;padding: 0 4px;font-size: 10px;}.game-content {padding: var(--spacing-md);}}.game-about__actions {display: flex;justify-content: flex-end;margin-bottom: var(--spacing-sm);}.report-info-btn {display: inline-flex;align-items: center;gap: 6px;padding: 8px 14px;border-radius: var(--radius-md);border: 1px solid rgba(37, 99, 235, 0.2);background: rgba(37, 99, 235, 0.08);color: #2563eb;font-weight: 600;font-size: 0.9rem;cursor: pointer;transition: all var(--transition-fast);}.report-info-btn i {font-size: 0.85rem;}.report-info-btn:hover {background: rgba(37, 99, 235, 0.15);border-color: rgba(37, 99, 235, 0.4);color: #1d4ed8;transform: translateY(-1px);}[data-theme="dark"] .report-info-btn {border-color: rgba(96, 165, 250, 0.3);background: rgba(96, 165, 250, 0.12);color: #93c5fd;}[data-theme="dark"] .report-info-btn:hover {background: rgba(96, 165, 250, 0.18);border-color: rgba(96, 165, 250, 0.55);color: #bfdbfe;}.report-info-modal {position: fixed;inset: 0;display: none;align-items: center;justify-content: center;z-index: 2200;}.report-info-modal.active {display: flex;}.report-info-modal__backdrop {position: absolute;inset: 0;background: rgba(15, 23, 42, 0.65);backdrop-filter: blur(4px);}.report-info-modal__content {position: relative;width: min(520px, 92vw);max-height: 90vh;overflow-y: auto;background: #fff;border-radius: 18px;padding: 28px;box-shadow: 0 24px 60px rgba(15, 23, 42, 0.25);z-index: 1;}[data-theme="dark"] .report-info-modal__content {background: #1f2937;color: #f3f4f6;}.report-info-modal__close {position: absolute;top: 18px;right: 18px;background: none;border: none;font-size: 1.2rem;color: #9ca3af;cursor: pointer;}.report-info-modal__header {margin-bottom: var(--spacing-md);}.report-info-modal__title {margin: 0;font-size: 1.2rem;}.report-info-modal__description {margin: 6px 0 4px;color: #4b5563;font-size: 0.95rem;line-height: 1.5;}.report-info-modal__note {margin: 0;font-size: 0.85rem;color: #9ca3af;}[data-theme="dark"] .report-info-modal__description {color: #d1d5db;}[data-theme="dark"] .report-info-modal__note {color: #94a3b8;}.report-info-form__group {margin-bottom: var(--spacing-md);}.report-info-form__label-row {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 8px;}.report-info-form__label {font-weight: 600;color: #111827;}.report-info-form__fields {display: flex;flex-wrap: wrap;gap: 10px;margin-top: 12px;}.report-info-form__field {flex: 1 1 calc(50% - 10px);background: #f8fafc;padding: 10px 12px;border-radius: var(--radius-md);display: flex;gap: 10px;align-items: flex-start;border: 1px solid #e5e7eb;font-size: 0.92rem;color: #111827;transition: border-color var(--transition-fast), background var(--transition-fast);}.report-info-form__field:hover {border-color: #93c5fd;background: #f1f5f9;}.report-info-form__field input[type="checkbox"] {margin-top: 4px;}[data-theme="dark"] .report-info-form__label {color: #f3f4f6;}[data-theme="dark"] .report-info-form__field {background: #1f2937;border-color: rgba(148, 163, 184, 0.3);color: #f3f4f6;}[data-theme="dark"] .report-info-form__field:hover {border-color: #60a5fa;background: #111827;}.report-info-form__textarea {width: 100%;border-radius: var(--radius-md);border: 1px solid #d1d5db;padding: 12px;min-height: 120px;resize: vertical;font-size: 0.95rem;}[data-theme="dark"] .report-info-form__textarea {background: #111827;border-color: rgba(148, 163, 184, 0.4);color: #f3f4f6;}.report-info-form__actions {display: flex;justify-content: flex-end;gap: 12px;}.report-info-form__hint {display: block;font-size: 0.85rem;color: #94a3b8;}[data-theme="dark"] .report-info-form__hint {color: #cbd5f5;}@media (max-width: 640px) {.report-info-form__field {flex: 1 1 100%;}}.code-detail-page {padding: var(--spacing-md) 0;}.game-detail-card {margin-bottom: var(--spacing-xl);}.game-code-item {background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius-md);padding: var(--spacing-lg);margin-bottom: var(--spacing-lg);transition: all var(--transition-base);}.game-code-header {margin-bottom: var(--spacing-md);padding-bottom: var(--spacing-md);border-bottom: 1px solid var(--border-color);}.game-code-header-top {display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-md);margin-bottom: var(--spacing-sm);flex-wrap: wrap;}.game-code-actions {display: flex;flex-direction: column;gap: var(--spacing-sm);align-items: flex-start;}@media (max-width: 767px) {.game-code-actions {gap: var(--spacing-xs);}.game-code-share-btn,.game-code-add-to-home-btn,.game-code-bookmark-btn,.game-code-comments-btn {margin: 0;margin-bottom: 0;}}.game-code-share-btn,.game-code-add-to-home-btn,.game-code-bookmark-btn,.game-code-comments-btn {display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-xs) var(--spacing-sm);background: #ff6b35;color: white;border: none;border-radius: var(--radius-sm);text-decoration: none;font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);white-space: nowrap;transition: background-color var(--transition-fast);cursor: pointer;width: 100%;justify-content: flex-start;}.game-code-share-btn span,.game-code-add-to-home-btn span,.game-code-bookmark-btn span,.game-code-comments-btn span {display: inline-block;}.game-code-share-btn:hover,.game-code-add-to-home-btn:hover,.game-code-bookmark-btn:hover,.game-code-comments-btn:hover {background: #e55a2b;color: white;}.game-code-share-btn {background: #4a90e2;}.game-code-share-btn:hover {background: #357abd;}.game-code-add-to-home-btn,.game-code-bookmark-btn {background: #5cb85c;}.game-code-add-to-home-btn:hover,.game-code-bookmark-btn:hover {background: #4a9d4a;}@media (max-width: 767px) {.hide-on-mobile {display: none !important;}}@media (min-width: 768px) {.hide-on-desktop {display: none !important;}}.code-platform-tabs {display: flex;gap: var(--spacing-sm);margin-bottom: var(--spacing-lg);flex-wrap: wrap;border-bottom: 1px solid var(--border-color);padding-bottom: var(--spacing-sm);}.code-platform-tab {display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-xs) var(--spacing-md);background: var(--bg-secondary);color: var(--text-secondary);border: 1px solid var(--border-color);border-radius: var(--radius-md);text-decoration: none;font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);transition: all var(--transition-fast);}.code-platform-tab:hover {background: var(--bg-tertiary);color: var(--text-primary);border-color: var(--color-primary);}.code-platform-tab--active {background: var(--color-primary);color: white;border-color: var(--color-primary);}.code-platform-tab__badge {background: rgba(255, 255, 255, 0.2);padding: 2px 6px;border-radius: var(--radius-sm);font-size: var(--font-size-xs);}.code-platform-tab--active .code-platform-tab__badge {background: rgba(255, 255, 255, 0.3);}.game-code-comments-btn:hover {background: #ff5722;color: white;text-decoration: none;transform: translateY(-1px);box-shadow: 0 2px 4px rgba(255, 107, 53, 0.3);}.game-code-comments-btn i {font-size: var(--font-size-sm);}.game-code-comments-count {font-weight: var(--font-weight-bold);color: white;}.game-code-title {font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--text-primary);margin: 0;display: flex;align-items: center;gap: var(--spacing-sm);flex-wrap: wrap;flex: 1;min-width: 0;}.game-code-title-platform {display: inline-flex;align-items: center;justify-content: center;padding: 6px 12px;background: rgba(249, 115, 22, 0.1);color: #ea580c;border: 1px solid rgba(249, 115, 22, 0.3);border-radius: var(--radius-md);font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);}.game-code-title-platform i {font-size: var(--font-size-sm);color: #ea580c;}.game-code-meta {display: flex;flex-wrap: wrap;gap: var(--spacing-md);font-size: var(--font-size-sm);color: var(--text-secondary);}.game-code-update {display: flex;align-items: center;gap: var(--spacing-xs);}.game-code-update-reason {color: var(--text-muted);font-style: italic;}.game-code-section {margin-top: var(--spacing-lg);}.game-code-section:first-of-type {margin-top: 0;}.game-code-section-title {font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--text-primary);margin: 0 0 var(--spacing-md) 0;display: flex;align-items: center;gap: var(--spacing-xs);}.game-code-section-title i {font-size: var(--font-size-base);color: #22c55e;}.game-code-expired .game-code-section-title i {color: #ef4444;}.game-code-count {font-size: var(--font-size-sm);font-weight: var(--font-weight-normal);color: var(--text-secondary);}.game-code-active {background: linear-gradient(to right, rgba(34, 197, 94, 0.03), transparent);border-left: 3px solid rgba(34, 197, 94, 0.2);border-radius: var(--radius-md);padding: var(--spacing-md);}.game-code-active .game-code-section-title {color: #22c55e;}.game-code-expired {background: linear-gradient(to right, rgba(239, 68, 68, 0.03), transparent);border-left: 3px solid rgba(239, 68, 68, 0.2);border-radius: var(--radius-md);padding: var(--spacing-md);}.game-code-expired .game-code-section-title {color: rgba(239, 68, 68, 0.9);}.game-code-content {font-size: var(--font-size-base);line-height: 1.6;}.game-code-content ul {list-style: none;padding: 0;margin: 0;display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: var(--spacing-sm);}@media (max-width: 768px) {.game-code-content ul {grid-template-columns: repeat(2, 1fr);}}.game-code-content li {padding: var(--spacing-sm);background: var(--bg-primary);border: 1px solid var(--border-color);border-radius: var(--radius-sm);font-family: 'Courier New', monospace;font-size: var(--font-size-sm);text-align: center;transition: all var(--transition-base);position: relative;cursor: pointer;user-select: all;}.game-code-content li::after {content: '\f0c5';font-family: 'Font Awesome 6 Free';font-weight: 400;position: absolute;top: 4px;right: 4px;font-size: 10px;opacity: 0;transition: opacity var(--transition-base);color: var(--color-primary);}.game-code-content li:hover::after {opacity: 0.5;}.game-code-content li:hover {background: var(--color-primary-light);border-color: var(--color-primary);transform: translateY(-2px);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);}.game-code-content li.copied {background: rgba(34, 197, 94, 0.1) !important;border-color: #22c55e !important;}.game-code-content li.copied::after {content: '\f00c' !important;font-family: 'Font Awesome 6 Free' !important;font-weight: 900 !important;opacity: 1 !important;color: #22c55e !important;}.game-code-active .game-code-content li {border-color: rgba(34, 197, 94, 0.3);}.game-code-active .game-code-content li:hover {background: rgba(34, 197, 94, 0.1);border-color: #22c55e;}.game-code-expired .game-code-content li {opacity: 0.6;color: var(--text-secondary);border-color: var(--border-color);background: var(--bg-secondary);}.codes-empty-state {text-align: center;padding: var(--spacing-xl);color: var(--text-secondary);}.codes-empty-state i {font-size: 3rem;margin-bottom: var(--spacing-md);opacity: 0.5;}.game-code-info-section {margin-top: var(--spacing-md);padding: var(--spacing-md);background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-primary) 100%);border: 1px solid var(--border-color);border-radius: var(--radius-md);box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03);transition: all var(--transition-base);}.game-code-info-section:hover {box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);}.game-code-find-more .game-code-info-title i {background: #8b5cf6;}.game-code-additional .game-code-info-title i {background: #f59e0b;}.game-code-info-title {font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--text-primary);margin: 0 0 var(--spacing-sm) 0;display: flex;align-items: center;gap: var(--spacing-xs);padding-bottom: var(--spacing-xs);border-bottom: 1px solid var(--border-color);}.game-code-info-title i {width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;background: var(--color-primary, #3b82f6);color: #ffffff;border-radius: var(--radius-sm);font-size: 11px;flex-shrink: 0;}.game-code-info-content {font-size: var(--font-size-sm);line-height: 1.6;color: var(--text-primary);margin-bottom: var(--spacing-md);}.game-code-info-content:last-child {margin-bottom: 0;}.game-code-info-content p {margin: 0 0 var(--spacing-sm) 0;}.game-code-info-content p:last-child {margin-bottom: 0;}.game-code-info-content ul,.game-code-info-content ol {margin: var(--spacing-md) 0;padding-left: var(--spacing-lg);}.game-code-info-content li {margin-bottom: var(--spacing-xs);padding-left: var(--spacing-xs);}.game-code-info-content strong {font-weight: var(--font-weight-semibold);color: var(--text-primary);}[data-theme="dark"] .game-code-active {background: linear-gradient(to right, rgba(34, 197, 94, 0.08), transparent);border-left-color: rgba(34, 197, 94, 0.3);}[data-theme="dark"] .game-code-expired {background: linear-gradient(to right, rgba(239, 68, 68, 0.08), transparent);border-left-color: rgba(239, 68, 68, 0.3);}[data-theme="dark"] .game-code-content li {background: var(--bg-tertiary);border-color: var(--border-color);}[data-theme="dark"] .game-code-content li:hover {background: var(--bg-hover);}[data-theme="dark"] .game-code-active .game-code-content li:hover {background: rgba(34, 197, 94, 0.15);}[data-theme="dark"] .game-code-expired .game-code-content li {opacity: 0.5;}[data-theme="dark"] .game-code-item {background: rgba(0, 0, 0, 0.3);border-color: var(--border-color);}[data-theme="dark"] .game-code-title-platform {background: rgba(249, 115, 22, 0.15);color: #fb923c;border-color: rgba(249, 115, 22, 0.4);}[data-theme="dark"] .game-code-title-platform i {color: #fb923c;}[data-theme="dark"] .game-code-info-section {background: linear-gradient(135deg, var(--bg-tertiary) 0%, var(--bg-secondary) 100%);border-color: var(--border-color);}@media (max-width: 768px) {.game-code-content ul {grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));}.game-code-item {padding: var(--spacing-md);}.game-code-info-section {padding: var(--spacing-sm) var(--spacing-md);}.game-code-active,.game-code-expired {padding: var(--spacing-sm);}.game-code-header-top {flex-direction: column;align-items: flex-start;gap: var(--spacing-sm);}.game-code-meta {flex-direction: column;gap: var(--spacing-xs);}.game-code-title {font-size: var(--font-size-lg);}.game-code-title-platform {padding: 4px 8px;}.game-code-title-platform i {font-size: var(--font-size-xs);}}.games-platform-filter[data-filter="all"] .games-platform-filter__icon {color: var(--text-secondary);}.games-platform-filter[data-filter="active"] .games-platform-filter__icon {color: #22c55e;}.games-platform-filter[data-filter="passive"] .games-platform-filter__icon {color: #ef4444;}.games-platform-filter[data-filter="all"].games-platform-filter--active .games-platform-filter__icon {color: white !important;}.games-platform-filter[data-filter="all"].games-platform-filter--active .games-platform-filter__label {color: white !important;}.games-platform-filter[data-filter="active"].games-platform-filter--active .games-platform-filter__label {color: white !important;}.games-platform-filter[data-filter="passive"].games-platform-filter--active .games-platform-filter__label {color: white !important;}.games-platform-filter[data-filter="active"].games-platform-filter--active {background: #22c55e !important;border-color: #22c55e !important;}.games-platform-filter[data-filter="active"].games-platform-filter--active .games-platform-filter__icon {color: white !important;}.games-platform-filter[data-filter="passive"].games-platform-filter--active {background: #ef4444 !important;border-color: #ef4444 !important;}.games-platform-filter[data-filter="passive"].games-platform-filter--active .games-platform-filter__icon {color: white !important;}[data-theme="dark"] .games-platform-filter[data-filter="all"].games-platform-filter--active {color: white !important;}[data-theme="dark"] .games-platform-filter[data-filter="all"].games-platform-filter--active .games-platform-filter__label {color: white !important;}[data-theme="dark"] .games-platform-filter[data-filter="active"].games-platform-filter--active {color: white !important;}[data-theme="dark"] .games-platform-filter[data-filter="active"].games-platform-filter--active .games-platform-filter__label {color: white !important;}[data-theme="dark"] .games-platform-filter[data-filter="passive"].games-platform-filter--active {color: white !important;}[data-theme="dark"] .games-platform-filter[data-filter="passive"].games-platform-filter--active .games-platform-filter__label {color: white !important;}.codes-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--spacing-md);margin-bottom: var(--spacing-xl);}.code-card {display: flex;flex-direction: column;background: #f5f3f0;border: 1px solid #e8e5e0;border-radius: var(--radius-lg);overflow: hidden;transition: all var(--transition-fast);text-decoration: none;color: inherit;cursor: pointer;}.code-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--color-primary);}.code-card__cover {position: relative;width: 100%;aspect-ratio: 1 / 1;background: var(--bg-tertiary);overflow: hidden;}.code-card__image {width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-base);}.code-card:hover .code-card__image {transform: scale(1.05);}.code-card__placeholder {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);color: var(--text-tertiary);font-size: 3rem;}.code-card__badges {position: absolute;top: var(--spacing-sm);left: var(--spacing-sm);right: var(--spacing-sm);display: flex;justify-content: space-between;gap: var(--spacing-xs);z-index: 2;}.code-badge {display: flex;align-items: center;gap: 4px;padding: 6px 10px;border-radius: var(--radius-md);font-size: var(--font-size-xs);font-weight: var(--font-weight-bold);backdrop-filter: blur(8px);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);transition: all var(--transition-fast);}.code-badge--active {background: rgba(34, 197, 94, 0.9);color: white;}.code-badge--passive {background: rgba(239, 68, 68, 0.9);color: white;}.code-card:hover .code-badge--active {background: rgba(34, 197, 94, 1);}.code-card:hover .code-badge--passive {background: rgba(239, 68, 68, 1);}.code-badge i {font-size: 11px;}.code-card__content {padding: var(--spacing-md);display: flex;flex-direction: column;gap: var(--spacing-sm);flex: 1;}.code-card__title {font-size: var(--font-size-md);font-weight: var(--font-weight-semibold);color: var(--text-primary);margin: 0;line-height: 1.3;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 2.6em;}.code-card__btn {width: 100%;padding: 10px 16px;background: var(--color-primary);color: white;border: none;border-radius: var(--radius-md);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);cursor: pointer;display: flex;align-items: center;justify-content: center;gap: var(--spacing-xs);transition: all var(--transition-fast);margin-top: auto;}.code-card__btn:hover {background: var(--color-primary-dark);transform: translateY(-1px);}.code-card__btn i {font-size: 13px;}[data-theme="dark"] .code-card {background: rgba(0, 0, 0, 0.2);border-color: var(--border-color);}[data-theme="dark"] .code-card:hover {border-color: var(--color-primary);}[data-theme="dark"] .code-card__placeholder {background: linear-gradient(135deg, var(--bg-tertiary) 0%, rgba(0, 0, 0, 0.3) 100%);}[data-theme="dark"] .code-badge--active {background: rgba(34, 197, 94, 0.85);}[data-theme="dark"] .code-badge--passive {background: rgba(239, 68, 68, 0.85);}[data-theme="dark"] .code-card:hover .code-badge--active {background: rgba(34, 197, 94, 0.95);}[data-theme="dark"] .code-card:hover .code-badge--passive {background: rgba(239, 68, 68, 0.95);}.code-list-in-content-ad {grid-column: 1 / -1;display: flex;justify-content: center;align-items: center;margin: var(--spacing-md) 0;}.code-list-in-content-ad .ad-container--code_list_in_content_ads {max-width: 200px;width: 100%;}@media (max-width: 768px) {.code-list-in-content-ad .ad-container--code_list_in_content_ads {max-width: 300px;}}@media (max-width: 1200px) {.codes-grid {grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));}}@media (max-width: 768px) {.codes-grid {grid-template-columns: repeat(2, 1fr);gap: var(--spacing-md);}.code-card__badges {top: 8px;left: 8px;right: 8px;}.code-badge {padding: 4px 8px;font-size: 10px;}.code-badge i {font-size: 9px;}.code-card__content {padding: var(--spacing-sm);}.code-card__title {font-size: var(--font-size-sm);min-height: 2.4em;}.code-card__btn {padding: 8px 12px;font-size: var(--font-size-xs);}}@media (max-width: 480px) {.codes-grid {grid-template-columns: repeat(2, 1fr);gap: var(--spacing-sm);}.code-list-in-content-ad {margin: var(--spacing-sm) 0;}}.games-platform-filter--active[data-type="all"] {background: var(--color-primary) !important;border-color: var(--color-primary) !important;}.games-platform-filter--active[data-type="all"] .games-platform-filter__icon {color: white !important;}.games-platform-filter--active[data-type="all"] .games-platform-filter__label {color: white !important;}.games-platform-filter--active[data-type="developer"] .games-platform-filter__label {color: white !important;}.games-platform-filter--active[data-type="publisher"] .games-platform-filter__label {color: white !important;}.games-platform-filter--active[data-type="developer"] {background: #4a90e2 !important;border-color: #4a90e2 !important;}.games-platform-filter--active[data-type="developer"] .games-platform-filter__icon {color: white !important;}.games-platform-filter--active[data-type="publisher"] {background: #ff6b35 !important;border-color: #ff6b35 !important;}.games-platform-filter--active[data-type="publisher"] .games-platform-filter__icon {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-type="all"] {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-type="all"] .games-platform-filter__label {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-type="developer"] {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-type="developer"] .games-platform-filter__label {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-type="publisher"] {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-type="publisher"] .games-platform-filter__label {color: white !important;}.auth-required-modal {position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;display: flex;align-items: center;justify-content: center;padding: var(--spacing-md);}.auth-required-modal--hidden {display: none !important;}.auth-required-modal__overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.7);backdrop-filter: blur(4px);}.auth-required-modal__container {position: relative;background: var(--bg-primary);border-radius: var(--radius-xl);max-width: 700px;width: 100%;box-shadow: var(--shadow-2xl);overflow: hidden;animation: authModalSlideIn 0.3s ease-out;}@keyframes authModalSlideIn {from {opacity: 0;transform: translateY(-20px);}to {opacity: 1;transform: translateY(0);}}.auth-required-modal__close {position: absolute;top: var(--spacing-md);right: var(--spacing-md);width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;background: var(--bg-secondary);border: none;border-radius: 50%;color: var(--text-secondary);cursor: pointer;transition: all var(--transition-fast);z-index: 10;}.auth-required-modal__close:hover {background: var(--bg-tertiary);color: var(--text-primary);}.auth-required-modal__content {display: flex;min-height: 400px;}.auth-required-modal__image {flex: 0 0 280px;background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);display: flex;align-items: center;justify-content: center;padding: var(--spacing-xl);}.auth-required-modal__logo {max-width: 100%;max-height: 100%;width: auto;height: auto;object-fit: contain;}.auth-required-modal__info {flex: 1;padding: var(--spacing-xl);display: flex;flex-direction: column;gap: var(--spacing-md);}.auth-required-modal__title {font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--text-primary);margin: 0;}.auth-required-modal__description {font-size: var(--font-size-sm);color: var(--text-secondary);line-height: var(--line-height-relaxed);margin: 0;}.auth-required-modal__features {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: var(--spacing-sm);}.auth-required-modal__feature {display: flex;align-items: flex-start;gap: var(--spacing-sm);font-size: var(--font-size-sm);color: var(--text-primary);}.auth-required-modal__feature i {color: var(--color-success);margin-top: 2px;flex-shrink: 0;}.auth-required-modal__actions {display: flex;gap: var(--spacing-sm);margin-top: auto;padding-top: var(--spacing-md);}.auth-required-modal__btn {flex: 1;padding: var(--spacing-sm) var(--spacing-lg);border-radius: var(--radius-md);font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);text-align: center;text-decoration: none;border: none;cursor: pointer;transition: all var(--transition-fast);}.auth-required-modal__btn--primary {background: var(--color-primary);color: white;}.auth-required-modal__btn--primary:hover {background: var(--color-primary-dark);color: white;}.auth-required-modal__btn--secondary {background: var(--bg-secondary);color: var(--text-primary);border: 1px solid var(--border-color);}.auth-required-modal__btn--secondary:hover {background: var(--bg-tertiary);}[data-theme="dark"] .auth-required-modal__container {background: var(--bg-secondary);}[data-theme="dark"] .auth-required-modal__close {background: var(--bg-tertiary);}[data-theme="dark"] .auth-required-modal__close:hover {background: var(--bg-primary);}@media (max-width: 768px) {.auth-required-modal {padding: var(--spacing-sm);}.auth-required-modal__container {max-width: 100%;}.auth-required-modal__content {flex-direction: column;min-height: auto;}.auth-required-modal__image {flex: 0 0 120px;}.auth-required-modal__info {padding: var(--spacing-lg) var(--spacing-md);}.auth-required-modal__title {font-size: var(--font-size-xl);}.auth-required-modal__description {font-size: var(--font-size-xs);}.auth-required-modal__features {gap: var(--spacing-xs);}.auth-required-modal__feature {font-size: var(--font-size-xs);}.auth-required-modal__actions {flex-direction: column;gap: var(--spacing-xs);}.auth-required-modal__btn {padding: var(--spacing-sm) var(--spacing-md);font-size: var(--font-size-sm);}}@media (max-width: 480px) {.auth-required-modal__image {flex: 0 0 80px;}.auth-required-modal__info {padding: var(--spacing-md) var(--spacing-sm);}.auth-required-modal__title {font-size: var(--font-size-lg);}}.content-container .home {margin: 0 auto;}.home {padding: var(--spacing-xl) 0 var(--spacing-lg);}.home-hero {margin-bottom: var(--spacing-2xl);}.home-hero__content {display: grid;grid-template-columns: minmax(0, 1.6fr) minmax(0, 1.1fr);gap: var(--spacing-2xl);align-items: stretch;}.home-hero__text {display: flex;flex-direction: column;gap: var(--spacing-lg);}.home-hero__title {font-size: var(--font-size-3xl);line-height: 1.1;font-weight: var(--font-weight-extrabold);letter-spacing: -0.03em;}.home-hero__subtitle {font-size: var(--font-size-base);color: var(--text-secondary);max-width: 36rem;}.home-hero__actions {display: flex;flex-wrap: wrap;gap: var(--spacing-sm);}@media (max-width: 768px) {.home-hero__actions {flex-wrap: nowrap;gap: var(--spacing-xs);}.home-hero__btn {flex: 1;min-width: 0;font-size: var(--font-size-sm);}.home-hero__btn span {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}}.home-hero__btn {display: inline-flex;align-items: center;gap: var(--spacing-xs);font-weight: var(--font-weight-semibold);}.home-hero__btn--secondary {border-color: var(--border-color);}.home-hero__btn.btn-primary {color: var(--text-inverse);}.home-hero__btn.btn-primary:hover:not(:disabled) {color: var(--text-inverse);}.home-hero__btn.btn-outline {box-shadow: none;}[data-theme="dark"] .home-hero__btn.btn-outline {color: #ffffff;border-color: rgba(148, 163, 184, 0.9);}[data-theme="dark"] .home-hero__btn.btn-outline:hover:not(:disabled) {background-color: rgba(148, 163, 184, 0.14);color: #ffffff;}.home-hero__auth-hint {margin-top: var(--spacing-md);padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--radius-lg);background: var(--bg-tertiary);color: var(--text-secondary);font-size: var(--font-size-sm);display: flex;flex-direction: column;gap: var(--spacing-xs);}.home-hero__auth-links {display: inline-flex;flex-wrap: wrap;align-items: center;gap: var(--spacing-xs);}.home-hero__user-summary {margin-top: var(--spacing-md);padding: var(--spacing-md);border-radius: var(--radius-lg);background: radial-gradient(circle at top left, rgba(56, 189, 248, 0.18), transparent 55%),radial-gradient(circle at bottom right, rgba(129, 140, 248, 0.2), transparent 55%);border: 1px solid rgba(148, 163, 184, 0.35);}.home-hero__user-greeting {display: flex;flex-wrap: wrap;align-items: center;gap: var(--spacing-sm);margin-bottom: var(--spacing-sm);}.home-hero__user-chip {display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-xs) var(--spacing-sm);border-radius: 999px;background: rgba(15, 23, 42, 0.8);color: #fff;font-size: var(--font-size-sm);}[data-theme="dark"] .home-hero__user-chip {background: rgba(15, 23, 42, 0.9);}.home-hero__user-text {font-size: var(--font-size-sm);color: var(--text-secondary);}.home-hero__user-stats {display: flex;flex-wrap: wrap;gap: var(--spacing-sm);}.home-hero__stats {margin-top: var(--spacing-md);padding: var(--spacing-md);border-radius: var(--radius-lg);background: radial-gradient(circle at top left, rgba(56, 189, 248, 0.18), transparent 55%),radial-gradient(circle at bottom right, rgba(129, 140, 248, 0.2), transparent 55%);border: 1px solid rgba(148, 163, 184, 0.35);}[data-theme="light"] .home-hero__stats {background: #f8fafc;border: 1px solid rgba(148, 163, 184, 0.2);}.home-hero__stats-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--spacing-md);}.home-hero__stats-item {display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-sm);background: rgba(15, 23, 42, 0.4);border-radius: var(--radius-md);transition: transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);border: 1px solid rgba(148, 163, 184, 0.2);}[data-theme="light"] .home-hero__stats-item {background: #ffffff;border: 1px solid rgba(148, 163, 184, 0.25);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}[data-theme="light"] .home-hero__stats-item:hover {background: #ffffff;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);border-color: var(--color-primary);}.home-hero__stats-item:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);background: rgba(15, 23, 42, 0.6);}[data-theme="dark"] .home-hero__stats-item {background: rgba(15, 23, 42, 0.6);}[data-theme="dark"] .home-hero__stats-item:hover {background: rgba(15, 23, 42, 0.8);}.home-hero__stats-icon {width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background: var(--color-primary);color: white;border-radius: var(--radius-md);font-size: var(--font-size-lg);flex-shrink: 0;}.home-hero__stats-content {flex: 1;min-width: 0;}.home-hero__stats-value {font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--text-primary);line-height: 1.2;}.home-hero__stats-label {font-size: var(--font-size-xs);color: var(--text-secondary);margin-top: var(--spacing-2xs);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.home-hero__stat-card {flex: 1 1 160px;min-width: 0;border-radius: var(--radius-lg);padding: var(--spacing-sm) var(--spacing-md);border: 1px solid rgba(148, 163, 184, 0.4);background: radial-gradient(circle at top left, rgba(59, 130, 246, 0.1), transparent 55%);color: inherit;text-decoration: none;display: flex;align-items: center;justify-content: space-between;gap: var(--spacing-xs);font-size: var(--font-size-sm);transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast);}.home-hero__stat-card:hover {transform: translateY(-2px);border-color: var(--color-primary);box-shadow: var(--shadow-md);background: radial-gradient(circle at top left, rgba(59, 130, 246, 0.18), transparent 60%);}.home-hero__stat-value i {opacity: 0.8;}.home-hero__featured {border-radius: var(--radius-xl);padding: var(--spacing-md);background: linear-gradient(145deg, rgba(15, 23, 42, 0.98), rgba(30, 64, 175, 0.96));color: #fff;box-shadow: 0 24px 60px rgba(15, 23, 42, 0.6);}[data-theme="light"] .home-hero__featured {background: linear-gradient(145deg, #0f172a, #1d4ed8);}.home-section__title--badge {margin-bottom: var(--spacing-sm);}.home-section__badge {display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: 6px 14px;border-radius: 999px;background: rgba(248, 250, 252, 0.08);border: 1px solid rgba(148, 163, 184, 0.45);font-size: var(--font-size-xs);text-transform: uppercase;letter-spacing: 0.16em;color: #fff;white-space: nowrap;}[data-theme="light"] .home-section__badge,[data-theme="dark"] .home-section__badge {color: #fff;}.featured-card {display: flex;flex-direction: column;gap: var(--spacing-sm);}.featured-card__image-link {display: block;border-radius: var(--radius-lg);overflow: hidden;position: relative;aspect-ratio: 600 / 400; }.featured-card__image {width: 100%;height: 100%;object-fit: cover;display: block;transform: scale(1.02);transition: transform var(--transition-slow), filter var(--transition-slow);}.featured-card__image-link:hover .featured-card__image {transform: scale(1.06);filter: brightness(1.05);}.featured-card__image--placeholder {width: 100%;height: 210px;display: flex;align-items: center;justify-content: center;border-radius: var(--radius-lg);background: rgba(15, 23, 42, 0.8);color: rgba(148, 163, 184, 0.9);font-size: 2rem;}.featured-card__body {display: flex;flex-direction: column;gap: var(--spacing-xs);}.featured-card__title a {color: #fff;text-decoration: none;font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);}.featured-card__title a:hover {text-decoration: underline;}.featured-card__description {font-size: var(--font-size-sm);color: rgba(226, 232, 240, 0.9);}.featured-card__meta {display: flex;flex-wrap: wrap;gap: var(--spacing-xs);margin-top: var(--spacing-xs);}.featured-card__pill {display: inline-flex;align-items: center;gap: var(--spacing-2xs);padding: var(--spacing-2xs) var(--spacing-sm);border-radius: 999px;background: rgba(15, 23, 42, 0.8);font-size: var(--font-size-xs);color: rgba(226, 232, 240, 0.9);}.featured-card__actions {display: flex;flex-wrap: wrap;gap: var(--spacing-xs);margin-top: var(--spacing-sm);}.featured-card__actions .btn {border-radius: 999px;padding-inline: var(--spacing-md);font-size: var(--font-size-sm);flex: 1 1 0;min-width: 0;white-space: normal;text-align: center;}.featured-card__actions .btn-primary,.featured-card__actions .btn-outline {background-color: var(--color-primary);border-color: var(--color-primary);color: #ffffff;box-shadow: 0 10px 25px rgba(15, 23, 42, 0.55);}.featured-card__actions .btn-primary:hover:not(:disabled),.featured-card__actions .btn-outline:hover:not(:disabled) {background-color: var(--color-primary-dark);border-color: var(--color-primary-dark);color: #ffffff;}[data-theme="dark"] .featured-card__actions .btn-primary,[data-theme="dark"] .featured-card__actions .btn-outline {color: #ffffff;}.home-hero__featured-list {margin-top: var(--spacing-md);padding-top: var(--spacing-sm);border-top: 1px solid rgba(148, 163, 184, 0.4);display: flex;flex-direction: column;gap: var(--spacing-xs);}.featured-mini {display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-2xs) 0;text-decoration: none;color: rgba(226, 232, 240, 0.9);}.featured-mini:hover {color: #fff;}.featured-mini:hover .featured-mini__title {color: #fff;}.featured-mini__thumb {width: 42px;height: 42px;border-radius: var(--radius-md);overflow: hidden;flex-shrink: 0;}.featured-mini__thumb img {width: 100%;height: 100%;object-fit: cover;}.featured-mini__thumb--placeholder {display: flex;align-items: center;justify-content: center;background: rgba(15, 23, 42, 0.85);color: rgba(148, 163, 184, 0.9);}.featured-mini__title {display: block;font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);color: inherit;}.featured-mini__subtitle {display: block;font-size: 0.7rem;color: rgba(148, 163, 184, 0.9);}.home-section {margin-bottom: var(--spacing-2xl);}.home-section--secondary {border-top: 1px solid var(--border-color);padding-top: var(--spacing-xl);}.home-section__header {margin-bottom: var(--spacing-lg);}.home-section__title {font-size: var(--font-size-xl);font-weight: var(--font-weight-semibold);}.home-section__subtitle {font-size: var(--font-size-sm);color: var(--text-secondary);max-width: 36rem;}.home-section__empty {font-size: var(--font-size-sm);color: var(--text-secondary);}.home-game-grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: var(--spacing-lg);}.home-game-card {border-radius: var(--radius-lg);background: var(--bg-secondary);border: 1px solid var(--border-color);overflow: hidden;display: flex;flex-direction: column;box-shadow: var(--shadow-sm);transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);}.home-game-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-md);border-color: var(--color-primary);}.home-game-card__image-link {display: block;}.home-game-card__image {width: 100%;height: 150px;object-fit: cover;display: block;}.home-game-card__image--placeholder {width: 100%;height: 150px;display: flex;align-items: center;justify-content: center;background: var(--bg-tertiary);color: var(--text-secondary);font-size: 1.5rem;}.home-game-card__body {padding: var(--spacing-sm) var(--spacing-md) var(--spacing-md);display: flex;flex-direction: column;gap: var(--spacing-xs);}.home-game-card__title a {font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);text-decoration: none;color: var(--text-primary);}.home-game-card__title a:hover {text-decoration: underline;}.home-game-card__description {font-size: var(--font-size-xs);color: var(--text-secondary);max-height: 3em;overflow: hidden;}.home-game-card__meta {display: flex;flex-wrap: wrap;gap: var(--spacing-2xs);margin-top: var(--spacing-xs);}.home-game-card__tag {display: inline-flex;align-items: center;gap: var(--spacing-2xs);font-size: var(--font-size-xs);color: var(--text-secondary);}.home-game-card__footer {margin-top: var(--spacing-sm);}.home-game-card__link {display: inline-flex;align-items: center;gap: var(--spacing-xs);font-size: var(--font-size-xs);text-decoration: none;color: var(--color-primary);font-weight: var(--font-weight-medium);}.home-game-card__link i {font-size: 0.75rem;}.home-game-list {display: flex;flex-direction: column;gap: var(--spacing-sm);}.home-game-row {display: grid;grid-template-columns: auto minmax(0, 1fr) auto;gap: var(--spacing-md);align-items: center;padding: var(--spacing-sm) var(--spacing-md);border-radius: var(--radius-lg);background: var(--bg-secondary);border: 1px solid var(--border-color);transition: border-color var(--transition-fast), background var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast);}.home-game-row:hover {border-color: var(--color-primary);background: var(--bg-tertiary);transform: translateY(-1px);box-shadow: var(--shadow-sm);}.home-game-row__image-link {display: block;}.home-game-row__image {width: 180px;height: 100px;border-radius: var(--radius-md);object-fit: cover;display: block;}.home-game-row__image--placeholder {width: 180px;height: 100px;border-radius: var(--radius-md);display: flex;align-items: center;justify-content: center;background: var(--bg-tertiary);color: var(--text-secondary);}.home-game-row__body {display: flex;flex-direction: column;gap: var(--spacing-2xs);}.home-game-row__title a {font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);text-decoration: none;color: var(--text-primary);}.home-game-row__title a:hover {text-decoration: underline;}.home-game-row__description {font-size: var(--font-size-xs);color: var(--text-secondary);max-height: 3em;overflow: hidden;}.home-game-row__meta {display: flex;flex-wrap: wrap;gap: var(--spacing-2xs);}.home-game-row__tag {display: inline-flex;align-items: center;gap: var(--spacing-2xs);font-size: var(--font-size-xs);color: var(--text-secondary);}.home-game-row__actions {display: flex;align-items: center;justify-content: flex-end;}@media (max-width: 1024px) {.home-hero__content {grid-template-columns: minmax(0, 1.4fr) minmax(0, 1.1fr);gap: var(--spacing-xl);}.home-game-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}}@media (max-width: 768px) {.home {padding-top: var(--spacing-lg);}.home-hero__content {grid-template-columns: minmax(0, 1fr);}.home-hero__featured {order: -1;}.home-game-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}.home-game-row {grid-template-columns: auto minmax(0, 1fr);grid-template-rows: auto auto;row-gap: var(--spacing-sm);}.home-game-row__actions {grid-column: 1 / -1;justify-content: flex-start;}}@media (max-width: 480px) {.home-hero__title {font-size: var(--font-size-2xl);}.home-game-grid {grid-template-columns: minmax(0, 1fr);}}.home-quick-access {margin-bottom: var(--spacing-2xl);}.home-quick-access__grid {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: var(--spacing-xl);}@media (max-width: 768px) {.home-quick-access__grid {gap: var(--spacing-md);}}@media (max-width: 480px) {.home-quick-access__grid {gap: var(--spacing-sm);}}.home-quick-access__group {background: var(--bg-secondary);border-radius: var(--radius-lg);padding: var(--spacing-lg);}.home-quick-access__group-title {display: flex;align-items: center;gap: var(--spacing-sm);font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);margin-bottom: var(--spacing-md);color: var(--text-primary);}.home-quick-access__items {display: flex;flex-direction: column;gap: var(--spacing-xs);}.home-quick-access__item {display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-sm);background: var(--bg-primary);border-radius: var(--radius-sm);text-decoration: none;color: var(--text-primary);transition: background-color var(--transition-fast), transform var(--transition-fast);font-size: var(--font-size-sm);}.home-quick-access__item:hover {background: var(--bg-tertiary);transform: translateX(4px);}.home-quick-access__item-icon,.home-quick-access__item-image {width: 24px;height: 24px;object-fit: contain;flex-shrink: 0;}.home-quick-access__item--game {padding: var(--spacing-xs) var(--spacing-sm);}.home-quick-access__item--game .home-quick-access__item-image {width: 32px;height: 32px;border-radius: var(--radius-xs);}.home-quick-access__item--company .home-quick-access__item-image {width: 24px;height: 24px;border-radius: var(--radius-xs);object-fit: contain;}.home-publishers {margin-bottom: var(--spacing-2xl);}.home-publishers__grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: var(--spacing-lg);margin-bottom: var(--spacing-lg);}.home-publishers__item {display: flex;flex-direction: column;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-lg);background: var(--bg-secondary);border-radius: var(--radius-lg);text-decoration: none;color: var(--text-primary);transition: transform var(--transition-fast), box-shadow var(--transition-fast);}.home-publishers__item:hover {transform: translateY(-4px);box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);}.home-publishers__logo {width: 80px;height: 80px;object-fit: contain;border-radius: var(--radius-md);background: var(--bg-primary);padding: var(--spacing-sm);filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));}.home-publishers__logo--placeholder {display: flex;align-items: center;justify-content: center;font-size: var(--font-size-2xl);color: var(--text-secondary);}.home-publishers__info {text-align: center;}.home-publishers__name {font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);margin-bottom: var(--spacing-2xs);color: var(--text-primary);}.home-publishers__count {font-size: var(--font-size-sm);color: var(--text-secondary);}.home-section__footer {display: flex;justify-content: center;margin-top: var(--spacing-lg);}@media (max-width: 1024px) {.home-quick-access__grid {grid-template-columns: repeat(2, minmax(0, 1fr));}.home-publishers__grid {grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));}}@media (max-width: 768px) {.home-hero__stats-grid {gap: var(--spacing-sm);}.home-hero__stats-item {padding: var(--spacing-xs);}.home-hero__stats-icon {width: 40px;height: 40px;font-size: var(--font-size-base);}.home-hero__stats-value {font-size: var(--font-size-xl);}.home-hero__stats-label {font-size: var(--font-size-xs);}.home-quick-access__grid {grid-template-columns: minmax(0, 1fr);}.home-publishers__grid {grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));gap: var(--spacing-md);}}@media (max-width: 480px) {.home-hero__stats-grid {gap: var(--spacing-xs);}.home-hero__stats-icon {width: 36px;height: 36px;font-size: var(--font-size-sm);}.home-hero__stats-value {font-size: var(--font-size-lg);}.home-hero__stats-label {font-size: 11px;}}.static-page {padding: 0; }.static-page__content {margin-top: 30px;}.static-page__text {line-height: 1.8;color: var(--text-primary);}.static-page__text * {color: var(--text-primary);}.static-page__text p,.static-page__text div,.static-page__text span,.static-page__text ul,.static-page__text ol {color: var(--text-primary);}.static-page__text h1,.static-page__text h2,.static-page__text h3,.static-page__text h4,.static-page__text h5,.static-page__text h6 {margin-top: 30px;margin-bottom: 15px;font-weight: 600;color: var(--text-primary);}.static-page__text h1 {font-size: 2em;}.static-page__text h2 {font-size: 1.75em;}.static-page__text h3 {font-size: 1.5em;}.static-page__text p {margin-bottom: 15px;color: var(--text-primary);}.static-page__text ul,.static-page__text ol {margin-bottom: 15px;padding-left: 30px;}.static-page__text li {margin-bottom: 8px;color: var(--text-primary);}.static-page__text a {color: var(--link-color);text-decoration: underline;}.static-page__text a:hover {color: var(--link-color-hover);}.static-page__text strong {font-weight: 600;}.static-page__text em {font-style: italic;}.static-page__text blockquote {border-left: 4px solid var(--color-primary);padding-left: 20px;margin: 20px 0;font-style: italic;color: var(--text-secondary);}.static-page__text code {background: var(--bg-secondary);padding: 2px 6px;border-radius: 3px;font-family: monospace;font-size: 0.9em;color: var(--text-primary);}.static-page__text pre {background: var(--bg-secondary);padding: 15px;border-radius: 5px;overflow-x: auto;margin-bottom: 15px;color: var(--text-primary);}.static-page__text pre code {background: none;padding: 0;}.static-page__text table {width: 100%;border-collapse: collapse;margin-bottom: 20px;}.static-page__text table th,.static-page__text table td {padding: 12px;border: 1px solid var(--border-color);text-align: left;color: var(--text-primary);}.static-page__text table th {background: var(--bg-secondary);font-weight: 600;color: var(--text-primary);}.static-page__empty {text-align: center;padding: 60px 20px;color: var(--text-secondary);}.static-page__empty p {font-size: 1.1em;}[data-theme="dark"] .static-page__text {color: var(--text-primary);}[data-theme="dark"] .static-page__text * {color: var(--text-primary);}[data-theme="dark"] .static-page__text p,[data-theme="dark"] .static-page__text div,[data-theme="dark"] .static-page__text span,[data-theme="dark"] .static-page__text ul,[data-theme="dark"] .static-page__text ol,[data-theme="dark"] .static-page__text li {color: var(--text-primary);}[data-theme="dark"] .static-page__text h1,[data-theme="dark"] .static-page__text h2,[data-theme="dark"] .static-page__text h3,[data-theme="dark"] .static-page__text h4,[data-theme="dark"] .static-page__text h5,[data-theme="dark"] .static-page__text h6 {color: var(--text-primary);}[data-theme="dark"] .static-page__text code,[data-theme="dark"] .static-page__text pre {background: var(--bg-secondary);color: var(--text-primary);}[data-theme="dark"] .static-page__text table th {background: var(--bg-secondary);color: var(--text-primary);}[data-theme="dark"] .static-page__text table th,[data-theme="dark"] .static-page__text table td {border-color: var(--border-color);color: var(--text-primary);}.contact-page {width: 100%;}.contact-form-wrapper {max-width: 800px;margin: 0 auto;padding: var(--spacing-lg) 0;}.contact-form {background: var(--bg-secondary);padding: var(--spacing-xl);border-radius: var(--radius-lg);box-shadow: var(--shadow-md);}.contact-form .form-row {display: grid;grid-template-columns: 1fr 1fr;gap: var(--spacing-md);margin-bottom: var(--spacing-md);}.contact-form .form-group {margin-bottom: var(--spacing-md);}.contact-form .form-label {display: block;margin-bottom: var(--spacing-xs);font-weight: var(--font-weight-medium);color: var(--text-primary);}.contact-form .form-label.required::after {content: ' *';color: var(--color-danger);}.contact-form .form-control {width: 100%;padding: var(--spacing-sm) var(--spacing-md);border: 1px solid var(--border-color);border-radius: var(--radius-md);font-size: var(--font-size-base);color: var(--text-primary);background: var(--bg-primary);transition: border-color var(--transition-base), box-shadow var(--transition-base);}.contact-form .form-control:focus {outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);}.contact-form textarea.form-control {resize: vertical;min-height: 150px;}.contact-form .user-info-badge {display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-sm) var(--spacing-md);background: var(--bg-hover);border: 1px solid var(--border-color);border-radius: var(--radius-md);color: var(--text-secondary);font-size: var(--font-size-sm);margin-bottom: var(--spacing-md);}.contact-form .form-actions {margin-top: var(--spacing-lg);}.contact-form .btn-primary {width: 100%;padding: var(--spacing-md) var(--spacing-xl);font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);}.contact-form .form-message {margin-top: var(--spacing-md);padding: var(--spacing-md);border-radius: var(--radius-md);font-size: var(--font-size-sm);}.contact-form .form-message-success {background: rgba(16, 185, 129, 0.1);border: 1px solid var(--color-success);color: var(--color-success);}.contact-form .form-message-error {background: rgba(239, 68, 68, 0.1);border: 1px solid var(--color-danger);color: var(--color-danger);}[data-theme="dark"] .contact-form {background: var(--bg-secondary);box-shadow: var(--shadow-lg);}[data-theme="dark"] .contact-form .form-control {background: var(--bg-primary);border-color: var(--border-color);}[data-theme="dark"] .contact-form .form-control:focus {border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);}[data-theme="dark"] .contact-form .user-info-badge {background: var(--bg-tertiary);border-color: var(--border-color);}.contact-form .checkbox-group {display: flex;flex-wrap: wrap;gap: var(--spacing-md);margin-top: var(--spacing-xs);}.contact-form .checkbox-group-columns {flex-direction: column;gap: var(--spacing-sm);}.contact-form .checkbox-label {display: flex;align-items: center;gap: var(--spacing-xs);cursor: pointer;font-weight: var(--font-weight-normal);color: var(--text-primary);}.contact-form .form-checkbox {width: 18px;height: 18px;cursor: pointer;accent-color: var(--color-primary);}.contact-form .form-help-text {display: block;margin-top: var(--spacing-xs);font-size: var(--font-size-sm);color: var(--text-secondary);font-style: italic;}@media (max-width: 768px) {.contact-form-wrapper {padding: var(--spacing-md) 0;}.contact-form {padding: var(--spacing-lg);}.contact-form .form-row {grid-template-columns: 1fr;gap: 0;}}@media (max-width: 767px) {:root {--container-padding: var(--spacing-sm);--header-height: 56px;--top-header-height: 36px; }h1 {font-size: var(--font-size-3xl);}h2 {font-size: var(--font-size-2xl);}h3 {font-size: var(--font-size-xl);}.main-header__nav {display: none;}.main-header__menu-toggle {display: flex;}.main-header__search {display: none;}.main-header__mobile-menu.active {display: block;}.top-header__left {flex-wrap: wrap;gap: var(--spacing-sm);}.top-header__right {flex-wrap: wrap;gap: var(--spacing-sm);}.top-header,.main-header {max-width: 100%;border-radius: 0;margin-left: 0;margin-right: 0;}.footer__content {grid-template-columns: 1fr;gap: var(--spacing-lg);}.footer__bottom {flex-direction: column;text-align: center;}.page-wrapper {min-height: auto;}.main-content {min-height: auto;}}@media (min-width: 768px) and (max-width: 1023px) {:root {--container-padding: var(--spacing-md);}.main-header__nav {display: none;}.main-header__menu-toggle {display: flex;}.main-header__search {max-width: 300px;}.footer__content {grid-template-columns: repeat(2, 1fr);}.page-wrapper {min-height: auto;}.main-content {min-height: auto;}}@media (min-width: 1024px) {.main-header__nav {display: flex;}.main-header__menu-toggle {display: none;}.main-header__mobile-menu {display: none !important;}}@media (min-width: 1280px) {}@media (min-width: 1536px) {}