:root{--font-display:Georgia, "Times New Roman", serif;--font-body:"Avenir Next", Avenir, "Segoe UI", sans-serif;--ink:#18352f;--ink-soft:#527069;--cream:#fbf7eb;--paper:#fffdf8;--mint:#dcecdf;--forest:#174b3f;--forest-dark:#10392f;--coral:#e66f55;--gold:#f2c35c;--line:#18352f24;--shadow:0 24px 80px #1e433a24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);font-family:var(--font-body);margin:0}button,input,textarea{font:inherit}button{color:inherit}a.primary-button,a.secondary-button,a.text-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.welcome-shell{background:radial-gradient(circle at 88% 16%, #f2c35c38, transparent 22rem), radial-gradient(circle at 10% 55%, #b0d6be42, transparent 26rem), var(--cream);min-height:100vh;overflow:hidden}.topbar,.app-header,.play-header{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);min-height:86px;margin:0 auto;display:flex}.brand{color:var(--ink);font:700 22px/1 var(--font-display);cursor:pointer;background:0 0;border:0;align-items:center;gap:11px;padding:0;text-decoration:none;display:inline-flex}.brand i{color:var(--coral);font-style:italic}.brand.compact{font-size:19px}.brand-mark{color:#fff;background:var(--forest);border-radius:50% 50% 48% 40%;place-items:center;width:38px;height:38px;font-family:Georgia,serif;display:grid;transform:rotate(-4deg);box-shadow:inset -5px -4px #00000014}.nav-actions,.play-tools,.hero-actions,.trust-row,.form-actions,.play-footer,.progress-copy{align-items:center;display:flex}.nav-actions{gap:24px}.account-control{color:var(--ink-soft);align-items:center;gap:10px;font-size:12px;display:flex}.account-control>span{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.plan-pill{border:1px solid var(--line);color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;background:#ffffff73;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800}.text-button{cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:4px 0;font-weight:800}.hero{grid-template-columns:.92fr 1.08fr;align-items:center;gap:70px;width:min(1180px,100% - 40px);min-height:650px;margin:18px auto 80px;display:grid}.hero-copy{padding:48px 0}.eyebrow{color:var(--coral);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:900;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:24px;height:2px}h1,h2,h3,p{margin-top:0}.hero h1,.setup-copy h1,.game-heading h1{font-family:var(--font-display), serif;letter-spacing:-.045em;font-weight:650}.hero h1{max-width:600px;margin:20px 0 22px;font-size:clamp(52px,5.3vw,78px);line-height:.98}.game-name{color:var(--coral);font:900 13px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px;display:block}.hero-copy>p{max-width:570px;color:var(--ink-soft);font-size:19px;line-height:1.65}.hero-actions{gap:13px;margin-top:32px}.primary-button,.secondary-button{cursor:pointer;border:1px solid #0000;border-radius:14px;min-height:52px;padding:0 22px;font-weight:900;transition:transform .18s,box-shadow .18s,background .18s}.primary-button{color:#fff;background:var(--forest);box-shadow:0 10px 24px #174b3f2e}.secondary-button{color:var(--forest);border-color:var(--line);background:#fff9}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.primary-button:hover{background:var(--forest-dark);box-shadow:0 14px 30px #174b3f3d}.trust-row{color:var(--ink-soft);gap:22px;margin-top:34px;font-size:12px}.trust-row span{border-right:1px solid var(--line);padding-right:22px}.trust-row span:last-child{border:0;padding:0}.trust-row b{color:var(--ink);font-size:15px}.pricing{text-align:center;width:min(1080px,100% - 40px);margin:80px auto}.pricing h2{font:650 clamp(36px, 5vw, 54px)/1 var(--font-display);margin:14px 0 24px}.billing-toggle{border:1px solid var(--line);background:#ffffff8c;border-radius:999px;padding:4px;display:inline-flex}.billing-toggle button{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 14px;font-weight:800}.billing-toggle button.active{color:#fff;background:var(--forest)}.price-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;display:grid}.price-grid article{border:1px solid var(--line);background:#ffffffb8;border-radius:22px;padding:28px}.price-grid article.featured{border:2px solid var(--forest);box-shadow:var(--shadow)}.price-grid article>span{color:var(--coral);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:900}.price-grid h3{font:650 30px/1.1 var(--font-display);margin:12px 0}.price-grid p{min-height:72px;color:var(--ink-soft);line-height:1.5}.price-grid button{width:100%}.manage-billing{margin-top:24px}.billing-message,.test-notice{color:var(--ink-soft);margin:16px auto 0;font-size:13px}.test-notice{font-style:italic}.billing-shell{background:var(--cream);min-height:100vh}.billing-intro{text-align:center;width:min(1080px,100% - 40px);margin:60px auto 0}.billing-intro h1{font:650 clamp(44px, 6vw, 68px)/1 var(--font-display);margin:14px 0}.billing-intro p{color:var(--ink-soft);font-size:18px}.billing-signin{text-align:center;border:1px solid var(--line);background:var(--paper);width:min(560px,100% - 40px);box-shadow:var(--shadow);border-radius:24px;margin:48px auto;padding:38px}.billing-signin h2{font:650 30px/1.1 var(--font-display)}.billing-signin p{color:var(--ink-soft);line-height:1.6}.hero-preview{position:relative;transform:rotate(1.2deg)}.preview-note{z-index:3;color:#6d4c12;font:650 18px/1 var(--font-display);background:#f8d980;padding:13px 18px;position:absolute;top:-28px;right:-24px;transform:rotate(5deg);box-shadow:0 12px 28px #6349122e}.mini-window{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #ffffffe6;border-radius:25px;padding:12px;position:relative}.mini-window-bar{gap:6px;padding:4px 4px 13px;display:flex}.mini-window-bar span{background:#bfd2ca;border-radius:50%;width:7px;height:7px}.mini-window-bar span:first-child{background:#ed8a70}.mini-content{background:var(--forest);border-radius:17px;padding:23px}.mini-content>p{color:#fff;font:650 23px/1.2 var(--font-display), serif}.mini-board{aspect-ratio:1.22;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mini-tile{color:var(--ink);background:#f6ecd4;border-radius:10px;flex-direction:column;justify-content:space-between;padding:11px;display:flex;position:relative;overflow:hidden}.mini-tile:nth-child(2n){background:#dcecdf}.mini-tile:nth-child(3n){background:#f6d4c9}.mini-tile>span{color:var(--coral);font-size:11px;font-weight:900}.mini-tile small{font-size:clamp(7px,.8vw,11px);font-weight:800;line-height:1.15}.mini-tile.open{padding:0}.mini-tile .sunrise-scene{width:300%;height:300%;position:absolute;inset:0}.mini-tile:nth-child(5) .sunrise-scene{top:-100%;left:-100%}.mini-tile:nth-child(9) .sunrise-scene{top:-200%;left:-200%}.how-it-works{border-top:1px solid var(--line);width:min(1180px,100% - 40px);margin:0 auto;padding:90px 0 110px}.how-it-works h2{font:650 clamp(38px, 4vw, 56px)/1 var(--font-display), serif;letter-spacing:-.035em;margin:15px 0 48px}.steps{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.steps article{border:1px solid var(--line);background:#ffffff70;border-radius:20px;padding:30px}.steps article>span{color:var(--coral);font-weight:900}.steps h3{font:650 23px/1.15 var(--font-display);margin:32px 0 10px}.steps p{color:var(--ink-soft);margin:0;line-height:1.6}footer{color:var(--ink-soft);text-align:center;background:#eef0e6;padding:25px 20px;font-size:12px}footer p{margin:0}.callback-shell{background:radial-gradient(circle at 50% 15%, #f2c35c40, transparent 22rem), var(--cream);place-items:center;min-height:100vh;padding:24px;display:grid}.callback-card{text-align:center;border:1px solid var(--line);background:var(--paper);width:min(520px,100%);box-shadow:var(--shadow);border-radius:24px;padding:55px 42px}.callback-card .brand-mark{margin:0 auto 20px}.callback-card h1{font:650 34px/1.15 var(--font-display);margin:20px 0 28px}.callback-card a{color:var(--forest);font-weight:900}.app-shell,.play-shell{background:var(--cream);min-height:100vh}.app-header,.play-header{border-bottom:1px solid var(--line)}.setup-layout{grid-template-columns:.7fr 1.3fr;align-items:start;gap:75px;width:min(1120px,100% - 40px);margin:0 auto;padding:72px 0 100px;display:grid}.setup-copy{position:sticky;top:35px}.setup-copy h1{margin:18px 0;font-size:55px;line-height:1}.setup-copy p{color:var(--ink-soft);font-size:17px;line-height:1.65}.setup-card{border:1px solid var(--line);background:var(--paper);border-radius:24px;padding:34px;box-shadow:0 20px 60px #1b3c3417}.setup-card>label{color:var(--ink-soft);margin-bottom:22px;font-size:13px;font-weight:900;display:block}input,textarea{width:100%;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;margin-top:8px;padding:13px 14px}input:focus,textarea:focus{border-color:var(--forest);box-shadow:0 0 0 3px #174b3f1a}textarea{resize:vertical}fieldset{border:0;margin:30px 0 0;padding:0}legend{font:650 22px/1 var(--font-display);margin-bottom:14px}.prompt-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.prompt-field{position:relative}.prompt-field>span{z-index:1;color:var(--coral);font-size:11px;font-weight:900;position:absolute;top:21px;left:12px}.prompt-field input{margin:0;padding-left:40px}.form-actions{justify-content:flex-end;gap:10px;margin-top:28px}.play-shell{background:radial-gradient(circle at 70% -10%, #f2c35c2e, transparent 35rem), var(--cream);min-height:100vh;padding-bottom:28px}.play-header{width:min(1320px,100% - 36px)}.play-tools{gap:7px}.icon-button{min-height:38px;color:var(--ink-soft);border:1px solid var(--line);cursor:pointer;background:#ffffff8c;border-radius:9px;padding:0 11px;font-size:13px;font-weight:800}.icon-button:disabled{opacity:.4;cursor:default}.icon-button span{margin-left:3px}.game-heading{justify-content:space-between;align-items:end;gap:45px;width:min(1200px,100% - 36px);margin:0 auto;padding:36px 0 25px;display:flex}.game-heading h1{margin:10px 0 7px;font-size:clamp(36px,4vw,55px);line-height:1}.game-heading p{max-width:750px;color:var(--ink-soft);margin:0}.progress-wrap{width:230px;padding-bottom:5px}.progress-copy{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;margin-bottom:9px;font-size:11px;font-weight:900}.progress-copy b{color:var(--ink)}.progress-track{background:#dfe5d9;border-radius:10px;height:7px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--coral);height:100%;transition:width .3s;display:block}.game-board{aspect-ratio:1.72;background:var(--forest-dark);width:min(1050px,100% - 36px);box-shadow:var(--shadow);border-radius:24px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:8px;margin:0 auto;padding:8px;display:grid;position:relative;overflow:hidden}.scene-underlay{border-radius:16px;position:absolute;inset:8px;overflow:hidden}.game-tile{z-index:2;color:var(--ink);text-align:left;cursor:pointer;background:#f7edd6;border:0;border-radius:13px;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:clamp(14px,2vw,25px);transition:opacity .45s,transform .25s,box-shadow .2s;display:flex;position:relative}.game-tile:nth-of-type(3n+2){background:#dfecdf}.game-tile:nth-of-type(3n+3){background:#f5d7cb}.game-tile:hover{z-index:3;transform:translateY(-3px);box-shadow:0 8px 20px #0e2e262e}.game-tile.revealed{opacity:0;pointer-events:none;transform:scale(.92)rotate(1deg)}.tile-number{color:var(--coral);letter-spacing:.08em;font-size:11px;font-weight:900}.tile-prompt{max-width:90%;font:650 clamp(15px, 1.7vw, 25px)/1.1 var(--font-display)}.tile-action{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:900}.tile-action b{color:var(--coral)}.completion-message{z-index:4;min-width:280px;color:var(--forest-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffdf8e6;border:1px solid #ffffffe6;border-radius:16px;grid-template-columns:auto 1fr;gap:2px 12px;padding:18px 24px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 55px #18352f33}.completion-message>span{color:var(--coral);grid-row:1/3;align-self:center;font-size:28px}.completion-message b{font:650 22px/1.2 var(--font-display)}.completion-message small{color:var(--ink-soft)}.play-footer{width:min(1050px,100% - 36px);color:var(--ink-soft);justify-content:space-between;margin:14px auto 0;font-size:12px}.sunrise-scene{background:linear-gradient(#b9dcd4 0%,#f8d58b 58%,#f3b467 100%);width:100%;height:100%;position:relative;overflow:hidden}.sun,.ray,.cloud,.hill,.flower{display:block;position:absolute}.sun{aspect-ratio:1;background:#fff4ba;border-radius:50%;width:24%;top:20%;left:38%;box-shadow:0 0 70px #fff1a4e6}.ray{transform-origin:bottom;background:#fff5be99;width:2px;height:36%;top:1%;left:50%}.ray-one{transform:rotate(-52deg)}.ray-two{transform:rotate(48deg)}.ray-three{transform:rotate(90deg)}.cloud{background:#ffffffa6;border-radius:999px;width:15%;height:5%}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:0}.cloud:before{aspect-ratio:1;width:35%;left:18%}.cloud:after{aspect-ratio:1;width:48%;right:12%}.cloud-one{top:22%;left:10%}.cloud-two{top:32%;right:8%;transform:scale(.75)}.hill{border-radius:50% 50% 0 0;width:125%;height:54%;bottom:-27%;left:-12%}.hill-back{background:#68967a;bottom:-33%;left:20%;transform:rotate(-5deg)}.hill-front{background:#376c58;transform:rotate(5deg)}.flower{z-index:2;color:#f7df83;font-size:clamp(14px,2.5vw,34px)}.flower-one{bottom:11%;left:18%}.flower-two{color:#f49a7b;bottom:7%;right:23%}.flower-three{color:#fff0b2;bottom:18%;right:9%;transform:scale(.6)}@media (max-width:820px){.price-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr;gap:25px;min-height:auto}.hero-copy{padding-bottom:10px}.hero-preview{max-width:620px}.steps{grid-template-columns:1fr}.setup-layout{grid-template-columns:1fr;gap:30px;padding-top:40px}.setup-copy{position:static}.game-heading{flex-direction:column;align-items:start;gap:18px}.progress-wrap{width:100%}.game-board{aspect-ratio:1.3}}@media (max-width:560px){.topbar,.app-header,.play-header{width:min(100% - 24px,1180px);min-height:70px}.topbar .plan-pill,.app-header .plan-pill,.icon-button span{display:none}.nav-actions{gap:14px}.hero{width:calc(100% - 28px);margin-top:0}.hero h1{font-size:48px}.hero-actions{flex-direction:column;align-items:stretch}.trust-row{justify-content:space-between;gap:10px}.trust-row span{padding-right:10px}.preview-note{right:4px}.mini-content{padding:14px}.how-it-works{width:calc(100% - 28px);padding-top:65px}.setup-layout{width:calc(100% - 24px)}.setup-copy h1{font-size:43px}.setup-card{padding:20px 15px}.prompt-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse;align-items:stretch}.game-heading{width:calc(100% - 24px);padding-top:24px}.game-heading h1{font-size:38px}.game-board{aspect-ratio:.83;border-radius:16px;gap:5px;width:calc(100% - 16px);padding:5px}.scene-underlay{inset:5px}.game-tile{border-radius:9px;padding:12px 9px}.tile-prompt{font-size:14px}.tile-action{display:none}.play-footer{width:calc(100% - 24px)}.play-footer>span{display:none}.play-footer{justify-content:flex-end}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}