*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary:#634884;--color-background:#f4d9b4;--color-inverted-bg:#634884;--color-inverted-text:#f4d9b4}html{height:100%;scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;touch-action:manipulation}body{height:auto;min-height:100%;margin:0;font-family:-apple-system,BlinkMacSystemFont,segoe ui,roboto,oxygen,ubuntu,cantarell,fira sans,droid sans,helvetica neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-primary);background:var(--color-background)}.section-snap{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1.5rem;position:relative}.hero-section{background:var(--color-inverted-bg);color:var(--color-inverted-text)}.hero-content{max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center;gap:3rem;text-align:center}.hero-text{flex:1;display:flex;flex-direction:column;gap:1.5rem;align-items:center}.hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:.5rem}.hero-slogan{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:500;line-height:1.3;opacity:.95}.hero-description{font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6;max-width:600px;opacity:.9}.download-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.download-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;background:var(--color-inverted-text);color:var(--color-inverted-bg);border:2px solid var(--color-inverted-text);border-radius:12px;text-decoration:none;font-size:1rem;font-weight:600;transition:all .3s ease;cursor:pointer}.download-btn:hover{background:0 0;color:var(--color-inverted-text);transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.store-icon{width:24px;height:24px}.store-badge{height:60px;width:auto;transition:transform .2s ease,opacity .2s ease}.store-badge:hover{transform:scale(1.05);opacity:.9}.store-badge-small{height:45px}.phone-mockup{display:flex;justify-content:center;align-items:center;margin-top:2rem}.phone-frame{position:relative;width:min(320px,80vw);aspect-ratio:9/19;background:linear-gradient(135deg,rgba(244,217,180,.1),rgba(244,217,180,5%));border:12px solid #331c4f;border-radius:40px;box-shadow:0 20px 60px rgba(0,0,0,.4);overflow:hidden;backdrop-filter:blur(10px)}.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:40%;height:28px;background:#331c4f;border-radius:0 0 20px 20px;z-index:2}.phone-screen{width:100%;height:100%;background:var(--color-background);display:flex;align-items:center;justify-content:center;overflow:hidden}.screenshot{width:100%;height:100%;object-fit:cover;display:block}.phone-button{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:rgba(244,217,180,.3);border-radius:2px}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);font-size:2rem;opacity:.7;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%)translateY(0)}40%{transform:translateX(-50%)translateY(-10px)}60%{transform:translateX(-50%)translateY(-5px)}}.features-section{background:var(--color-background);color:var(--color-primary)}.features-content{max-width:1200px;width:100%;display:flex;flex-direction:column;align-items:center;gap:3rem}.features-lists{flex:1;display:flex;flex-direction:column;gap:2rem;justify-content:center}.features-list-group{display:flex;flex-direction:column;gap:1rem}.features-list-title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;margin-bottom:.5rem}.features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.features-list li{font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6;padding-left:2rem;position:relative}.features-list li::before{content:"✓";position:absolute;left:0;font-weight:700;color:var(--color-primary);font-size:1.25em}.features-list-group:last-child .features-list li::before{content:"✗";color:var(--color-primary);opacity:.7}.game-section{background:var(--color-background);color:var(--color-primary);padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:contain;touch-action:manipulation}.game-content{width:100%;height:100vh;height:100dvh;position:relative;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.game-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#game{max-width:100%;max-height:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:none}.game-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(244,217,180,.95);backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:100;padding:2rem;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;opacity:0;animation:fadeIn .8s ease-in forwards;pointer-events:none}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.game-overlay.clickable{pointer-events:auto}.game-intro-content,.post-game-content{width:100%;height:100%;text-align:center;display:flex;flex-direction:column;gap:1.5rem;align-items:center;justify-content:center;margin:auto}.game-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-primary)}.game-description,.game-instructions,.game-message{font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6;color:var(--color-primary)}.game-cta{font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:600;color:var(--color-primary);margin-top:1rem}.game-button{padding:1rem 3rem;background:var(--color-primary);color:var(--color-background);border:none;border-radius:12px;font-size:1.25rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.game-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(99,72,132,.3)}.game-button.secondary{background:0 0;color:var(--color-primary);border:2px solid var(--color-primary)}.game-button.secondary:hover{background:var(--color-primary);color:var(--color-background)}.post-game-content .download-buttons{margin-top:0}.download-btn.google-play-small,.download-btn.app-store-small{background:var(--color-primary);color:var(--color-background);border-color:var(--color-primary);font-size:.9rem;padding:.875rem 1.5rem}.download-btn.google-play-small:hover,.download-btn.app-store-small:hover{background:0 0;color:var(--color-primary)}@media(min-width:768px){.hero-content{flex-direction:row;text-align:left;gap:4rem}.hero-text{align-items:flex-start}.download-buttons{justify-content:flex-start}.phone-mockup{margin-top:0}.features-content{flex-direction:row;gap:4rem}.features-lists{text-align:left}.section-snap{padding:4rem 3rem}}@media(min-width:1024px){.features-content{gap:6rem}.hero-content{gap:6rem}}@media(max-width:767px){.hero-title{font-size:2.5rem}.phone-frame{width:min(280px,70vw)}.features-content{flex-direction:column}.features-lists{text-align:left;width:100%}.download-btn{width:100%;justify-content:center}}@media(max-width:360px){.section-snap{padding:1.5rem 1rem}.hero-title{font-size:2rem}.download-btn{font-size:.9rem;padding:.875rem 1.5rem}}.site-footer{background:var(--color-primary);color:var(--color-inverted-text);padding:2rem 1.5rem;text-align:center;font-size:.875rem;line-height:1.6}.footer-content{max-width:800px;margin:0 auto}.footer-text{margin-bottom:1rem;opacity:.9}.footer-links{margin-top:1rem}.footer-links a{color:var(--color-inverted-text);text-decoration:underline;font-weight:600;transition:opacity .3s ease}.footer-links a:hover{opacity:.8}.footer-trademarks{margin-top:1rem;font-size:.65rem;opacity:.6;line-height:1.4}.language-switcher{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;gap:.5rem;background:rgba(244,217,180,.9);padding:.5rem 1rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);backdrop-filter:blur(10px)}.language-current{font-weight:700;color:var(--color-primary)}.language-link{color:var(--color-primary);text-decoration:none;font-weight:400;transition:opacity .3s ease}.language-link:hover{opacity:.7;text-decoration:underline}@media(max-width:768px){.language-switcher{top:.5rem;right:.5rem;padding:.375rem .75rem;font-size:.875rem}}.article-page{max-width:800px;margin:0 auto;padding:5rem 2rem 4rem;line-height:1.8;color:var(--color-primary);min-height:100vh}.back-link{display:inline-block;margin-bottom:2rem;color:var(--color-primary);text-decoration:none;font-weight:600;font-size:.95rem}.back-link:hover{text-decoration:underline}.article-page h1{font-size:2.25rem;line-height:1.2;margin-bottom:.5rem}.article-page h2{font-size:1.5rem;margin-top:2.5rem;margin-bottom:.75rem}.article-page h3{font-size:1.15rem;margin-top:1.75rem;margin-bottom:.5rem}.article-page p{margin-bottom:1rem}.article-page ul,.article-page ol{margin-bottom:1rem;padding-left:1.5rem}.article-page li{margin-bottom:.4rem}.article-page a{color:var(--color-primary);text-decoration:underline}.article-page a:hover{opacity:.75}.article-page a.back-link,.article-page a.blog-post-card-link{text-decoration:none}.article-page a.back-link:hover{text-decoration:underline}.article-page a.blog-post-card-link .blog-read-more{text-decoration:underline}.article-page strong{font-weight:700}.article-page em{font-style:italic}.article-page hr{border:none;border-top:1px solid rgba(99,72,132,.25);margin:2.5rem 0}.article-meta{font-size:.875rem;opacity:.65;margin-bottom:2rem}.blog-list-page h1{font-size:2rem;margin-bottom:.5rem}.blog-list-intro{opacity:.75;margin-bottom:2.5rem;max-width:60ch}.blog-post-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem}.blog-post-card{border:2px solid var(--color-primary);border-radius:.75rem;overflow:hidden}.blog-post-card-link{display:block;padding:1.5rem;text-decoration:none;color:inherit;transition:background .2s ease}.blog-post-card-link:hover{background:rgba(99,72,132,6%)}.blog-post-title{font-size:1.2rem;font-weight:700;margin-bottom:.3rem;line-height:1.3}.blog-post-meta{font-size:.85rem;opacity:.65;margin-bottom:.75rem}.blog-post-summary{margin-bottom:.75rem;line-height:1.6;opacity:.9}.blog-read-more{font-weight:600;font-size:.9rem}.article-body{margin-top:.5rem}.article-body table{border-collapse:collapse;width:100%;margin:1.5rem 0;font-size:.95rem}.article-body th,.article-body td{border:1px solid rgba(99,72,132,.4);padding:.5rem .75rem;text-align:left}.article-body th{background:rgba(99,72,132,8%);font-weight:700}.blog-cta{margin-top:3.5rem;padding:1.75rem 1.5rem;border:2px solid var(--color-primary);border-radius:.75rem;text-align:center}.blog-cta p{font-weight:600;margin-bottom:1.25rem}.blog-cta .download-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}@media(max-width:768px){.article-page{padding:4.5rem 1.25rem 3rem}.article-page h1{font-size:1.65rem}.article-page h2{font-size:1.25rem}}