:root{--zb-bg-top: #fffef5;--zb-bg-mid: #f8fdf7;--zb-bg-bottom: #edfbf3;--zb-text-primary: #152a1e;--zb-text-secondary: #2a5040;--zb-surface-card: rgba(255, 253, 242, .88);--zb-surface-soft: rgba(255, 252, 238, .9);--zb-surface-board: rgba(255, 250, 235, .82);--zb-surface-cell: rgba(34, 197, 94, .08);--zb-border-soft: rgba(34, 197, 94, .22);--zb-border-board: rgba(34, 197, 94, .16);--zb-border-cell: rgba(34, 197, 94, .18);--zb-shadow-card: 0 8px 32px rgba(15, 60, 35, .13);--zb-shadow-cell: inset 0 2px 4px rgba(0, 0, 0, .05), inset 0 0 0 1px rgba(255, 255, 255, .55);--zb-shadow-board: 0 20px 56px rgba(15, 60, 35, .18), inset 0 0 0 2px rgba(255, 255, 255, .95);--zb-radius-shell: 1.25rem;--zb-radius-card: 1rem;--zb-radius-cell: .55rem;--zb-animal-duck-bg: #fff4a8;--zb-animal-duck-border: #f5cc28;--zb-animal-bear-bg: #eaca90;--zb-animal-bear-border: #cc9858;--zb-animal-frog-bg: #b0f09a;--zb-animal-frog-border: #72d850;--zb-animal-rabbit-bg: #e0d0ff;--zb-animal-rabbit-border: #c0a0f5;--zb-animal-pig-bg: #ffd8d0;--zb-animal-pig-border: #f5a8a0;--zb-animal-panda-bg: #f0ece8;--zb-animal-panda-border: #d0cac4;--zb-preview-valid-bg: rgba(34, 197, 94, .28);--zb-preview-valid-border: #22c55e;--zb-preview-invalid-bg: rgba(239, 68, 68, .22);--zb-preview-invalid-border: #ef4444;--zb-green: #22c55e;--zb-teal: #10b981;--zb-green-dark: #16a34a;--zb-amber: #f59e0b;--zb-amber-dark: #d97706;--zb-amber-light: #fcd34d;--zb-pink: #22c55e;--zb-purple: #10b981}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/material-symbols-outlined-latin-400-normal.CdXfMqU3.woff2) format("woff2"),url(/_astro/material-symbols-outlined-latin-400-normal.5CXYBAuR.woff) format("woff")}:root{color:var(--zb-text-dark);font-family:Nunito,sans-serif;font-weight:600;line-height:1.45;--zb-radius: 1rem;--zb-radius-lg: 2rem;--zb-radius-xl: 3rem;--zb-radius-full: 9999px;--zb-pink: #22c55e;--zb-purple: #10b981;--zb-text-dark: #152a1e;--zb-shadow-soft: 0 8px 32px rgba(15, 60, 35, .13)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}html,body{min-height:100%;overflow-x:clip}body{background:linear-gradient(150deg,#fffef5,#f7fdf4 45%,#edfbf3);color:var(--zb-text-dark);position:relative;transition:background .32s ease,color .22s ease}.blob{position:fixed;border-radius:50%;pointer-events:none;z-index:0;filter:blur(72px);animation:blobFloat 9s ease-in-out infinite alternate}.blob1{width:360px;height:360px;background:#fde68a;top:-100px;left:-80px;animation-delay:0s;opacity:.28}.blob2{width:300px;height:300px;background:#fecaca;bottom:-60px;right:-40px;animation-delay:-3s;opacity:.22}.blob3{width:240px;height:240px;background:#a7f3d0;top:38%;left:58%;animation-delay:-5s;opacity:.3}@keyframes blobFloat{0%{transform:scale(1) translate(0) rotate(0)}to{transform:scale(1.15) translate(20px,-20px) rotate(6deg)}}.material-symbols-outlined{direction:ltr;display:inline-block;font-family:Material Symbols Outlined;font-feature-settings:"liga";font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;text-transform:none;white-space:nowrap;word-wrap:normal;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.topbar{backdrop-filter:blur(20px);background:#fffef8d9;border-bottom:1.5px solid rgba(34,197,94,.2);box-shadow:0 2px 16px #0f3c2312;padding:1rem 1.5rem;position:sticky;top:0;transition:background .26s ease,border-color .26s ease,box-shadow .26s ease,padding .26s ease,transform .26s ease;z-index:50}.topbar__inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;transition:max-width .26s ease,gap .26s ease}.topbar__brand{align-items:center;display:flex;gap:.75rem;transition:gap .26s ease,transform .26s ease}.topbar__brand-icon{align-items:center;background:linear-gradient(135deg,#f9fdf5,#dff5e8);border:1.5px solid rgba(34,197,94,.28);border-radius:1rem;display:inline-flex;height:2.75rem;justify-content:center;transition:transform .26s ease,opacity .26s ease,box-shadow .26s ease,border-radius .26s ease;width:2.75rem;box-shadow:0 4px 14px #22c55e26}.topbar__brand-icon img{display:block;height:1.7rem;width:1.7rem}.icon-grid{font-size:1.5rem;height:1.5rem;width:1.5rem}.topbar__brand-title{font-family:Fredoka One,cursive;font-size:1.6rem;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px;line-height:1;margin:0;transition:font-size .26s ease,letter-spacing .26s ease,opacity .26s ease}.topbar__nav{display:none;gap:2rem;transition:opacity .22s ease,transform .22s ease}.topbar__nav a{color:var(--zb-text-dark);font-size:.875rem;font-weight:700;text-decoration:none;transition:color .12s ease}.topbar__nav a:hover{color:var(--zb-pink)}.topbar__play{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:var(--zb-radius-full);box-shadow:0 5px #15803d,0 8px 20px #22c55e61;color:#fff;font-family:Fredoka One,cursive;font-size:.9rem;padding:.7rem 1.6rem;text-decoration:none;transition:transform .12s ease,box-shadow .12s ease;white-space:nowrap}.topbar__play:hover{transform:translateY(-2px);box-shadow:0 7px #15803d,0 14px 32px #22c55e73}.topbar__play:active{transform:translateY(2px);box-shadow:0 3px #15803d,0 5px 14px #22c55e52}.landing-main{margin:0 auto;max-width:1200px;padding:2.5rem 1.5rem;position:relative;transition:max-width .32s ease,padding .32s ease;z-index:1}.game-shell-area{margin-bottom:5rem;position:relative;transition:margin .32s ease,min-height .32s ease,padding .32s ease,transform .32s ease}.seo-sections{display:grid;gap:5rem;position:relative;transition:opacity .26s ease,transform .26s ease,filter .26s ease}.game-shell-area:before{background:radial-gradient(circle at 50% 50%,#ffffffe6,#ecfff2bd 45%,#ecfff200 74%),radial-gradient(circle at 30% 24%,#fef08a52,#fef08a00 48%),radial-gradient(circle at 76% 72%,#a7f3d061,#a7f3d000 44%);content:"";inset:-1.5rem;opacity:0;pointer-events:none;position:absolute;transition:opacity .32s ease,transform .32s ease;z-index:-1}body[data-game-started=true]{background:radial-gradient(circle at top,#fffbdee6,#fffbde00 28%),linear-gradient(180deg,#f6fdf5,#eefbf5 26%,#f8fcf7)}body[data-game-started=true] .topbar{background:#fffef994;border-bottom-color:#22c55e1a;box-shadow:0 8px 26px #152a1e0f;padding:.75rem 1rem}body[data-game-started=true] .topbar__inner{gap:1rem;max-width:980px}body[data-game-started=true] .topbar__brand{gap:.55rem}body[data-game-started=true] .topbar__brand-icon{border-radius:.85rem;box-shadow:0 3px 12px #22c55e1f;transform:scale(.92)}body[data-game-started=true] .topbar__brand-title{font-size:1.2rem;letter-spacing:.02em}body[data-game-started=true] .topbar__nav{opacity:0;pointer-events:none;transform:translateY(-6px)}body[data-game-started=true] .topbar__play{background:#ffffffc2;box-shadow:inset 0 0 0 1.5px #22c55e3d,0 8px 20px #152a1e14;color:#166534;font-size:.78rem;padding:.58rem 1rem}body[data-game-started=true] .landing-main{max-width:1320px;padding-top:clamp(1rem,2vw,1.5rem)}body[data-game-started=true] .game-shell-area{align-items:center;display:grid;margin-bottom:3.5rem;min-height:calc(100svh - 7.5rem);padding:1rem 0 1.5rem}body[data-game-started=true] .game-shell-area:before{opacity:1;transform:scale(1.02)}body[data-game-started=true] .seo-sections{filter:saturate(.88);opacity:.72;transform:translateY(.5rem)}body[data-game-started=true] .seo-sections:hover,body[data-game-started=true] .seo-sections:focus-within{filter:none;opacity:1;transform:translateY(0)}.how-to-play,.features,.level-system,.strategy,.faq{scroll-margin-top:6rem}.section-intro{margin-bottom:3rem;text-align:center}.section-intro h2,.features-panel h2,.level-system h2,.strategy h2,.faq h2{font-family:Fredoka One,cursive;font-size:2.25rem;background:linear-gradient(135deg,#22c55e,#10b981 60%,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em;margin:0 0 1rem;text-align:center}.section-intro p{color:#2a5040;font-weight:700;margin:0 auto;max-width:42rem}.how-grid{display:grid;gap:2rem}.how-card{backdrop-filter:blur(14px);background:#fffdf2e0;border:1.5px solid rgba(34,197,94,.2);border-radius:var(--zb-radius-xl);box-shadow:var(--zb-shadow-soft);padding:2rem;transition:transform .2s ease,box-shadow .2s ease}.how-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px #0f3c2329}.how-card__badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:var(--zb-radius-full);color:#fff;display:inline-flex;font-family:Fredoka One,cursive;font-size:1.5rem;height:3rem;justify-content:center;margin-bottom:1.25rem;width:3rem;box-shadow:0 4px 14px #f59e0b66}.how-card h3{font-family:Fredoka One,cursive;font-size:1.25rem;color:var(--zb-text-dark);margin:0 0 .75rem}.how-card p{color:#2a5040;font-size:.875rem;line-height:1.7;margin:0}.features-panel{backdrop-filter:blur(14px);background:#fffdf2d9;border:1.5px solid rgba(34,197,94,.2);border-radius:var(--zb-radius-xl);padding:2.5rem;box-shadow:0 8px 32px #0f3c231a}.feature-grid{display:grid;gap:2rem}.feature-item{display:flex;gap:1rem}.feature-item__icon{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:var(--zb-radius-lg);color:#fff;display:inline-flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem;box-shadow:0 4px 14px #22c55e61}.feature-icon{font-size:1.45rem;height:1.45rem;width:1.45rem}.feature-item h3{font-family:Fredoka One,cursive;font-size:1.125rem;color:var(--zb-text-dark);margin:0 0 .25rem}.feature-item p{color:#2a5040;font-size:.875rem;line-height:1.6;margin:0}.strategy h2{margin-bottom:2.5rem}.strategy-stack{display:grid;gap:1.5rem}.strategy-tip{align-items:center;backdrop-filter:blur(14px);background:#fffdf2e0;border-left:4px solid var(--zb-amber);border-radius:var(--zb-radius-xl);box-shadow:var(--zb-shadow-soft);display:flex;gap:1.5rem;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.strategy-tip:hover{transform:translate(5px);box-shadow:0 12px 32px #0f3c2324}.strategy-tip__icon{flex-shrink:0;font-size:2.1rem;height:2.1rem;line-height:1;width:2.1rem}.strategy-tip h3{font-family:Fredoka One,cursive;font-size:1.375rem;color:var(--zb-text-dark);margin:0 0 .25rem}.strategy-tip p{color:#2a5040;font-size:.875rem;line-height:1.6;margin:0}.strategy-tip--primary{border-left-color:#22c55e}.strategy-tip__icon--primary{color:#22c55e}.strategy-tip--lavender{border-left-color:#c4b5fd}.strategy-tip__icon--lavender{color:#8b5cf6}.strategy-tip--peach{border-left-color:#f59e0b}.strategy-tip__icon--peach{color:#f59e0b}.faq{padding-bottom:5rem}.faq-list{backdrop-filter:blur(14px);background:#fffdf2e0;border:1.5px solid rgba(34,197,94,.2);border-radius:var(--zb-radius-xl);box-shadow:0 8px 32px #0f3c231a;margin:0 auto;max-width:48rem;padding:0 1.5rem}.faq-list details{border-bottom:1.5px solid rgba(34,197,94,.18);padding:1.5rem 0}.faq-list details:last-child{border-bottom:none}.faq-list summary{align-items:center;cursor:pointer;display:flex;font-family:Fredoka One,cursive;font-weight:400;color:var(--zb-text-dark);justify-content:space-between;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-icon{color:var(--zb-pink);height:1.3rem;width:1.3rem;transition:transform .15s ease}.faq-list details[open] .faq-icon{transform:rotate(180deg)}.faq-list p{color:#2a5040;font-size:.875rem;line-height:1.7;margin:1rem 0 0}.site-footer{backdrop-filter:blur(20px);background:#fffdf2e6;border-top:1.5px solid rgba(34,197,94,.18);box-shadow:0 -2px 16px #0f3c230f;color:#2a5040;padding:3rem 1.5rem;position:relative;z-index:1}.site-footer__inner{align-items:center;display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px}.site-footer__brand{align-items:center;display:flex;gap:.75rem}.site-footer__icon{align-items:center;background:linear-gradient(135deg,#f9fdf5,#dff5e8);border:1.5px solid rgba(34,197,94,.25);border-radius:1rem;display:inline-flex;height:2.85rem;justify-content:center;width:2.85rem;box-shadow:0 4px 14px #22c55e1f}.site-footer__icon img{display:block;height:1.45rem;width:1.45rem}.icon-grid--footer{font-size:1.25rem;height:1.25rem;width:1.25rem}.site-footer__brand h2{font-family:Fredoka One,cursive;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.25rem;margin:0}.site-footer__links{display:flex;gap:2rem}.site-footer__links a{color:#2a5040;font-size:.875rem;font-weight:700;text-decoration:none;transition:color .12s ease}.site-footer__links a:hover{color:var(--zb-pink)}.site-footer__support{background:#ffd54f26;border:1.5px solid rgba(245,158,11,.3);border-radius:var(--zb-radius-full);color:#92600a;font-size:.82rem;font-weight:700;padding:.4rem 1rem;text-decoration:none;transition:background .18s ease,border-color .18s ease;white-space:nowrap}.site-footer__support:hover{background:#ffd54f47;border-color:#f59e0b8c}.site-footer p{font-size:.875rem;margin:0}@media(min-width:768px){.topbar__nav{display:flex}.how-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer__inner{flex-direction:row;justify-content:space-between}}@media(min-width:1024px){.topbar,.landing-main{padding-inline:10rem}}@media(max-width:767px){.topbar{padding:.9rem 1rem}.topbar__brand-title{font-size:1.3rem}.topbar__brand-icon{border-radius:1rem;height:2.2rem;width:2.2rem}.icon-grid{font-size:1.15rem;height:1.15rem;width:1.15rem}.topbar__play{font-size:.8rem;padding:.55rem 1rem}.landing-main{padding:1rem 1rem 2rem}body[data-game-started=true] .topbar{padding:.7rem .9rem}body[data-game-started=true] .topbar__play{font-size:.74rem;padding:.5rem .82rem}body[data-game-started=true] .landing-main{padding-top:.65rem}body[data-game-started=true] .game-shell-area{margin-bottom:2.5rem;min-height:auto;padding:.2rem 0 .8rem}body[data-game-started=true] .seo-sections{opacity:.9;transform:none}.seo-sections{gap:3.25rem}.section-intro{margin-bottom:2rem}.section-intro h2,.features-panel h2,.strategy h2,.faq h2{font-size:1.85rem;background:linear-gradient(135deg,#22c55e,#10b981 60%,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.how-card,.strategy-tip{padding:1.15rem}.strategy-tip{gap:1rem}.strategy-tip__icon{font-size:1.7rem}.strategy-tip h3{font-size:1.1rem}.site-footer{padding:2.25rem 1rem}.site-footer__inner{gap:1.2rem}.site-footer__links{gap:1rem}.site-footer__links a,.site-footer p{font-size:.75rem}.site-footer__icon{border-radius:.8rem;height:2.35rem;width:2.35rem}.icon-grid--footer{font-size:1.05rem;height:1.05rem;width:1.05rem}}