@font-face {font-family: 'Bona Nova SC';src: url('/fonts/Bangers/Bangers-Regular.woff2') format('woff2'), url('/fonts/Bangers/Bangers-Regular.ttf') format('truetype');font-weight: 700;font-style: normal;font-display: swap;}@font-face {font-family: 'Domine';src: url('/fonts/Atma/Atma-Medium.woff2') format('woff2'), url('/fonts/Atma/Atma-Medium.ttf') format('truetype');font-weight: 400;font-style: normal;font-display: swap;}:root {--color-black: #000000;--color-white: #ffffff;--color-accent-1: #cfffe2;--color-accent-2: #a2d5c6;--color-background: #f6f6f6;--color-button-primary: #e94822;--color-button-secondary: #f2910a;--font-title: 'Bona Nova SC', serif;--font-body: 'Domine', serif;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md: 0 3px 6px rgba(0, 0, 0, 0.15);--shadow-lg: 0 6px 12px rgba(0, 0, 0, 0.2);}*, *::before, *::after {box-sizing: border-box;margin: 0;padding: 0;}html {font-size: 16px;scroll-behavior: smooth;background-color: var(--color-background);}body {font-family: var(--font-body);color: var(--color-black);background-image: url('/images/pattern-for-bg.png');background-repeat: repeat;background-size: auto;line-height: 1.6;min-height: 100vh;-webkit-font-smoothing: antialiased;}.m-0 {margin: 0 !important;}.mt-0 {margin-top: 0 !important;}.mb-0 {margin-bottom: 0 !important;}.ml-0 {margin-left: 0 !important;}.mr-0 {margin-right: 0 !important;}.p-0 {padding: 0 !important;}.pt-0 {padding-top: 0 !important;}.pb-0 {padding-bottom: 0 !important;}.pl-0 {padding-left: 0 !important;}.pr-0 {padding-right: 0 !important;}.m-xs {margin: var(--spacing-xs) !important;}.m-sm {margin: var(--spacing-sm) !important;}.m-md {margin: var(--spacing-md) !important;}.m-lg {margin: var(--spacing-lg) !important;}.m-xl {margin: var(--spacing-xl) !important;}.p-xs {padding: var(--spacing-xs) !important;}.p-sm {padding: var(--spacing-sm) !important;}.p-md {padding: var(--spacing-md) !important;}.p-lg {padding: var(--spacing-lg) !important;}.p-xl {padding: var(--spacing-xl) !important;}.flex {display: flex;}.flex-column {flex-direction: column;}.flex-row {flex-direction: row;}.flex-wrap {flex-wrap: wrap;}.justify-center {justify-content: center;}.justify-between {justify-content: space-between;}.align-center {align-items: center;}.align-start {align-items: flex-start;}.align-end {align-items: flex-end;}.gap-sm {gap: var(--spacing-sm);}.gap-md {gap: var(--spacing-md);}.gap-lg {gap: var(--spacing-lg);}.grid {display: grid;}.grid-2 {grid-template-columns: repeat(2, 1fr);}.grid-3 {grid-template-columns: repeat(3, 1fr);}.grid-4 {grid-template-columns: repeat(4, 1fr);}.grid-gap-sm {gap: var(--spacing-sm);}.grid-gap-md {gap: var(--spacing-md);}.text-center {text-align: center;}.text-left {text-align: left;}.text-right {text-align: right;}.text-xs {font-size: 0.75rem;}.text-sm {font-size: 0.875rem;}.text-md {font-size: 1rem;}.text-lg {font-size: 1.25rem;}.text-xl {font-size: 1.5rem;}.font-title {font-family: var(--font-title);}.font-body {font-family: var(--font-body);}.font-bold {font-weight: 700;}.font-regular {font-weight: 400;}.hidden {display: none !important;}.block {display: block !important;}.inline-block {display: inline-block !important;}.inline {display: inline !important;}.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}.w-100 {width: 100%;}.h-100 {height: 100%;}.max-w-screen {max-width: 100vw;}.max-h-screen {max-height: 100vh;}.btn {display: inline-flex;align-items: center;justify-content: center;font-family: var(--font-title);letter-spacing: 0.1rem;font-weight: 700;border-radius: var(--radius-md);cursor: pointer;transition: all 0.3s ease;text-decoration: none;position: relative;overflow: hidden;z-index: 1;}.btn-sm {padding: 0.4rem 0.9rem;font-size: 1rem;border-width: 2px;}.btn-lg {padding: 0.75rem 1.75rem;font-size: 1.5rem;border-width: 3px;}.btn-filled {background-color: var(--color-button-primary);color: var(--color-white);border: solid var(--color-button-primary);}.btn-filled::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: var(--color-button-secondary);transition: left 0.4s ease;z-index: -1;}.btn-filled:hover::before {left: 0;}.btn-filled:hover {color: var(--color-white);background-color: var(--color-button-secondary);border-color: var(--color-button-secondary);}.btn-outlined {background: transparent;color: var(--color-button-primary);border: solid var(--color-button-primary);}.btn-outlined::before {content: '';position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background: var(--color-button-primary);transition: top 0.4s ease;z-index: -1;}.btn-outlined:hover::before {top: 0;}.btn-outlined:hover {color: var(--color-white);border-color: var(--color-button-primary);}.site-header {position: relative;background-color: var(--color-background);box-shadow: var(--shadow-sm);z-index: 10;}.header-inner {display: flex;justify-content: space-between;align-items: center;padding: var(--spacing-xs) var(--spacing-md);max-width: 1280px;margin: 0 auto;position: relative;}.logo-container {flex: 1;display: flex;justify-content: center;}.logo-link img {height: auto;max-height: 58px;width: auto;}.menu-icon {display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 20;color: var(--color-black);}.menu-toggle {display: none;}.main-nav {display: none;}.nav-links {display: flex;gap: var(--spacing-md);list-style: none;}.nav-links a {font-family: var(--font-title);font-weight: 700;text-decoration: none;color: var(--color-black);font-size: 1.2rem;}.burger-panel {position: fixed;top: var(--spacing-sm);right: var(--spacing-sm);background: var(--color-white);box-shadow: var(--shadow-md);padding: var(--spacing-lg);border-radius: var(--radius-lg);display: none;flex-direction: column;gap: var(--spacing-sm);z-index: 15;min-width: 220px;max-width: 80vw;}.burger-links {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: var(--spacing-sm);}.burger-links a {text-decoration: none;font-family: var(--font-body);font-size: 1.5rem;color: var(--color-black);}.close-icon {position: absolute;top: var(--spacing-xs);right: var(--spacing-xs);cursor: pointer;color: var(--color-black);z-index: 99;}@media (min-width: 992px) {.menu-icon {display: none;}.main-nav {display: block;}.logo-container {justify-content: flex-start;}.header-inner {gap: var(--spacing-lg);}}.menu-toggle:checked ~ .burger-panel {display: flex;}.nav-links a, .burger-links a {position: relative;display: inline-block;padding-bottom: 2px;transition: color 0.3s ease;}.nav-links a::after, .burger-links a::after {content: '';position: absolute;bottom: 0;left: 0;width: 0%;height: 2px;background-color: var(--color-button-primary);transition: width 0.3s ease;}.nav-links a:hover::after, .burger-links a:hover::after {width: 100%;}.hero-section {position: relative;height: 100%;max-height: 50vh;background-image: url('/images/hero-bg.webp');background-attachment: fixed;background-size: cover;background-position: center;display: flex;align-items: center;justify-content: center;text-align: center;overflow: hidden;padding: var(--spacing-lg) var(--spacing-md);}.hero-overlay {position: absolute;inset: 0;background-color: rgba(0, 0, 0, 0.75);z-index: 1;}.hero-content {position: relative;z-index: 2;color: var(--color-white);padding: var(--spacing-md);}.hero-title {font-family: var(--font-title);font-size: 2.5rem;margin-bottom: var(--spacing-sm);line-height: 1.2;}.hero-subtitle {font-family: var(--font-body);font-size: 1.25rem;margin-bottom: var(--spacing-md);opacity: 0.95;}@media (min-width: 768px) {.hero-title {font-size: 3.5rem;}.hero-subtitle {font-size: 1.5rem;}}.section {padding: var(--spacing-xl) var(--spacing-md);}.container {max-width: 1200px;margin: 0 auto;}.section-heading {text-align: center;margin-bottom: var(--spacing-lg);font-size: 2rem;}.heading-xl {font-family: var(--font-title);font-size: 2.4rem;margin-bottom: var(--spacing-xs);}.heading-sub {font-family: var(--font-body);font-size: 1.8rem;color: var(--color-black);opacity: 0.85;}.info-grid {display: grid;gap: var(--spacing-lg);grid-template-columns: 1fr;}@media (min-width: 768px) {.info-grid {grid-template-columns: repeat(2, 1fr);}}@media (min-width: 992px) {.info-grid {grid-template-columns: repeat(4, 1fr);}}.info-box {background-color: var(--color-white);padding: var(--spacing-md);border-radius: var(--radius-md);box-shadow: var(--shadow-sm);text-align: left;}.info-box h3 {font-family: var(--font-title);font-size: 1.5rem;margin-bottom: var(--spacing-xs);color: var(--color-black);}.info-box p {font-family: var(--font-body);font-size: 1.2rem;color: var(--color-black);opacity: 0.85;}.game-grid {display: grid;gap: var(--spacing-lg);grid-template-columns: 1fr;}@media (min-width: 600px) {.game-grid {grid-template-columns: repeat(2, 1fr);}}.game-feature .btn {width: 100%;}.game-feature {display: flex;flex-direction: column;gap: var(--spacing-md);background-color: var(--color-white);box-shadow: var(--shadow-sm);border-radius: var(--radius-md);padding: var(--spacing-md);margin-bottom: var(--spacing-lg);}.game-feature img {width: 100%;height: 100%;border-radius: var(--radius-sm);object-fit: cover;}.game-info {font-family: var(--font-body);}.game-title {font-family: var(--font-title);font-size: 1.75rem;margin-bottom: var(--spacing-sm);color: var(--color-black);}.game-description {font-size: 1.1rem;margin-bottom: var(--spacing-sm);opacity: 0.9;}.game-meta strong {color: #000;}.game-meta {list-style: none;padding: 0;margin: 0 0 var(--spacing-sm) 0;font-size: 1.2rem;line-height: 1.5;color: var(--color-black);}.game-meta li {margin-bottom: 0.25rem;}@media (min-width: 768px) {.game-feature {flex-direction: row;align-items: flex-start;}.game-feature img {width: 200px;flex-shrink: 0;}.game-info {padding-left: var(--spacing-lg);}}.top-games-text {font-family: var(--font-body);font-size: 1.4rem;line-height: 1.75;color: var(--color-black);margin: 0 auto;}.top-games-text p {margin-bottom: var(--spacing-md);opacity: 0.95;}.section-contact {position: relative;background-image: url('/images/hero-bg.webp');background-size: cover;background-position: center;background-attachment: fixed;padding: var(--spacing-xl) var(--spacing-md);color: var(--color-white);}.contact-overlay {position: absolute;inset: 0;background-color: rgba(0, 0, 0, 0.85);z-index: 1;}.contact-content {position: relative;z-index: 2;max-width: 800px;margin: 0 auto;}.contact-content .heading-sub {color: var(--color-white);}.contact-form {display: flex;flex-direction: column;gap: var(--spacing-md);margin-top: var(--spacing-lg);}.form-group {display: flex;flex-direction: column;}.form-group label {margin-bottom: var(--spacing-xs);font-weight: 700;color: var(--color-white);font-size: 1.5rem;}.form-group input, .form-group textarea {padding: var(--spacing-sm);font-family: var(--font-body);font-size: 1.5rem;border-radius: var(--radius-sm);border: none;background-color: var(--color-white);color: var(--color-black);}.form-check {display: flex;align-items: center;gap: var(--spacing-sm);font-size: 1.5rem;color: var(--color-white);}.form-check input[type='checkbox'] {width: 1.2rem;height: 1.2rem;}.form-check a {color: var(--color-accent-1);text-decoration: underline;}.contact-form button {align-self: flex-start;}.site-footer {background-color: var(--color-black);color: var(--color-white);padding: var(--spacing-xl) var(--spacing-md) var(--spacing-lg);font-size: 0.95rem;}.footer-inner {display: flex;flex-direction: column;gap: var(--spacing-lg);max-width: 1200px;margin: 0 auto;}.footer-column {display: flex;flex-direction: column;gap: var(--spacing-sm);}.footer-column h3 {font-family: var(--font-title);font-size: 1.6rem;margin-bottom: var(--spacing-xs);color: var(--color-accent-1);}.footer-column ul {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 0.4rem;}.footer-column a {color: var(--color-white);text-decoration: none;font-size: 1.2rem;transition: color 0.2s ease;}.footer-column a:hover {color: var(--color-accent-1);}.footer-logo img {margin-bottom: var(--spacing-sm);object-fit: contain;}.footer-column address {font-style: normal;line-height: 1.4;font-size: 1rem;margin-bottom: var(--spacing-sm);}.footer-bottom {text-align: center;border-top: 1px solid rgba(255, 255, 255, 0.2);margin-top: var(--spacing-lg);padding-top: var(--spacing-sm);font-size: 1rem;opacity: 0.75;}@media (min-width: 768px) {.footer-inner {flex-direction: row;justify-content: space-between;}.footer-column {flex: 1;}.footer-column:not(:last-child) {padding-right: var(--spacing-md);}}.page-banner {padding: var(--spacing-xl) var(--spacing-md) var(--spacing-lg);text-align: center;border-bottom: 1px solid rgba(0, 0, 0, 0.25);}.page-banner-title {font-family: var(--font-title);font-size: 2.5rem;color: var(--color-black);margin-bottom: var(--spacing-sm);}.page-banner-subtitle {font-family: var(--font-body);font-size: 1.25rem;color: var(--color-black);opacity: 0.85;max-width: 800px;margin: 0 auto;}.section-narrative-dynamic {background-color: var(--color-background);padding: var(--spacing-xl) var(--spacing-md);}.narrative-dynamic-wrap {max-width: 960px;margin: 0 auto;display: flex;flex-direction: column;gap: var(--spacing-xl);}.narrative-dynamic-wrap article {font-family: var(--font-body);line-height: 1.7;color: var(--color-black);}.about-intro-block {text-align: left;}.about-intro-title {font-family: var(--font-title);font-size: 2.5rem;margin-bottom: var(--spacing-sm);color: var(--color-black);}.about-intro-text {font-family: var(--font-body);font-size: 1.25rem;opacity: 0.9;}.learn-through-games .learn-grid {display: flex;flex-direction: column;gap: var(--spacing-lg);}.learn-title {font-family: var(--font-title);font-size: 2.25rem;margin-bottom: var(--spacing-sm);color: var(--color-black);}.learn-text p {font-size: 1.125rem;line-height: 1.7;opacity: 0.95;margin-bottom: var(--spacing-sm);}.learn-quote {background-color: var(--color-accent-1);border-left: 4px solid var(--color-accent-2);padding: var(--spacing-md);font-style: italic;font-size: 1.1rem;color: var(--color-black);opacity: 0.85;align-self: flex-start;}.learn-quote blockquote {margin: 0;}@media (min-width: 768px) {.learn-through-games .learn-grid {flex-direction: row;align-items: flex-start;}.learn-text {flex: 2;}.learn-quote {flex: 1;margin-left: var(--spacing-lg);}}.about-history {padding-top: var(--spacing-lg);}.history-title {font-family: var(--font-title);font-size: 2.25rem;margin-bottom: var(--spacing-md);color: var(--color-black);}.history-timeline {border-left: 4px solid var(--color-accent-2);padding-left: var(--spacing-md);display: flex;flex-direction: column;gap: var(--spacing-lg);}.history-entry {display: flex;gap: var(--spacing-md);}.history-year {font-family: var(--font-title);font-weight: 700;font-size: 1.8rem;color: var(--color-button-primary);min-width: 60px;}.history-content h3 {font-family: var(--font-title);font-size: 1.5rem;margin-bottom: var(--spacing-xs);color: var(--color-black);}.history-content p {font-family: var(--font-body);font-size: 1.3rem;opacity: 0.9;}.about-services {padding-top: var(--spacing-lg);}.services-title {font-family: var(--font-title);font-size: 2.25rem;margin-bottom: var(--spacing-md);color: var(--color-black);}.services-list {list-style: none;padding-left: 0;display: flex;flex-direction: column;gap: var(--spacing-md);}.services-list li {font-size: 1.125rem;font-family: var(--font-body);color: var(--color-black);line-height: 1.6;padding-left: 0;}.services-list strong {display: block;font-family: var(--font-title);font-size: 1.2rem;margin-bottom: var(--spacing-xs);color: var(--color-button-primary);}.about-goals {padding-top: var(--spacing-lg);}.goals-title {font-family: var(--font-title);font-size: 2.25rem;margin-bottom: var(--spacing-md);color: var(--color-black);}.goals-list {padding-left: 1rem;display: flex;flex-direction: column;gap: var(--spacing-lg);}.goals-list li {font-family: var(--font-body);font-size: 1.4rem;color: var(--color-black);line-height: 1.6;}.goals-list h3 {font-family: var(--font-title);font-size: 1.25rem;margin-bottom: var(--spacing-xs);color: var(--color-button-primary);}.about-mission {text-align: center;border-top: 2px solid var(--color-accent-2);padding-top: var(--spacing-lg);margin-top: var(--spacing-lg);}.mission-title {font-family: var(--font-title);font-size: 2.5rem;margin-bottom: var(--spacing-md);color: var(--color-black);}.mission-text {font-family: var(--font-body);font-size: 1.25rem;line-height: 1.8;max-width: 800px;margin: 0 auto;opacity: 0.95;}.game-page-content {padding: var(--spacing-xl) var(--spacing-md);background-color: var(--color-background);}.game-page-content .section-heading {text-align: center;margin-bottom: var(--spacing-lg);}.game-page-content .section-heading h2, .game-page-content .section-heading h3 {font-family: var(--font-title);}.game-page-content .section-heading .heading-xl {font-size: 2.5rem;}.game-page-content .section-heading .heading-lg {font-size: 2rem;}.game-page-content .section-heading .heading-sub {font-size: 1.25rem;color: var(--color-black);opacity: 0.8;margin-top: var(--spacing-sm);}.game-mechanics, .winning-strategies, .game-story {margin-bottom: var(--spacing-lg);}.game-mechanics ul, .winning-strategies ul {list-style: disc;margin-left: 2rem;}.game-mechanics li, .winning-strategies li {font-size: 1.1rem;margin-bottom: 0.5rem;}.game-story p {font-size: 1.15rem;line-height: 1.8;opacity: 0.9;}.game-title {font-family: var(--font-title);font-size: 2.25rem;margin-bottom: var(--spacing-sm);}.game-description {font-family: var(--font-body);font-size: 1.15rem;opacity: 0.85;}.game-meta {list-style: none;padding: 0;margin: 0 0 var(--spacing-sm) 0;font-size: 1rem;line-height: 1.5;color: var(--color-black);}.game-meta li {margin-bottom: 0.25rem;}.legal-page {font-family: 'Domine', serif;color: var(--color-black);background-color: var(--color-background);padding: var(--spacing-lg) var(--spacing-md);}.legal-page h1, .legal-page h2, .legal-page h3 {color: var(--color-black);}.legal-page h1 {font-size: 2.5rem;font-weight: 700;margin-bottom: var(--spacing-md);}.legal-page h2 {font-size: 2rem;font-weight: 700;margin-bottom: var(--spacing-sm);}.legal-page h3 {font-size: 1.5rem;font-weight: 600;margin-bottom: var(--spacing-sm);}.legal-page p {font-size: 1rem;line-height: 1.6;margin-bottom: var(--spacing-md);}.legal-page ul, .legal-page ol {margin-left: 2rem;margin-bottom: var(--spacing-lg);}.legal-page ul li, .legal-page ol li {font-size: 1rem;line-height: 1.5;margin-bottom: var(--spacing-sm);}.legal-page a {color: var(--color-link);text-decoration: none;}.legal-page a:hover {color: var(--color-link-hover);text-decoration: underline;}.legal-page a:focus {outline: 2px solid var(--color-link-hover);outline-offset: 2px;}.legal-page strong {font-weight: 700;color: var(--color-black);}.legal-page blockquote {font-style: italic;margin: var(--spacing-lg) 0;padding-left: var(--spacing-md);border-left: 4px solid var(--color-accent-1);font-size: 1.125rem;color: var(--color-black);line-height: 1.6;}.legal-page .legal-footer {font-size: 0.875rem;color: #555;text-align: center;padding-top: var(--spacing-md);padding-bottom: var(--spacing-md);border-top: 1px solid var(--color-accent-2);background-color: var(--color-background);}.legal-page .legal-disclaimer {font-size: 0.875rem;color: #555;margin-top: var(--spacing-lg);text-align: center;padding: var(--spacing-sm);border-top: 1px solid var(--color-accent-1);background-color: #f9f9f9;font-style: italic;}.legal-page .important-legal-notice {background-color: var(--color-accent-2);padding: var(--spacing-md);border-left: 5px solid var(--color-button-primary);font-style: italic;margin-bottom: var(--spacing-lg);}.legal-page section {margin-bottom: var(--spacing-xl);}.legal-page table {width: 100%;border-collapse: collapse;margin-top: var(--spacing-lg);margin-bottom: var(--spacing-lg);}.legal-page table th, .legal-page table td {padding: 0.75rem;text-align: left;border: 1px solid #ddd;font-size: 1rem;}.legal-page table th {background-color: var(--color-accent-1);font-weight: 700;}.legal-page table td {background-color: var(--color-white);}