:root{font-family:Trebuchet MS,ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;color:#263343;background:#fff8e8;font-synthesis:none;--ink:#263343;--cream:#fff8e8;--purple:#6d4bd2;--yellow:#ffd75b;--green:#62b982}*{box-sizing:border-box}html{min-height:100%;background:#fff8e8}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh;background:radial-gradient(circle at 50% -10%,#fff 0,#fff8e8 45%,#f6edcf);overflow-x:hidden}button{font:inherit;color:inherit;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:4px solid #2e7cc7;outline-offset:4px}main{width:min(100%,960px);min-height:100vh;min-height:100dvh;margin:auto;display:flex;flex-direction:column;position:relative}.topbar{height:68px;display:grid;grid-template-columns:52px 1fr 52px;align-items:center;padding:8px clamp(14px,4vw,32px);z-index:20}.mini-brand{text-align:center;font-size:.85rem;font-weight:900;letter-spacing:.02em}.icon-button{width:44px;height:44px;border:0;border-radius:50%;background:#fff;box-shadow:0 5px 16px #594a2b18;font-size:1.35rem;cursor:pointer}.icon-button.hidden{visibility:hidden}footer{text-align:center;font-size:.72rem;font-weight:800;color:#8a806b;padding:14px;letter-spacing:.04em}.eyebrow{font-size:.73rem;letter-spacing:.17em;font-weight:1000;color:#7357cc;margin:0 0 10px}.welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 22px 10px;position:relative;isolation:isolate;overflow:hidden}.sun{position:absolute;width:160px;height:160px;border-radius:50%;background:#ffe583;top:4%;right:-35px;z-index:-2;box-shadow:0 0 0 22px #ffe58333}.cloud{position:absolute;background:#fff;border-radius:50px;opacity:.8;z-index:-1;width:130px;height:38px}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%;width:58px;height:58px;top:-28px;left:20px}.cloud:after{width:44px;height:44px;left:70px;top:-15px}.cloud-one{left:-45px;top:20%}.cloud-two{right:-62px;top:42%;transform:scale(.7)}.hero-bunny{height:186px;filter:drop-shadow(0 15px 9px #84633725);animation:float 3s ease-in-out infinite}.hero-bunny .bunny{width:165px}.bunny{display:block;overflow:visible}.ear,.body,.head,.foot{fill:#fff;stroke:#263343;stroke-width:4}.ear-inner,.cheek{fill:#f7a9b7}.mouth{fill:none;stroke:#263343;stroke-width:3;stroke-linecap:round}.nose{fill:#ef7894}.welcome h1{font-size:clamp(2.7rem,10vw,4.7rem);line-height:.83;letter-spacing:-.055em;margin:2px 0 20px}.welcome h1 em{color:#6d4bd2;font-style:normal}.lede{line-height:1.55;color:#68717c;margin:0 0 24px;font-size:clamp(.95rem,3.2vw,1.15rem)}.primary,.secondary{min-height:52px;padding:13px 23px;border-radius:18px;font-weight:1000;border:0;cursor:pointer}.primary{color:#fff;background:linear-gradient(135deg,#7656da,#5d3bc1);box-shadow:0 8px #49309a,0 13px 25px #6042bd35}.primary:active{transform:translateY(4px);box-shadow:0 4px #49309a}.primary.jumbo{min-width:min(330px,90vw);height:62px;font-size:1.15rem;display:flex;justify-content:space-between;align-items:center;padding-inline:28px}.primary.jumbo span{font-size:1.6rem}.secondary{background:#f3edf9;color:#5c3fba;border:2px solid #ded2f1}.skill-chips{display:flex;gap:8px;margin-top:28px;flex-wrap:wrap;justify-content:center}.skill-chips span{background:#fff;border:1px solid #eee3ca;padding:8px 12px;border-radius:99px;font-size:.72rem;font-weight:900;color:#726b5c}.level-screen{flex:1;padding:12px clamp(16px,5vw,52px) 24px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:10px 0 24px}.section-heading h2,.game-heading h2{margin:0;font-size:clamp(1.55rem,5vw,2.4rem);letter-spacing:-.04em}.star-total{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:6px;background:#fff;border:1px solid #f0e3c1;border-radius:18px;padding:8px 13px;box-shadow:0 5px 12px #53432112}.star-total>span{color:#f5b928;font-size:1.5rem;grid-row:1/3}.star-total strong{font-size:1.1rem}.star-total small{font-size:.55rem;color:#8f8879;font-weight:800}.level-grid{display:grid;gap:12px}.level-card{--accent:#7656da;min-height:96px;width:100%;border:0;background:#fff;border-radius:22px;padding:13px 15px;display:grid;grid-template-columns:56px 82px 1fr 24px;gap:10px;align-items:center;text-align:left;box-shadow:0 8px 22px #4a3d2512;border-left:7px solid var(--accent);cursor:pointer;transition:transform .18s,box-shadow .18s}.level-card:not(.locked):hover{transform:translateY(-2px);box-shadow:0 12px 25px #4a3d2520}.level-card.locked{filter:grayscale(.7);opacity:.58;cursor:not-allowed}.level-number{width:48px;height:48px;border-radius:16px;background:color-mix(in srgb,var(--accent) 14%,white);display:grid;place-items:center;font-size:1.2rem;font-weight:1000;color:var(--accent)}.level-icon{height:50px;border:2px dashed color-mix(in srgb,var(--accent) 45%,white);border-radius:14px;display:grid;place-items:center;text-align:center;color:var(--accent);font-size:.72rem;font-weight:1000;padding:3px}.level-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.level-copy strong{font-size:1.02rem}.level-copy small{color:#737b84;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stars{display:inline-flex;gap:1px;color:#d9d5ca;font-size:.8rem}.stars .earned{color:#f6b91e}.card-arrow{font-size:1.7rem;color:var(--accent)}.encourage{text-align:center;font-size:.72rem;color:#837a67;font-weight:800;margin:20px}.game-screen{flex:1;padding:6px clamp(13px,4vw,32px) 10px;position:relative}.game-heading{display:flex;justify-content:space-between;align-items:center;max-width:680px;margin:0 auto 12px}.game-heading .eyebrow{color:var(--level)}.step-pill{display:grid;grid-template-columns:auto auto;gap:4px;align-items:center;background:#fff;border-radius:16px;padding:7px 12px;box-shadow:0 4px 12px #57472812}.step-pill strong{color:var(--level);font-size:1.2rem}.step-pill small{grid-column:1/3;text-transform:uppercase;letter-spacing:.12em;font-size:.48rem;text-align:center;color:#8a8d91;font-weight:900}.prompt{max-width:680px;margin:auto;min-height:66px;background:#fff;border:2px solid color-mix(in srgb,var(--level) 26%,white);border-radius:19px;padding:9px 14px;display:flex;gap:10px;align-items:center;box-shadow:0 5px 16px #4d422116}.prompt>span{font-size:1.45rem}.prompt>div{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px}.prompt small{width:100%;font-size:.51rem;letter-spacing:.13em;color:var(--level);font-weight:1000}.prompt strong{font-size:.88rem}.word-progress{display:inline-flex;gap:3px}.word-progress b{width:24px;height:24px;border-radius:7px;background:#eee8df;display:grid;place-items:center;font-size:.72rem}.word-progress b.done{background:#d9f3dd;color:#237447}.word-progress b.next{background:#fff2a8;color:#6e5a00;animation:pulse 1s infinite}.meadow{width:min(100%,520px);height:clamp(510px,65vh,680px);margin:10px auto 0;border-radius:30px 30px 14px 14px;background:linear-gradient(#bfe8ed 0,#bfe8ed 14%,#a8db8d 14%,#a8db8d);position:relative;overflow:hidden;border:4px solid #fff;box-shadow:inset 0 0 50px #4f984b22,0 8px 25px #41552918}.meadow:before{content:"✿  ·  ✿       ·  ✿   ·       ✿   ·  ✿";position:absolute;inset:18% 10px auto;color:#fff9;font-size:18px;word-spacing:24px;line-height:7.3;pointer-events:none}.finish{height:14%;display:flex;align-items:center;justify-content:center;gap:8px;color:#357743;font-size:.62rem;letter-spacing:.15em}.finish span{font-size:2rem}.board{position:absolute;left:50%;top:14%;bottom:12%;transform:translate(-50%);width:min(82%,330px);display:flex;flex-direction:column-reverse;justify-content:space-around;gap:4px}.hop-row{display:flex;justify-content:center;gap:8px;flex:1;min-height:0}.tile{position:relative;width:42%;max-width:128px;height:100%;min-height:48px;border:0;border-radius:14px;background:#fff9e5;box-shadow:0 6px #c0a980,0 9px 12px #43663425;border:3px solid #fff;display:grid;place-items:center;cursor:pointer;overflow:visible;transition:transform .13s}.hop-row.single .tile{width:45%}.tile:not(:disabled):active{transform:translateY(5px);box-shadow:0 1px #c0a980}.tile-value{font-weight:1000;font-size:clamp(1.05rem,4vh,1.75rem);color:#3d4a4d}.tile.landed{background:#fff2a4;border-color:#fff8d0}.tile.landed .tile-value{opacity:.35}.tile .bunny-small{position:absolute;z-index:3;width:min(70px,85%);height:75px;bottom:1px;left:50%;transform:translate(-50%);filter:drop-shadow(0 5px 3px #5b492e55);animation:hop-in .42s cubic-bezier(.3,1.5,.55,1)}.tile.cracked{background:#50332d;animation:rumble .35s linear 2;border-color:#35221e;box-shadow:0 5px #251511,0 0 24px #ff6a00}.tile.cracked .tile-value{color:#fff;z-index:2}.crack-lines{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(35deg,transparent 46%,#ffb000 47% 52%,transparent 53%),linear-gradient(140deg,transparent 47%,#ff6a00 48% 52%,transparent 53%)}.cracked .crack-lines{display:block}.lava{display:none;position:absolute;top:15%;right:15%;bottom:15%;left:15%;font-size:2rem;animation:lava .6s infinite alternate}.cracked .lava{display:grid;place-items:center}.start-pad{position:absolute;bottom:1%;left:50%;transform:translate(-50%);height:10%;width:42%;border-bottom:3px dashed #559657;display:flex;align-items:flex-end;justify-content:center}.start-pad span{font-size:.55rem;letter-spacing:.16em;font-weight:1000;color:#397341;padding-bottom:2px}.start-pad .bunny-small{position:absolute;width:58px;height:62px;bottom:5px}.game-hint{text-align:center;margin:5px 0 0;font-size:.69rem;color:#727a70;font-weight:800}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#26334380;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:50;display:grid;place-items:center;padding:18px;animation:fade-in .2s}.result-card{width:min(420px,100%);background:#fffdf6;border-radius:30px;padding:24px;text-align:center;box-shadow:0 25px 70px #171d2b55;border:4px solid #fff}.result-bunny{height:116px}.result-bunny .bunny{height:130px;margin:auto;animation:hop-in .5s}.result-card h2{font-size:clamp(1.6rem,7vw,2.15rem);margin:5px 0 10px;line-height:1.05}.result-card p:not(.eyebrow){color:#6a7076;font-size:.9rem;line-height:1.45}.result-card>.stars{font-size:2rem;margin:4px}.confetti{font-size:1.6rem;color:#f5b929}.oops-icon{font-size:4rem}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.result-actions button{padding-inline:10px}.result-card.lost .eyebrow{color:#e05f41}@keyframes float{50%{transform:translateY(-8px) rotate(1deg)}}@keyframes hop-in{0%{transform:translate(-50%,28px) scale(.7)}55%{transform:translate(-50%,-25px) scale(1.06)}to{transform:translate(-50%) scale(1)}}@keyframes rumble{25%{transform:translate(-4px) rotate(-2deg)}75%{transform:translate(4px) rotate(2deg)}}@keyframes lava{to{filter:brightness(1.5);transform:scale(1.15)}}@keyframes pulse{50%{transform:scale(1.1)}}@keyframes fade-in{0%{opacity:0}}@media(min-width:700px){.level-grid{grid-template-columns:1fr 1fr}.level-card:last-child{grid-column:1/3}.welcome{padding-top:0}.hero-bunny{height:210px}.meadow{height:min(66vh,690px)}.game-screen{padding-top:10px}}@media(max-height:700px)and (max-width:699px){.topbar{height:54px}.game-heading{margin-bottom:5px}.game-heading h2{font-size:1.25rem}.prompt{min-height:52px;padding-block:6px}.meadow{height:500px}.game-hint{display:none}.hero-bunny{height:145px}.welcome h1{font-size:2.6rem}.skill-chips{margin-top:15px}}@media(max-width:430px){.level-card{grid-template-columns:48px 63px 1fr 18px;min-height:88px;padding:10px;gap:7px}.level-number{width:43px;height:43px}.section-heading{margin-bottom:15px}.level-copy small{max-width:160px}.meadow{width:100%}.result-actions{grid-template-columns:1fr}.topbar{padding-inline:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:#232b367a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:fade-in .2s ease-out}.result-card{width:min(100%,520px);max-height:calc(100dvh - 48px);overflow:auto;text-align:center;background:#fffdf7;border:4px solid #fff;border-radius:32px;padding:clamp(22px,5vw,38px);box-shadow:0 24px 70px #191f2859;color:var(--ink)}.result-card h2{font-size:clamp(1.7rem,6vw,2.35rem);line-height:1.05;margin:8px 0 14px}.result-card p:not(.eyebrow){font-size:1rem;line-height:1.45;margin:12px auto 20px;max-width:38ch}.result-card .stars{font-size:1.8rem}.result-bunny{height:150px}.result-bunny .bunny{height:100%;width:auto}.confetti,.oops-icon{font-size:2.8rem;margin-bottom:8px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.result-actions button{min-height:54px;border-radius:18px;border:0;padding:12px 16px;font-weight:900;cursor:pointer}.result-actions .secondary{background:#f0ebff;color:#5737bd}.result-actions .primary{background:var(--purple);color:#fff;box-shadow:0 7px #4b2ba8}@media(max-width:430px){.result-overlay{padding:16px}.result-card{border-radius:26px;padding:24px 18px}.result-actions{grid-template-columns:1fr}.result-bunny{height:120px}}