@import"https://fonts.googleapis.com/css2?family=Righteous&display=swap";.site-header{background-color:var(--color-pastel-cream);border-bottom:2px solid var(--color-gold);position:sticky;top:0;z-index:100;height:var(--header-height)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.logo-link{display:flex;align-items:center}.logo{height:48px;width:auto}.site-header nav{display:flex;align-items:center}.nav-list{display:flex;list-style:none;gap:var(--space-xl)}.nav-link{font-family:var(--font-family);font-size:1.125rem;color:var(--color-dark-teal);padding:var(--space-xs) var(--space-sm);border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}.nav-link:hover{color:var(--color-gold);border-bottom-color:var(--color-gold)}.nav-link.active{color:var(--color-brown);border-bottom-color:var(--color-brown)}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-sm)}.menu-icon{display:block;width:24px;height:2px;background-color:var(--color-dark-teal);position:relative}.menu-icon:before,.menu-icon:after{content:"";display:block;width:24px;height:2px;background-color:var(--color-dark-teal);position:absolute}.menu-icon:before{top:-7px}.menu-icon:after{top:7px}@media(max-width:640px){.menu-toggle{display:block}.nav-list{display:none;position:absolute;top:var(--header-height);left:0;right:0;background-color:var(--color-pastel-cream);flex-direction:column;padding:var(--space-lg);gap:var(--space-md);border-bottom:2px solid var(--color-gold)}.nav-list.open{display:flex}}.site-footer{background-color:var(--color-dark-teal);color:var(--color-pastel-cream);padding:var(--space-xl) 0;margin-top:auto}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md)}.copyright{font-size:var(--font-size-small);opacity:.9}.footer-nav{display:flex;gap:var(--space-lg)}.footer-nav a{color:var(--color-pastel-cream);font-size:var(--font-size-small);opacity:.9;transition:opacity .2s ease}.footer-nav a:hover{opacity:1;color:var(--color-gold)}@media(max-width:640px){.footer-inner{flex-direction:column;text-align:center}}.hero{background-color:var(--color-lavender-bg);background-image:url(/images/hero_background.png);background-size:cover;background-position:center;background-repeat:no-repeat;image-rendering:pixelated;padding:var(--space-3xl) 0;text-align:center;border-bottom:2px solid var(--color-gold-30)}.hero-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.hero-logo{width:550px;max-width:90vw;height:auto}.hero-heading{font-family:var(--font-family);font-size:var(--font-size-hero);color:var(--color-white);-webkit-text-stroke:2px var(--color-dark-teal);paint-order:stroke fill;max-width:700px}.hero-subheading{font-size:1.35rem;color:var(--color-white);text-shadow:-2px -2px 0 var(--color-dark-teal),2px -2px 0 var(--color-dark-teal),-2px 2px 0 var(--color-dark-teal),2px 2px 0 var(--color-dark-teal),0 -2px 0 var(--color-dark-teal),0 2px 0 var(--color-dark-teal),-2px 0 0 var(--color-dark-teal),2px 0 0 var(--color-dark-teal);max-width:550px;line-height:var(--line-height-body)}.hero-actions{margin-top:var(--space-md);display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}@media(max-width:640px){.hero{padding:var(--space-2xl) 0}.hero-logo{width:400px;max-width:90vw}.hero-heading{font-size:var(--font-size-h1)}}.feature-card{background-color:var(--color-white);border:var(--border-card);border-radius:var(--radius-card);padding:var(--space-2xl) var(--space-xl);box-shadow:var(--shadow-card);transition:box-shadow .2s ease,transform .2s ease;text-align:center}.feature-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.card-image{display:block;width:80px;height:80px;object-fit:contain;margin:0 auto var(--space-md);image-rendering:pixelated}.card-icon{display:block;font-size:2.5rem;margin-bottom:var(--space-md)}.card-title{font-family:var(--font-family);font-size:var(--font-size-h2);color:var(--color-dark-teal);margin-bottom:var(--space-sm)}.card-body{color:var(--color-dark-teal);font-size:var(--font-size-body);line-height:var(--line-height-body);opacity:.85}.carousel{max-width:800px;margin:0 auto}.carousel-viewport{position:relative;display:flex;align-items:center;gap:var(--space-sm)}.carousel-image-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;border:var(--border-card);border-radius:var(--radius-small);overflow:hidden;background-color:var(--color-dark-teal);box-shadow:var(--shadow-card)}.carousel-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease}.carousel-image.active{opacity:1}.carousel-btn{flex-shrink:0;width:44px;height:44px;border:2px solid var(--color-gold);border-radius:50%;background-color:var(--color-white);color:var(--color-dark-teal);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:var(--shadow-card)}.carousel-btn:hover{background-color:var(--color-brown);color:var(--color-pastel-cream);border-color:var(--color-brown)}.carousel-btn:active{background-color:var(--color-coral);border-color:var(--color-coral)}.carousel-dots{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-md)}.carousel-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--color-gold);background-color:var(--color-white);cursor:pointer;transition:background-color .2s ease;padding:0}.carousel-dot.active{background-color:var(--color-gold)}.carousel-dot:hover{background-color:var(--color-gold-30)}.carousel-dot.active:hover{background-color:var(--color-gold)}@media(max-width:600px){.carousel-btn{width:36px;height:36px}.carousel-btn svg{width:18px;height:18px}}.features{padding:var(--space-3xl) 0;background-color:var(--color-white)}.section-title{font-family:var(--font-family);font-size:var(--font-size-h1);color:var(--color-dark-teal);text-align:center;margin-bottom:var(--space-2xl)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.screenshots{padding:var(--space-3xl) 0}@media(max-width:900px){.features-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}.news-page{padding:var(--space-3xl) 0}.news-page h1{font-family:var(--font-family);text-align:center;margin-bottom:var(--space-2xl)}.placeholder-card{background-color:var(--color-white);border:var(--border-card);border-radius:var(--radius-card);padding:var(--space-3xl);text-align:center;max-width:500px;margin:0 auto;box-shadow:var(--shadow-card)}.placeholder-icon{font-size:3rem;display:block;margin-bottom:var(--space-md)}.placeholder-card p{margin-bottom:var(--space-xl);opacity:.85;line-height:var(--line-height-body)}.news-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-2xl)}.news-entry{background-color:var(--color-white);border:var(--border-card);border-radius:var(--radius-card);padding:var(--space-2xl) var(--space-3xl);box-shadow:var(--shadow-card)}.news-date{display:block;font-size:var(--font-size-small);color:var(--color-gold);font-weight:700;margin-bottom:var(--space-xs)}.news-entry h2{font-family:var(--font-family);margin-bottom:var(--space-md)}.news-content{line-height:var(--line-height-body)}.news-content p{margin-bottom:var(--space-md)}.news-content p:last-child{margin-bottom:0}.news-content ul,.news-content ol{margin-bottom:var(--space-md);padding-left:var(--space-xl)}.news-content li{margin-bottom:var(--space-xs)}.news-content li:last-child{margin-bottom:0}.news-content h3{font-family:var(--font-family);font-size:1.125rem;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.news-content strong{color:var(--color-dark-teal)}.news-content code{background-color:var(--color-lavender-bg);padding:.125rem .375rem;border-radius:var(--radius-button);font-size:var(--font-size-small)}.news-content blockquote{border-left:3px solid var(--color-gold);padding-left:var(--space-md);margin-bottom:var(--space-md);opacity:.85}.news-content hr{border:none;border-top:1px solid var(--color-gold-30);margin:var(--space-lg) 0}.faq-page{display:flex;align-items:flex-start;justify-content:center;min-height:calc(100vh - var(--header-height) - 100px);padding:var(--space-3xl) var(--space-lg)}.faq-card{background-color:var(--color-white);border:var(--border-card);border-radius:var(--radius-card);padding:var(--space-3xl) var(--space-2xl);max-width:720px;width:100%;box-shadow:var(--shadow-card);text-align:center}.faq-card h1{font-family:var(--font-family);margin-bottom:var(--space-md)}.faq-intro{line-height:var(--line-height-body);margin-bottom:var(--space-xl);opacity:.85}.faq-list{text-align:left;display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.faq-item{background-color:var(--color-lavender-bg);border-radius:var(--radius-small);padding:var(--space-md) var(--space-lg)}.faq-item summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-family:var(--font-family);font-size:var(--font-size-h2);color:var(--color-gold);flex-shrink:0;margin-left:var(--space-md);transition:transform .2s ease}.faq-item[open] summary:after{content:"−"}.faq-item summary h2{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-dark-teal);margin:0}.faq-item p{font-size:var(--font-size-small);line-height:var(--line-height-body);margin-top:var(--space-sm);opacity:.85}.faq-item a{color:var(--color-brown);text-decoration:underline;text-underline-offset:2px}.faq-item a:hover{color:var(--color-gold)}.credits-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height) - 100px);padding:var(--space-3xl) var(--space-lg)}.credits-card{background-color:var(--color-white);border:var(--border-card);border-radius:var(--radius-card);padding:var(--space-3xl) var(--space-2xl);max-width:640px;width:100%;box-shadow:var(--shadow-card);text-align:center}.credits-card h1{font-family:var(--font-family);margin-bottom:var(--space-md)}.credits-intro{line-height:var(--line-height-body);margin-bottom:var(--space-xl);opacity:.85}.credits-list{text-align:left;display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.credit-item{background-color:var(--color-lavender-bg);border-radius:var(--radius-small);padding:var(--space-md) var(--space-lg)}.credit-item h2{font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-dark-teal);margin-bottom:var(--space-xs)}.credit-item p{font-size:var(--font-size-small);line-height:var(--line-height-body)}.credit-item a{color:var(--color-brown);text-decoration:underline;text-underline-offset:2px}.credit-item a:hover{color:var(--color-gold)}.credit-note{opacity:.7;font-style:italic}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height) - 100px);padding:var(--space-3xl) 0}.not-found-card{background-color:var(--color-white);border:var(--border-card);border-radius:var(--radius-card);padding:var(--space-3xl);text-align:center;max-width:500px;box-shadow:var(--shadow-card)}.not-found-icon{font-size:3rem;display:block;margin-bottom:var(--space-md)}.not-found-card h1{font-family:var(--font-family);margin-bottom:var(--space-md)}.not-found-card p{margin-bottom:var(--space-xl);opacity:.85;line-height:var(--line-height-body)}.play-root{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;font-family:var(--font-family-body);color:var(--color-dark-teal);background-color:var(--color-lavender-bg)}.play-root h2{font-family:var(--font-family);font-size:1.5rem;color:var(--color-dark-teal);margin-bottom:1rem;text-align:center}.play-root .auth-panel{display:flex;align-items:center;justify-content:center;height:100%;padding:1rem}.play-root .auth-card{background:var(--color-white);border:2px solid var(--color-gold);border-radius:24px;padding:2rem;width:100%;max-width:400px;box-shadow:0 2px 8px var(--color-dark-teal-10)}.play-root .auth-logo{display:block;margin:0 auto 1.5rem;height:64px;width:auto}.play-root .auth-panel[hidden]{display:none}.play-root .form-group{margin-bottom:.75rem}.play-root .form-group input{width:100%;padding:.75rem 1rem;border:2px solid var(--color-dark-teal-10);border-radius:4px;font-size:1rem;font-family:inherit;color:var(--color-dark-teal);transition:border-color .2s ease}.play-root .form-group input:focus{outline:none;border-color:var(--color-gold)}.play-root .form-group input::placeholder{color:var(--color-dark-teal-50)}.play-root .btn{display:block;width:100%;padding:.75rem 1rem;border:2px solid transparent;border-radius:4px;font-family:var(--font-family);font-size:1rem;cursor:pointer;transition:all .2s ease;text-align:center}.play-root .btn[disabled]{opacity:.6;cursor:not-allowed}.play-root .btn-full{width:100%}.play-root .btn-primary{background-color:var(--color-brown);color:var(--color-pastel-cream);border-color:var(--color-brown);margin-bottom:.75rem}.play-root .btn-primary:hover:not([disabled]){background-color:var(--color-pastel-cream);color:var(--color-brown)}.play-root .btn-google{background-color:var(--color-white);color:var(--color-dark-teal);border-color:var(--color-dark-teal-10);margin-bottom:.5rem}.play-root .btn-google:hover:not([disabled]){border-color:var(--color-gold);background-color:var(--color-lavender-bg)}.play-root .btn-guest{background-color:var(--color-lavender-bg);color:var(--color-dark-teal);border-color:var(--color-dark-teal-10)}.play-root .btn-guest:hover:not([disabled]){border-color:var(--color-gold);background-color:var(--color-white)}.play-root .auth-links{display:flex;justify-content:center;gap:1.5rem;margin:.75rem 0}.play-root .link-btn{background:none;border:none;color:var(--color-brown);font-size:.875rem;cursor:pointer;text-decoration:underline;font-family:inherit}.play-root .link-btn:hover{color:var(--color-gold)}.play-root .auth-divider{display:flex;align-items:center;gap:1rem;margin:1rem 0;color:var(--color-dark-teal-50);font-size:.875rem}.play-root .auth-divider:before,.play-root .auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-dark-teal-10)}.play-root .error-label{color:var(--color-red);font-size:.875rem;margin-bottom:.75rem;text-align:center}.play-root .status-label{color:var(--color-green);font-size:.875rem;margin-bottom:.75rem;text-align:center}.play-root .info-text{text-align:center;font-size:.875rem;margin-bottom:.75rem;color:var(--color-dark-teal)}.play-root .auth-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0;font-family:var(--font-family);color:var(--color-dark-teal)}.play-root .game-container{width:100%;height:100%}.play-root .game-container[hidden]{display:none}.play-root .game-wrapper{position:relative;width:100%;height:100%;background-color:#14141e}.play-root .game-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.play-root .game-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background-color:#14141e;z-index:1}.play-root .loading-text{font-family:var(--font-family);color:var(--color-pastel-cream);font-size:1rem}.play-root .loading-spinner{width:48px;height:48px;border:4px solid var(--color-dark-teal-50);border-top-color:var(--color-gold);border-radius:50%;animation:play-spin .8s linear infinite}@keyframes play-spin{to{transform:rotate(360deg)}}.play-root .link-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#14141ed9;z-index:10;padding:1rem}.play-root .fullscreen-prompt{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-lavender-bg);z-index:5;padding:1rem}.play-root .fullscreen-prompt .link-btn{display:block;margin:1rem auto 0}:root{--color-dark-teal: rgb(51, 92, 102);--color-pastel-cream: rgb(245, 237, 204);--color-gold: rgb(224, 158, 61);--color-brown: rgb(158, 79, 41);--color-coral: rgb(204, 130, 117);--color-lavender-bg: rgb(240, 245, 247);--color-white: rgb(255, 255, 255);--color-green: rgb(89, 158, 107);--color-red: rgb(204, 51, 51);--color-dark-teal-10: rgba(51, 92, 102, .1);--color-dark-teal-50: rgba(51, 92, 102, .5);--color-gold-30: rgba(224, 158, 61, .3);--font-family: "Righteous", cursive;--font-family-body: "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-hero: 3rem;--font-size-h1: 2rem;--font-size-h2: 1.5rem;--font-size-body: 1rem;--font-size-small: .875rem;--line-height-body: 1.6;--line-height-heading: 1.2;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-card: 50px;--radius-button: 4px;--radius-small: 8px;--border-card: 2px solid var(--color-gold);--shadow-card: 0 2px 8px var(--color-dark-teal-10);--shadow-card-hover: 0 4px 16px var(--color-dark-teal-10);--max-width: 1200px;--header-height: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family-body);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-dark-teal);background-color:var(--color-lavender-bg);min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4{font-family:var(--font-family);line-height:var(--line-height-heading);color:var(--color-dark-teal)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}a{color:var(--color-brown);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-gold)}img{max-width:100%;height:auto;display:block}.btn{display:inline-block;font-family:var(--font-family);font-size:var(--font-size-body);padding:var(--space-sm) var(--space-xl);border:2px solid transparent;border-radius:var(--radius-button);cursor:pointer;transition:all .2s ease;text-decoration:none;text-align:center}.btn-primary{background-color:var(--color-brown);color:var(--color-pastel-cream);border-color:var(--color-brown)}.btn-primary:hover{background-color:var(--color-pastel-cream);color:var(--color-brown)}.btn-primary:active{background-color:var(--color-coral);color:var(--color-white);border-color:var(--color-coral)}.btn-cta{background-color:var(--color-brown);color:var(--color-pastel-cream);border-color:var(--color-gold);padding:var(--space-md) var(--space-2xl);font-size:var(--font-size-h2);border-radius:var(--radius-small)}.btn-cta:hover{background-color:var(--color-pastel-cream);color:var(--color-brown)}.btn-cta:active{background-color:var(--color-coral);color:var(--color-white);border-color:var(--color-coral)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.text-center{text-align:center}.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}main{flex:1}