*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}:root{--color-primary:#1e3a8a;--color-primary-light:#3b82f6;--color-primary-dark:#1e293b;--color-secondary:#0ea5e9;--color-accent:#10b981;--color-accent-warning:#f59e0b;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-light:#9ca3af;--color-background:#fff;--color-background-alt:#f9fafb;--color-border:#e5e7eb;--color-shadow:rgba(0,0,0,.1);--font-family-base:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;--font-family-heading:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Helvetica Neue',sans-serif;--font-size-xs:.75rem;--font-size-sm:.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-size-5xl:3rem;--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;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 var(--color-shadow);--shadow-md:0 4px 6px -1px var(--color-shadow);--shadow-lg:0 10px 15px -3px var(--color-shadow);--shadow-xl:0 20px 25px -5px var(--color-shadow);--container-max-width:1200px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh;display:flex;flex-direction:column}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(--color-primary-dark);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary-light);text-decoration:none;transition:color .2s ease;display:inline-flex;align-items:center;min-height:44px;padding:var(--spacing-sm)}a:hover{color:var(--color-secondary);text-decoration:underline}a:focus{outline:2px solid var(--color-primary-light);outline-offset:2px}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}@media (min-width:768px){.container{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}@media (min-width:1024px){.container{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}}.platform-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}@media (min-width:768px){.platform-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2xl);margin-top:var(--spacing-xl)}:root{--font-size-3xl:2.25rem;--font-size-4xl:2.5rem}}@media (min-width:1024px){.platform-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2xl)}:root{--font-size-3xl:2.5rem;--font-size-4xl:3rem;--font-size-5xl:3.5rem}}.header{text-align:center;padding:var(--spacing-xl) 0;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-alt) 100%)}.logo{max-width:120px;height:auto;margin-bottom:var(--spacing-md);display:block;margin-left:auto;margin-right:auto}.company-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.tagline{font-size:var(--font-size-base);color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}@media (max-width:374px){.logo{max-width:100px}.company-name{font-size:var(--font-size-xl)}.tagline{font-size:var(--font-size-sm)}}@media (min-width:768px){.logo{max-width:200px}.header{padding:var(--spacing-3xl) 0}.company-name{font-size:var(--font-size-3xl)}.tagline{font-size:var(--font-size-lg)}}@media (min-width:1024px){.logo{max-width:250px}}.main-content{flex:1;padding:var(--spacing-xl) 0}.section-title{text-align:center;font-size:var(--font-size-2xl);color:var(--color-primary-dark);margin-bottom:var(--spacing-lg)}@media (min-width:768px){.main-content{padding:var(--spacing-2xl) 0}.section-title{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xl)}}.platform-card{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;height:100%}.platform-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.platform-status{display:inline-block;background-color:var(--color-accent-warning);color:var(--color-background);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);align-self:flex-start}.platform-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--spacing-sm)}.platform-url{font-size:var(--font-size-sm);color:var(--color-secondary);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-md);display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding:var(--spacing-sm) var(--spacing-md)}.platform-url:hover{color:var(--color-primary-light)}.platform-description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:0;flex-grow:1}@media (min-width:768px){.platform-card{padding:var(--spacing-xl)}.platform-status{padding:var(--spacing-xs) var(--spacing-md);margin-bottom:var(--spacing-lg)}.platform-name{font-size:var(--font-size-2xl)}.platform-url{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.platform-description{font-size:var(--font-size-base)}}.footer{text-align:center;padding:var(--spacing-xl) 0;margin-top:var(--spacing-2xl);background-color:var(--color-background-alt);border-top:1px solid var(--color-border)}.footer p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.footer p:last-child{margin-bottom:0}.domain{font-weight:var(--font-weight-medium);color:var(--color-primary)}@media (min-width:768px){.footer{padding:var(--spacing-2xl) 0;margin-top:var(--spacing-3xl)}}.text-center{text-align:center}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.skip-to-main{position:absolute;left:-9999px;z-index:999;padding:var(--spacing-md);background-color:var(--color-primary);color:var(--color-background);text-decoration:none}.skip-to-main:focus{left:50%;transform:translateX(-50%);top:var(--spacing-md)}:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.about{padding:var(--spacing-2xl) 0;background-color:var(--color-background-alt)}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-content p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.about-content p:last-child{margin-bottom:0}@media (min-width:768px){.about{padding:var(--spacing-3xl) 0}.about-content p{font-size:var(--font-size-lg)}}.platform-card-coming-soon{background:linear-gradient(135deg,var(--color-background-alt) 0%,var(--color-background) 100%);border:2px dashed var(--color-border)}.platform-card-coming-soon:hover{transform:translateY(-2px);border-color:var(--color-primary-light)}.platform-status-highlight{background-color:var(--color-accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.8}}.platforms{padding:var(--spacing-2xl) 0}@media (min-width:768px){.platforms{padding:var(--spacing-3xl) 0}}

.contact{padding:var(--spacing-2xl) 0;background-color:var(--color-background);border-top:1px solid var(--color-border)}.contact-content{max-width:600px;margin:0 auto;text-align:center}.contact-content p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.contact-email{margin-top:var(--spacing-lg)}.contact-email a{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);transition:all .2s ease}.contact-email a:hover{color:var(--color-primary-light);background-color:var(--color-background-alt);text-decoration:none}.contact-email a:focus{outline:2px solid var(--color-primary-light);outline-offset:2px}@media (min-width:768px){.contact{padding:var(--spacing-3xl) 0}.contact-content p{font-size:var(--font-size-lg)}.contact-email a{font-size:var(--font-size-2xl)}}

.games{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg,var(--color-background-alt) 0%,var(--color-background) 100%)}.games-intro{text-align:center;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);max-width:700px;margin:0 auto var(--spacing-xl) auto}.games-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.game-card{background-color:var(--color-background);border:2px solid var(--color-primary-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;text-align:center}.game-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-secondary)}.game-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary-dark);margin-bottom:var(--spacing-md)}.game-link{display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-background);background-color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);text-decoration:none;margin:0 auto var(--spacing-md) auto;min-height:44px;min-width:120px;transition:background-color .2s ease,transform .2s ease}.game-link:hover{background-color:var(--color-secondary);transform:scale(1.05);text-decoration:none}.game-link:focus{outline:2px solid var(--color-primary-light);outline-offset:2px}.game-description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);margin-bottom:0}@media (min-width:768px){.games{padding:var(--spacing-3xl) 0}.games-intro{font-size:var(--font-size-lg)}.games-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-2xl)}.game-card{padding:var(--spacing-xl)}.game-name{font-size:var(--font-size-2xl)}.game-link{font-size:var(--font-size-lg)}.game-description{font-size:var(--font-size-base)}}

.beta-signup{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);font-style:italic;color:var(--color-text-secondary)}.beta-signup a{color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:underline;font-style:normal}.beta-signup a:hover{color:var(--color-secondary)}


/* Footer Links */
.footer-links {
  margin: 0.5rem 0;
}

.footer-links a {
  color: var(--color-primary-light);
  text-decoration: none;
  transition: color 0.2s;
}

.footer-links a:hover {
  color: var(--color-secondary);
  text-decoration: underline;
}