*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--green-deep:#059669;--green:#10b981;--green-bright:#34d399;--green-mint:#6ee7b7;--green-pale:#d1fae5;--surface:#fff;--surface-2:#f5fdf9;--border:#d3ebe0;--border-strong:#b3ddcb;--text:#0f2a22;--text-dim:#3f6357;--text-faint:#5b7a6e;--on-green:#fff;--on-green-dim:#ffffffdb;--brand-yellow:#f59e0b;--brand-red:#ef4444;--brand-blue:#0ea5e9;--brand-purple:#10b981;--radius:16px;--radius-lg:24px;--shadow:0 8px 30px #044e3829;--shadow-lg:0 18px 46px #044e3838;--max:1200px}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background-attachment:fixed;background-color:#10b981;background-color:var(--green);background-image:radial-gradient(1000px 560px at 6% -14%,#ffffff21,#0000 58%),radial-gradient(820px 460px at 98% -6%,#a7f3d026,#0000 55%),linear-gradient(155deg,#064e3b,#065f46 24%,#047857 50%,#04815d 74%,#059669);background-repeat:no-repeat;color:#0f2a22;color:var(--text);font-family:Nunito,system-ui,-apple-system,sans-serif;line-height:1.6;min-height:100vh}h1,h2,h3{font-family:Fredoka One,Nunito,cursive;font-weight:400;line-height:1.2}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}:focus-visible{border-radius:6px;outline:3px solid #047857;outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.app{display:flex;flex-direction:column;min-height:100vh}.page{flex:1 1;margin:0 auto;max-width:var(--max);padding:1.5rem 1.25rem 4rem;width:100%}.page.narrow{max-width:760px}.page.center{padding-top:5rem;text-align:center}.site-header{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe6;border-bottom:1px solid var(--border);box-shadow:0 2px 18px #044e381a;position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-inner{gap:1rem;margin:0 auto;max-width:var(--max);padding:.75rem 1.25rem}.header-inner,.logo{align-items:center;display:flex}.logo{flex-shrink:0;gap:.6rem}.logo-mark{background:linear-gradient(135deg,var(--green-deep),var(--green-bright));border-radius:12px;box-shadow:0 4px 14px #05966966;color:#fff;display:grid;font-size:1.1rem;height:40px;place-items:center;width:40px}.logo-mark,.logo-text{font-family:Fredoka One,cursive}.logo-text{display:flex;font-size:1.15rem;gap:.3rem;white-space:nowrap}.logo-seven{color:#b45309}.logo-twelve{color:#dc2626}.logo-games{color:var(--green-deep)}.site-nav{display:flex;flex-wrap:wrap;gap:.35rem;margin-left:auto}.site-nav a{border-radius:10px;color:var(--text-dim);font-size:.92rem;font-weight:700;padding:.45rem .85rem;transition:color .18s ease,background .18s ease}.site-nav a:hover{background:var(--green-pale);color:var(--green-deep)}.site-nav a.active{background:var(--green-deep);color:#fff}.nav-toggle{background:none;border:1px solid var(--border);border-radius:10px;cursor:pointer;display:none;flex-direction:column;gap:5px;margin-left:auto;padding:.6rem}.nav-toggle span{background:var(--text);border-radius:2px;display:block;height:2px;width:20px}.hero{padding:4rem 1.25rem 3rem;text-align:center}.hero-inner{margin:0 auto;max-width:880px}.hero-eyebrow{background:#ffd23f1f;border:1px solid #ffd23f4d;border-radius:999px;color:var(--brand-yellow);display:inline-block;font-size:.8rem;font-weight:800;letter-spacing:.08em;margin-bottom:1.25rem;padding:.35rem .9rem;text-transform:uppercase}.hero-title{font-size:clamp(2.1rem,6vw,3.6rem);margin-bottom:1rem}.grad-text{background:linear-gradient(90deg,#047857,#10b981,#0ea5e9);-webkit-background-clip:text;background-clip:text;color:#0000}.hero-sub{color:var(--text-dim);font-size:clamp(1rem,2vw,1.15rem);margin:0 auto 2rem;max-width:640px}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;justify-content:center;margin-bottom:2.5rem}.btn{border:2px solid #0000;border-radius:999px;cursor:pointer;display:inline-block;font-family:Fredoka One,cursive;font-size:1rem;padding:.85rem 1.9rem;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.btn-primary{background:linear-gradient(135deg,var(--green-deep),var(--green-bright));box-shadow:0 8px 24px #05966966;color:#fff}.btn-primary:hover{box-shadow:0 12px 30px #0596698c;transform:translateY(-2px)}.btn-ghost{background:var(--surface);border-color:var(--border-strong);color:var(--green-deep)}.btn-ghost:hover{background:var(--green-pale);transform:translateY(-2px)}.hero-stats{display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:center;list-style:none}.hero-stats li{display:flex;flex-direction:column}.hero-stats strong{color:var(--brand-blue);font-family:Fredoka One,cursive;font-size:1.9rem}.hero-stats span{color:var(--text-faint);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase}.section{margin-bottom:4rem}.section-head{margin-bottom:1.75rem}.section-head h2{color:var(--on-green);font-size:clamp(1.5rem,3.5vw,2rem);margin-bottom:.4rem;text-shadow:0 2px 10px #044e384d}.section-head p{color:var(--on-green-dim);max-width:620px}.game-main .section-head h2,.prose .section-head h2{color:var(--text);text-shadow:none}.game-main .section-head p,.prose .section-head p{color:var(--text-dim)}.page.portal{display:flex;flex-direction:column;padding-top:1rem}.portal-h1{color:var(--on-green);font-size:clamp(1.6rem,4vw,2.3rem);margin:2.5rem 0 0;order:2;text-shadow:0 2px 10px #044e3859}.portal .tile-section{order:1}.portal .intro-block{margin-top:.75rem;order:3}.portal .prose:not(.intro-block),.portal .section:not(.intro-block){order:4}.portal .faq{order:5}.intro-block .lede{font-size:1.05rem}.tile-bar{align-items:baseline;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.9rem}.tile-bar h2{color:var(--on-green);font-size:clamp(1.15rem,2.5vw,1.45rem);text-shadow:0 2px 8px #044e384d}.tile-count{color:var(--on-green-dim);font-size:.85rem;font-weight:800}.tile-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}.tile{aspect-ratio:1/1;border-radius:18px;box-shadow:0 4px 14px #0000004d;display:block;isolation:isolate;overflow:hidden;position:relative;transition:transform .18s ease,box-shadow .18s ease}.tile:focus-visible,.tile:hover{box-shadow:0 14px 32px #00000080;transform:translateY(-4px) scale(1.03);z-index:2}.tile-lg{grid-column:span 2;grid-row:span 2}.tile-art{display:grid;inset:0;place-items:center;position:absolute}.tile-emoji{filter:drop-shadow(0 4px 10px rgba(0,0,0,.32));font-size:clamp(2.6rem,7vw,4rem);transition:transform .25s ease}.tile-lg .tile-emoji{font-size:clamp(4rem,11vw,7rem)}.tile:hover .tile-emoji{transform:scale(1.14) rotate(-6deg)}.tile-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;border-radius:999px;color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.08em;padding:.2rem .5rem;position:absolute;right:.5rem;text-transform:uppercase;top:.5rem;z-index:3}.tile-overlay{background:linear-gradient(180deg,#0000,#0000008c 45%,#000000d1);display:flex;flex-direction:column;gap:.1rem;inset:auto 0 0 0;padding:1.5rem .7rem .6rem;position:absolute;z-index:2}.tile-name{color:#fff;font-family:Fredoka One,cursive;font-size:.92rem;line-height:1.2;text-shadow:0 1px 4px #00000080}.tile-lg .tile-name{font-size:1.4rem}.tile-sub{color:#ffffffd9;display:none;font-size:.78rem;line-height:1.35}.tile-lg .tile-sub{display:block}.tile-hover{background:#00000059;display:grid;inset:0;opacity:0;place-items:center;position:absolute;transition:opacity .18s ease;z-index:2}.tile:focus-visible .tile-hover,.tile:hover .tile-hover{opacity:1}.tile-play{background:#fffffff2;border-radius:50%;box-shadow:0 6px 18px #0006;color:#14142c;display:grid;font-size:1.15rem;height:52px;padding-left:4px;place-items:center;width:52px}.cat-tile{align-items:center;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem;justify-content:center;padding:.75rem;text-align:center}.cat-tile:hover{border-color:var(--brand-purple)}.cat-tile-icon{font-size:clamp(1.8rem,5vw,2.4rem);transition:transform .25s ease}.cat-tile:hover .cat-tile-icon{transform:scale(1.15) rotate(-6deg)}.cat-tile-name{color:#fff;font-family:Fredoka One,cursive;font-size:.82rem;line-height:1.2}.cat-stacking{background:linear-gradient(150deg,#2a2350,#1c1c36)}.cat-physics{background:linear-gradient(150deg,#16324a,#1c1c36)}.cat-casual{background:linear-gradient(150deg,#3a2340,#1c1c36)}.cat-arcade{background:linear-gradient(150deg,#123a3a,#1c1c36)}.game-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}.category-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.category-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.4rem;transition:transform .2s ease,border-color .2s ease}.category-card:hover{border-color:var(--green);transform:translateY(-4px)}.category-card h3{color:var(--green-deep);font-size:1.15rem;margin-bottom:.5rem}.category-card p{color:var(--text-dim);font-size:.9rem;margin-bottom:.8rem}.cat-link{color:var(--green-deep);font-size:.85rem;font-weight:800}.category-hero{margin:0 auto;max-width:760px;padding:2.5rem 0 3rem;text-align:center}.category-hero h1{color:var(--on-green);font-size:clamp(1.8rem,5vw,2.8rem);margin-bottom:1rem;text-shadow:0 2px 12px #044e3859}.category-hero p{color:var(--on-green-dim)}.prose{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:2rem 2.25rem 2.25rem}.page.narrow.prose,.prose.narrow{padding:2.25rem}.prose h2{font-size:clamp(1.35rem,3vw,1.75rem);margin:2.25rem 0 .85rem}.prose h1{font-size:clamp(1.9rem,5vw,2.6rem);margin-bottom:1rem}.prose p{color:var(--text-dim);margin-bottom:1rem}.prose ol,.prose ul{color:var(--text-dim);margin:0 0 1rem 1.25rem}.prose li{margin-bottom:.4rem}.prose strong{color:var(--text)}.prose a{color:var(--green-deep);text-decoration:underline}.feature-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-top:1.75rem}.feature{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem}.feature-icon{display:block;font-size:1.9rem;margin-bottom:.6rem}.feature h3{font-size:1.05rem;margin-bottom:.4rem}.feature p{color:var(--text-dim);font-size:.88rem;margin:0}.faq-list details{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:.75rem;padding:1rem 1.2rem}.faq-list summary{cursor:pointer;display:flex;font-size:1rem;font-weight:800;gap:1rem;justify-content:space-between;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{color:var(--green-deep);content:"+";flex-shrink:0;font-size:1.3rem;line-height:1}.faq-list details[open] summary:after{content:"−"}.faq-list details p{color:var(--text-dim);font-size:.94rem;margin:.75rem 0 0}.faq h2{font-size:clamp(1.35rem,3vw,1.85rem);margin-bottom:1.25rem}.section.faq{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:2rem 2.25rem 2.25rem}.game-main .faq,.prose .faq{background:none;box-shadow:none;padding:0}.breadcrumbs ol{color:var(--on-green-dim);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem;list-style:none;margin-bottom:1.25rem}.breadcrumbs li:not(:last-child):after{color:#fff9;content:"/";margin-left:.5rem}.breadcrumbs a{color:#fff;font-weight:700}.breadcrumbs a:hover{text-decoration:underline}.game-hero{margin-bottom:1.5rem}.game-hero h1{color:var(--on-green);font-size:clamp(1.7rem,4.5vw,2.6rem);margin-bottom:.6rem;text-shadow:0 2px 12px #044e3859}.game-hero-sub{color:var(--on-green-dim);font-size:1.05rem;margin-bottom:1rem;max-width:700px}.game-hero-meta{display:flex;flex-wrap:wrap;gap:.5rem}.chip{background:#ffffffe6;border:1px solid #ffffffb3;border-radius:999px;color:#065f46;font-size:.8rem;font-weight:800;padding:.3rem .75rem}.play-area{background:#000;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:2.5rem;overflow:hidden}.play-poster{align-items:center;aspect-ratio:16/9;border:none;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;gap:.5rem;justify-content:center;width:100%}.poster-emoji{filter:drop-shadow(0 6px 14px rgba(0,0,0,.4));font-size:clamp(3.5rem,9vw,6rem)}.poster-title{font-size:clamp(1.4rem,4vw,2.2rem);text-shadow:0 2px 8px #00000059}.poster-cta,.poster-title{font-family:Fredoka One,cursive}.poster-cta{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0006;border:2px solid #ffffff80;border-radius:999px;font-size:1.05rem;margin-top:.5rem;padding:.6rem 1.8rem;transition:background .2s ease,transform .2s ease}.play-poster:hover .poster-cta{background:#0009;transform:scale(1.05)}.poster-note{font-size:.85rem;margin-top:.35rem;opacity:.85;padding:0 1rem;text-align:center}.game-iframe{aspect-ratio:16/9;border:none;display:block;width:100%}.game-layout{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:minmax(0,1fr) 320px;margin-bottom:3rem}.game-main{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.75rem 2rem 2rem}.game-main section{margin-bottom:1.5rem}.game-main.prose{padding:1.75rem 2rem 2rem}.feature-list,.how-to{color:var(--text-dim);margin-left:1.25rem}.feature-list li,.how-to li{margin-bottom:.5rem}.game-side{display:flex;flex-direction:column;gap:1.25rem}.info-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.info-box h2{font-size:1.05rem;margin:0 0 .9rem}.info-box dl{grid-gap:.4rem 1rem;display:grid;font-size:.88rem;gap:.4rem 1rem;grid-template-columns:auto 1fr}.info-box dt{color:var(--text-faint);font-weight:700}.info-box dd{color:var(--text-dim);text-align:right;text-transform:capitalize}.tag-cloud{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none}.tag-cloud li{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;color:var(--text-dim);font-size:.75rem;font-weight:700;padding:.25rem .6rem}.side-links{display:flex;flex-direction:column;gap:.5rem;list-style:none}.side-links a{color:var(--green-deep);font-size:.9rem;font-weight:700;text-transform:capitalize}.side-links a:hover{text-decoration:underline}.site-footer{background:linear-gradient(160deg,#065f46,#047857);border-top:1px solid #ffffff2e;margin-top:auto}.footer-inner{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:1.4fr 1fr 1fr;margin:0 auto;max-width:var(--max);padding:3rem 1.25rem 2rem}.footer-col h3{color:#fcd34d;font-size:1rem;margin-bottom:.85rem}.footer-col p{color:#ffffffb8;font-size:.88rem}.footer-col ul{display:flex;flex-direction:column;gap:.5rem;list-style:none}.footer-col a{color:#ffffffd1;font-size:.88rem}.footer-col a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff2e;margin:0 auto;max-width:var(--max);padding:1.25rem}.footer-bottom p{color:#ffffffa8;font-size:.8rem;text-align:center}@media (max-width:900px){.game-layout{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}}@media (max-width:720px){.game-grid,.tile-grid{gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}.tile{border-radius:14px}.tile-name{font-size:.78rem}.tile-overlay{padding:1.2rem .5rem .45rem}.tile-play{font-size:.95rem;height:40px;width:40px}.nav-toggle{display:flex}.site-nav{background:#fff;border-bottom:1px solid var(--border);display:none;flex-direction:column;gap:.15rem;left:0;padding:.75rem;position:absolute;right:0;top:100%}.site-nav.open{display:flex}.header-inner{position:relative}.hero{padding:2.5rem 1.25rem 2rem}.hero-stats{gap:1.5rem}.footer-inner{gap:1.75rem;grid-template-columns:1fr}.info-box dl{gap:.15rem;grid-template-columns:1fr}.info-box dd{margin-bottom:.5rem;text-align:left}}
/*# sourceMappingURL=main.a4b8211f.css.map*/