body{background:#a9e2ef url('assets/lake.webp') center/cover fixed}body:before{background:linear-gradient(#ffffdfc9,#e9ffff3a 55%,#167b9440)}h1 em{color:#0879b3}.hero{padding:24px 0}.landing-lake{display:grid;grid-template-columns:1fr minmax(320px,560px) 1fr;align-items:center;gap:24px}.lake-fighter{text-align:center}.lake-fighter img{width:100%;max-height:350px;object-fit:contain;animation:float 3s ease-in-out infinite}.lake-fighter b{display:block;background:#ffffe9d9;border-radius:30px;padding:8px;font-size:11px}.lake-fighter.shark img{animation-delay:-1.5s}.level{margin:12px 0;background:#fffceef5}.landing-note{text-align:center;background:#fff9d5dd;border-radius:15px;padding:14px;line-height:1.6}.lake-health{max-width:700px;margin:16px auto;background:#fffbedf5;border-radius:20px;padding:16px 22px;box-shadow:0 5px 0 #27789730}.meter-label{display:flex;justify-content:space-between;font-size:12px}.health-track{height:15px;margin:7px 0 13px;background:#dce8d8}.health-fill{background:linear-gradient(90deg,#55b822,#b9ee4c);transition:width .35s}.shark-meter .health-fill{background:linear-gradient(90deg,#1268a9,#58c8ed)}.damage .health-track:not(.shark-meter) .health-fill{background:#ec6553}.health-foot{display:flex;justify-content:space-between;font-size:12px}.round-head h2{font-size:28px}.play-lake{position:relative;max-width:1000px;margin:auto;text-align:center}.wood-board{width:min(94%,570px);margin:auto;padding:12px 20px 15px;border:12px solid #ac7139;border-radius:25px;background:#fffce9;box-shadow:0 7px 0 #744322,0 14px 25px #19576925}.board-heading{display:flex;justify-content:space-between;font-size:12px;color:#7b542d}.prompt-picture{height:125px;width:150px;object-fit:contain;margin:8px auto}.word-slots{display:flex;gap:4px;justify-content:center;flex-wrap:nowrap}.slot{font-size:clamp(18px,3vw,32px);font-weight:900;min-width:23px;border-bottom:3px solid #c9d3ba;padding:1px 4px;color:#204e36}.slot.current{background:#ffe551;color:#184476;border-radius:6px;border-color:#1688dc;box-shadow:0 0 0 3px #ffdc57}.slot.filled{background:#d5f1b9;border-color:#45932f}.slot.revealed{color:#ac422a}.question-tip{font-size:12px;margin-top:9px;line-height:1.5}.water-stage{height:235px;position:relative;margin-top:10px;background:radial-gradient(ellipse at 50% 80%,#a2f9ff66,transparent 70%)}#jump-toki{position:absolute;left:1%;top:0;width:120px;z-index:3;pointer-events:none;filter:drop-shadow(0 9px 3px #067a7a30)}#battle-shark{position:absolute;right:0;top:-55px;width:175px;z-index:1;pointer-events:none;animation:float 3s ease-in-out infinite}.leaves{position:absolute;bottom:18px;left:12%;right:8%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.lotus-leaf{position:relative;border:3px solid #59aa27;border-radius:50%;height:87px;background:conic-gradient(from 205deg at 50% 50%,#72c92a 0deg,#3c941e 55deg,#9bdc42 150deg,#3e9c21 290deg,#81ce35 360deg);color:#fff;text-shadow:0 3px 1px #286218;box-shadow:0 8px 0 #277426,0 13px 0 6px #a3f2ef77;transition:filter .2s,transform .2s;overflow:visible}.lotus-leaf:after{content:'';position:absolute;bottom:-2px;left:43%;width:20%;height:32%;background:#66cfe5;clip-path:polygon(50% 0,0 100%,100% 100%)}.lotus-leaf span{font-size:42px;line-height:1;font-weight:900;position:relative;z-index:1}.lotus-leaf small{position:absolute;left:10%;top:14%;font-size:10px;opacity:.85}.lotus-leaf:hover:not(:disabled){transform:translateY(-5px);filter:brightness(1.1)}.lotus-leaf.right{outline:5px solid #dcff51}.lotus-leaf.wrong{background:#d5523b;border-color:#ed8471;box-shadow:0 8px 0 #9b352e}.feedback{min-height:58px;background:#fffceeea;border-radius:18px;padding:12px 20px;max-width:570px;margin:0 auto 14px;font-size:15px;line-height:1.6}#next-word{margin-bottom:18px}[hidden]{display:none!important}.hurt{animation:hit .55s ease!important}.attack{animation:attack .55s ease!important}.result{background:#fffceef5}.result h2{font-size:24px;line-height:1.3;margin:15px 0}.word-review{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.word-review div{display:grid;justify-items:center;font-size:13px}.word-review img{width:48px;height:48px}.word-review span{font-size:10px;color:#8a694b}footer{background:#fffcebdc;border-radius:24px;padding:20px;margin-top:25px}.developer-credit{font-size:clamp(14px,1.8vw,20px)!important}.contact-teacher{display:block;margin-top:12px;text-align:center}#login-error{color:#b12d25}dialog{max-width:520px}dialog li{margin:12px 0;line-height:1.5}@keyframes float{50%{transform:translateY(-7px) rotate(1deg)}}@keyframes hit{25%,75%{transform:translateX(12px) rotate(5deg)}50%{transform:translateX(-8px)}}@keyframes attack{50%{transform:translateX(-30px) rotate(-8deg)}}@media(max-width:760px){header{height:auto;flex-wrap:wrap;gap:8px}.edition{display:none}.brand img{width:110px}.hero h1{font-size:43px}.landing-lake{grid-template-columns:1fr 1fr;gap:10px}.level-stack{grid-column:1/-1;grid-row:2}.lake-fighter img{height:125px}.lake-fighter b{font-size:9px}.round-head h2{font-size:23px}.round-head .ghost{font-size:10px;padding:9px}.lake-health{padding:12px 14px;margin:12px auto}.wood-board{border-width:8px;padding:10px;width:100%}.prompt-picture{height:105px;width:120px}.slot{font-size:22px;min-width:0;padding:1px 3px}.word-slots{gap:3px}.water-stage{height:205px}#jump-toki{width:86px;left:0;top:5px}#battle-shark{width:110px;top:0}.leaves{left:2%;right:2%;gap:9px;bottom:20px}.lotus-leaf{height:62px;border-width:2px}.lotus-leaf span{font-size:33px}.feedback{font-size:13px}.result{padding:24px 15px}.result h1{font-size:40px}.word-review{grid-template-columns:repeat(3,1fr)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.wood-board{container-type:inline-size}.word-slots{gap:2px}.slot{font-size:min(30px,calc(115cqw / var(--letters)));min-width:0;padding:1px 2px;white-space:pre}