:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#24313a;--muted:#586671;--paper:#fff8ea;--leaf:#1f8f66;--leaf-dark:#126748;--sky:#a7dcff;--coral:#ff6f61;--sun:#ffd34d;--violet:#6c5ce7;--line:#21313a;--shadow:0 18px 0 #24313a24}*{box-sizing:border-box}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 20% 12%,#ffd34da6,#0000 16rem),linear-gradient(#9fe5ff 0%,#d7f6ff 45%,#b8df9d 45%,#88c96d 100%);margin:0;font-family:Avenir Next,Trebuchet MS,Verdana,sans-serif}button{color:inherit;font:inherit}.app-shell{min-height:100svh;padding:clamp(14px,3vw,32px)}.stage{border:4px solid var(--line);background:linear-gradient(transparent 78%, #1f8f6624 78%), repeating-linear-gradient(90deg, #24313a0d 0 1px, transparent 1px 46px), var(--paper);width:min(1120px,100%);min-height:calc(100svh - clamp(28px,6vw,64px));box-shadow:var(--shadow);border-radius:28px;margin:0 auto;padding:clamp(16px,3vw,30px);position:relative;overflow:hidden}.stage:before,.stage:after{z-index:0;pointer-events:none;content:"";position:absolute}.stage:before{border:4px solid var(--line);background:#58b56e;border-radius:50% 50% 0 0;width:280px;height:180px;bottom:-52px;right:-60px}.stage:after{background:radial-gradient(circle at 30px 35px,#f85f67 0 16px,#0000 17px),radial-gradient(circle at 84px 50px,#ffd34d 0 13px,#0000 14px),radial-gradient(circle at 138px 30px,#6c5ce7 0 15px,#0000 16px);border-radius:999px;width:220px;height:84px;bottom:8px;left:-34px}.topbar,.game-tabs,.game-panel,.feedback{z-index:1;position:relative}.topbar{justify-content:space-between;align-items:start;gap:16px;display:flex}.eyebrow,.prompt-kicker{color:var(--leaf-dark);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:.85rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-family:Chalkboard SE,Marker Felt,Avenir Next,sans-serif;font-size:clamp(2.4rem,8vw,6.2rem);line-height:.86}h2{margin-bottom:6px;font-family:Chalkboard SE,Marker Felt,Avenir Next,sans-serif;font-size:clamp(4.8rem,14vw,10rem);line-height:.78}.scoreboard{border:3px solid var(--line);background:var(--sun);border-radius:18px;place-items:center;min-width:96px;padding:10px 14px;display:grid;box-shadow:0 8px #24313a29}.scoreboard span{font-size:clamp(2rem,6vw,3.5rem);font-weight:900;line-height:1}.scoreboard small{text-transform:uppercase;font-size:.78rem;font-weight:900}.game-tabs{flex-wrap:wrap;gap:10px;margin:clamp(18px,3vw,30px) 0;display:flex}.tab,.ghost-button,.primary-button,.small-listen{border:3px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;min-height:46px;padding:10px 16px;font-weight:900;box-shadow:0 6px #24313a24}.tab[aria-current=page]{background:var(--coral);color:#fff}.game-panel{gap:clamp(16px,3vw,28px);display:grid}.match-panel{grid-template-columns:minmax(240px,.82fr) minmax(300px,1.18fr);align-items:stretch}.prompt-card,.word-scene{border:4px solid var(--line);background:radial-gradient(circle at 90% 14%,#ffd34dcc 0 42px,#0000 43px),#c9f0ff;border-radius:24px;align-content:center;gap:18px;min-height:360px;padding:clamp(18px,4vw,34px);display:grid;box-shadow:0 12px #24313a1f}.prompt-card p:last-child{max-width:18ch;color:var(--muted);margin-bottom:0;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:800}.listen-button{border:4px solid var(--line);background:var(--leaf);color:#fff;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:fit-content;min-height:58px;padding:12px 20px;font-size:1.08rem;font-weight:900;display:inline-flex;box-shadow:0 8px #24313a38}.listen-icon{border:4px solid;border-right:0;border-radius:50% 0 0 50%;width:24px;height:24px}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,18px);display:grid}.picture-choice,.word-choice,.letter-tile,.slot{border:4px solid var(--line);cursor:pointer;background:#fffdf7;transition:transform .16s,box-shadow .16s;box-shadow:0 8px #24313a24}.picture-choice:hover,.word-choice:hover,.letter-tile:hover,.slot:hover,.listen-button:hover,.primary-button:hover,.ghost-button:hover,.tab:hover,.small-listen:hover{transform:translateY(-3px)}.picture-choice:active,.word-choice:active,.letter-tile:active,.slot:active,.listen-button:active,.primary-button:active,.ghost-button:active,.tab:active,.small-listen:active{transform:translateY(3px);box-shadow:0 3px #24313a2e}.picture-choice{border-radius:22px;place-items:center;gap:8px;min-height:172px;padding:18px 12px 14px;display:grid}.picture-choice span:last-child{font-size:clamp(1.18rem,2.2vw,1.65rem);font-weight:950}.object{width:78px;height:78px;display:inline-block;position:relative}.object-sun{border:5px solid var(--line);background:var(--sun);border-radius:50%;box-shadow:0 0 0 12px #ffe890}.object-crescent{background:#f7d95a;border-radius:50%;box-shadow:inset -24px 4px #fffdf7}.object-map{border:4px solid var(--line);background:linear-gradient(90deg,#8fd2ff 33%,#ffd76d 33% 66%,#8ad17a 66%);border-radius:8px;transform:rotate(-5deg)}.object-fish{border:4px solid var(--line);background:#f59fbd;border-radius:50% 58% 58% 50%;width:92px}.object-fish:after{border:4px solid var(--line);clip-path:polygon(0 50%,100% 0,100% 100%);content:"";background:#f59fbd;width:38px;height:38px;position:absolute;top:20px;right:-24px}.object-sock{border:4px solid var(--line);background:linear-gradient(#ff816f 0 28%,#fff 28% 42%,#43a8ff 42%);border-radius:14px 14px 14px 34px;transform:rotate(8deg)}.object-star{background:var(--sun);clip-path:polygon(50% 0,62% 34%,98% 35%,69% 56%,80% 92%,50% 70%,20% 92%,31% 56%,2% 35%,38% 34%);filter:drop-shadow(0 0 0 var(--line))}.object-bag{border:4px solid var(--line);background:#c8945a;border-radius:14px}.object-bag:before{border:4px solid var(--line);content:"";border-bottom:0;border-radius:999px 999px 0 0;position:absolute;inset:-24px 22px 52px}.object-lamp{border-bottom:58px solid #ffcc5c;border-left:20px solid #0000;border-right:20px solid #0000}.object-lamp:after{background:var(--line);content:"";width:10px;height:32px;position:absolute;top:58px;left:34px}.object-bus{border:4px solid var(--line);background:#ffd34d;border-radius:14px;width:104px;height:70px}.object-bus:before{border:3px solid var(--line);content:"";background:#9fe5ff;height:18px;position:absolute;inset:12px 12px auto}.object-bus:after{background:radial-gradient(circle at left, var(--line) 0 10px, transparent 11px), radial-gradient(circle at right, var(--line) 0 10px, transparent 11px);content:"";height:20px;position:absolute;bottom:-13px;left:15px;right:15px}.object-book{border:4px solid var(--line);background:linear-gradient(90deg,#6c5ce7 48%,#fff 48% 52%,#ff6f61 52%);border-radius:8px}.object-cat{border:4px solid var(--line);background:#f4a15d;border-radius:48% 48% 42% 42%}.object-cat:before,.object-cat:after{border:4px solid var(--line);clip-path:polygon(50% 0,0 100%,100% 100%);content:"";background:#f4a15d;width:30px;height:30px;position:absolute;top:-16px}.object-cat:before{left:4px}.object-cat:after{right:4px}.object-jam{border:4px solid var(--line);background:#d83d66;border-radius:18px 18px 10px 10px}.object-jam:before{border:4px solid var(--line);content:"";background:#ffd34d;border-radius:8px;height:20px;position:absolute;inset:-14px 12px auto}.object-bed{border:4px solid var(--line);background:linear-gradient(90deg,#fff 0 30%,#6c5ce7 30%);border-radius:12px;width:110px;height:66px}.object-ship{border-bottom:30px solid #c76f43;border-left:16px solid #0000;border-right:16px solid #0000;width:110px;height:72px}.object-ship:before{background:var(--line);content:"";width:8px;height:58px;position:absolute;bottom:30px;left:46px}.object-ship:after{clip-path:polygon(0 0,100% 50%,0 100%);content:"";background:#fff;width:42px;height:42px;position:absolute;bottom:40px;left:52px}.object-rain{background:radial-gradient(circle at 24px 18px,#a7dcff 0 20px,#0000 21px),radial-gradient(circle at 52px 12px,#a7dcff 0 26px,#0000 27px),radial-gradient(circle at 82px 22px,#a7dcff 0 22px,#0000 23px),linear-gradient(#0000 0 42px,#43a8ff 42px 54px,#0000 54px);width:112px;height:80px}.build-panel{grid-template-columns:.8fr 1.2fr;align-items:center}.word-scene{background:linear-gradient(#c9f0ff 0 60%,#8ad17a 60%),#c9f0ff;justify-items:center}.word-scene .object{width:112px;height:112px;transform:scale(1.12)}.word-slots,.letter-bank,.actions,.word-choices{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.word-slots,.letter-bank,.actions{grid-column:2}.slot,.letter-tile{text-transform:lowercase;border-radius:18px;place-items:center;min-width:clamp(64px,10vw,96px);min-height:clamp(64px,10vw,96px);font-size:clamp(1.8rem,6vw,3.6rem);font-weight:950;display:grid}.slot{background:#f2e9d2;border-style:dashed}.letter-tile:nth-child(3n+1){background:#ffd34d}.letter-tile:nth-child(3n+2){background:#9fe5ff}.letter-tile:nth-child(3n){background:#f59fbd}.primary-button{background:var(--leaf);color:#fff}.blend-panel{justify-items:center;padding-top:clamp(10px,3vw,34px)}.sound-track{flex-wrap:wrap;justify-content:center;gap:clamp(10px,2vw,22px);width:100%;display:flex}.sound-track span{aspect-ratio:1;border:5px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:clamp(78px,17vw,154px);font-size:clamp(2.1rem,7vw,5rem);font-weight:950;display:grid;box-shadow:0 12px #24313a24}.blend-listen{background:var(--violet);margin-block:8px}.word-choice{border-radius:20px;min-width:min(210px,100%);min-height:72px;padding:12px 24px;font-size:clamp(1.7rem,4vw,3rem);font-weight:950}.feedback{border:3px solid var(--line);background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin-top:clamp(18px,3vw,34px);padding:14px 18px;font-weight:850;display:flex;box-shadow:0 7px #24313a1f}.feedback strong{color:var(--leaf-dark);flex:none}.feedback.is-hot{background:#fff0b7}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.app-shell{padding:10px}.stage{border-radius:20px;min-height:calc(100svh - 20px)}.topbar{align-items:center}.scoreboard{min-width:78px;padding-inline:10px}.match-panel,.build-panel{grid-template-columns:1fr}.prompt-card,.word-scene{min-height:auto}.word-slots,.letter-bank,.actions{grid-column:auto}.choice-grid{grid-template-columns:1fr 1fr}.picture-choice{min-height:138px;padding:12px 8px}.object{width:62px;height:62px}.feedback{flex-direction:column;align-items:flex-start}}@media (width<=460px){.topbar{flex-direction:column;align-items:stretch}.scoreboard{width:100%}.choice-grid{grid-template-columns:1fr}.tab{flex:100%}}