:root{font-family:'Trebuchet MS',ui-rounded,system-ui,sans-serif;color:#174730;background:#fff7e5;font-synthesis:none;--green:#174730;--orange:#ef8018;--cream:#fff7e5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 0 50%,#dae8bd70,transparent 45%),radial-gradient(ellipse at 100% 80%,#f8d59c70,transparent 40%),#fff7e5}body:after{content:'';position:fixed;bottom:-90px;left:-10%;width:120%;height:180px;border-radius:50% 50% 0 0;background:#c8dba5;z-index:-1}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer;min-height:48px;border:2px solid #d6c9aa;border-radius:18px;background:#fffcf4;padding:13px 22px;font-weight:800;color:var(--green);box-shadow:0 4px 0 #d6c9aa;transition:transform .15s,box-shadow .15s}button:hover:not(:disabled){transform:translateY(-3px)}button:active:not(:disabled){transform:translateY(3px);box-shadow:none}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:4px solid #176aa2;outline-offset:5px}[hidden]{display:none!important}a{color:var(--green);text-decoration:none}header{max-width:1080px;margin:auto;padding:16px 26px;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:95px}header>a:first-child{font-weight:800;background:#fffdf4;border:2px solid #dfd8bb;border-radius:18px;padding:12px 18px}.brand{display:block;margin:auto}.brand img{width:160px;height:66px;object-fit:contain;display:block}#change{font-size:14px}main{max-width:1010px;margin:8px auto;padding:0 24px;text-align:center}.cover{position:relative;margin:0;border:6px solid #fffdf2;border-radius:30px;overflow:hidden;box-shadow:0 7px 0 #dbc8a1,0 18px 35px #64431712}.cover img{display:block;width:100%;height:auto;aspect-ratio:1.91;object-fit:cover}.cover figcaption{position:absolute;bottom:16px;left:20px;padding:8px 15px;border-radius:30px;background:#fff7e5;color:#174730;font-size:12px;font-weight:800;box-shadow:0 2px 8px #0001}.choose{padding:32px 28px 8px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:2px;color:#667b45}h1{font-size:clamp(27px,4.5vw,40px);letter-spacing:-1.2px;line-height:1.13;margin:12px 0}p{color:#65715a;line-height:1.6;margin:12px 0}.levels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px;margin:26px 0 22px}.level{--edge:#e98920;--shadow:#be6112;min-height:124px;padding:12px 8px;background:linear-gradient(145deg,#fffdf0,#ffe8b7);border:5px solid var(--edge);box-shadow:0 7px 0 var(--shadow),inset 0 0 0 2px #fff8dc;border-radius:22px;color:var(--green);position:relative}.level:nth-child(even){--edge:#67a24b;--shadow:#3d783a}.level:nth-child(3n){--edge:#e9b53e;--shadow:#bd8b20}.number{display:block;font-size:49px;line-height:1.1;margin:0 0 8px;font-weight:900;text-shadow:0 2px #fff}.hint{font-size:13px}.game-heading{padding:15px 0 20px}.game-heading h2{font-size:clamp(23px,4vw,34px);margin:9px 0}.topline{display:flex;justify-content:space-between;font-size:14px;font-weight:800;padding:0 8px}.track{height:13px;background:#e5ddbe;border:3px solid #fffdf4;border-radius:20px;margin:12px 0 22px;overflow:hidden;box-shadow:0 1px 0 #d4c9a7}#bar{height:100%;background:#73a546;border-radius:20px;transition:width .3s}.paper{position:relative;border:4px solid #e5d7af;border-radius:35px;background:radial-gradient(ellipse at 50% 0,#f7edcc,transparent 65%),#fffcf1;padding:24px 20px;box-shadow:0 8px 0 #d7c59b,0 20px 35px #5942210a}#picture{font-size:90px;line-height:1.3;width:146px;height:135px;display:grid;place-items:center;margin:0 auto;background:#e9edcf;border-radius:46% 54% 47% 53%;border:3px solid #fff9e3}#word{font-size:clamp(19px,4vw,29px);letter-spacing:2px;overflow-wrap:anywhere;margin:18px 0 6px}#syllables{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin:28px auto 32px}#syllables button{--edge:#e98920;--shadow:#ba651a;background:linear-gradient(135deg,#fffcf0,#fbe2ac);border:5px solid var(--edge);border-radius:22px;box-shadow:0 7px 0 var(--shadow),inset 0 0 0 2px #fff8df;min-width:98px;padding:17px 20px;font-size:clamp(29px,5vw,43px);font-weight:900}#syllables button:nth-child(even){--edge:#68a34e;--shadow:#3b7538}#syllables button:nth-child(3n){--edge:#e6b73e;--shadow:#b58c27}#syllables button.active{outline:4px solid #174730;outline-offset:5px;transform:translateY(-5px)}.primary{background:#245b38;border-color:#245b38;color:#fff7df;box-shadow:0 5px 0 #143d26}.navigation{display:flex;justify-content:space-between;gap:14px;margin:25px 0}#status{min-height:24px;font-size:13px;margin:16px 0 0}details{max-width:700px;text-align:left;margin:30px auto 16px;padding:15px 20px;border:1px solid #dfd5b5;border-radius:18px;font-size:13px;background:#fffaf0;color:#65715a}summary{font-weight:800;cursor:pointer;color:#38543a}select{margin:5px 0 0 8px;padding:8px;border:1px solid #c9bc98;border-radius:10px;color:var(--green);background:#fffdf5}footer{padding:20px;text-align:center;font-size:12px;color:#596c46}@media(max-width:700px){.levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.choose{padding:30px 10px 8px}.cover figcaption{display:none}.brand img{width:130px;height:55px}header{padding:12px 18px;min-height:80px}main{padding:0 16px}.cover{border-radius:22px;border-width:4px}#syllables{gap:13px}#syllables button{min-width:78px;padding:14px 17px}.level{min-height:116px}}@media(max-width:420px){header{gap:8px;flex-wrap:wrap}header>a:first-child{padding:10px;font-size:13px}.brand img{width:115px}#change{padding:10px;font-size:12px}.levels{gap:12px}.level{border-width:4px;font-size:13px;min-height:106px}.number{font-size:39px}.paper{padding:20px 12px;border-radius:26px}.navigation button{padding:12px;font-size:13px}#syllables button{min-width:72px;padding:13px;font-size:30px}#picture{font-size:78px;height:114px;width:125px}.game-heading h2{font-size:23px}details{padding:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.pedagogy-tabs{display:flex;justify-content:center;gap:12px;margin:10px 0 24px}.pedagogy-tabs [aria-selected="true"]{background:var(--green);border-color:var(--green);color:var(--cream);box-shadow:0 4px 0 #103522}.objective-panel{text-align:left;max-width:820px;margin:0 auto 28px;padding:clamp(20px,4vw,38px);background:#fffcf1;border:3px solid #e5d7af;border-radius:28px;box-shadow:0 6px 0 #d7c59b;line-height:1.7}.objective-panel h1{font-size:clamp(27px,5vw,38px)}.objective-panel h2{font-size:22px;line-height:1.3;margin:30px 0 12px}.objective-panel li{margin:12px 0;color:#44563e}.objective-panel ul,.objective-panel ol{padding-left:25px}.objective-panel p{color:#44563e}.objective-lead{font-size:18px}.objective-panel button{margin-top:16px}