@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#17221d;font-synthesis:none;background:#f7f8f3;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 76% 12%,#f1f3e9 0,#f7f8f3 34rem);min-width:320px;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #b5d86b}.app-shell{max-width:1240px;margin:auto;padding:0 38px}.topbar{border-bottom:1px solid #e7eae0;justify-content:space-between;align-items:center;height:94px;display:flex}.brand{color:#17221d;letter-spacing:-.045em;align-items:center;gap:10px;font-size:18px;font-weight:800;text-decoration:none;display:flex}.brand em{color:#7da440;font-style:normal}.brand-mark{color:#9dbf57;font-size:24px}nav,.footer-links{align-items:center;gap:28px;display:flex}.nav-link,.footer-links a,.footer-links button{color:#67736a;background:0 0;border:0;font-size:13px;font-weight:600;text-decoration:none}.nav-count{color:#779642;background:#ebf2d8;border-radius:20px;margin-left:3px;padding:3px 7px;font-size:11px}.hero-grid{grid-template-columns:.91fr 1.09fr;align-items:center;gap:80px;padding:74px 0 66px;display:grid}.eyebrow{color:#99b65c;letter-spacing:.15em;margin:0 0 18px;font:500 10px DM Mono,monospace}.live-dot,.fallback-dot{vertical-align:1px;background:#a9ca61;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #edf4df}h1{letter-spacing:-.075em;margin:0;font-size:clamp(45px,5.4vw,76px);font-weight:800;line-height:.98}.hero-copy h1 span,h2 span{color:#9bbd57}.lede{color:#69776d;max-width:390px;margin:26px 0 38px;font-size:15px;line-height:1.75}.quick-stats{gap:36px;display:flex}.quick-stats div{flex-direction:column;gap:5px;display:flex}.quick-stats strong{letter-spacing:-.05em;font-size:25px}.quick-stats span{color:#9aa39b;text-transform:uppercase;letter-spacing:.08em;font:10px DM Mono,monospace}.game-card{background:#fff;border:1px solid #e8ebe2;border-radius:26px;padding:20px;box-shadow:0 18px 50px #2942250d}.card-top,.progress-label{justify-content:space-between;align-items:center;display:flex}.pill{color:#789543;letter-spacing:.12em;background:#f1f6e6;border-radius:20px;padding:8px 11px;font:500 9px DM Mono,monospace}.pill .live-dot{width:5px;height:5px;box-shadow:none;margin-right:6px}.rate{color:#98a09a;font:11px DM Mono,monospace}.tree-scene{background:linear-gradient(155deg,#eaf1d9,#f6f4dc 62%,#ddebc9);border-radius:18px;height:278px;margin:17px 0 0;position:relative;overflow:hidden}.sun{opacity:.8;background:#f7df91;border-radius:50%;width:110px;height:110px;position:absolute;top:-35px;right:10%}.cloud{opacity:.7;background:#fff9e8;border-radius:20px;width:72px;height:11px;position:absolute}.cloud-one{top:64px;left:16%}.cloud-two{top:101px;right:12%;transform:scale(.7)}.tree-art{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.canopy{background:#83a84a;border-radius:50%;transition:all .5s cubic-bezier(.2,.8,.2,1);position:absolute}.canopy-back{background:#a8c56e;width:142px;height:88px;transform:translate(-34px,-25px)}.canopy-main{color:#f1f5d8;background:#82a74b;place-items:center;width:160px;height:132px;font-size:42px;display:grid;transform:translateY(-2px);box-shadow:-30px 17px 0 -10px #98b85d,28px 22px 0 -13px #739940}.stage-seed .canopy-main{width:54px;height:34px;font-size:18px;transform:translateY(35px)}.stage-seed .canopy-back{display:none}.stage-sprout .canopy-main{width:88px;height:70px;font-size:25px}.stage-young-tree .canopy-main{width:130px;height:104px}.stage-joy-grove .canopy-main,.stage-joy-forest .canopy-main{width:175px;height:145px}.tree-art.pressed .canopy-main{transform:translateY(-8px)scale(1.06)}.trunk{z-index:0;background:#9b7047;border-radius:20px;width:20px;height:80px;position:absolute;bottom:42px}.ground{background:#c8dba0;border-radius:50%;width:310px;height:100px;position:absolute;bottom:-45px}.stage-copy{align-items:center;gap:12px;padding:18px 5px 14px;display:flex}.stage-icon{color:#88a851;font-size:27px}.stage-copy strong{font-size:16px}.stage-copy p{color:#8b968c;margin:3px 0 0;font-size:12px}.progress-wrap{padding:8px 5px 17px}.progress-label{color:#a4aea5;text-transform:uppercase;letter-spacing:.06em;font:10px DM Mono,monospace}.progress-label strong{color:#849e52;font-size:11px}.progress-track{background:#edf0e9;border-radius:5px;height:5px;margin-top:9px;overflow:hidden}.progress-fill{border-radius:inherit;background:#a5c761;height:100%;transition:width .5s}.press-button{color:#fff;background:#a6c862;border:0;border-radius:14px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:58px;font-size:15px;font-weight:800;transition:transform .12s,box-shadow .12s,background .2s;display:flex;box-shadow:0 7px #88a94a}.press-button:hover{background:#9bbd58}.press-button:active,.press-button.pressed{transform:translateY(5px);box-shadow:0 2px #88a94a}.press-button:disabled{cursor:not-allowed;background:#bdc5b8;box-shadow:0 7px #9ea89e}.button-spark{font-size:19px}.button-arrow{opacity:.7;margin-left:25px}.press-hint{color:#9aa49a;text-align:center;min-height:14px;margin:14px 0 0;font-size:11px}.lower-grid{grid-template-columns:.75fr 1.25fr;gap:22px;padding-bottom:72px;display:grid}.invite-card,.achievements-card{background:#f0f4e4;border:1px solid #e8ebe2;border-radius:20px;padding:28px;position:relative;overflow:hidden}.invite-card h2,.achievements-card h2,.modal h2{letter-spacing:-.06em;margin:0;font-size:26px;line-height:1.1}.invite-card>div:first-child{z-index:1;position:relative}.invite-card p:not(.eyebrow){color:#748170;max-width:240px;font-size:12px;line-height:1.6}.mini-people{width:145px;height:100px;position:absolute;bottom:18px;right:25px}.mini-people span{color:#a2bd67;left:calc((var(--i) % 4) * 31px);top:calc((var(--i) / 4) * 31px);opacity:.45;font-size:30px;position:absolute}.achievements-card{background:#fff}.section-heading{justify-content:space-between;align-items:flex-start;margin-bottom:29px;display:flex}.text-button{color:#7e9b48;background:0 0;border:0;font-size:12px;font-weight:700}.achievement-row{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.achievement{background:#f6f8f2;border-radius:12px;align-items:center;gap:11px;padding:12px;display:flex}.achievement>span{color:#99b959;font-size:23px}.achievement strong,.achievement small{display:block}.achievement strong{font-size:12px}.achievement small{color:#a1aaa1;margin-top:4px;font-size:9px}.achievement.locked{opacity:.42;filter:grayscale(.6)}.fallback{color:#8f793c;background:#fff8e2;border:1px solid #f2e3ae;border-radius:10px;margin-top:20px;padding:12px 16px;font-size:12px}.fallback button{color:#78913f;background:0 0;border:0;margin-left:8px;font-weight:800}.fallback-dot{box-shadow:none;background:#d2a849}footer{color:#a4ada5;border-top:1px solid #e7eae0;justify-content:space-between;align-items:center;min-height:74px;font-size:11px;display:flex}.footer-links{gap:18px}.footer-links a,.footer-links button{font-size:11px}.modal-backdrop{z-index:5;background:#1f2a2088;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:22px;width:min(520px,100%);max-height:90vh;padding:32px;position:relative;overflow:auto;box-shadow:0 25px 70px #17221d44}.modal-close{color:#778274;background:#f4f6f0;border:0;border-radius:50%;width:30px;height:30px;font-size:22px;position:absolute;top:14px;right:17px}.modal-intro{color:#8d998d;margin:10px 0 20px;font-size:13px}.achievement-list{gap:8px;display:grid}.achievement.large{padding:13px}.achievement.large>b{color:#94af50;margin-left:auto;font-size:12px}.name-entry{border-top:1px solid #eef0eb;margin-top:22px;padding-top:18px}.name-entry label{color:#7d897e;margin-bottom:7px;font-size:11px;display:block}.name-entry>div{gap:8px;display:flex}.name-entry input{color:#243025;border:1px solid #e1e6da;border-radius:8px;flex:1;min-width:0;padding:10px 12px}.save-button{color:#fff;background:#a6c862;border:0;border-radius:8px;padding:0 16px;font-weight:800}@media (width<=780px){.app-shell{padding:0 20px}.topbar{height:76px}nav .nav-link:last-child{display:none}.hero-grid{grid-template-columns:1fr;gap:42px;padding:48px 0}.hero-copy{text-align:center}.lede{margin-left:auto;margin-right:auto}.quick-stats{justify-content:center}.lower-grid,.achievement-row{grid-template-columns:1fr}.invite-card{min-height:220px}footer{flex-direction:column;align-items:flex-start;gap:12px;padding:20px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.simple-page{max-width:720px;min-height:75vh;margin:0 auto;padding:80px 0}.simple-page h1{margin:24px 0;font-size:clamp(46px,7vw,76px)}.simple-page h1 span{color:#9bbd57}.back-link{color:#7e9b48;font-size:13px;font-weight:700;text-decoration:none}.simple-button{width:auto;margin-top:25px;padding:0 24px;text-decoration:none;display:inline-flex}.info-list{gap:12px;margin:35px 0;display:grid}.info-list div{border-bottom:1px solid #e7eae0;align-items:baseline;gap:18px;padding:18px 0;display:flex}.info-list b{color:#a5c761;font:12px DM Mono,monospace}.info-list p{color:#69776d;margin:0;line-height:1.6}.settings-label{color:#7d897e;margin-top:35px;margin-bottom:8px;font-size:12px;display:block}.settings-input{color:#243025;border:1px solid #e1e6da;border-radius:8px;width:min(400px,100%);padding:13px;display:block}