@font-face{font-family:Fredoka;src:url('fredoka-semibold.ttf')}*{box-sizing:border-box}body{margin:0;background:#fff9f0;color:#42354e;font-family:Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:16px;padding:14px 22px;background:#c8e4cf;color:#233b2c;font-weight:700;min-height:48px}button:hover{filter:brightness(.96)}button:disabled{cursor:default;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #76549a;outline-offset:4px}[hidden]{display:none!important}header{max-width:1240px;margin:auto;padding:22px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}header a{font:24px Fredoka,Arial;color:#69557d;text-decoration:none}header a span{display:block;font:11px Arial;letter-spacing:2px;margin-top:6px}.tag{background:#e9def4;border-radius:99px;padding:9px 16px;font-size:12px;font-weight:700}main{max-width:1240px;margin:auto;padding:8px 28px 25px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#8c6d9d;margin:6px 0 12px}h1{font:clamp(38px,5vw,58px) Fredoka,Arial;margin:0}h2{font:27px Fredoka,Arial;margin:12px 0}.heading p:not(.eyebrow){color:#7c6b86;margin:10px 0}.secondary{background:#ece2f4}.progress{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:15px 0;font-size:14px;font-weight:700}.progress span{background:white;border:1px solid #e8dfed;padding:10px 14px;border-radius:12px}.game{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.55fr);gap:20px;align-items:stretch}.question-card{background:white;border:1px solid #e8dfed;border-radius:24px;padding:25px;box-shadow:0 10px 35px #7660790a}.sequence{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-height:100px;padding:10px 0 18px}.term{background:#f5eff8;border-radius:12px;min-width:44px;height:49px;padding:10px 7px;display:flex;align-items:center;justify-content:center;font:23px Fredoka,Arial}.term.gap{background:#fff3dc;border:2px dashed #c6a36d;min-width:53px}.term.filled{background:#e6f4e9;border:2px solid #6aa37b}.comma{color:#b3a6b9}.shape{width:30px;height:30px}.shape.circle{border-radius:50%;background:#e6a4b4}.shape.square{background:#b8a2d7;border-radius:4px}.shape.triangle{width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:29px solid #87b6c5}.shape.star{background:#e2b655;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 94%,50% 72%,21% 94%,32% 57%,2% 35%,39% 35%)}label{font-size:14px;display:block;margin-bottom:9px;font-weight:700}.entry{display:flex;gap:10px}input{width:90px;min-width:0;border:2px solid #ddd0e5;border-radius:14px;font-size:25px;text-align:center;background:#fffaf1}.entry button{flex:1;padding:13px}.feedback{min-height:95px;font-size:15px;line-height:1.55;margin-top:20px;padding:14px 0}.feedback.correct{color:#21673b;font-weight:bold}.feedback.wrong{color:#a53046;font-weight:bold}.hint{color:#877a8e;font-size:12px;line-height:1.5}.shape-answers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.shape-answers button{background:#f6eff9;padding:13px 8px;display:flex;align-items:center;justify-content:center}.studio{position:relative;min-height:440px;border:5px solid #eedce7;border-radius:24px;overflow:hidden;isolation:isolate;background:#eed4bd}.room{width:100%;height:100%;position:absolute;object-fit:cover}.floor{position:absolute;left:7%;right:7%;bottom:10%;height:32%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:12px}.hole{position:relative;align-self:center;height:37px;border-radius:50%;background:radial-gradient(ellipse at 48% 66%,#4b3028 0,#291e1c 60%,#876044 62%,#b18a63 78%);box-shadow:inset 0 8px 8px #110c0966,0 3px 0 #dbc3a2;transform:rotate(-4deg)}.hole:after{content:attr(data-number);position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#dfc4a2}.hole.current{outline:3px dashed #fdf4de;outline-offset:5px}.hole.repaired{border-radius:7px;background:repeating-linear-gradient(0deg,#e6bf8c 0,#e6bf8c 14px,#b78e5f 15px,#edc995 17px);box-shadow:0 2px 0 #956d40,0 0 18px #fff8cc99;transform:rotate(0)}.hole.repaired:after{content:'✓';color:#22693a;font-size:23px;font-weight:bold}.hole.missed{outline:2px solid #b24a57}.hole.missed:after{content:'✕';color:#f5c0c6;font-size:23px}.actor{position:absolute;left:14%;top:58%;width:18%;height:31%;transform:translate(-50%,-100%);transition:left .55s ease,top .55s ease;z-index:3;pointer-events:none}.actor img{width:100%;height:100%;object-fit:contain;transform-origin:50% 90%;animation:sway 2s ease-in-out infinite}.actor.spin img{animation:pirouette 1.1s ease-in-out}.actor.tumble img{animation:tumble .85s ease forwards}.answer-sign{position:absolute;top:18px;right:18px;border-radius:22px;background:white;padding:5px 20px;font:bold 60px Arial;box-shadow:0 5px 20px #34223320;z-index:4}.answer-sign.correct{color:#237b46}.answer-sign.wrong{color:#bd354e}.floor-label{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:#fffaf2ed;color:#684d46;padding:8px 16px;border-radius:20px;white-space:nowrap;font-size:13px;font-weight:bold}.overlay{position:fixed;inset:0;background:#42354e77;backdrop-filter:blur(5px);z-index:10;display:grid;place-items:center;padding:20px;overflow:auto}.overlay-card{width:min(650px,100%);background:#fffdf7;border-radius:25px;overflow:hidden;box-shadow:0 20px 80px #22172e44;text-align:center;padding-bottom:25px;max-height:calc(100dvh - 40px);overflow-y:auto}.overlay-card>img{width:100%;height:clamp(190px,34vh,320px);object-fit:cover}.overlay-card .eyebrow{margin-top:22px}.overlay-card h2,.overlay-card>p:not(.eyebrow){padding:0 26px}.overlay-card>p{font-size:15px;line-height:1.6}.overlay-card button{margin:5px 20px}.review{text-align:left;padding:10px 26px;font-size:14px;line-height:1.5}.review li{margin:12px 0}.review h3{font:20px Fredoka,Arial}footer{font-size:12px;color:#94859b;text-align:center;padding:26px 0 0}@keyframes sway{50%{transform:translateY(-8px) rotate(5deg)}}@keyframes pirouette{0%{transform:translateY(0) rotate(0)}35%{transform:translateY(-28px) scaleX(.16) rotate(-12deg)}65%{transform:translateY(-20px) scaleX(-1) rotate(6deg)}100%{transform:translateY(0) scaleX(1)}}@keyframes tumble{0%{transform:rotate(0)}45%{transform:translateY(13px) rotate(-35deg)}100%{transform:translateY(33px) rotate(-65deg)}}@media(max-width:800px){.game{grid-template-columns:1fr}.studio{min-height:360px;order:-1}.heading{align-items:flex-start}.heading .secondary{padding:12px;font-size:12px}main,header{padding-left:18px;padding-right:18px}.question-card{padding:20px}.progress{gap:6px;font-size:12px}.progress span{padding:8px}.floor{gap:10px}.hole{height:32px}.feedback{min-height:60px}}@media(max-width:430px){header{gap:10px}header a{font-size:19px}.tag{font-size:10px;padding:7px 9px}.studio{min-height:290px}.actor{width:21%;height:34%}.hole{height:26px}.term{height:44px;min-width:37px;font-size:21px}.sequence{gap:5px}.overlay{padding:12px}.overlay-card{max-height:calc(100dvh - 24px)}}@media(prefers-reduced-motion:reduce){.actor{transition:none}.actor img,.actor.spin img,.actor.tumble img{animation:none}}

/* Match the established game-page layout. */
body{background:#fff5d8;font-family:inherit}header{max-width:1080px;padding:20px 30px}header a{font-size:24px}.tag{background:none;padding:0;border-radius:0;font-size:14px;letter-spacing:1px}main{max-width:1000px;padding:10px 30px 40px}.heading{display:block}.heading h1{font-size:clamp(34px,5vw,48px);color:#806296;margin:0 0 20px}.heading p:not(.eyebrow){display:none}.heading .eyebrow{margin:10px 0 24px;font-size:12px}.progress{background:#eee6f7;border-radius:18px;padding:15px 20px;margin:0 0 15px;font-size:14px;font-weight:400;gap:12px}.progress span{background:none;border:0;border-radius:0;padding:0}.game{position:relative;display:block;padding:24px;background:#fffdf8;border:2px solid #e2d5e9;border-radius:28px;overflow:hidden;box-shadow:0 12px 30px #65567e15;min-height:650px}.question-card{border:0;border-radius:0;padding:0 0 18px;box-shadow:none;background:none;text-align:center}.sequence{justify-content:center;min-height:85px;padding-bottom:15px}.entry{max-width:380px;margin:auto}.entry button{flex:0 0 auto}.shape-answers{max-width:380px;margin:auto}.feedback{min-height:45px;margin:8px 0;padding:8px 0;font-size:18px}.hint{margin:0}.studio{width:100%;max-width:760px;height:auto;aspect-ratio:1.5;min-height:0;margin:auto;border-radius:22px;border:0}.overlay{position:absolute;inset:0;z-index:40;background:#fffaf2fa;backdrop-filter:none;padding:25px;display:flex;justify-content:center;align-items:center;overflow-y:auto}.overlay-card{width:100%;background:none;border-radius:0;box-shadow:none;max-height:none;overflow:visible;padding:0}.overlay-card>img{width:120px;height:170px;object-fit:contain}.overlay-card .eyebrow{display:none}.overlay-card h2{color:#806296;font-size:32px;line-height:1.2;margin:10px 0}.overlay-card>p:not(.eyebrow){max-width:650px;margin:10px auto 22px;font-size:18px;line-height:1.6}.overlay-card button,button{font-family:Fredoka,ui-rounded,sans-serif}.overlay-card button{border:1px solid #bad0af;border-radius:30px;background:#dfefd9}.game:has(.result-state){min-height:760px}.overlay.result-state{position:relative;inset:auto;margin:20px -24px -24px;padding:25px;background:#fffaf2}.overlay.result-state .overlay-card>img{width:min(100%,650px);height:auto;max-height:380px;object-fit:contain}.review{max-width:700px;margin:auto}.dancer-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px;color:#65567e;margin-top:18px}.dancer-bottom button{font-size:14px;background:none;padding:8px;min-height:44px;color:#65567e}footer{font-size:12px}@media(max-width:650px){header{padding:16px;flex-wrap:wrap}main{padding:10px 14px 30px}.game{padding:16px;min-height:700px}.progress{font-size:13px}.studio{min-height:0}.overlay h2{font-size:27px}.overlay-card>p:not(.eyebrow){font-size:16px;padding:0}.overlay.result-state{margin:20px -16px -16px}.dancer-bottom p{max-width:65%}}

.game:has(.result-state)>.question-card,.game:has(.result-state)>.studio{display:none}.overlay.result-state{margin:-24px;min-height:650px}@media(max-width:650px){.overlay.result-state{margin:-16px;min-height:650px}}

body{background:#f9eaf0}.game{border-color:#e6d0dc}.progress{background:#eee3f4}

.choice-instruction{font-size:17px;font-weight:bold;color:#65567e;margin:6px 0 12px}.answer-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:510px;margin:auto}.answer-choice{display:flex;align-items:center;justify-content:center;gap:16px;background:#f4eaf8;border:2px solid #bba5cb;color:#584568;min-height:70px;border-radius:14px}.answer-choice:disabled{opacity:1}.choice-letter{font-size:18px;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:#fffaf2}.choice-number{font:600 30px Fredoka,sans-serif}.answer-choice .shape{flex-shrink:0}@media(max-width:430px){.answer-choices{gap:7px}.answer-choice{padding:12px 8px;gap:8px}.choice-number{font-size:26px}}