:root{--ink:#133d3c;--font-display:'Fredoka',system-ui,sans-serif;--comic:0 6px 0 #153b3b12;--mint:#e9f0de}body{background:#f7f6ed;color:var(--ink)}.nav{background:#f7f6edf5;color:var(--ink);box-shadow:none;border-bottom:1px solid #e0e5d7;padding:14px 4%;backdrop-filter:blur(12px)}.brand{font-size:22px}.brand-coin{width:40px;height:40px}.links{gap:16px}.links a{font-size:13px}.sound{border:1px solid #c7d6c7;border-radius:14px;background:#edf2e5;box-shadow:none;color:#133d3c}.launch-hero{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:#153f3f;color:#fffbed;padding:66px 6% 70px;overflow:hidden;align-items:center}.hero-copy{z-index:1}.eyebrow{font:800 10px var(--font-body);letter-spacing:2px}.hero-copy h1{font:500 clamp(45px,5.6vw,83px)/1.05 var(--font-display);letter-spacing:-3px;margin:22px 0}.hero-copy h1 em{color:#b7f378;font-style:normal}.hero-copy>p{max-width:410px;color:#d6e5d3;font-size:17px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:25px;margin:28px 0}.launch-button{display:flex;align-items:center;gap:25px;background:#b7f378;color:#153f3f;text-decoration:none;padding:18px 24px;border-radius:17px;font-weight:900;box-shadow:0 5px 0 #7baa58}.launch-button span{font-size:26px}.quiet-link{color:#e7f1d8;text-decoration:none;font-size:13px;font-weight:800}.hero-note{display:flex;flex-wrap:wrap;gap:16px;font-size:10px;color:#b5cebd}.hero-diorama{position:absolute;width:55%;height:100%;right:0;top:0;background:radial-gradient(ellipse at 50% 50%,#32736e88,transparent 66%)}#heroWorld{width:100%;height:100%;display:block}.orbit-label{position:absolute;padding:12px 17px;background:#f8f7e9;color:#143e3e;border-radius:14px;box-shadow:0 12px 35px #002b3040;font-size:12px;font-weight:800}.label-one{left:6%;bottom:22%;transform:rotate(-7deg)}.label-two{right:6%;top:22%;transform:rotate(6deg)}.world-hub{padding:70px 5%;max-width:1420px;margin:auto}.hub-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:30px}.hub-heading h2{font:500 clamp(28px,3vw,43px) var(--font-display);letter-spacing:-1px;margin:10px 0}.hub-heading p{font-size:13px;line-height:1.8;color:#54706a}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.world-card{display:block;text-decoration:none;background:#fffef8;border-radius:25px;overflow:hidden;border:1px solid #dce4d4;box-shadow:0 9px 24px #21403907;transition:transform .25s,box-shadow .25s}.world-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #21403919}.world-picture{height:255px;position:relative;background:#9ad8d5}.world-picture canvas{display:block;width:100%;height:100%}.world-tag{position:absolute;left:16px;top:16px;padding:7px 10px;background:#ffffffbd;border-radius:8px;font-size:8px;font-weight:900;letter-spacing:1px}.park .world-picture{background:#c2e6bb}.drive .world-picture{background:#c1d5e9}.blocks .world-picture{background:#e5cfee}.seafood .world-picture{background:#9ed5d9}.world-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px}.world-caption small{font-size:8px;font-weight:850;letter-spacing:1px;color:#658179}.world-caption h3{font:500 25px var(--font-display);letter-spacing:-.5px;margin:7px 0}.world-caption p{font-size:11px;color:#668078;margin:0;line-height:1.6}.play-orb{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:50%;background:#b7ef83;color:#20432d}.learning-art{height:255px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#ffeab9,#f0d19a);position:relative}.learning-art span:first-child{font-size:120px;filter:drop-shadow(0 20px 9px #74574e22)}.learning-art span:nth-child(2){font-size:45px;position:absolute;left:18%;top:18%;transform:rotate(-20deg)}.learning-art span:nth-child(3){font-size:45px;position:absolute;right:16%;bottom:15%;transform:rotate(15deg)}.define{background:#e9efdd;border:0;padding:34px 5%}.define-inner{gap:45px}.dict{border:0;box-shadow:none;background:transparent;padding:0;font-size:13px}.dict-word{font-size:32px}.credit{font-size:11px}.four-jars{gap:10px}.jar{border:0;box-shadow:none;border-radius:16px;background:#f9fbf2;padding:16px}.jar .e{font-size:25px}.jar span:last-child{font-size:10px}.games{padding:65px 5%;background:#f7f6ed}.games>h2{font:500 42px var(--font-display);letter-spacing:-1px}.section-eyebrow{display:block;max-width:1150px;margin:0 auto 10px}.lead{font-size:15px;color:#55736c}.game-grid{grid-template-columns:1fr 1fr;gap:26px}.game{border:1px solid #d7e1d0;border-radius:28px;padding:28px;background:#fffef9;box-shadow:0 8px 24px #29443806}.game-head{border:0;background:none;padding:0;justify-content:flex-start;gap:12px}.game-head h3{font:500 28px var(--font-display)}.game-emoji{font-size:29px}.game-how{font-size:13px;line-height:1.8;color:#54726c}.btn{border:1px solid #8eb476;box-shadow:0 4px 0 #739d6040;background:#baf183;color:#1a4129;border-radius:14px;text-shadow:none}.btn-alt{background:#f7da95;border-color:#d4ba77}.btn-sm{font-size:13px}.saving-steps{display:flex;gap:8px;justify-content:space-between;margin:20px 0;font-size:10px;font-weight:850}.saving-steps span{padding:8px;border-radius:10px;background:#f0f2df}.goal-hint{font-size:12px;animation:none}.goal-grid{gap:10px}.goal-card{border:1px solid #d2dccb;border-radius:17px;box-shadow:none;background:#fff}.goal-card[aria-pressed=true]{border:3px solid #7eb764;background:#f2fadc;transform:none}.goal-card b{font-size:12px}.goal-card i{font-size:12px}.goal-card .gimg{height:64px;font-size:44px}.piggy-stage.drag{background:radial-gradient(ellipse at 55% 45%,#fffbf6,#f8e5e0);border:1px solid #f0d5ce;min-height:265px;border-radius:24px;padding:18px;margin-top:18px;grid-template-columns:70px 1fr 62px;gap:5px;overflow:visible}.piggy-svg{width:100%;max-width:270px;filter:drop-shadow(0 13px 8px #b4607824)}.piggy-total{font-size:15px}.piggy-total span{font-size:25px;color:#8b4467}.piggy-total small{font-size:10px}.coins{display:flex;flex-wrap:wrap;gap:7px}.dcoin{width:44px;height:44px;font-size:13px;border-width:2px}.bar{height:31px;border:1px solid #c3d8b2;box-shadow:none;border-radius:12px;background:#edf3e4}.bar-fill{background:linear-gradient(90deg,#93d56e,#c2ec8d);transition:width .8s cubic-bezier(.2,.8,.2,1)}.bar-label{font-size:11px;color:#244731}.game-msg{font-size:13px;min-height:45px;line-height:1.6}.grown{font-size:11px}.grown summary{padding:10px}.goal-form input{border-width:1px}.goal-done{border-width:1px}.nw-progress{display:flex;gap:8px;margin:22px 0 12px;justify-content:center}.nw-progress span{width:14px;height:14px;border-radius:50%;background:#dce7d9;transition:transform .25s,background .25s}.nw-progress span.current{background:#edbb62;box-shadow:0 0 0 4px #f4e4bd}.nw-progress span.finished{background:#76b784}.hear-card{display:block;margin:0 auto 12px;font-size:12px;color:#406966;padding:9px 14px;border:1px solid #cadbc9;border-radius:14px;background:#f6faf0}.nw-card{min-height:270px;border:0;border-radius:23px;background:radial-gradient(ellipse at 50% 32%,#fffef9,#e3ecd8);box-shadow:inset 0 -10px 0 #c9d7bf55;padding:20px;isolation:isolate}.display-label{font-size:8px;letter-spacing:1.2px;font-weight:850;color:#78917f}.nw-emoji{font-size:100px;line-height:1.4;filter:drop-shadow(0 15px 7px #47584425);transform-origin:50% 80%;animation:display-float 3s ease-in-out infinite}.nw-name{font-size:22px;color:#294943}.nw-stamp{font-size:40px;right:15px;top:35px}.nw-card.ok,.nw-card.bad{background:radial-gradient(ellipse,#fffef2,#dfecc9);border:0}.nw-card.bad .nw-name{color:#294943}.nw-card.bad .nw-stamp{color:#8c733e}.nw-card.locked .nw-emoji{animation:sort-pop .6s ease both}.row.big{gap:12px;margin:18px 0 10px}.row.big button{flex:1;display:block;min-height:100px;font-size:23px;line-height:1.2;border-radius:20px}.row.big button>span{display:block;font-size:28px;margin-bottom:5px}.row.big button small{display:block;font:700 9px var(--font-body);margin-top:8px}.btn-need{background:#c5edc8;border-color:#82ba88;box-shadow:0 5px 0 #8ebb9540}.btn-want{background:#ffe0a6;border-color:#d6b66d;box-shadow:0 5px 0 #b9996340}.nw-continue{display:block;width:100%;font-size:18px;min-height:52px;background:#9bed67}.nw-continue[hidden]{display:none}.score{font-size:11px;color:#648078;margin-top:13px}.score.small{font-size:10px}.game-msg.bad{color:#746040}.link-btn{font-size:12px;color:#426b62}.watch,.learn,.parents{padding:60px 5%;background:#eef2e3;border:0}.watch h2,.learn h2,.parents h2{font:500 34px var(--font-display)}.learn{background:#f7f6ed}.vid,.pcard,.card{border:1px solid #d8e2ce;box-shadow:none;border-radius:20px}.vid .t{font-size:15px}.tab{border:1px solid #c3d2b5;box-shadow:none;font-size:12px}.tab[aria-selected=true]{background:#174a43;color:#fff}.pcard{background:#fcfdf7}.parents p,.parents li{font-size:13px;line-height:1.8}.watch-note{font-size:11px}.meter{background:#edf4df}.meter .stat{border:0;border-radius:17px;background:#fffaf0}footer{background:#153f3f;color:#dcebd2;border:0;font-size:12px}.tabbar{background:#fffdf3;border-top:1px solid #d3dfc7;box-shadow:none}.tabbar a{color:#30564a}.tabbar a.active{background:#cceca9}.sheet-card{border:1px solid #d8dfcf;box-shadow:0 25px 90px #0a352744}.goal-hint,.goal-card{scroll-margin-top:100px}#gPiggy,#gNW,#worlds,#play{scroll-margin-top:100px}@keyframes display-float{50%{transform:translateY(-6px) rotate(3deg)}}@keyframes sort-pop{40%{transform:translateY(-16px) scale(1.12)}100%{transform:scale(.94)}}
@media(max-width:900px){.launch-hero{padding:45px 5%;min-height:550px}.hero-copy h1{font-size:55px}.hero-copy>p{max-width:300px;font-size:14px}.hero-note{max-width:300px}.world-grid{grid-template-columns:1fr 1fr}.world-picture,.learning-art{height:240px}.game-grid{grid-template-columns:1fr}.hero-actions{flex-wrap:wrap;gap:18px}.game{max-width:700px;width:100%;margin:auto}.hero-diorama{width:52%}.orbit-label{font-size:9px}.hub-heading{align-items:flex-start}.nav .links{gap:10px}.nav .links a{font-size:11px}}
@media(max-width:600px){.nav{position:relative;padding:12px 5%}.brand{font-size:20px}.nav .links{display:none}.launch-hero{display:block;min-height:820px;padding:38px 7% 380px}.hero-copy h1{font-size:53px;letter-spacing:-2px;margin-top:18px}.hero-copy>p{max-width:310px}.hero-diorama{height:385px;top:auto;bottom:0;width:100%}.label-one{bottom:20%;left:5%}.label-two{top:15%;right:6%}.hero-note{font-size:9px;gap:12px;max-width:none}.hero-actions{gap:20px}.launch-button{padding:14px 18px;font-size:14px}.quiet-link{font-size:12px}.world-hub{padding:38px 5%}.hub-heading{display:block}.hub-heading h2{font-size:30px}.hub-heading p{font-size:12px}.world-grid{gap:13px}.world-picture,.learning-art{height:155px}.world-caption{padding:14px;display:block}.world-caption h3{font-size:20px;line-height:1.1}.world-caption p{font-size:10px;min-height:45px}.world-caption small{font-size:7px}.world-tag{font-size:6px;left:8px;top:9px;padding:5px;max-width:90%}.play-orb{width:34px;height:34px;margin-top:10px}.learning-art span:first-child{font-size:78px}.learning-art span:nth-child(2),.learning-art span:nth-child(3){font-size:26px}.define-inner{display:block}.dict-word{font-size:27px}.four-jars{margin-top:20px}.jar{padding:10px}.jar b{font-size:13px}.jar span:last-child{font-size:8px}.games{padding:40px 4%}.games>h2{font-size:30px}.game{padding:19px;border-radius:24px}.game-head h3{font-size:25px}.game-how{font-size:12px}.saving-steps{font-size:8px;gap:4px}.saving-steps span{padding:7px 5px}.piggy-stage.drag{grid-template-columns:50px 1fr 47px;min-height:230px;padding:12px 8px}.piggy-total span{font-size:20px}.piggy-svg{min-width:0}.dcoin{width:38px;height:38px;font-size:11px}.goal-card .gimg{height:52px}.goal-card b{font-size:10px}.nw-card{min-height:260px}.row.big button{font-size:21px}.tabbar a{font-size:8px}.tabbar a span{font-size:20px}#gPiggy,#gNW,#worlds,#play{scroll-margin-top:20px}.games .wide{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.nav .brand,.nav .brand span,.nav .links a{color:#17433e;text-shadow:none}.nav .brand b{color:#518d55}.piggy-stage.just-saved{box-shadow:0 0 0 4px #a9db83,0 0 28px #b9e69266}.home-save-guide{z-index:4}.piggy-stage:has(.lifted) .home-save-guide{visibility:hidden}
#piggyStage.piggy-stage.drag{display:grid;grid-template-columns:1fr;grid-template-areas:"piggy" "tray";padding:25px 18px 18px;min-height:350px}#piggyWrap{grid-area:piggy;width:250px;max-width:80%;justify-self:center}#moneyTray{grid-area:tray;display:flex;flex-direction:column;align-items:center;gap:9px;max-height:220px;overflow:auto;width:100%;border:0;background:none;box-shadow:none;padding:8px}#moneyTray::before{content:'👆 Drag your money up to the piggy';font-size:12px;font-weight:800;text-align:center}#moneyTray .coins,#billTray{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:9px;width:100%}#coinTray{order:3}#coinTray::before{content:'Practice coins';font-size:9px;width:100%;text-align:center}#billLabel{order:1;margin:0}#billTray{order:2}#piggyStage .piggy-total{position:absolute;top:15px;right:15px}.goal-done[hidden],.goal-hint[hidden]{display:none!important}#nwMsg:empty{min-height:22px}@media(max-width:600px){#piggyWrap{width:220px}#moneyTray{max-height:220px}#piggyStage.piggy-stage.drag{padding:20px 10px 12px}}
/* Six worlds, followed by one clear path into the money games. */
.world-card{color:#183e36}.world-card.learning{grid-column:1/-1;display:grid;grid-template-columns:220px 1fr;align-items:center}.world-card.learning .learning-art{height:170px}.world-card.learning .learning-art span:first-child{font-size:90px}.world-card.learning .world-caption{display:flex;align-items:center;justify-content:space-between;gap:20px}.world-card.learning .world-caption p{min-height:0}.world-card:focus-visible{outline:4px solid #327443;outline-offset:4px}@media(max-width:600px){.world-card.learning{grid-template-columns:115px 1fr}.world-card.learning .learning-art{height:180px}.world-card.learning .learning-art span:first-child{font-size:66px}.world-card.learning .learning-art span:nth-child(2),.world-card.learning .learning-art span:nth-child(3){font-size:22px}.world-card.learning .world-caption{display:block}.world-card.learning .world-caption h3{font-size:19px}}@media(prefers-reduced-motion:reduce){.world-card{transition:none}.world-card:hover{transform:none}}
#piggyWrap{width:320px;max-width:95%}#piggyWrap .piggy-svg{max-width:320px}@media(max-width:600px){#piggyWrap{width:270px}}

#piggyStage .piggy-breakdown{grid-column:1/-1;grid-row:3;position:static;margin:8px 0 0;text-align:center;font-size:12px;line-height:1.6;font-weight:700;color:#54726c}#piggyStage .piggy-total{background:#fffdf3e8;padding:7px 10px;border-radius:12px}
