.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);outline: none; }a:hover {color: var(--link-color-hover);outline: none; }a:focus {outline: 2px solid var(--color-primary);outline-offset: 2px;}a:focus:not(:focus-visible) {outline: none; }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-success-dark: #059669;--color-warning: #f59e0b;--color-danger: #ef4444;--color-danger-dark: #dc2626;--color-info: #3b82f6;--color-primary-rgb: 37, 99, 235;--color-success-rgb: 16, 185, 129;--color-danger-rgb: 239, 68, 68;--color-warning-rgb: 245, 158, 11;--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-2xs: 0.125rem; --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;--transition-slower: 500ms ease-in-out;--animation-fast: 150ms;--animation-base: 200ms;--animation-slow: 300ms;--animation-slower: 500ms;--ease-in: cubic-bezier(0.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, 0.2, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-autocomplete: 10001;--z-toast: 10000;--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);--top-header-bg: #2a2a2a;--main-header-bg: #1a1a1a;--header-overlay-bg: rgba(255, 255, 255, 0.1);--header-overlay-bg-hover: rgba(255, 255, 255, 0.15);--header-overlay-border: rgba(255, 255, 255, 0.2);--header-overlay-border-hover: rgba(255, 255, 255, 0.3);--header-text-on-dark: rgba(255, 255, 255, 0.8);--header-text-on-dark-hover: rgba(255, 255, 255, 0.9);--header-text-white: #ffffff;--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);--top-header-bg: var(--bg-tertiary);--main-header-bg: var(--bg-secondary);--header-overlay-bg: rgba(255, 255, 255, 0.1);--header-overlay-bg-hover: rgba(255, 255, 255, 0.15);--header-overlay-border: rgba(255, 255, 255, 0.2);--header-overlay-border-hover: rgba(255, 255, 255, 0.3);--header-text-on-dark: rgba(255, 255, 255, 0.8);--header-text-on-dark-hover: rgba(255, 255, 255, 0.9);--header-text-white: #ffffff;--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;}@media (prefers-reduced-motion: reduce) {*,*::before,*::after {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important;}}.gpu-accelerated {transform: translateZ(0);will-change: transform;backface-visibility: hidden;perspective: 1000px;}.transition-transform {transition-property: transform;transition-timing-function: var(--ease-out);transition-duration: var(--animation-base);will-change: transform;}.transition-opacity {transition-property: opacity;transition-timing-function: var(--ease-out);transition-duration: var(--animation-base);will-change: opacity;}.transition-transform-opacity {transition-property: transform, opacity;transition-timing-function: var(--ease-out);transition-duration: var(--animation-base);will-change: transform, opacity;}.animation-complete {will-change: auto;}@keyframes fadeIn {from {opacity: 0;}to {opacity: 1;}}@keyframes fadeInUp {from {opacity: 0;transform: translate3d(0, 20px, 0);}to {opacity: 1;transform: translate3d(0, 0, 0);}}@keyframes fadeInDown {from {opacity: 0;transform: translate3d(0, -20px, 0);}to {opacity: 1;transform: translate3d(0, 0, 0);}}@keyframes slideInRight {from {opacity: 0;transform: translate3d(100%, 0, 0);}to {opacity: 1;transform: translate3d(0, 0, 0);}}@keyframes slideInLeft {from {opacity: 0;transform: translate3d(-100%, 0, 0);}to {opacity: 1;transform: translate3d(0, 0, 0);}}@keyframes scaleIn {from {opacity: 0;transform: scale3d(0.9, 0.9, 1);}to {opacity: 1;transform: scale3d(1, 1, 1);}}.animate-fade-in {animation: fadeIn var(--animation-base) var(--ease-out);}.animate-fade-in-up {animation: fadeInUp var(--animation-base) var(--ease-out);}.animate-fade-in-down {animation: fadeInDown var(--animation-base) var(--ease-out);}.animate-slide-in-right {animation: slideInRight var(--animation-base) var(--ease-out);}.animate-slide-in-left {animation: slideInLeft var(--animation-base) var(--ease-out);}.animate-scale-in {animation: scaleIn var(--animation-base) var(--ease-out);}.hover-lift {transition: transform var(--transition-fast) var(--ease-out);will-change: transform;}.hover-lift:hover {transform: translate3d(0, -2px, 0);}.hover-scale {transition: transform var(--transition-fast) var(--ease-out);will-change: transform;}.hover-scale:hover {transform: scale3d(1.02, 1.02, 1);}.btn {will-change: transform, box-shadow;}.btn:hover {transform: translate3d(0, -1px, 0);}.btn:active {transform: translate3d(0, 0, 0);will-change: auto;}.card-hover {transition: transform var(--transition-fast) var(--ease-out), box-shadow var(--transition-fast) var(--ease-out);will-change: transform, box-shadow;}.card-hover:hover {transform: translate3d(0, -2px, 0);box-shadow: var(--shadow-lg);}.card-hover:not(:hover) {will-change: auto;}@keyframes spin {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}.spinner {animation: spin 1s linear infinite;will-change: transform;transform: translateZ(0);}@keyframes skeleton-pulse {0%, 100% {opacity: 1;}50% {opacity: 0.5;}}.skeleton {animation: skeleton-pulse 1.5s ease-in-out infinite;will-change: opacity;}.modal-enter {animation: fadeIn var(--animation-base) var(--ease-out), scaleIn var(--animation-base) var(--ease-out);will-change: transform, opacity;}.modal-exit {animation: fadeIn var(--animation-base) var(--ease-in) reverse, scaleIn var(--animation-base) var(--ease-in) reverse;will-change: transform, opacity;}.toast-enter {animation: slideInRight var(--animation-base) var(--ease-out);will-change: transform, opacity;}.toast-exit {animation: slideInRight var(--animation-base) var(--ease-in) reverse;will-change: transform, opacity;}.scroll-fade-in {opacity: 0;transform: translate3d(0, 30px, 0);transition: opacity var(--animation-slow) var(--ease-out),transform var(--animation-slow) var(--ease-out);will-change: transform, opacity;}.scroll-fade-in.is-visible {opacity: 1;transform: translate3d(0, 0, 0);will-change: auto;}@media (prefers-reduced-motion: no-preference) {.will-change-transform {will-change: transform;}.will-change-opacity {will-change: opacity;}.will-change-transform-opacity {will-change: transform, opacity;}}.animation-complete,.element-idle {will-change: auto;}.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-md);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: translate3d(0, 20px, 0);animation: fadeInUp var(--animation-slow) var(--ease-out) forwards;will-change: transform, opacity;}.content-container .auth-page {flex: 0 0 auto;}@keyframes fadeInUp {from {opacity: 0;transform: translate3d(0, 20px, 0);}to {opacity: 1;transform: translate3d(0, 0, 0);}}.main-content .content-container.is-visible {opacity: 1;transform: translateY(0);}.main-content .content-container:hover {box-shadow: var(--shadow-lg);transform: translate3d(0, -2px, 0);}.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-sm);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);display: flex;align-items: center;gap: var(--spacing-md);flex-wrap: wrap;}.page-header__platform-icon {display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: var(--radius-md);background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));backdrop-filter: blur(10px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15),0 0 0 1px rgba(255, 255, 255, 0.1) inset;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;flex-shrink: 0;}.page-header__platform-icon::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(135deg, rgba(255, 255, 255, 0.2), transparent);opacity: 0;transition: opacity 0.3s ease;}.page-header__platform-icon:hover {transform: translateY(-2px) scale(1.05);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2),0 0 0 1px rgba(255, 255, 255, 0.2) inset;}.page-header__platform-icon:hover::before {opacity: 1;}.page-header__platform-icon i {font-size: 1.15rem;position: relative;z-index: 1;filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));color: inherit !important; }.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);}[data-theme="dark"] .page-header__platform-icon {background: linear-gradient(135deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3),0 0 0 1px rgba(255, 255, 255, 0.05) inset;}[data-theme="dark"] .page-header__platform-icon:hover {box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4),0 0 0 1px rgba(255, 255, 255, 0.1) inset;}[data-theme="dark"] .page-header__platform-icon i {color: inherit !important; }@media (max-width: 768px) {.page-breadcrumb__list {flex-wrap: wrap;gap: var(--spacing-xs);font-size: var(--font-size-xs);}.page-breadcrumb__item {max-width: 100%;flex-shrink: 1;min-width: 0;}.page-breadcrumb__link,.page-breadcrumb__current {display: inline-block;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;word-break: break-word;}.page-breadcrumb__link--home {flex-shrink: 0;min-width: auto;}.page-breadcrumb__separator {margin: 0 var(--spacing-xs);flex-shrink: 0;}.page-header__content {flex-direction: column;align-items: stretch;}.page-header__title {font-size: var(--font-size-2xl);}.page-header__platform-icon {width: 32px;height: 32px;}.page-header__platform-icon i {font-size: 1rem;}.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: translate3d(0, -1px, 0);box-shadow: var(--shadow-md);}.btn:active {transform: translate3d(0, 0, 0);will-change: auto;}.btn:disabled {opacity: 0.6;cursor: not-allowed;transform: none;}.btn-loading {position: relative;pointer-events: none;opacity: 0.7;}.btn-loading i.fa-spinner {animation: spin 1s linear infinite;}@keyframes spin {from {transform: rotate(0deg);}to {transform: rotate(360deg);}}.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: var(--color-danger-dark);}.btn-success {background-color: var(--color-success);color: var(--text-inverse);}.btn-success:hover:not(:disabled) {background-color: var(--color-success-dark);}.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);}.field-error {display: block;margin-top: var(--spacing-xs, 4px);font-size: var(--font-size-sm, 0.875rem);color: var(--color-danger, #ef4444);line-height: 1.4;}.field-error[role="alert"] {animation: fadeIn 0.2s ease-in;}@keyframes fadeIn {from {opacity: 0;transform: translate3d(0, -4px, 0);}to {opacity: 1;transform: translate3d(0, 0, 0);}}.form-group:has(.is-invalid) .field-error {margin-top: var(--spacing-xs, 4px);}.form-control-wrapper:has(.is-invalid) .field-error {margin-top: var(--spacing-xs, 4px);}.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 {}.list-item__thumbnail {flex-shrink: 0;flex-grow: 0;width: 270px;height: 145px;min-width: 270px;min-height: 145px;position: relative; 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 !important;box-sizing: border-box;}.game-list-item__info-badges {display: flex;gap: 4px;margin-top: 4px;flex-wrap: wrap;}.game-list-item__info-badge {display: inline-flex;align-items: center;gap: 4px;padding: 3px 8px;border-radius: 5px;font-size: 11px;font-weight: var(--font-weight-medium);line-height: 1.2;transition: all var(--transition-fast);flex-shrink: 0;height: 20px;box-sizing: border-box;}.game-list-item__info-badge i {font-size: 9px;opacity: 0.9;line-height: 1;display: inline-flex;align-items: center;flex-shrink: 0;}.game-list-item__info-badge > span:not(.game-list-item__info-badge-label) {line-height: 1.2;white-space: nowrap;}.game-list-item__info-badge--buy {background: rgba(59, 130, 246, 0.1);color: #2563eb;border: 1px solid rgba(59, 130, 246, 0.2);}.game-list-item__info-badge--buy i {color: #2563eb;}.game-list-item__info-badge--products {background: rgba(139, 92, 246, 0.1);color: #7c3aed;border: 1px solid rgba(139, 92, 246, 0.2);}.game-list-item__info-badge--products i {color: #7c3aed;}.game-list-item__info-badges--under-image {position: absolute;bottom: 0;left: 0;right: 0;padding: 6px 8px;background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.4), transparent);display: flex;gap: 4px;flex-wrap: wrap;align-items: center;}.game-list-item__info-badges--under-image .game-list-item__info-badge {background: rgba(255, 255, 255, 0.95);color: #1f2937;border: 1px solid rgba(255, 255, 255, 0.3);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);}.game-list-item__info-badges--under-image .game-list-item__info-badge--buy {background: rgba(59, 130, 246, 0.95);color: #ffffff;border-color: rgba(59, 130, 246, 0.3);}.game-list-item__info-badges--under-image .game-list-item__info-badge--buy i {color: #ffffff;}.game-list-item__info-badges--under-image .game-list-item__info-badge--products {background: rgba(139, 92, 246, 0.95);color: #ffffff;border-color: rgba(139, 92, 246, 0.3);}.game-list-item__info-badges--under-image .game-list-item__info-badge--products i {color: #ffffff;}[data-theme="dark"] .game-list-item__info-badge--buy {background: rgba(59, 130, 246, 0.15);color: #93c5fd;border-color: rgba(59, 130, 246, 0.3);}[data-theme="dark"] .game-list-item__info-badge--buy i {color: #93c5fd;}[data-theme="dark"] .game-list-item__info-badge--products {background: rgba(139, 92, 246, 0.15);color: #c4b5fd;border-color: rgba(139, 92, 246, 0.3);}[data-theme="dark"] .game-list-item__info-badge--products i {color: #c4b5fd;}[data-theme="dark"] .game-list-item__info-badges--under-image {background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.6), transparent);}[data-theme="dark"] .game-list-item__info-badges--under-image .game-list-item__info-badge {background: rgba(31, 41, 55, 0.95);color: #e5e7eb;border-color: rgba(255, 255, 255, 0.1);}.company-list-item__info-badges--under-image {position: absolute;bottom: 0;left: 0;right: 0;padding: 6px 8px;background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 50%, transparent 100%);display: flex;gap: 4px;flex-wrap: wrap;align-items: center;z-index: 10;}.company-list-item__info-badge {display: inline-flex;align-items: center;gap: 4px;padding: 3px 8px;border-radius: 5px;font-size: 11px;font-weight: var(--font-weight-medium);line-height: 1.2;transition: all var(--transition-fast);flex-shrink: 0;height: 20px;box-sizing: border-box;}.company-list-item__info-badge i {font-size: 9px;opacity: 0.9;line-height: 1;display: inline-flex;align-items: center;flex-shrink: 0;}.company-list-item__info-badge > span:not(.company-list-item__info-badge-label) {line-height: 1.2;white-space: nowrap;}.company-list-item__info-badges--under-image .company-list-item__info-badge {background: rgba(255, 255, 255, 0.95);color: #374151;border: none;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);}.company-list-item__info-badges--under-image .company-list-item__info-badge--date {background: rgba(255, 255, 255, 0.95);color: #374151;}.company-list-item__info-badges--under-image .company-list-item__info-badge--date i {color: #6b7280;}.company-list-item__info-badges--under-image .company-list-item__info-badge--location {background: rgba(255, 255, 255, 0.95);color: #374151;}.company-list-item__info-badges--under-image .company-list-item__info-badge--location i {color: #6b7280;}.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 !important;}.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;display: block;}.ad-container--dummy {position: relative;z-index: 1;}.ad-content {display: block;width: 100%;visibility: visible;opacity: 1;}.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;}}.left-side-ads-wrapper,.right-side-ads-wrapper {position: relative;width: 100%;}.popup-ads-wrapper {position: relative;width: 100%;}.footer-top-ads {width: 100%;margin-bottom: var(--spacing-md);}.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;}}.list-in-content-ad {display: flex;justify-content: center;align-items: center;width: 100%;padding: var(--spacing-md) 0;}.ad-container--list_in_content_ads {width: 100%;max-width: 728px;margin: 0 auto;}@media (max-width: 768px) {.list-in-content-ad {padding: 8px var(--spacing-sm);}.ad-container--list_in_content_ads {max-width: 100%;margin: 0 auto;}}.detail-middle-ad,.detail-bottom-ad,.code-comment-top-ad {display: flex;justify-content: center;align-items: center;width: 100%;padding: var(--spacing-lg) 0;}.ad-container--detail_middle_ads,.ad-container--detail_bottom_ads {width: 100%;max-width: 728px;margin: 0 auto;}@media (max-width: 768px) {.detail-middle-ad,.detail-bottom-ad,.code-comment-top-ad {padding: 8px var(--spacing-sm);}.ad-container--detail_middle_ads,.ad-container--detail_bottom_ads {max-width: 100%;margin: 0 auto;}}.code-list-in-content-ad {display: flex;justify-content: center;align-items: center;width: 100%;padding: var(--spacing-md) 0;}.ad-container--code_list_in_content_ads {width: 100%;max-width: 200px;margin: 0 auto;}.ad-container--code_detail_in_content_ads,.ad-container--code_comment_top_ads {width: 100%;max-width: 728px;margin: 0 auto;}@media (max-width: 768px) {.code-list-in-content-ad {padding: 8px var(--spacing-sm);}.ad-container--code_list_in_content_ads {max-width: 300px;margin: 0 auto;}.ad-container--code_detail_in_content_ads,.ad-container--code_comment_top_ads {max-width: 100%;margin: 0 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: visible;}.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);overflow: visible;}.search-modal__form {width: 100%;}.search-modal__input-wrapper {display: flex;align-items: center;gap: var(--spacing-sm);position: relative;z-index: 1;}.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;display: flex;justify-content: center;align-items: center;width: 100%;}.game-code-comments-pagination .comment-load-more {margin: 0;display: inline-block;}[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: var(--top-header-bg);border-bottom: 1px solid var(--header-overlay-bg);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: 0; }[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: var(--main-header-bg);border-bottom: 1px solid var(--header-overlay-bg);box-shadow: var(--shadow-md);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-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: var(--radius-lg); border-bottom-right-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: var(--shadow-lg);}.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: none; }.main-header__logo-img--dark {display: block; }[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: var(--header-text-on-dark);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: var(--header-text-white);background-color: var(--header-overlay-bg);}.main-header__nav-link.active {color: var(--header-text-white);background-color: var(--header-overlay-bg);}.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: var(--main-header-bg);border-bottom: 1px solid var(--header-overlay-bg);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: var(--header-text-on-dark);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: var(--header-overlay-bg);}.language-selector__button {display: flex;align-items: center;gap: var(--spacing-xs);padding: var(--spacing-xs) var(--spacing-sm);border: 1px solid var(--header-overlay-border);border-radius: var(--radius-md);background-color: var(--header-overlay-bg);color: var(--header-text-on-dark-hover);font-size: var(--font-size-sm);cursor: pointer;transition: all var(--transition-fast);}.language-selector__button:hover {border-color: var(--header-overlay-border-hover);background-color: var(--header-overlay-bg-hover);}[data-theme="light"] .language-selector__button {border: 1px solid var(--header-overlay-border);background-color: var(--header-overlay-bg);color: var(--header-text-on-dark-hover);}[data-theme="light"] .language-selector__button:hover {border-color: var(--header-overlay-border-hover);background-color: var(--header-overlay-bg-hover);}.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: var(--header-text-on-dark-hover);}[data-theme="light"] .theme-toggle:hover {background-color: var(--header-overlay-bg);color: var(--header-text-white);}.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 var(--header-overlay-border);border-radius: var(--radius-md);background-color: var(--header-overlay-bg);color: var(--header-text-on-dark-hover);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 var(--header-overlay-border);background-color: var(--header-overlay-bg);color: var(--header-text-on-dark-hover);}[data-theme="light"] .user-menu__button:hover {border-color: var(--header-overlay-border-hover);background-color: var(--header-overlay-bg-hover);}.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(var(--color-danger-rgb), 0.1);border-left: 3px solid var(--color-danger);}.user-menu__link--admin {color: var(--color-danger) !important;font-weight: var(--font-weight-bold);display: flex;align-items: center;gap: var(--spacing-sm);}.user-menu__link--admin:hover {color: var(--color-danger-dark) !important;background-color: rgba(var(--color-danger-rgb), 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: var(--header-text-on-dark-hover);}[data-theme="light"] .top-header__login-btn:hover {background-color: var(--header-overlay-bg);color: var(--header-text-white);}.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: var(--header-text-on-dark-hover);}[data-theme="light"] .top-header__search-btn:hover {background-color: var(--header-overlay-bg);color: var(--header-text-white);}.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: inherit;background: inherit;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"]::before {border-color: var(--color-primary) !important;background: var(--color-primary) !important;box-shadow: inset 0 0 0 3px var(--bg-primary);}.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"]::before {border-color: #0078d4 !important;background: #0078d4 !important;box-shadow: inset 0 0 0 3px var(--bg-primary);}.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"]::before {border-color: #107c10 !important;background: #107c10 !important;box-shadow: inset 0 0 0 3px var(--bg-primary);}.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"]::before {border-color: #003087 !important;background: #003087 !important;box-shadow: inset 0 0 0 3px var(--bg-primary);}.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"]::before {border-color: #e60012 !important;background: #e60012 !important;box-shadow: inset 0 0 0 3px var(--bg-primary);}.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"]::before {border-color: #34c759 !important;background: #34c759 !important;box-shadow: inset 0 0 0 3px var(--bg-primary);}.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"]::before {border-color: #4285f4 !important;background: #4285f4 !important;box-shadow: inset 0 0 0 3px var(--bg-primary);}.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__count {display: inline-flex;align-items: center;justify-content: center;min-width: 18px;height: 18px;padding: 0 6px;border-radius: 9px;font-size: 11px;font-weight: 600;line-height: 1;box-shadow: none;border: 1px solid;transition: all 0.2s ease;margin-left: 6px;}.games-platform-filter__count {background: rgba(107, 114, 128, 0.15);color: #6b7280;border-color: rgba(107, 114, 128, 0.2);}.games-platform-filter[data-product-type="dlc"] .games-platform-filter__count {background: rgba(139, 92, 246, 0.12);color: #7c3aed;border-color: rgba(139, 92, 246, 0.25);}.games-platform-filter--active[data-product-type="dlc"] {background: #8b5cf6 !important; border-color: #8b5cf6 !important;color: white !important;}.games-platform-filter--active[data-product-type="dlc"]::before {border-color: #8b5cf6 !important;background: #8b5cf6 !important;box-shadow: inset 0 0 0 3px var(--bg-primary);}.games-platform-filter--active[data-product-type="dlc"] .games-platform-filter__count {background: rgba(255, 255, 255, 0.2);color: white;border-color: rgba(255, 255, 255, 0.3);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}.games-platform-filter[data-product-type="game_currency"] .games-platform-filter__count {background: rgba(245, 158, 11, 0.12);color: #d97706;border-color: rgba(245, 158, 11, 0.25);}.games-platform-filter--active[data-product-type="game_currency"] {background: #f59e0b !important; border-color: #f59e0b !important;color: white !important;}.games-platform-filter--active[data-product-type="game_currency"]::before {border-color: #f59e0b !important;background: #f59e0b !important;box-shadow: inset 0 0 0 3px var(--bg-primary);}.games-platform-filter--active[data-product-type="game_currency"] .games-platform-filter__count {background: rgba(255, 255, 255, 0.2);color: white;border-color: rgba(255, 255, 255, 0.3);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}.games-platform-filter[data-product-type="bundle"] .games-platform-filter__count {background: rgba(16, 185, 129, 0.12);color: #059669;border-color: rgba(16, 185, 129, 0.25);}.games-platform-filter--active[data-product-type="bundle"] {background: #10b981 !important; border-color: #10b981 !important;color: white !important;}.games-platform-filter--active[data-product-type="bundle"]::before {border-color: #10b981 !important;background: #10b981 !important;box-shadow: inset 0 0 0 3px var(--bg-primary);}.games-platform-filter--active[data-product-type="bundle"] .games-platform-filter__count {background: rgba(255, 255, 255, 0.2);color: white;border-color: rgba(255, 255, 255, 0.3);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}.games-platform-filter[data-product-type="season_pass"] .games-platform-filter__count {background: rgba(59, 130, 246, 0.12);color: #2563eb;border-color: rgba(59, 130, 246, 0.25);}.games-platform-filter--active[data-product-type="season_pass"] {background: #3b82f6 !important; border-color: #3b82f6 !important;color: white !important;}.games-platform-filter--active[data-product-type="season_pass"]::before {border-color: #3b82f6 !important;background: #3b82f6 !important;box-shadow: inset 0 0 0 3px var(--bg-primary);}.games-platform-filter--active[data-product-type="season_pass"] .games-platform-filter__count {background: rgba(255, 255, 255, 0.2);color: white;border-color: rgba(255, 255, 255, 0.3);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}.games-platform-filter[data-product-type="gift_card"] .games-platform-filter__count {background: rgba(239, 68, 68, 0.12);color: #dc2626;border-color: rgba(239, 68, 68, 0.25);}.games-platform-filter--active[data-product-type="gift_card"] {background: #ef4444 !important; border-color: #ef4444 !important;color: white !important;}.games-platform-filter--active[data-product-type="gift_card"]::before {border-color: #ef4444 !important;background: #ef4444 !important;box-shadow: inset 0 0 0 3px var(--bg-primary);}.games-platform-filter--active[data-product-type="gift_card"] .games-platform-filter__count {background: rgba(255, 255, 255, 0.2);color: white;border-color: rgba(255, 255, 255, 0.3);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}.games-platform-filter[data-product-type="expansion"] .games-platform-filter__count {background: rgba(236, 72, 153, 0.12);color: #db2777;border-color: rgba(236, 72, 153, 0.25);}.games-platform-filter--active[data-product-type="expansion"] {background: #ec4899 !important; border-color: #ec4899 !important;color: white !important;}.games-platform-filter--active[data-product-type="expansion"]::before {border-color: #ec4899 !important;background: #ec4899 !important;box-shadow: inset 0 0 0 3px var(--bg-primary);}.games-platform-filter--active[data-product-type="expansion"] .games-platform-filter__count {background: rgba(255, 255, 255, 0.2);color: white;border-color: rgba(255, 255, 255, 0.3);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}.games-platform-filter[data-product-type="all"] .games-platform-filter__count {background: rgba(251, 146, 60, 0.12);color: #ea580c;border-color: rgba(251, 146, 60, 0.25);}.games-platform-filter--active[data-product-type="all"] {background: var(--color-primary) !important; border-color: var(--color-primary) !important;color: white !important;}.games-platform-filter--active[data-product-type="all"]::before {border-color: var(--color-primary) !important;background: var(--color-primary) !important;box-shadow: inset 0 0 0 3px var(--bg-primary);}.games-platform-filter--active[data-product-type="all"] .games-platform-filter__count {background: rgba(255, 255, 255, 0.2);color: white;border-color: rgba(255, 255, 255, 0.3);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}[data-theme="dark"] .games-platform-filter__count {background: rgba(156, 163, 175, 0.15);color: #9ca3af;border-color: rgba(156, 163, 175, 0.25);}[data-theme="dark"] .games-platform-filter[data-product-type="dlc"] .games-platform-filter__count {background: rgba(139, 92, 246, 0.2);color: #a78bfa;border-color: rgba(139, 92, 246, 0.35);}[data-theme="dark"] .games-platform-filter--active[data-product-type="dlc"] .games-platform-filter__count {background: rgba(139, 92, 246, 0.3);color: #c4b5fd;border-color: rgba(139, 92, 246, 0.5);}[data-theme="dark"] .games-platform-filter[data-product-type="game_currency"] .games-platform-filter__count {background: rgba(245, 158, 11, 0.2);color: #fbbf24;border-color: rgba(245, 158, 11, 0.35);}[data-theme="dark"] .games-platform-filter--active[data-product-type="game_currency"] .games-platform-filter__count {background: rgba(245, 158, 11, 0.3);color: #fcd34d;border-color: rgba(245, 158, 11, 0.5);}[data-theme="dark"] .games-platform-filter[data-product-type="bundle"] .games-platform-filter__count {background: rgba(16, 185, 129, 0.2);color: #4ade80;border-color: rgba(16, 185, 129, 0.35);}[data-theme="dark"] .games-platform-filter--active[data-product-type="bundle"] .games-platform-filter__count {background: rgba(16, 185, 129, 0.3);color: #86efac;border-color: rgba(16, 185, 129, 0.5);}[data-theme="dark"] .games-platform-filter[data-product-type="season_pass"] .games-platform-filter__count {background: rgba(59, 130, 246, 0.2);color: #60a5fa;border-color: rgba(59, 130, 246, 0.35);}[data-theme="dark"] .games-platform-filter--active[data-product-type="season_pass"] .games-platform-filter__count {background: rgba(59, 130, 246, 0.3);color: #93c5fd;border-color: rgba(59, 130, 246, 0.5);}[data-theme="dark"] .games-platform-filter[data-product-type="gift_card"] .games-platform-filter__count {background: rgba(239, 68, 68, 0.2);color: #f87171;border-color: rgba(239, 68, 68, 0.35);}[data-theme="dark"] .games-platform-filter--active[data-product-type="gift_card"] .games-platform-filter__count {background: rgba(239, 68, 68, 0.3);color: #fca5a5;border-color: rgba(239, 68, 68, 0.5);}[data-theme="dark"] .games-platform-filter[data-product-type="expansion"] .games-platform-filter__count {background: rgba(236, 72, 153, 0.2);color: #f472b6;border-color: rgba(236, 72, 153, 0.35);}[data-theme="dark"] .games-platform-filter--active[data-product-type="expansion"] .games-platform-filter__count {background: rgba(236, 72, 153, 0.3);color: #f9a8d4;border-color: rgba(236, 72, 153, 0.5);}[data-theme="dark"] .games-platform-filter[data-product-type="all"] .games-platform-filter__count {background: rgba(251, 146, 60, 0.2);color: #fdba74;border-color: rgba(251, 146, 60, 0.35);}[data-theme="dark"] .games-platform-filter--active[data-product-type="all"] .games-platform-filter__count {background: rgba(251, 146, 60, 0.3);color: #fdba74;border-color: rgba(251, 146, 60, 0.5);}.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;min-width: 0; text-decoration: none;color: inherit;}.game-list-item__cover {position: relative;flex-shrink: 0;overflow: hidden;border-radius: var(--radius-md);}.game-list-item__image {width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}.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);min-height: 145px;justify-content: space-between;}.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;}.games-page .game-list-item__platform,.search-results-page .game-list-item__platform {cursor: default;pointer-events: none;}.game-detail-page .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;}.platform-browser {background-color: #4285f4;color: #ffffff;}.platform-roblox {background-color: #00a2ff;color: #ffffff;}.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;flex-shrink: 0;}.game-list-item__ratings-bottom {display: flex;flex-direction: row;align-items: baseline;gap: 6px;flex-wrap: wrap;margin-top: auto;padding-top: var(--spacing-xs);flex-shrink: 0;width: 100%;}.game-list-item__ratings-bottom > * {flex-shrink: 0;align-self: baseline;}.game-list-item__ratings-bottom > * {flex-shrink: 0;align-self: center;}.game-list-item__ratings-right {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 6px;flex-shrink: 0;min-width: 70px;max-width: 75px;margin-left: var(--spacing-md);align-self: center;padding: var(--spacing-xs) 0;}.list-item.game-list-item:not(.game-detail-card) .game-list-item__ratings-right {display: none;}.game-list-item__rating-badge {display: inline-flex !important;align-items: center;justify-content: center;gap: 4px;padding: 4px 8px;height: 22px;min-height: 22px;max-height: 22px;min-width: auto;font-size: 11px;font-weight: var(--font-weight-semibold);border-radius: 6px;white-space: nowrap;cursor: help;box-sizing: border-box;text-align: center;line-height: 1;transition: all var(--transition-fast);vertical-align: baseline;margin: 0;flex-shrink: 0;}.game-list-item__rating-badge--igdb {background: #9146ff;color: #ffffff;border: none;}.game-list-item__rating-badge--metacritic {background: #66cc33;color: #ffffff;border: none;}.game-list-item__rating-badge--appstore {background: #000000;color: #ffffff;border: none;}[data-theme="dark"] .game-list-item__rating-badge--appstore {background: #1f2937;color: #ffffff;border: none;}.game-list-item__rating-badge--googleplay {background: #3ddc84;color: #000000;border: none;}.game-list-item__rating-badge--editor {background: #3b82f6;color: #ffffff;border: none;}.game-list-item__rating-badge--editor i {font-size: 9px;line-height: 1;color: #ffffff;}.game-list-item__rating-badge--editor .rating-value {color: #ffffff;}.game-list-item__rating-badge--user {background: #fbbf24;color: #000000;border: none;}.game-list-item__rating-badge--user i {font-size: 9px;line-height: 1;color: #000000;}.game-list-item__rating-badge--user .rating-value {color: #000000;}.game-list-item__rating-badge--codes {background: #10b981;color: #ffffff;border: none;cursor: pointer;display: inline-flex !important;align-items: center;justify-content: center;vertical-align: baseline;height: 22px;min-height: 22px;max-height: 22px;margin: 0;padding: 4px 8px;box-sizing: border-box;flex-shrink: 0;}.game-list-item__rating-badge--codes:hover {background: #059669;transform: translateY(-1px);box-shadow: 0 2px 4px rgba(16, 185, 129, 0.3);}.game-list-item__rating-badge--codes i {font-size: 9px;line-height: 1;color: #ffffff;display: inline-flex;align-items: center;margin: 0;padding: 0;}.game-list-item__rating-badge--codes .rating-value {color: #ffffff;display: inline-flex;align-items: center;margin: 0;padding: 0;line-height: 1;}.game-list-item__rating-badge--reviews {background: #f59e0b;color: #000000;border: none;cursor: pointer;display: inline-flex !important;align-items: center;justify-content: center;vertical-align: baseline;height: 22px;min-height: 22px;max-height: 22px;margin: 0;padding: 4px 8px;box-sizing: border-box;flex-shrink: 0;}.game-list-item__rating-badge--reviews:hover {background: #d97706;transform: translateY(-1px);box-shadow: 0 2px 4px rgba(245, 158, 11, 0.3);text-decoration: none;}.game-list-item__rating-badge--reviews i {font-size: 9px;line-height: 1;color: #000000;}.game-list-item__rating-badge--reviews .rating-value {color: #000000;}.game-list-item__rating-badge--products {background: #fb923c;color: #ffffff;border: none;cursor: help;display: inline-flex !important;align-items: center;justify-content: center;vertical-align: baseline;height: 22px;min-height: 22px;max-height: 22px;margin: 0;padding: 4px 8px;box-sizing: border-box;flex-shrink: 0;gap: 4px;}.game-list-item__rating-badge--products:hover {background: #ea580c;transform: translateY(-1px);box-shadow: 0 2px 4px rgba(251, 146, 60, 0.3);}.game-list-item__rating-badge--products i {font-size: 9px;line-height: 1;color: #ffffff;display: inline-flex;align-items: center;margin: 0;padding: 0;}.game-list-item__rating-badge--products .rating-value {color: #ffffff;display: inline-flex;align-items: center;margin: 0;padding: 0;line-height: 1;font-weight: var(--font-weight-bold);font-size: 11px;}.game-list-item__rating-badge--products .rating-label {color: #ffffff;opacity: 0.9;font-size: 10px;margin-left: 2px;}.rating-label {font-size: 10px;opacity: 0.8;line-height: 1;display: inline-flex;align-items: center;font-weight: var(--font-weight-medium);}.rating-value {font-weight: var(--font-weight-bold);line-height: 1;display: inline-flex;align-items: center;font-size: 11px;}[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--igdb {background: #7c3aed;color: #ffffff;}[data-theme="dark"] .game-list-item__rating-badge--metacritic {background: #4ade80;color: #000000;}[data-theme="dark"] .game-list-item__rating-badge--googleplay {background: #34d399;color: #000000;}[data-theme="dark"] .game-list-item__rating-badge--editor {background: #2563eb;color: #ffffff;}[data-theme="dark"] .game-list-item__rating-badge--editor i,[data-theme="dark"] .game-list-item__rating-badge--editor .rating-value {color: #ffffff;}[data-theme="dark"] .game-list-item__rating-badge--user {background: #fbbf24;color: #000000;}[data-theme="dark"] .game-list-item__rating-badge--user i,[data-theme="dark"] .game-list-item__rating-badge--user .rating-value {color: #000000;}[data-theme="dark"] .game-list-item__rating-badge--codes {background: #059669;color: #ffffff;}[data-theme="dark"] .game-list-item__rating-badge--codes:hover {background: #047857;}[data-theme="dark"] .game-list-item__rating-badge--codes i,[data-theme="dark"] .game-list-item__rating-badge--codes .rating-value {color: #ffffff;}[data-theme="dark"] .game-list-item__rating-badge--reviews {background: #d97706;color: #ffffff;}[data-theme="dark"] .game-list-item__rating-badge--reviews:hover {background: #b45309;}[data-theme="dark"] .game-list-item__rating-badge--reviews i,[data-theme="dark"] .game-list-item__rating-badge--reviews .rating-value {color: #ffffff;}[data-theme="dark"] .game-list-item__rating-badge--products {background: #ea580c;color: #ffffff;}[data-theme="dark"] .game-list-item__rating-badge--products:hover {background: #c2410c;box-shadow: 0 2px 4px rgba(234, 88, 12, 0.4);}[data-theme="dark"] .game-list-item__rating-badge--products i,[data-theme="dark"] .game-list-item__rating-badge--products .rating-value,[data-theme="dark"] .game-list-item__rating-badge--products .rating-label {color: #ffffff;}@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__cover {width: 100% !important;height: auto !important;aspect-ratio: 16 / 9;min-height: 180px;}.game-list-item__image {width: 100% !important;height: 100% !important;min-height: 180px;object-fit: cover;object-position: center;}.game-list-item__ratings-right {flex-direction: row;align-items: flex-start;justify-content: flex-start;margin-left: 0;margin-top: var(--spacing-sm);align-self: flex-start;min-width: auto;max-width: none;width: 100%;flex-wrap: wrap;gap: 6px;}.game-list-item__ratings-bottom {flex-wrap: wrap;gap: 6px;}.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 {}.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-top: var(--spacing-xs);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: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.game-tab--about i {color: #3b82f6; }.game-tab--reviews i {color: #f59e0b; }.game-tab--codes i {color: #22c55e; }.game-tab--buy i {color: #8b5cf6; }.game-tab--products i {color: #fb923c; }.game-tab--developed i {color: #06b6d4; }.game-tab--published i {color: #f59e0b; }.game-tab--subsidiaries i {color: #8b5cf6; }.game-tab--games i {color: #3b82f6; }.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--active.game-tab--about i,.game-tab.active.game-tab--about i {color: #2563eb; }.game-tab--active.game-tab--reviews i,.game-tab.active.game-tab--reviews i {color: #d97706; }.game-tab--active.game-tab--codes i,.game-tab.active.game-tab--codes i {color: #16a34a; }.game-tab--active.game-tab--buy i,.game-tab.active.game-tab--buy i {color: #7c3aed; }.game-tab--active.game-tab--products i,.game-tab.active.game-tab--products i {color: #ea580c; }.game-tab--active.game-tab--developed i,.game-tab.active.game-tab--developed i {color: #0891b2; }.game-tab--active.game-tab--published i,.game-tab.active.game-tab--published i {color: #d97706; }.game-tab--active.game-tab--subsidiaries i,.game-tab.active.game-tab--subsidiaries i {color: #7c3aed; }.game-tab--active.game-tab--games i,.game-tab.active.game-tab--games i {color: #2563eb; }.game-tab__badge {display: inline-flex;align-items: center;justify-content: center;min-width: 18px;height: 18px;padding: 0 6px;border-radius: 9px;background: rgba(107, 114, 128, 0.15);color: #6b7280;font-size: 11px;font-weight: 600;line-height: 1;box-shadow: none;border: 1px solid rgba(107, 114, 128, 0.2);transition: all 0.2s ease;}.game-tab--reviews .game-tab__badge {background: rgba(245, 158, 11, 0.12);color: #d97706;border-color: rgba(245, 158, 11, 0.25);}.game-tab--codes .game-tab__badge {background: rgba(34, 197, 94, 0.12);color: #16a34a;border-color: rgba(34, 197, 94, 0.25);}.game-tab--products .game-tab__badge {background: rgba(251, 146, 60, 0.12);color: #ea580c;border-color: rgba(251, 146, 60, 0.25);}.game-tab--developed .game-tab__badge {background: rgba(6, 182, 212, 0.12);color: #0891b2;border-color: rgba(6, 182, 212, 0.25);}.game-tab--published .game-tab__badge {background: rgba(245, 158, 11, 0.12);color: #d97706;border-color: rgba(245, 158, 11, 0.25);}.game-tab--subsidiaries .game-tab__badge {background: rgba(139, 92, 246, 0.12);color: #7c3aed;border-color: rgba(139, 92, 246, 0.25);}.game-tab--games .game-tab__badge {background: rgba(59, 130, 246, 0.12);color: #2563eb;border-color: rgba(59, 130, 246, 0.25);}.game-tab--active .game-tab__badge,.game-tab.active .game-tab__badge {box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);}.game-tab--active.game-tab--reviews .game-tab__badge,.game-tab.active.game-tab--reviews .game-tab__badge {background: rgba(245, 158, 11, 0.2);color: #b45309;border-color: rgba(245, 158, 11, 0.4);}.game-tab--active.game-tab--codes .game-tab__badge,.game-tab.active.game-tab--codes .game-tab__badge {background: rgba(34, 197, 94, 0.2);color: #15803d;border-color: rgba(34, 197, 94, 0.4);}.game-tab--active.game-tab--products .game-tab__badge,.game-tab.active.game-tab--products .game-tab__badge {background: rgba(251, 146, 60, 0.2);color: #c2410c;border-color: rgba(251, 146, 60, 0.4);}.game-tab--active.game-tab--developed .game-tab__badge,.game-tab.active.game-tab--developed .game-tab__badge {background: rgba(6, 182, 212, 0.2);color: #0e7490;border-color: rgba(6, 182, 212, 0.4);}.game-tab--active.game-tab--published .game-tab__badge,.game-tab.active.game-tab--published .game-tab__badge {background: rgba(245, 158, 11, 0.2);color: #b45309;border-color: rgba(245, 158, 11, 0.4);}.game-tab--active.game-tab--subsidiaries .game-tab__badge,.game-tab.active.game-tab--subsidiaries .game-tab__badge {background: rgba(139, 92, 246, 0.2);color: #6d28d9;border-color: rgba(139, 92, 246, 0.4);}.game-tab--active.game-tab--games .game-tab__badge,.game-tab.active.game-tab--games .game-tab__badge {background: rgba(59, 130, 246, 0.2);color: #1d4ed8;border-color: rgba(59, 130, 246, 0.4);}.game-tab--active.game-tab--developed .game-tab__badge,.game-tab.active.game-tab--developed .game-tab__badge {background: rgba(6, 182, 212, 0.2);color: #0e7490;border-color: rgba(6, 182, 212, 0.4);}.game-tab--active.game-tab--published .game-tab__badge,.game-tab.active.game-tab--published .game-tab__badge {background: rgba(245, 158, 11, 0.2);color: #b45309;border-color: rgba(245, 158, 11, 0.4);}.game-tab--active.game-tab--subsidiaries .game-tab__badge,.game-tab.active.game-tab--subsidiaries .game-tab__badge {background: rgba(139, 92, 246, 0.2);color: #6d28d9;border-color: rgba(139, 92, 246, 0.4);}.game-tab--active.game-tab--games .game-tab__badge,.game-tab.active.game-tab--games .game-tab__badge {background: rgba(59, 130, 246, 0.2);color: #1d4ed8;border-color: rgba(59, 130, 246, 0.4);}[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);}[data-theme="dark"] .game-tab--about i {color: #60a5fa; }[data-theme="dark"] .game-tab--reviews i {color: #fbbf24; }[data-theme="dark"] .game-tab--codes i {color: #4ade80; }[data-theme="dark"] .game-tab--buy i {color: #a78bfa; }[data-theme="dark"] .game-tab--products i {color: #fb923c; }[data-theme="dark"] .game-tab--developed i {color: #22d3ee; }[data-theme="dark"] .game-tab--published i {color: #fbbf24; }[data-theme="dark"] .game-tab--subsidiaries i {color: #a78bfa; }[data-theme="dark"] .game-tab--games i {color: #60a5fa; }[data-theme="dark"] .game-tab--active.game-tab--about i,[data-theme="dark"] .game-tab.active.game-tab--about i {color: #93c5fd; }[data-theme="dark"] .game-tab--active.game-tab--reviews i,[data-theme="dark"] .game-tab.active.game-tab--reviews i {color: #fcd34d; }[data-theme="dark"] .game-tab--active.game-tab--codes i,[data-theme="dark"] .game-tab.active.game-tab--codes i {color: #86efac; }[data-theme="dark"] .game-tab--active.game-tab--buy i,[data-theme="dark"] .game-tab.active.game-tab--buy i {color: #c4b5fd; }[data-theme="dark"] .game-tab--active.game-tab--products i,[data-theme="dark"] .game-tab.active.game-tab--products i {color: #fdba74; }[data-theme="dark"] .game-tab--active.game-tab--developed i,[data-theme="dark"] .game-tab.active.game-tab--developed i {color: #67e8f9; }[data-theme="dark"] .game-tab--active.game-tab--published i,[data-theme="dark"] .game-tab.active.game-tab--published i {color: #fcd34d; }[data-theme="dark"] .game-tab--active.game-tab--subsidiaries i,[data-theme="dark"] .game-tab.active.game-tab--subsidiaries i {color: #c4b5fd; }[data-theme="dark"] .game-tab--active.game-tab--games i,[data-theme="dark"] .game-tab.active.game-tab--games i {color: #93c5fd; }[data-theme="dark"] .game-tab__badge {background: rgba(156, 163, 175, 0.15);color: #9ca3af;border-color: rgba(156, 163, 175, 0.25);}[data-theme="dark"] .game-tab--reviews .game-tab__badge {background: rgba(245, 158, 11, 0.2);color: #fbbf24;border-color: rgba(245, 158, 11, 0.35);}[data-theme="dark"] .game-tab--codes .game-tab__badge {background: rgba(34, 197, 94, 0.2);color: #4ade80;border-color: rgba(34, 197, 94, 0.35);}[data-theme="dark"] .game-tab--products .game-tab__badge {background: rgba(251, 146, 60, 0.2);color: #fdba74;border-color: rgba(251, 146, 60, 0.35);}[data-theme="dark"] .game-tab--developed .game-tab__badge {background: rgba(6, 182, 212, 0.2);color: #22d3ee;border-color: rgba(6, 182, 212, 0.35);}[data-theme="dark"] .game-tab--published .game-tab__badge {background: rgba(245, 158, 11, 0.2);color: #fbbf24;border-color: rgba(245, 158, 11, 0.35);}[data-theme="dark"] .game-tab--subsidiaries .game-tab__badge {background: rgba(139, 92, 246, 0.2);color: #a78bfa;border-color: rgba(139, 92, 246, 0.35);}[data-theme="dark"] .game-tab--games .game-tab__badge {background: rgba(59, 130, 246, 0.2);color: #60a5fa;border-color: rgba(59, 130, 246, 0.35);}[data-theme="dark"] .game-tab--active.game-tab--reviews .game-tab__badge,[data-theme="dark"] .game-tab.active.game-tab--reviews .game-tab__badge {background: rgba(245, 158, 11, 0.3);color: #fcd34d;border-color: rgba(245, 158, 11, 0.5);}[data-theme="dark"] .game-tab--active.game-tab--codes .game-tab__badge,[data-theme="dark"] .game-tab.active.game-tab--codes .game-tab__badge {background: rgba(34, 197, 94, 0.3);color: #86efac;border-color: rgba(34, 197, 94, 0.5);}[data-theme="dark"] .game-tab--active.game-tab--products .game-tab__badge,[data-theme="dark"] .game-tab.active.game-tab--products .game-tab__badge {background: rgba(251, 146, 60, 0.3);color: #fdba74;border-color: rgba(251, 146, 60, 0.5);}[data-theme="dark"] .game-tab--active.game-tab--developed .game-tab__badge,[data-theme="dark"] .game-tab.active.game-tab--developed .game-tab__badge {background: rgba(6, 182, 212, 0.3);color: #67e8f9;border-color: rgba(6, 182, 212, 0.5);}[data-theme="dark"] .game-tab--active.game-tab--published .game-tab__badge,[data-theme="dark"] .game-tab.active.game-tab--published .game-tab__badge {background: rgba(245, 158, 11, 0.3);color: #fcd34d;border-color: rgba(245, 158, 11, 0.5);}[data-theme="dark"] .game-tab--active.game-tab--subsidiaries .game-tab__badge,[data-theme="dark"] .game-tab.active.game-tab--subsidiaries .game-tab__badge {background: rgba(139, 92, 246, 0.3);color: #c4b5fd;border-color: rgba(139, 92, 246, 0.5);}[data-theme="dark"] .game-tab--active.game-tab--games .game-tab__badge,[data-theme="dark"] .game-tab.active.game-tab--games .game-tab__badge {background: rgba(59, 130, 246, 0.3);color: #93c5fd;border-color: rgba(59, 130, 246, 0.5);}.game-detail-card {margin-bottom: var(--spacing-lg);}.game-detail-card .game-list-item__platform,.game-detail-card .game-list-item__platforms-row .game-list-item__platform {cursor: pointer !important;pointer-events: auto !important;position: relative;z-index: 100;}.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: 16px;height: 16px;padding: 0 5px;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%;}}.buy-tab {display: flex;flex-direction: column;gap: var(--spacing-xl);width: 100%;}.buy-tab__product-description {margin-top: var(--spacing-lg);padding-top: var(--spacing-lg);border-top: 1px solid var(--border-color);}.buy-tab__product-description-title {font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--text-primary);margin: 0 0 var(--spacing-md) 0;}.buy-tab__product-description-content {font-size: var(--font-size-base);color: var(--text-secondary);line-height: 1.7;max-width: 800px;}.buy-tab__product-description-content p {margin: 0 0 var(--spacing-md) 0;}.buy-tab__product-description-content p:last-child {margin-bottom: 0;}.buy-tab__product-description-content h3 {font-size: var(--font-size-lg);color: var(--text-primary);margin-top: var(--spacing-lg);margin-bottom: var(--spacing-md);font-weight: var(--font-weight-semibold);}.buy-tab__product-description-content h3:first-child {margin-top: 0;}.buy-tab__product-description-content h4 {font-size: var(--font-size-base);color: var(--text-primary);margin-top: var(--spacing-md);margin-bottom: var(--spacing-sm);font-weight: var(--font-weight-semibold);}.buy-tab__product-description-content ul,.buy-tab__product-description-content ol {margin: var(--spacing-md) 0;padding-left: var(--spacing-lg);color: var(--text-secondary);}.buy-tab__product-description-content li {margin-bottom: var(--spacing-xs);}.buy-tab__product-description-content a {color: var(--color-primary);text-decoration: none;}.buy-tab__product-description-content a:hover {text-decoration: underline;}[data-theme="dark"] .buy-tab__product-description {border-color: var(--border-color);}.buy-tab__prices-list {display: flex;flex-direction: column;gap: var(--spacing-md);}.buy-price-card {display: flex;flex-direction: row;align-items: center;gap: var(--spacing-md);padding: var(--spacing-md);background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius-lg);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}.buy-price-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, var(--color-primary), transparent);opacity: 0;transition: opacity 0.3s ease;}.buy-price-card:hover {transform: translateY(-2px);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);border-color: var(--color-primary);}.buy-price-card:hover::before {opacity: 1;}.buy-price-card--best {background: linear-gradient(135deg, rgba(56, 189, 248, 0.08) 0%, rgba(129, 140, 248, 0.12) 100%);border: 2px solid rgba(56, 189, 248, 0.4);box-shadow: 0 4px 16px rgba(56, 189, 248, 0.15);}.buy-price-card--best::before {opacity: 1;background: linear-gradient(90deg, rgba(56, 189, 248, 0.8), rgba(129, 140, 248, 0.6));}.buy-price-card--best:hover {box-shadow: 0 12px 32px rgba(56, 189, 248, 0.25);transform: translateY(-3px);border-color: rgba(56, 189, 248, 0.6);}.buy-price-card__store {display: flex;align-items: center;gap: var(--spacing-sm);flex: 1;min-width: 0;}.buy-price-card__logo {width: 48px;height: 48px;object-fit: contain;border-radius: var(--radius-md);background: var(--bg-primary);padding: var(--spacing-xs);flex-shrink: 0;border: 1px solid var(--border-color);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);transition: all 0.3s ease;}.buy-price-card:hover .buy-price-card__logo {transform: scale(1.05);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}.buy-price-card__logo-placeholder {width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--bg-tertiary), var(--bg-primary));border-radius: var(--radius-md);color: var(--text-tertiary);font-size: 1.25rem;flex-shrink: 0;border: 1px solid var(--border-color);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);transition: all 0.3s ease;}.buy-price-card:hover .buy-price-card__logo-placeholder {transform: scale(1.05);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}.buy-price-card__store-info {display: flex;flex-direction: column;gap: var(--spacing-xs);flex: 1;min-width: 0;}.buy-price-card__store-name-row {display: flex;align-items: center;gap: var(--spacing-sm);flex-wrap: wrap;}.buy-price-card__store-name {font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--text-primary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;flex: 1;min-width: 0;letter-spacing: 0.01em;}.buy-price-card__country-info {font-size: var(--font-size-xs);color: var(--text-secondary);margin-top: var(--spacing-xs);display: flex;align-items: center;gap: var(--spacing-xs);flex-wrap: wrap;}.buy-price-card__country-info strong {font-weight: var(--font-weight-medium);color: var(--text-primary);}.buy-price-card__badge {display: inline-flex;align-items: center;gap: var(--spacing-xs);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);padding: 2px 8px;border-radius: var(--radius-sm);width: fit-content;}.buy-price-card__badge--best {background: linear-gradient(135deg, rgba(56, 189, 248, 0.2), rgba(129, 140, 248, 0.25));color: #3b82f6;font-weight: var(--font-weight-bold);text-transform: uppercase;font-size: 0.7rem;letter-spacing: 0.8px;padding: 3px 8px;border: 1px solid rgba(56, 189, 248, 0.3);box-shadow: 0 2px 4px rgba(56, 189, 248, 0.15);animation: pulse-glow 2s ease-in-out infinite;}@keyframes pulse-glow {0%, 100% {box-shadow: 0 2px 4px rgba(56, 189, 248, 0.15);}50% {box-shadow: 0 2px 8px rgba(56, 189, 248, 0.3);}}.buy-price-card__price-section {display: flex;flex-direction: column;gap: var(--spacing-xs);align-items: flex-end;flex-shrink: 0;min-width: 110px;}.buy-price-card__price-row {display: flex;align-items: center;gap: var(--spacing-sm);}.buy-price-card__original-price {font-size: var(--font-size-base);color: var(--text-secondary);text-decoration: line-through;}.buy-price-card__discount-badge {display: inline-flex;align-items: center;justify-content: center;font-size: 0.75rem;font-weight: var(--font-weight-bold);color: #fff;background: linear-gradient(135deg, #10b981, #059669);padding: 3px 8px;border-radius: var(--radius-sm);min-width: 45px;box-shadow: 0 2px 6px rgba(16, 185, 129, 0.3);text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);animation: discount-pulse 2s ease-in-out infinite;}@keyframes discount-pulse {0%, 100% {transform: scale(1);box-shadow: 0 2px 6px rgba(16, 185, 129, 0.3);}50% {transform: scale(1.05);box-shadow: 0 3px 10px rgba(16, 185, 129, 0.4);}}.buy-price-card__current-price {font-size: 1.5rem;font-weight: var(--font-weight-bold);color: var(--text-primary);line-height: 1.2;letter-spacing: -0.02em;}.buy-price-card--best .buy-price-card__current-price {background: linear-gradient(135deg, #3b82f6, #6366f1);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.buy-price-card__current-price--no-discount {font-size: 1.5rem;}.buy-price-card__action {flex-shrink: 0;}.buy-price-card__buy-btn {display: flex;align-items: center;justify-content: center;gap: var(--spacing-xs);padding: var(--spacing-sm) var(--spacing-lg);background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color: #fff;border-radius: var(--radius-md);text-decoration: none;font-weight: var(--font-weight-semibold);font-size: var(--font-size-sm);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border: none;cursor: pointer;white-space: nowrap;min-width: 120px;box-shadow: 0 4px 12px rgba(var(--color-primary-rgb, 30, 58, 95), 0.25);position: relative;overflow: hidden;}.buy-price-card__buy-btn::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: left 0.5s ease;}.buy-price-card__buy-btn:hover {background: linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));transform: translateY(-2px) scale(1.02);box-shadow: 0 8px 20px rgba(var(--color-primary-rgb, 30, 58, 95), 0.35);text-decoration: none;color: #fff;}.buy-price-card__buy-btn:hover::before {left: 100%;}.buy-price-card__buy-btn:active {transform: translateY(0) scale(0.98);box-shadow: 0 2px 8px rgba(var(--color-primary-rgb, 30, 58, 95), 0.3);}.buy-price-card--best .buy-price-card__buy-btn {background: linear-gradient(135deg, #3b82f6, #6366f1);box-shadow: 0 4px 16px rgba(59, 130, 246, 0.35);}.buy-price-card--best .buy-price-card__buy-btn:hover {background: linear-gradient(135deg, #2563eb, #4f46e5);box-shadow: 0 8px 24px rgba(59, 130, 246, 0.45);}.buy-price-card__buy-btn i {font-size: 0.9375rem;transition: transform 0.3s ease;}.buy-price-card__buy-btn:hover i {transform: scale(1.1);}.buy-price-card--out-of-stock {opacity: 0.75;position: relative;}.buy-price-card--out-of-stock::after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.05);pointer-events: none;border-radius: var(--radius-lg);}.buy-price-card__out-of-stock {display: flex;align-items: center;justify-content: center;gap: var(--spacing-xs);padding: var(--spacing-sm) var(--spacing-lg);background: linear-gradient(135deg, #ef4444, #dc2626);color: #fff;border-radius: var(--radius-md);font-weight: var(--font-weight-semibold);font-size: var(--font-size-sm);white-space: nowrap;min-width: 120px;box-shadow: 0 4px 12px rgba(239, 68, 68, 0.25);cursor: not-allowed;}.buy-price-card__out-of-stock i {font-size: 0.9375rem;}[data-theme="dark"] .buy-price-card__out-of-stock {background: linear-gradient(135deg, #dc2626, #b91c1c);box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3);}.games-empty {text-align: center;padding: var(--spacing-xl);color: var(--text-secondary);}[data-theme="dark"] .buy-price-card {background: rgba(0, 0, 0, 0.3);border-color: var(--border-color);}[data-theme="dark"] .buy-price-card:hover {background: rgba(0, 0, 0, 0.4);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);}[data-theme="dark"] .buy-price-card--best {background: linear-gradient(135deg, rgba(56, 189, 248, 0.15) 0%, rgba(129, 140, 248, 0.2) 100%);border-color: rgba(56, 189, 248, 0.5);box-shadow: 0 4px 16px rgba(56, 189, 248, 0.2);}[data-theme="dark"] .buy-price-card--best:hover {box-shadow: 0 12px 32px rgba(56, 189, 248, 0.3);}[data-theme="dark"] .buy-price-card__logo {background: rgba(255, 255, 255, 0.05);border-color: rgba(255, 255, 255, 0.1);}[data-theme="dark"] .buy-price-card__logo-placeholder {background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.08));border-color: rgba(255, 255, 255, 0.1);}[data-theme="dark"] .buy-price-card--best .buy-price-card__current-price {background: linear-gradient(135deg, #60a5fa, #818cf8);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}@media (max-width: 768px) {.buy-tab__prices-list {gap: var(--spacing-sm);}.buy-price-card {flex-direction: column;align-items: stretch;padding: var(--spacing-sm);gap: var(--spacing-sm);}.buy-price-card__store {width: 100%;gap: var(--spacing-xs);}.buy-price-card__logo,.buy-price-card__logo-placeholder {width: 40px;height: 40px;}.buy-price-card__logo-placeholder {font-size: 1rem;}.buy-price-card__store-name {font-size: var(--font-size-sm);}.buy-price-card__price-section {align-items: flex-start;width: 100%;padding: var(--spacing-xs) 0;border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);}.buy-price-card__current-price {font-size: 1.25rem;}.buy-price-card__current-price--no-discount {font-size: 1.25rem;}.buy-price-card__action {width: 100%;}.buy-price-card__buy-btn {width: 100%;min-width: auto;padding: var(--spacing-xs) var(--spacing-md);font-size: var(--font-size-xs);}.buy-price-card__buy-btn i {font-size: 0.875rem;}}.products-tab {display: flex;flex-direction: column;gap: var(--spacing-lg);width: 100%;}.products-tab .games-platform-filters {margin-bottom: var(--spacing-md);margin-top: 0;}.products-tab .products-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--spacing-lg);width: 100%;}@media (max-width: 1200px) {.products-tab .products-grid {grid-template-columns: repeat(3, 1fr);}}@media (max-width: 768px) {.products-tab .products-grid {grid-template-columns: repeat(2, 1fr);gap: var(--spacing-md);}}@media (max-width: 480px) {.products-tab .products-grid {grid-template-columns: repeat(2, 1fr);gap: var(--spacing-sm);}}.product-tab-item {display: flex;flex-direction: column;gap: var(--spacing-md);width: 100%;padding: var(--spacing-lg);background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius-lg);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}.product-tab-item:hover {border-color: var(--color-primary);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);transform: translateY(-2px);}.product-tab-item__header {display: flex;gap: var(--spacing-lg);align-items: flex-start;}.product-tab-item__info {flex: 1;display: flex;flex-direction: column;gap: var(--spacing-sm);width: 100%;}.product-tab-item__title-row {display: flex;align-items: center;gap: var(--spacing-md);flex-wrap: wrap;}.product-tab-item__title {font-size: var(--font-size-lg);font-weight: var(--font-weight-semibold);color: var(--text-primary);margin: 0;}.product-tab-item__type {display: inline-flex;align-items: center;gap: var(--spacing-xs);font-size: var(--font-size-sm);color: var(--text-secondary);padding: var(--spacing-xs) var(--spacing-sm);background: var(--bg-primary);border-radius: var(--radius-sm);width: fit-content;}.product-tab-item__short-description {font-size: var(--font-size-base);color: var(--text-secondary);line-height: 1.6;margin: 0;}.product-tab-item__product-description {margin-top: var(--spacing-sm);margin-bottom: var(--spacing-sm);}.product-tab-item__product-description-title {font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--text-primary);margin: 0 0 var(--spacing-sm) 0;}.product-tab-item__product-description-content {font-size: var(--font-size-base);color: var(--text-secondary);line-height: 1.7;max-width: 800px;}.product-tab-item__product-description-content p {margin: 0 0 var(--spacing-md) 0;}.product-tab-item__product-description-content p:last-child {margin-bottom: 0;}.product-tab-item__product-description-content h3 {font-size: var(--font-size-lg);color: var(--text-primary);margin-top: var(--spacing-lg);margin-bottom: var(--spacing-md);font-weight: var(--font-weight-semibold);}.product-tab-item__product-description-content h3:first-child {margin-top: 0;}.product-tab-item__product-description-content h4 {font-size: var(--font-size-base);color: var(--text-primary);margin-top: var(--spacing-md);margin-bottom: var(--spacing-sm);font-weight: var(--font-weight-semibold);}.product-tab-item__product-description-content ul,.product-tab-item__product-description-content ol {margin: var(--spacing-md) 0;padding-left: var(--spacing-lg);color: var(--text-secondary);}.product-tab-item__product-description-content li {margin-bottom: var(--spacing-xs);}.product-tab-item__product-description-content a {color: var(--color-primary);text-decoration: none;}.product-tab-item__product-description-content a:hover {text-decoration: underline;}[data-theme="dark"] .product-tab-item__product-description {border-color: var(--border-color);}.product-tab-item__prices-list {display: flex;flex-direction: column;gap: var(--spacing-md);margin-top: var(--spacing-sm);}.product-price-card {display: flex;flex-direction: row;align-items: center;gap: var(--spacing-md);padding: var(--spacing-md);background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius-lg);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position: relative;overflow: hidden;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}.product-price-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, var(--color-primary), transparent);opacity: 0;transition: opacity 0.3s ease;}.product-price-card:hover {transform: translateY(-2px);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);border-color: var(--color-primary);}.product-price-card:hover::before {opacity: 1;}.product-price-card--best {background: linear-gradient(135deg, rgba(56, 189, 248, 0.08) 0%, rgba(129, 140, 248, 0.12) 100%);border: 2px solid rgba(56, 189, 248, 0.4);box-shadow: 0 4px 16px rgba(56, 189, 248, 0.15);}.product-price-card--best::before {opacity: 1;background: linear-gradient(90deg, rgba(56, 189, 248, 0.8), rgba(129, 140, 248, 0.6));}.product-price-card--best:hover {box-shadow: 0 12px 32px rgba(56, 189, 248, 0.25);transform: translateY(-3px);border-color: rgba(56, 189, 248, 0.6);}.product-price-card__store {display: flex;align-items: center;gap: var(--spacing-sm);flex: 1;min-width: 0;}.product-price-card__logo {width: 48px;height: 48px;object-fit: contain;border-radius: var(--radius-md);background: var(--bg-primary);padding: var(--spacing-xs);flex-shrink: 0;border: 1px solid var(--border-color);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);transition: all 0.3s ease;}.product-price-card:hover .product-price-card__logo {transform: scale(1.05);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}.product-price-card__logo-placeholder {width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, var(--bg-tertiary), var(--bg-primary));border-radius: var(--radius-md);color: var(--text-tertiary);font-size: 1.25rem;flex-shrink: 0;border: 1px solid var(--border-color);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);transition: all 0.3s ease;}.product-price-card:hover .product-price-card__logo-placeholder {transform: scale(1.05);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}.product-price-card__store-info {display: flex;flex-direction: column;gap: var(--spacing-xs);flex: 1;min-width: 0;}.product-price-card__store-name-row {display: flex;align-items: center;gap: var(--spacing-sm);flex-wrap: wrap;}.product-price-card__store-name {font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--text-primary);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;flex: 1;min-width: 0;letter-spacing: 0.01em;}.product-price-card__badge {display: inline-flex;align-items: center;gap: var(--spacing-xs);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);padding: 2px 8px;border-radius: var(--radius-sm);width: fit-content;}.product-price-card__badge--best {background: linear-gradient(135deg, rgba(56, 189, 248, 0.2), rgba(129, 140, 248, 0.25));color: #3b82f6;font-weight: var(--font-weight-bold);text-transform: uppercase;font-size: 0.7rem;letter-spacing: 0.8px;padding: 3px 8px;border: 1px solid rgba(56, 189, 248, 0.3);box-shadow: 0 2px 4px rgba(56, 189, 248, 0.15);animation: pulse-glow 2s ease-in-out infinite;}@keyframes pulse-glow {0%, 100% {box-shadow: 0 2px 4px rgba(56, 189, 248, 0.15);}50% {box-shadow: 0 2px 8px rgba(56, 189, 248, 0.3);}}.product-price-card__price-section {display: flex;flex-direction: column;gap: var(--spacing-xs);align-items: flex-end;flex-shrink: 0;min-width: 110px;}.product-price-card__price-row {display: flex;align-items: center;gap: var(--spacing-sm);}.product-price-card__original-price {font-size: var(--font-size-base);color: var(--text-secondary);text-decoration: line-through;}.product-price-card__discount-badge {display: inline-flex;align-items: center;justify-content: center;font-size: 0.75rem;font-weight: var(--font-weight-bold);color: #fff;background: linear-gradient(135deg, #10b981, #059669);padding: 3px 8px;border-radius: var(--radius-sm);min-width: 45px;box-shadow: 0 2px 6px rgba(16, 185, 129, 0.3);text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);animation: discount-pulse 2s ease-in-out infinite;}@keyframes discount-pulse {0%, 100% {transform: scale(1);box-shadow: 0 2px 6px rgba(16, 185, 129, 0.3);}50% {transform: scale(1.05);box-shadow: 0 3px 10px rgba(16, 185, 129, 0.4);}}.product-price-card__current-price {font-size: 1.5rem;font-weight: var(--font-weight-bold);color: var(--text-primary);line-height: 1.2;letter-spacing: -0.02em;}.product-price-card--best .product-price-card__current-price {background: linear-gradient(135deg, #3b82f6, #6366f1);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}.product-price-card__current-price--no-discount {font-size: 1.5rem;}.product-price-card__action {flex-shrink: 0;}.product-price-card__buy-btn {display: flex;align-items: center;justify-content: center;gap: var(--spacing-xs);padding: var(--spacing-sm) var(--spacing-lg);background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));color: #fff;border-radius: var(--radius-md);text-decoration: none;font-weight: var(--font-weight-semibold);font-size: var(--font-size-sm);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border: none;cursor: pointer;white-space: nowrap;min-width: 120px;box-shadow: 0 4px 12px rgba(var(--color-primary-rgb, 30, 58, 95), 0.25);position: relative;overflow: hidden;}.product-price-card__buy-btn::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition: left 0.5s ease;}.product-price-card__buy-btn:hover {background: linear-gradient(135deg, var(--color-primary-dark), var(--color-primary));transform: translateY(-2px) scale(1.02);box-shadow: 0 8px 20px rgba(var(--color-primary-rgb, 30, 58, 95), 0.35);text-decoration: none;color: #fff;}.product-price-card__buy-btn:hover::before {left: 100%;}.product-price-card__buy-btn:active {transform: translateY(0) scale(0.98);box-shadow: 0 2px 8px rgba(var(--color-primary-rgb, 30, 58, 95), 0.3);}.product-price-card--best .product-price-card__buy-btn {background: linear-gradient(135deg, #3b82f6, #6366f1);box-shadow: 0 4px 16px rgba(59, 130, 246, 0.35);}.product-price-card--best .product-price-card__buy-btn:hover {background: linear-gradient(135deg, #2563eb, #4f46e5);box-shadow: 0 8px 24px rgba(59, 130, 246, 0.45);}.product-price-card__buy-btn i {font-size: 0.9375rem;transition: transform 0.3s ease;}.product-price-card__buy-btn:hover i {transform: scale(1.1);}.games-empty {text-align: center;padding: var(--spacing-xl);color: var(--text-secondary);}[data-theme="dark"] .product-tab-item {background: rgba(0, 0, 0, 0.2);border-color: var(--border-color);}[data-theme="dark"] .product-tab-item:hover {border-color: var(--color-primary);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}[data-theme="dark"] .product-price-card {background: rgba(0, 0, 0, 0.3);border-color: var(--border-color);}[data-theme="dark"] .product-price-card:hover {background: rgba(0, 0, 0, 0.4);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);}[data-theme="dark"] .product-price-card--best {background: linear-gradient(135deg, rgba(56, 189, 248, 0.15) 0%, rgba(129, 140, 248, 0.2) 100%);border-color: rgba(56, 189, 248, 0.5);box-shadow: 0 4px 16px rgba(56, 189, 248, 0.2);}[data-theme="dark"] .product-price-card--best:hover {box-shadow: 0 12px 32px rgba(56, 189, 248, 0.3);}[data-theme="dark"] .product-price-card__logo {background: rgba(255, 255, 255, 0.05);border-color: rgba(255, 255, 255, 0.1);}[data-theme="dark"] .product-price-card__logo-placeholder {background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.08));border-color: rgba(255, 255, 255, 0.1);}[data-theme="dark"] .product-price-card--best .product-price-card__current-price {background: linear-gradient(135deg, #60a5fa, #818cf8);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;}@media (max-width: 768px) {.product-tab-item__header {flex-direction: column;}.product-tab-item__prices-list {gap: var(--spacing-sm);}.product-price-card {flex-direction: column;align-items: stretch;padding: var(--spacing-sm);gap: var(--spacing-sm);}.product-price-card__store {width: 100%;gap: var(--spacing-xs);}.product-price-card__logo,.product-price-card__logo-placeholder {width: 40px;height: 40px;}.product-price-card__logo-placeholder {font-size: 1rem;}.product-price-card__store-name {font-size: var(--font-size-sm);}.product-price-card__price-section {align-items: flex-start;width: 100%;padding: var(--spacing-xs) 0;border-top: 1px solid var(--border-color);border-bottom: 1px solid var(--border-color);}.product-price-card__current-price {font-size: 1.25rem;}.product-price-card__current-price--no-discount {font-size: 1.25rem;}.product-price-card__action {width: 100%;}.product-price-card__buy-btn {width: 100%;min-width: auto;padding: var(--spacing-xs) var(--spacing-md);font-size: var(--font-size-xs);}.product-price-card__buy-btn i {font-size: 0.875rem;}}.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;width: 100%;padding: var(--spacing-md) 0;}.code-list-in-content-ad .ad-container--code_list_in_content_ads {max-width: 200px;width: 100%;margin: 0 auto;}@media (max-width: 768px) {.code-list-in-content-ad {padding: 8px var(--spacing-sm);}.code-list-in-content-ad .ad-container--code_list_in_content_ads {max-width: 300px;margin: 0 auto;}}@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 {padding: 8px var(--spacing-sm);}}.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;}.store-product-stat-badge {transition: all 0.2s ease;}.store-product-stat-badge:hover {}.store-product-stat-badge .rating-label {font-size: 9px;opacity: 0.95;font-weight: var(--font-weight-medium);margin-left: 2px;}.stores-list {width: 100%;margin-top: var(--spacing-lg);}.stores-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: var(--spacing-xl);width: 100%;}.store-card {display: flex;flex-direction: column;align-items: center;gap: var(--spacing-lg);background: var(--bg-primary);border: 1px solid var(--border-color);border-radius: var(--radius-xl);padding: var(--spacing-xl);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);text-decoration: none;color: inherit;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);position: relative;overflow: hidden;}.store-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, var(--color-primary) 0%, transparent 100%);opacity: 0;transition: opacity 0.3s ease;}.store-card:hover {}.store-card:hover::before {}.store-card__logo {width: 120px;height: 120px;border-radius: var(--radius-lg);background: linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);padding: var(--spacing-lg);display: flex;align-items: center;justify-content: center;overflow: hidden;flex-shrink: 0;border: 2px solid var(--border-color);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position: relative;}.store-card:hover .store-card__logo {}.store-card__logo-img {width: 100%;height: 100%;object-fit: contain;border-radius: var(--radius-sm);transition: transform 0.3s ease;}.store-card:hover .store-card__logo-img {}.store-card__logo-placeholder {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 3rem;color: var(--text-tertiary);background: transparent;border-radius: var(--radius-sm);transition: color 0.3s ease;}.store-card:hover .store-card__logo-placeholder {}.store-card__content {display: flex;flex-direction: column;align-items: center;gap: var(--spacing-md);width: 100%;text-align: center;}.store-card__name {font-size: var(--font-size-xl);font-weight: var(--font-weight-bold);color: var(--text-primary);text-align: center;margin: 0;line-height: var(--line-height-tight);transition: color 0.3s ease;}.store-card:hover .store-card__name {}.store-card__description {font-size: var(--font-size-sm);color: var(--text-secondary);text-align: center;margin: 0;line-height: 1.6;display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.store-card__stats {display: flex;align-items: center;justify-content: center;gap: var(--spacing-sm);margin-top: var(--spacing-sm);padding-top: var(--spacing-md);border-top: 1px solid var(--border-color);width: 100%;}.store-card__stat {display: inline-flex;align-items: center;gap: 6px;padding: 8px 14px;background: linear-gradient(135deg, rgba(6, 182, 212, 0.1) 0%, rgba(59, 130, 246, 0.1) 100%);border: 1px solid rgba(6, 182, 212, 0.2);border-radius: var(--radius-md);font-size: var(--font-size-sm);font-weight: var(--font-weight-semibold);color: var(--text-primary);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.store-card:hover .store-card__stat {}.store-card__stat i {color: var(--color-primary);font-size: var(--font-size-base);transition: transform 0.3s ease;}.store-card:hover .store-card__stat i {}.stores-empty {text-align: center;padding: var(--spacing-2xl);color: var(--text-secondary);}.stores-empty__icon {font-size: 3rem;color: var(--text-tertiary);margin-bottom: var(--spacing-md);}.stores-empty__text {margin: 0;font-size: var(--font-size-base);}.store-detail-page {padding: var(--spacing-xs) 0;min-height: 60vh;width: 100%;}.store-detail-page .list-item {margin-bottom: var(--spacing-lg);}.store-detail-page .list-item__thumbnail {width: 200px;height: 200px;border-radius: var(--radius-md);overflow: hidden;background: var(--bg-secondary);display: flex;align-items: center;justify-content: center;}.store-detail-page .list-item__thumbnail img {width: 100%;height: 100%;object-fit: contain;padding: var(--spacing-md);}.store-detail-page .game-list-item__platforms-row {margin-top: 4px;margin-bottom: 4px;}.store-detail-page .store-homepage-link {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: #ffffff;border: none;text-decoration: none;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 2px 8px rgba(102, 126, 234, 0.2);}.store-detail-page .store-homepage-link:hover {}.store-detail-page .store-homepage-link i {color: #ffffff;filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));}[data-theme="dark"] .store-detail-page .store-homepage-link {background: linear-gradient(135deg, #818cf8 0%, #a78bfa 100%);box-shadow: 0 2px 8px rgba(129, 140, 248, 0.3);}[data-theme="dark"] .store-detail-page .store-homepage-link:hover {}.page-header--store {margin-bottom: var(--spacing-lg);}.page-header--store .page-header__title {font-size: var(--font-size-2xl);font-weight: var(--font-weight-bold);color: var(--text-primary);margin: 0;display: flex;align-items: center;gap: var(--spacing-sm);}.page-header__count {font-size: var(--font-size-lg);font-weight: var(--font-weight-normal);color: var(--text-secondary);}.store-category-section {margin-bottom: var(--spacing-2xl);}.store-category-section:last-child {margin-bottom: 0;}.store-category-header {margin-bottom: var(--spacing-lg);padding-bottom: var(--spacing-md);border-bottom: 2px solid var(--border-color);}.store-category-header__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);}.store-category-header__title i {font-size: var(--font-size-lg);}.store-category-header__count {font-size: var(--font-size-base);font-weight: var(--font-weight-normal);color: var(--text-secondary);}.store-category-section .products-grid {margin-bottom: 0;}.games-platform-filter__count {display: inline-flex;align-items: center;justify-content: center;min-width: 20px;height: 20px;padding: 0 6px;font-size: 10px;font-weight: var(--font-weight-bold);background: var(--bg-tertiary);color: var(--text-secondary);border-radius: 10px;margin-left: var(--spacing-xs);}.store-product-item {background: var(--bg-primary);border: 1px solid var(--border-color);border-radius: var(--radius-lg);overflow: hidden;transition: all 0.2s ease;text-decoration: none;color: inherit;display: flex;flex-direction: column;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);}.store-product-item:hover {}.store-product-item__cover {width: 100%;aspect-ratio: 16 / 9;overflow: hidden;background: var(--bg-secondary);position: relative;}.store-product-item__image {width: 100%;height: 100%;object-fit: cover;transition: transform 0.2s ease;}.store-product-item:hover .store-product-item__image {}.store-product-item__placeholder {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 2.5rem;color: var(--text-tertiary);background: var(--bg-tertiary);}.store-product-item__discount-badge {position: absolute;top: var(--spacing-sm);right: var(--spacing-sm);background: var(--color-success);color: white;font-size: var(--font-size-xs);font-weight: var(--font-weight-bold);padding: 4px 8px;border-radius: var(--radius-sm);z-index: 1;}.store-product-item__body {padding: var(--spacing-md);display: flex;flex-direction: column;gap: var(--spacing-sm);flex: 1;}.store-product-item__title {font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--text-primary);margin: 0;line-height: var(--line-height-tight);display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.store-product-item:hover .store-product-item__title {}.store-product-item__game {font-size: var(--font-size-sm);color: var(--text-secondary);margin: 0;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}.store-product-item__meta {display: flex;gap: var(--spacing-sm);flex-wrap: wrap;margin-top: auto;}.store-product-item__type,.store-product-item__platform {display: inline-flex;align-items: center;gap: var(--spacing-xs);font-size: var(--font-size-xs);color: var(--text-tertiary);padding: 2px var(--spacing-xs);background: var(--bg-secondary);border-radius: var(--radius-sm);}.store-product-item__platform i {font-size: 0.75rem;}.store-product-item__price {display: flex;align-items: baseline;gap: var(--spacing-sm);margin-top: var(--spacing-xs);padding-top: var(--spacing-sm);border-top: 1px solid var(--border-color);flex-wrap: wrap;}.store-product-item__price-current {font-size: var(--font-size-lg);font-weight: var(--font-weight-bold);color: var(--color-primary);}.store-product-item__price-original {font-size: var(--font-size-sm);color: var(--text-tertiary);text-decoration: line-through;}[data-theme="dark"] .store-card {background: rgba(255, 255, 255, 0.03);border-color: var(--border-color);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);}[data-theme="dark"] .store-card:hover {background: rgba(255, 255, 255, 0.06);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);}[data-theme="dark"] .store-card__logo {background: linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.02) 100%);border-color: var(--border-color);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);}[data-theme="dark"] .store-card:hover .store-card__logo {}[data-theme="dark"] .store-card__stat {background: linear-gradient(135deg, rgba(6, 182, 212, 0.15) 0%, rgba(59, 130, 246, 0.15) 100%);border-color: rgba(6, 182, 212, 0.3);}[data-theme="dark"] .store-card:hover .store-card__stat {}[data-theme="dark"] .store-product-item {background: rgba(255, 255, 255, 0.02);border-color: var(--border-color);}[data-theme="dark"] .store-product-item:hover {}@media (max-width: 768px) {.stores-grid {grid-template-columns: repeat(2, 1fr) !important;gap: var(--spacing-md);}.store-card {padding: var(--spacing-lg);gap: var(--spacing-md);}.store-card__logo {width: 100px;height: 100px;padding: var(--spacing-md);}.store-card__name {font-size: var(--font-size-lg);}.store-detail-page .list-item__thumbnail {width: 160px;height: 160px;}.store-products-grid {grid-template-columns: 1fr;gap: var(--spacing-md);}}@media (max-width: 480px) {.stores-grid {grid-template-columns: repeat(2, 1fr) !important;gap: var(--spacing-sm);}.store-card {padding: var(--spacing-md);gap: var(--spacing-sm);}.store-card__logo {width: 80px;height: 80px;padding: var(--spacing-sm);}.store-card__name {font-size: var(--font-size-sm);}.store-card__stat {padding: 4px 8px;font-size: var(--font-size-xs);}.store-detail-page .list-item__thumbnail {width: 140px;height: 140px;}}.games-platform-filter--active[data-filter="all"] {background: var(--color-primary) !important;border-color: var(--color-primary) !important;}.games-platform-filter--active[data-filter="all"] .games-platform-filter__icon {color: white !important;}.games-platform-filter--active[data-filter="all"] .games-platform-filter__label {color: white !important;}.games-platform-filter--active[data-filter="game"] {background: #06b6d4 !important;border-color: #06b6d4 !important;}.games-platform-filter--active[data-filter="game"] .games-platform-filter__icon {color: white !important;}.games-platform-filter--active[data-filter="game"] .games-platform-filter__label {color: white !important;}.games-platform-filter--active[data-filter="dlc"] {background: #8b5cf6 !important;border-color: #8b5cf6 !important;}.games-platform-filter--active[data-filter="dlc"] .games-platform-filter__icon {color: white !important;}.games-platform-filter--active[data-filter="dlc"] .games-platform-filter__label {color: white !important;}.games-platform-filter--active[data-filter="game_currency"] {background: #f59e0b !important;border-color: #f59e0b !important;}.games-platform-filter--active[data-filter="game_currency"] .games-platform-filter__icon {color: white !important;}.games-platform-filter--active[data-filter="game_currency"] .games-platform-filter__label {color: white !important;}.games-platform-filter--active[data-filter="bundle"] {background: #10b981 !important;border-color: #10b981 !important;}.games-platform-filter--active[data-filter="bundle"] .games-platform-filter__icon {color: white !important;}.games-platform-filter--active[data-filter="bundle"] .games-platform-filter__label {color: white !important;}.games-platform-filter--active[data-filter="season_pass"] {background: #3b82f6 !important;border-color: #3b82f6 !important;}.games-platform-filter--active[data-filter="season_pass"] .games-platform-filter__icon {color: white !important;}.games-platform-filter--active[data-filter="season_pass"] .games-platform-filter__label {color: white !important;}.games-platform-filter--active[data-filter="gift_card"] {background: #ef4444 !important;border-color: #ef4444 !important;}.games-platform-filter--active[data-filter="gift_card"] .games-platform-filter__icon {color: white !important;}.games-platform-filter--active[data-filter="gift_card"] .games-platform-filter__label {color: white !important;}.games-platform-filter--active[data-filter="expansion"] {background: #ec4899 !important;border-color: #ec4899 !important;}.games-platform-filter--active[data-filter="expansion"] .games-platform-filter__icon {color: white !important;}.games-platform-filter--active[data-filter="expansion"] .games-platform-filter__label {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-filter="all"] {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-filter="all"] .games-platform-filter__label {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-filter="game"] {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-filter="game"] .games-platform-filter__label {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-filter="dlc"] {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-filter="dlc"] .games-platform-filter__label {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-filter="game_currency"] {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-filter="game_currency"] .games-platform-filter__label {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-filter="bundle"] {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-filter="bundle"] .games-platform-filter__label {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-filter="season_pass"] {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-filter="season_pass"] .games-platform-filter__label {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-filter="gift_card"] {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-filter="gift_card"] .games-platform-filter__label {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-filter="expansion"] {color: white !important;}[data-theme="dark"] .games-platform-filter--active[data-filter="expansion"] .games-platform-filter__label {color: white !important;}.products-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--spacing-md);margin-bottom: var(--spacing-xl);}.product-card {display: flex;flex-direction: column;background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius-lg);overflow: hidden;transition: all var(--transition-fast);text-decoration: none;color: inherit;cursor: pointer;}.product-card:hover {}.product-card__cover {position: relative;width: 100%;aspect-ratio: 1 / 1;background: var(--bg-tertiary);overflow: hidden;display: block;text-decoration: none;color: inherit;}.product-card__image {width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-base);}.product-card:hover .product-card__image {}.product-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;}.product-card__badges {position: absolute;top: var(--spacing-sm);left: var(--spacing-sm);right: var(--spacing-sm);display: flex;justify-content: space-between;align-items: flex-start;gap: var(--spacing-xs);z-index: 2;pointer-events: none;}.product-type-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);white-space: nowrap;pointer-events: none;}.product-type-badge i {font-size: 0.75rem;}.product-card:hover .product-type-badge {}.product-platform-badges {display: flex;align-items: center;gap: 4px;flex-wrap: wrap;justify-content: flex-end;pointer-events: none;}.platform-badge {display: flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: var(--radius-sm);font-size: var(--font-size-xs);backdrop-filter: blur(8px);box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);transition: all var(--transition-fast);background: rgba(255, 255, 255, 0.9);color: var(--text-primary);pointer-events: none;}.platform-badge i {font-size: 0.875rem;}.platform-badge--steam {background: rgba(27, 40, 56, 0.9);color: white;}.platform-badge--epic {background: rgba(0, 0, 0, 0.9);color: white;}.platform-badge--gog {background: rgba(255, 255, 255, 0.9);color: #86328c;}.platform-badge--playstation {background: rgba(0, 102, 204, 0.9);color: white;}.platform-badge--xbox {background: rgba(107, 190, 67, 0.9);color: white;}.platform-badge--nintendo {background: rgba(230, 0, 18, 0.9);color: white;}.platform-badge--appstore {background: rgba(0, 0, 0, 0.9);color: white;}.platform-badge--googleplay {background: rgba(0, 188, 212, 0.9);color: white;}.platform-badge--roblox {background: rgba(255, 255, 255, 0.9);color: #00a2ff;}.platform-badge--browser {background: rgba(255, 255, 255, 0.9);color: var(--text-primary);}.platform-badge--pc {background: rgba(0, 0, 0, 0.7);color: white;}.platform-badge--default {background: rgba(255, 255, 255, 0.9);color: var(--text-primary);}.platform-badge--more {background: rgba(0, 0, 0, 0.7);color: white;font-size: 9px;font-weight: var(--font-weight-bold);width: auto;padding: 0 6px;}.product-card:hover .platform-badge {}.product-card__content {padding: var(--spacing-md);display: flex;flex-direction: column;gap: var(--spacing-sm);flex: 1;}.product-card__title {font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--text-primary);margin: 0 0 var(--spacing-xs) 0;line-height: 1.4;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 2.8em;}.product-card__country-badge {display: inline-flex;align-items: center;gap: 4px;padding: 3px 8px;background: rgba(6, 182, 212, 0.1);border: 1px solid rgba(6, 182, 212, 0.2);border-radius: var(--radius-sm);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);color: var(--text-secondary);margin-bottom: var(--spacing-xs);width: fit-content;}.product-card__country-badge i {font-size: 0.7rem;color: #06b6d4;}.product-card__country-badge span {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 150px;}.product-card__footer {margin-top: auto;padding-top: var(--spacing-md);border-top: 1px solid var(--border-color);display: flex;flex-direction: column;gap: var(--spacing-md);}.product-card__price-info {display: flex;flex-direction: column;gap: var(--spacing-xs);padding: var(--spacing-sm);background: linear-gradient(135deg, rgba(6, 182, 212, 0.08) 0%, rgba(59, 130, 246, 0.12) 100%);border: 1px solid rgba(6, 182, 212, 0.2);border-radius: var(--radius-md);position: relative;overflow: hidden;}.product-card__price-info::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 2px;background: linear-gradient(90deg, #06b6d4 0%, #3b82f6 100%);}.product-card__price-badge {display: inline-flex;align-items: center;gap: 6px;padding: 4px 10px;background: rgba(6, 182, 212, 0.15);border-radius: var(--radius-sm);font-size: var(--font-size-xs);font-weight: var(--font-weight-bold);color: #06b6d4;text-transform: uppercase;letter-spacing: 0.5px;width: fit-content;}.product-card__price-badge i {font-size: 0.75rem;}.product-card__price-value-wrapper {display: flex;align-items: baseline;justify-content: center;gap: 2px;}.product-card__price-symbol {font-size: 1.1rem;font-weight: var(--font-weight-semibold);color: var(--text-primary);line-height: 1.2;opacity: 0.9;}.product-card__price-value {font-size: 1.3rem;font-weight: var(--font-weight-bold);color: var(--text-primary);line-height: 1.2;letter-spacing: -0.5px;}.product-card__price-info--discounted {background: linear-gradient(135deg, rgba(239, 68, 68, 0.08) 0%, rgba(251, 146, 60, 0.12) 100%);border-color: rgba(239, 68, 68, 0.25);}.product-card__price-info--discounted::before {background: linear-gradient(90deg, #ef4444 0%, #f59e0b 100%);}.product-card__price-row {display: flex;align-items: center;justify-content: center;gap: var(--spacing-xs);margin-bottom: var(--spacing-xs);flex-wrap: wrap;}.product-card__original-price {font-size: 0.875rem;color: var(--text-tertiary);text-decoration: line-through;opacity: 0.7;font-weight: var(--font-weight-normal);letter-spacing: 0.3px;}.product-card__discount-badge {display: inline-flex;align-items: center;justify-content: center;padding: 3px 8px;background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);color: white;border-radius: var(--radius-sm);font-size: 0.75rem;font-weight: var(--font-weight-bold);box-shadow: 0 2px 4px rgba(239, 68, 68, 0.3);letter-spacing: 0.5px;line-height: 1;min-width: 40px;text-align: center;}.product-card:hover .product-card__discount-badge {}[data-theme="dark"] .product-card__price-info--discounted {background: linear-gradient(135deg, rgba(239, 68, 68, 0.15) 0%, rgba(251, 146, 60, 0.18) 100%);border-color: rgba(239, 68, 68, 0.35);}[data-theme="dark"] .product-card__original-price {color: var(--text-tertiary);opacity: 0.6;}[data-theme="dark"] .product-card__discount-badge {background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);box-shadow: 0 2px 6px rgba(239, 68, 68, 0.4);}.product-card__price-info--no-price {padding: var(--spacing-sm);background: var(--bg-tertiary);border: 1px solid var(--border-color);border-radius: var(--radius-md);}.product-card__price-info--no-price .product-card__price-label {color: var(--text-tertiary);font-size: var(--font-size-xs);text-align: center;}.product-card__price-info--out-of-stock {position: relative;opacity: 0.8;}.product-card__stock-warning {display: flex;align-items: center;justify-content: center;gap: 6px;padding: 6px 10px;background: linear-gradient(135deg, rgba(239, 68, 68, 0.15), rgba(220, 38, 38, 0.2));border: 1px solid rgba(239, 68, 68, 0.3);border-radius: var(--radius-sm);margin-bottom: var(--spacing-xs);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);color: #ef4444;}.product-card__stock-warning i {font-size: 0.75rem;}.product-card__btn--out-of-stock {background: linear-gradient(135deg, #ef4444, #dc2626) !important;color: #fff !important;cursor: not-allowed !important;opacity: 0.7;pointer-events: none;}[data-theme="dark"] .product-card__stock-warning {background: linear-gradient(135deg, rgba(239, 68, 68, 0.2), rgba(220, 38, 38, 0.25));border-color: rgba(239, 68, 68, 0.4);color: #f87171;}.product-card__actions {display: flex;flex-direction: column;gap: var(--spacing-xs);}.product-card__btn {width: 100%;display: flex;align-items: center;justify-content: center;gap: 5px;padding: 8px 12px;border-radius: var(--radius-md);font-size: var(--font-size-xs);font-weight: var(--font-weight-semibold);text-decoration: none;transition: all var(--transition-fast);border: none;cursor: pointer;white-space: nowrap;}.product-card__btn--view {background: var(--bg-tertiary);color: var(--text-primary);border: 1px solid var(--border-color);}.product-card__btn--view:hover {}.product-card__btn--buy {background: var(--color-primary);color: white;}.product-card__btn--buy:hover {background: var(--color-primary) !important; color: white !important; transform: none !important; box-shadow: none !important; }.product-card__btn i {font-size: var(--font-size-xs);}[data-theme="dark"] .product-card {background: rgba(0, 0, 0, 0.3);border-color: var(--border-color);}[data-theme="dark"] .product-card:hover {}[data-theme="dark"] .product-card__placeholder {background: linear-gradient(135deg, var(--bg-tertiary) 0%, var(--bg-secondary) 100%);}[data-theme="dark"] .product-card__footer {border-top-color: var(--border-color);}[data-theme="dark"] .product-card__price-info {background: linear-gradient(135deg, rgba(6, 182, 212, 0.12) 0%, rgba(59, 130, 246, 0.16) 100%);border-color: rgba(6, 182, 212, 0.3);}[data-theme="dark"] .product-card__price-badge {background: rgba(6, 182, 212, 0.2);color: #06b6d4;}[data-theme="dark"] .product-card__price-value {color: var(--text-primary);}[data-theme="dark"] .product-card__price-info--no-price {background: rgba(255, 255, 255, 0.03);border-color: var(--border-color);}[data-theme="dark"] .product-card__btn--view {background: var(--bg-tertiary);border-color: var(--border-color);}[data-theme="dark"] .product-card__btn--view:hover {}@media (max-width: 1200px) {.products-grid {grid-template-columns: repeat(3, 1fr);}}@media (max-width: 768px) {.products-grid {grid-template-columns: repeat(2, 1fr);gap: var(--spacing-md);}.product-card__badges {top: 8px;left: 8px;right: 8px;gap: 4px;}.product-type-badge {padding: 4px 8px;font-size: 10px;}.product-type-badge i {font-size: 9px;}.platform-badge {width: 24px;height: 24px;}.platform-badge i {font-size: 0.75rem;}.platform-badge--more {font-size: 8px;padding: 0 4px;}.product-card__content {padding: var(--spacing-sm);}.product-card__title {font-size: var(--font-size-sm);min-height: 2.4em;margin-bottom: var(--spacing-xs);}.product-card__footer {padding-top: var(--spacing-sm);gap: var(--spacing-sm);}.product-card__price-info {padding: var(--spacing-sm);}.product-card__price-badge {padding: 3px 8px;font-size: 10px;}.product-card__price-badge i {font-size: 0.7rem;}.product-card__price-symbol {font-size: 1rem;}.product-card__price-value {font-size: 1.15rem;}.product-card__btn {padding: 7px 10px;font-size: 11px;}.product-card__price-label {font-size: 9px;}.product-card__price-value {font-size: var(--font-size-base);}.product-card__price-row {gap: 6px;margin-bottom: 6px;}.product-card__original-price {font-size: 0.8rem;}.product-card__discount-badge {padding: 2px 6px;font-size: 0.7rem;min-width: 35px;}.product-card__actions {gap: 6px;}.product-card__btn {padding: 6px 10px;font-size: 10px;}.product-card__btn i {font-size: 10px;}}@media (max-width: 480px) {.products-grid {grid-template-columns: repeat(2, 1fr);gap: var(--spacing-sm);}.product-card__content {padding: var(--spacing-xs) var(--spacing-sm);}.product-card__title {font-size: 11px;min-height: 2.6em;margin-bottom: var(--spacing-xs);}.product-card__footer {padding-top: var(--spacing-xs);gap: 6px;}.product-card__price-label {font-size: 8px;}.product-card__price-value {font-size: var(--font-size-sm);}.product-card__price-row {gap: 4px;margin-bottom: 4px;}.product-card__original-price {font-size: 0.75rem;}.product-card__discount-badge {padding: 2px 5px;font-size: 0.65rem;min-width: 32px;}.product-card__btn {padding: 5px 8px;font-size: 9px;}}.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: 0 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(3, 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: translate3d(0, -2px, 0);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 {}.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: scale3d(1.02, 1.02, 1);transition: transform var(--transition-slow), filter var(--transition-slow);}.featured-card__image-link:hover .featured-card__image {}.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 {}.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) {}[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);display: flex;flex-direction: column;gap: var(--spacing-xs);position: relative;}.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__view-all {position: absolute;top: 0;right: 0;display: inline-flex;align-items: center;gap: var(--spacing-xs);font-size: var(--font-size-sm);font-weight: var(--font-weight-medium);color: var(--color-primary);text-decoration: none;transition: gap var(--transition-fast), color var(--transition-fast);}.home-section__view-all:hover {gap: var(--spacing-sm);color: var(--color-primary-dark);}.home-section__view-all i {font-size: var(--font-size-xs);}.home-section--alt {background: var(--bg-secondary);padding: var(--spacing-xl) 0;border-radius: var(--radius-lg);margin-top: var(--spacing-xl);margin-bottom: var(--spacing-2xl);}.home-section__empty {font-size: var(--font-size-sm);color: var(--text-secondary);text-align: center;padding: var(--spacing-xl);}.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 {}.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: translate3d(4px, 0, 0);}.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: 1024px) {.home-hero__stats-grid {grid-template-columns: repeat(3, minmax(0, 1fr));}}@media (max-width: 768px) {.home-hero__stats-grid {grid-template-columns: repeat(2, minmax(0, 1fr));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;}}.home-stores-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: var(--spacing-lg);}.home-store-card {display: flex;flex-direction: column;align-items: center;gap: var(--spacing-md);padding: var(--spacing-lg);background: var(--bg-secondary);border: 1px solid var(--border-color);border-radius: var(--radius-lg);text-decoration: none;color: inherit;transition: transform var(--transition-fast), box-shadow var(--transition-fast);}.home-store-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-md);}.home-store-card__logo {width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;background: var(--bg-primary);border-radius: var(--radius-md);padding: var(--spacing-sm);flex-shrink: 0;}.home-store-card__logo img {width: 100%;height: 100%;object-fit: contain;}.home-store-card__logo-placeholder {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: var(--text-secondary);font-size: 2rem;}.home-store-card__body {width: 100%;display: flex;flex-direction: column;gap: var(--spacing-xs);text-align: center;}.home-store-card__name {font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--text-primary);margin: 0;}.home-store-card__description {font-size: var(--font-size-sm);color: var(--text-secondary);margin: 0;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.home-store-card__stat {display: inline-flex;align-items: center;gap: var(--spacing-xs);font-size: var(--font-size-xs);color: var(--text-muted);margin-top: var(--spacing-xs);justify-content: center;}.home-store-card__stat i {font-size: var(--font-size-xs);opacity: 0.7;}.home-products-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: var(--spacing-lg);}.home-product-card {display: flex;flex-direction: column;background: var(--bg-primary);border: 1px solid var(--border-color);border-radius: var(--radius-lg);overflow: hidden;text-decoration: none;color: inherit;transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);}.home-product-card:hover {transform: translateY(-4px);box-shadow: var(--shadow-md);}.home-product-card__image {width: 100%;height: 160px;background: var(--bg-secondary);display: flex;align-items: center;justify-content: center;overflow: hidden;position: relative;}.home-product-card__image img {width: 100%;height: 100%;object-fit: cover;}.home-product-card__image-placeholder {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: var(--text-secondary);font-size: 2.5rem;background: var(--bg-tertiary);}.home-product-card__body {padding: var(--spacing-md);display: flex;flex-direction: column;gap: var(--spacing-xs);}.home-product-card__type {display: inline-flex;align-items: center;gap: var(--spacing-xs);font-size: var(--font-size-xs);font-weight: var(--font-weight-medium);color: var(--color-primary);text-transform: uppercase;letter-spacing: 0.05em;}.home-product-card__type i {font-size: var(--font-size-sm);}.home-product-card__name {font-size: var(--font-size-base);font-weight: var(--font-weight-semibold);color: var(--text-primary);margin: 0;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.home-product-card__game,.home-product-card__platform {display: inline-flex;align-items: center;gap: var(--spacing-xs);font-size: var(--font-size-xs);color: var(--text-secondary);}.home-product-card__game i,.home-product-card__platform i {font-size: var(--font-size-xs);opacity: 0.7;}@media (max-width: 1024px) {.home-stores-grid {grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));gap: var(--spacing-md);}.home-products-grid {grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: var(--spacing-md);}.home-section__view-all {position: static;margin-top: var(--spacing-xs);align-self: flex-start;}}@media (max-width: 768px) {.home-stores-grid {grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));gap: var(--spacing-sm);}.home-products-grid {grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));gap: var(--spacing-sm);}.home-store-card {padding: var(--spacing-md);}.home-store-card__logo {width: 60px;height: 60px;}.home-product-card__image {height: 140px;}}@media (max-width: 480px) {.home-stores-grid {grid-template-columns: repeat(2, 1fr);}.home-products-grid {grid-template-columns: repeat(2, 1fr);}.home-section--alt {padding: var(--spacing-lg) var(--spacing-md);}}.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) {}.product-detail-section--description {margin-top: var(--spacing-xl);padding: var(--spacing-lg);background: var(--bg-secondary);border-radius: var(--radius-lg);border: 1px solid var(--border-color);}.product-detail-section__description-title {font-size: 1.25rem;font-weight: var(--font-weight-bold);color: var(--text-primary);margin: 0 0 var(--spacing-md) 0;}.product-detail-section__description {font-size: var(--font-size-base);color: var(--text-primary);line-height: 1.6;}.product-detail-section--games {margin-top: var(--spacing-xl);}.product-detail-section__title {font-size: 1.5rem;font-weight: var(--font-weight-bold);color: var(--text-primary);margin: 0 0 var(--spacing-md) 0;}.product-detail-section__title-count {font-size: 0.875rem;font-weight: normal;color: var(--text-secondary);margin-left: var(--spacing-xs);}.global-product-card {margin-bottom: var(--spacing-xl);padding: var(--spacing-lg);background: var(--bg-secondary);border-radius: var(--radius-lg);border: 1px solid var(--border-color);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);}.global-product-card__content {display: flex;gap: var(--spacing-xl);}.global-product-card__image {flex-shrink: 0;width: 200px;height: 200px;}.global-product-card__img {width: 100%;height: 100%;object-fit: cover;border-radius: var(--border-radius-md);}.global-product-card__placeholder {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: var(--bg-tertiary, rgba(0, 0, 0, 0.1));border-radius: var(--border-radius-md);color: var(--text-secondary);font-size: 3rem;}.global-product-card__info {flex: 1;}.global-product-card__badges {display: flex;gap: var(--spacing-sm);margin-bottom: var(--spacing-md);flex-wrap: wrap;}.global-product-card__badge {display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: 4px 12px;border-radius: var(--border-radius-sm);font-size: 0.875rem;font-weight: 500;}.global-product-card__badge--platform {background: rgba(59, 130, 246, 0.1);color: #2563eb;}.global-product-card__badge--type {background: rgba(139, 92, 246, 0.1);color: #7c3aed;}.global-product-card__title {font-size: 2rem;font-weight: var(--font-weight-bold);color: var(--text-primary);margin: 0 0 var(--spacing-md) 0;}.global-product-card__description {font-size: var(--font-size-base);color: var(--text-secondary);margin: 0 0 var(--spacing-md) 0;line-height: 1.6;}.global-product-card__best-price {display: flex;align-items: center;gap: var(--spacing-sm);font-size: 1.125rem;margin-bottom: var(--spacing-md);}.global-product-card__best-price-label {color: var(--text-secondary);}.global-product-card__best-price-value {font-weight: var(--font-weight-bold);color: var(--text-primary);}.global-product-card__availability {display: flex;align-items: center;gap: var(--spacing-xs);font-size: var(--font-size-base);color: var(--text-secondary);}.global-product-card__availability i {color: var(--primary-color, #3b82f6);font-size: 1rem;}.global-product-card__availability-text {color: var(--text-secondary);}.global-product-card__availability-text strong {color: var(--text-primary);font-weight: var(--font-weight-semibold);}@media (max-width: 768px) {.product-detail-section--description {padding: var(--spacing-md);}.global-product-card {padding: var(--spacing-md);margin-bottom: var(--spacing-lg);overflow-x: hidden;}.global-product-card__content {flex-direction: column;gap: var(--spacing-md);}.global-product-card__image {width: 100%;max-width: 300px;margin: 0 auto;}.global-product-card__info {width: 100%;overflow-wrap: break-word;word-wrap: break-word;}.global-product-card__title {font-size: 1.5rem;word-break: break-word;overflow-wrap: break-word;}.global-product-card__badges {gap: var(--spacing-xs);}.global-product-card__availability {flex-wrap: wrap;}.product-detail-page {overflow-x: hidden;width: 100%;max-width: 100%;}.container {padding-left: var(--spacing-md, 16px);padding-right: var(--spacing-md, 16px);max-width: 100%;overflow-x: hidden;}.buy-tab__prices-list {width: 100%;overflow-x: hidden;}.buy-price-card {max-width: 100%;overflow-x: hidden;}.games-list {width: 100%;overflow-x: hidden;}.list-item {max-width: 100%;overflow-x: hidden;}.game-list-item__link {max-width: 100%;overflow-x: hidden;}}.product-detail-page {overflow-x: hidden;width: 100%;}.container {max-width: 100%;overflow-x: hidden;}