:root{--zb-bg-top: #fef7f2;--zb-bg-mid: #f5f9ff;--zb-bg-bottom: #f9fbf6;--zb-text-primary: #2f3348;--zb-text-secondary: #61657a;--zb-surface-card: #ffffffcc;--zb-surface-soft: #f9f8ff;--zb-surface-board: #eff4ff;--zb-surface-cell: #fbfdff;--zb-border-soft: #e7e7f5;--zb-border-board: #d6def0;--zb-border-cell: #d7e1f0;--zb-shadow-card: 0 14px 34px #9da8c51f;--zb-shadow-cell: inset 0 -2px 0 #e8eefb;--zb-shadow-board: inset 0 2px 6px #9da8c526;--zb-radius-shell: 1rem;--zb-radius-card: .95rem;--zb-radius-cell: .8rem;--zb-animal-fox-bg: #ffe0cc;--zb-animal-fox-border: #f2a57f;--zb-animal-panda-bg: #ececf3;--zb-animal-panda-border: #b8b8c8;--zb-animal-koala-bg: #dce9ff;--zb-animal-koala-border: #9cb8f0;--zb-animal-lion-bg: #fff1c8;--zb-animal-lion-border: #f0cf72;--zb-preview-valid-bg: #b8f0ca;--zb-preview-valid-border: #2b9e5b;--zb-preview-invalid-bg: #ffd2d2;--zb-preview-invalid-border: #ce5353}@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:#0f172a;font-family:Plus Jakarta Sans,sans-serif;line-height:1.45;--zb-radius: 1rem;--zb-radius-lg: 2rem;--zb-radius-xl: 3rem;--zb-radius-full: 9999px}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:#f6f8f7;color:#0f172a}.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(8px);background:#f6f8f7cc;border-bottom:1px solid #2bee8c1a;padding:1rem 1.5rem;position:sticky;top:0;z-index:50}.topbar__inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.topbar__brand{align-items:center;display:flex;gap:.75rem}.topbar__brand-icon{align-items:center;background:#2bee8c;border-radius:1.2rem;color:#102219;display:inline-flex;height:3.15rem;justify-content:center;width:2.5rem}.icon-grid{font-size:1.5rem;height:1.5rem;width:1.5rem}.topbar__brand-title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;line-height:1;margin:0}.topbar__nav{display:none;gap:2rem}.topbar__nav a{color:#0f172a;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .12s ease}.topbar__nav a:hover{color:#2bee8c}.topbar__play{background:#2bee8c;border-radius:var(--zb-radius-full);box-shadow:0 8px 22px #2bee8c33;color:#102219;font-size:.875rem;font-weight:700;padding:.65rem 1.5rem;text-decoration:none;transition:transform .12s ease;white-space:nowrap}.topbar__play:hover{transform:scale(1.04)}.landing-main{margin:0 auto;max-width:1200px;padding:2.5rem 1.5rem}.game-shell-area{margin-bottom:5rem}.seo-sections{display:grid;gap:5rem}.how-to-play,.features,.strategy,.faq{scroll-margin-top:6rem}.section-intro{margin-bottom:3rem;text-align:center}.section-intro h2,.features-panel h2,.strategy h2,.faq h2{font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin:0 0 1rem;text-align:center}.section-intro p{color:#64748b;margin:0 auto;max-width:42rem}.how-grid{display:grid;gap:2rem}.how-card{background:#fff;border:1px solid #2bee8c1a;border-radius:var(--zb-radius-xl);box-shadow:0 18px 34px #2bee8c14;padding:2rem}.how-card__badge{align-items:center;background:#2bee8c33;border-radius:var(--zb-radius-full);color:#2bee8c;display:inline-flex;font-size:1.5rem;font-weight:900;height:3rem;justify-content:center;margin-bottom:1.25rem;width:3rem}.how-card h3{font-size:1.25rem;margin:0 0 .75rem}.how-card p{color:#64748b;font-size:.875rem;line-height:1.7;margin:0}.features-panel{background:#2bee8c14;border:1px solid #2bee8c1a;border-radius:var(--zb-radius-xl);padding:2.5rem}.feature-grid{display:grid;gap:2rem}.feature-item{display:flex;gap:1rem}.feature-item__icon{align-items:center;background:#2bee8c;border-radius:var(--zb-radius-lg);color:#102219;display:inline-flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.feature-icon{font-size:1.45rem;height:1.45rem;width:1.45rem}.feature-item h3{font-size:1.125rem;margin:0 0 .25rem}.feature-item p{color:#64748b;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;background:#fff;border-left:4px solid #2bee8c;border-radius:var(--zb-radius-xl);box-shadow:0 10px 22px #0f172a14;display:flex;gap:1.5rem;padding:1.5rem}.strategy-tip__icon{flex-shrink:0;font-size:2.1rem;height:2.1rem;line-height:1;width:2.1rem}.strategy-tip h3{font-size:1.375rem;margin:0 0 .25rem}.strategy-tip p{color:#64748b;font-size:.875rem;line-height:1.6;margin:0}.strategy-tip--primary{border-left-color:#2bee8c}.strategy-tip__icon--primary{color:#2bee8c}.strategy-tip--lavender{border-left-color:#e0c3fc}.strategy-tip__icon--lavender{color:#c79ef3}.strategy-tip--peach{border-left-color:#ffd8b1}.strategy-tip__icon--peach{color:#efbf91}.faq{padding-bottom:5rem}.faq-list{border-top:1px solid #2bee8c1a;margin:0 auto;max-width:48rem}.faq-list details{border-bottom:1px solid #2bee8c1a;padding:1.5rem 0}.faq-list summary{align-items:center;cursor:pointer;display:flex;font-weight:700;justify-content:space-between;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-icon{height:1.1rem;width:1.1rem;transition:transform .15s ease}.faq-list details[open] .faq-icon{transform:rotate(180deg)}.faq-list p{color:#64748b;font-size:.875rem;line-height:1.7;margin:1rem 0 0}.site-footer{background:#0f172a;color:#94a3b8;padding:3rem 1.5rem}.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:#2bee8c33;border-radius:1rem;color:#2bee8c;display:inline-flex;height:2.85rem;justify-content:center;width:2.25rem}.icon-grid--footer{font-size:1.25rem;height:1.25rem;width:1.25rem}.site-footer__brand h2{color:#fff;font-size:1.25rem;font-weight:700;margin:0}.site-footer__links{display:flex;gap:2rem}.site-footer__links a{color:#94a3b8;font-size:.875rem;text-decoration:none;transition:color .12s ease}.site-footer__links a:hover{color:#2bee8c}.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.2rem}.topbar__brand-icon{border-radius:1rem;height:2.2rem;width:1.8rem}.icon-grid{font-size:1.15rem;height:1.15rem;width:1.15rem}.topbar__play{font-size:.75rem;padding:.55rem .9rem}.landing-main{padding:2rem 1rem}.seo-sections{gap:3.25rem}.section-intro{margin-bottom:2rem}.section-intro h2,.features-panel h2,.strategy h2,.faq h2{font-size:1.85rem}.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:1.9rem}.icon-grid--footer{font-size:1.05rem;height:1.05rem;width:1.05rem}}