.mole-setup{max-width:1200px;margin:0 auto 80px;display:grid;grid-template-columns:1fr 310px;gap:28px}.mole-config,.mole-how{padding:32px;background:white;border:1px solid #f5eedc;border-radius:24px}.mole-config h2{font-size:21px;margin:12px 0 20px}.mole-config p,.mole-how p,.mole-how li{color:#927c59;line-height:1.8}.mole-selects{display:grid;grid-template-columns:1fr 1fr;gap:14px}.mole-selects label:last-child{grid-column:1/-1}.mole-how{align-self:start;position:sticky;top:115px}.mole-how ol{padding-left:22px}.mole-how .primary{width:100%;margin:16px 0}.mole-how #mole-count{display:block;text-align:center;font-size:13px;color:#735737}.mole-word-head{display:flex;align-items:center;gap:10px;margin:28px 0 15px;flex-wrap:wrap}.mole-word-head strong{margin-right:auto}.mole-word-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-height:440px;overflow:auto}.mole-word-list label{padding:12px;border:1px solid #f5eedc;border-radius:12px;display:flex;align-items:start;gap:8px;cursor:pointer}.mole-word-list label:has(input:checked){background:#f5eedc;border-color:#e7d8b5}.mole-word-list b,.mole-word-list small,.mole-word-list span span{display:block}.mole-word-list small{color:#927c59;margin:5px 0}.mole-word-list span span{font-size:12px;color:#735737}.mole-word-list .unavailable{opacity:.4;cursor:default}.mole-error{color:#c8414b!important;min-height:26px}.mole-save-note{display:block;color:#927c59;margin-top:10px}.mole-play{max-width:1150px;margin:24px auto 70px;padding:24px 40px 35px;border:1px solid #f5eedc;background:#fff;border-radius:28px}.mole-top{display:flex;align-items:center;justify-content:space-between}.mole-top>span{color:#927c59;font-size:14px}.mole-question{position:relative;text-align:center;margin:28px 0 18px}.mole-question h1{font-size:64px;font-weight:650;letter-spacing:4px;margin:18px 0 12px;color:#443629}.mole-question .audio{position:absolute;right:26%;top:65px}.mole-direction{display:block;color:#927c59}.mole-spelling{display:flex;gap:9px;justify-content:center;align-items:center;flex-wrap:wrap}.mole-spelling span{width:30px;height:38px;font-size:26px;color:#ceb98c;border-bottom:2px solid #f5eedc}.mole-spelling span.filled{color:#927c59;border-color:#ceb98c}.mole-spelling span.current{border-color:#927c59}.mole-spelling small{font-size:12px;color:#927c59;margin-left:12px}.mole-meadow{position:relative;border-radius:28px;background:linear-gradient(155deg,#eff8f4,#f5eedc 72%);overflow:hidden;padding:26px 36px}.mole-board{display:grid;grid-template-columns:repeat(3,1fr);gap:22px 30px;position:relative;z-index:1}.mole-target{border:0;background:transparent;position:relative;min-height:175px;cursor:pointer;padding:12px 4px 24px;display:flex;align-items:center;flex-direction:column;-webkit-tap-highlight-color:transparent}.mole-option{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;background:white;padding:9px 17px;border:1px solid #f5eedc;border-radius:13px;box-shadow:0 5px 15px #73573712;min-height:45px;width:100%;max-width:240px;font-size:17px;color:#443629;line-height:1.35;overflow-wrap:anywhere}.mole-animal{position:relative;display:block;width:102px;height:80px;background:linear-gradient(#c98f68,#b77854);border-radius:48% 48% 40% 40%;z-index:2;margin:10px auto 0;box-shadow:inset 0 -5px 0 #94604130;transition:transform .18s}.mole-ear{position:absolute;width:25px;height:25px;background:#b67956;border-radius:50%;top:-7px;border:5px solid #c99471}.mole-ear.left{left:8px}.mole-ear.right{right:8px}.mole-eyes:before,.mole-eyes:after{content:'';position:absolute;width:7px;height:10px;background:#483a37;border-radius:50%;top:27px}.mole-eyes:before{left:27px}.mole-eyes:after{right:27px}.mole-nose{position:absolute;width:35px;height:24px;border-radius:50%;background:#e6b38c;left:34px;top:40px}.mole-nose:before{content:'';position:absolute;width:10px;height:7px;background:#694337;border-radius:50%;top:4px;left:12px}.mole-nose:after{content:'';position:absolute;width:1px;height:7px;background:#694337;left:17px;top:10px}.mole-cheeks:before,.mole-cheeks:after{content:'';position:absolute;width:15px;height:8px;background:#eaa594;border-radius:50%;top:45px}.mole-cheeks:before{left:13px}.mole-cheeks:after{right:13px}.mole-hole{position:absolute;width:158px;height:24px;border-radius:50%;background:#443629;bottom:21px;left:50%;transform:translateX(-50%);z-index:1;box-shadow:0 5px 0 #b2cbc850}.mole-number{position:absolute;bottom:0;color:#927c59;font-size:10px}.mole-target:hover:not(:disabled) .mole-animal{transform:translateY(-5px)}.mole-target:focus-visible{outline:3px solid #927c59;border-radius:16px}.mole-target.hinted .mole-option{background:#f5eedc;border:2px solid #927c59}.mole-target.miss .mole-option{background:#fff0f0;border-color:#ef9393}.mole-target.miss .mole-animal{animation:mole-shake .3s}.mole-target:disabled{cursor:default}.mole-target:disabled .mole-option{border-color:#9ed3c1;background:#f2fff9}.mole-feedback{text-align:center;min-height:28px;padding:16px 5px;color:#735737;font-size:14px}.mole-feedback.good{color:#328267}.mole-actions{text-align:center}.mole-completed{margin:5px 0 15px;color:#735737}.mole-tip{text-align:center;font-size:12px;color:#927c59;margin-top:20px}.mole-mini{position:relative;height:120px;padding-top:15px}.mole-mini .mole-hole{bottom:10px}.mole-preview{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(135deg,#edf7f3,#f5eedc)}.mole-preview .mole-hole{bottom:28px}.mole-preview-word{padding:8px 25px;background:white;border-radius:12px;color:#735737;font-size:17px;z-index:3}.mole-preview .mole-animal{margin-top:15px}.mole-review{max-width:750px;margin:25px auto;max-height:300px;overflow:auto}.mole-review div{display:flex;gap:20px;align-items:center;padding:12px;border-bottom:1px solid #f5eedc;text-align:left}.mole-review span{flex:1;color:#927c59}.mole-play:fullscreen{max-width:none;width:100%;height:100%;margin:0;border:0;border-radius:0;overflow:auto;display:flex;flex-direction:column;justify-content:center}.mole-play:fullscreen .mole-meadow{width:min(1050px,90%);margin:0 auto}.no-motion .mole-animal{transition:none;animation:none!important}@keyframes mole-shake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@media(max-width:850px){.mole-setup{grid-template-columns:1fr;padding:0 18px}.mole-how{position:static}.mole-word-list{grid-template-columns:repeat(2,1fr)}.mole-play{padding:20px 12px;margin:15px}.mole-meadow{padding:15px 8px}.mole-board{gap:12px 6px}.mole-option{font-size:13px;padding:8px 4px}.mole-hole{width:105px}.mole-animal{transform:scale(.85);margin-top:0}.mole-question h1{font-size:46px}.mole-question .audio{right:4%;top:55px}.mole-target{min-height:155px}.mole-spelling{gap:4px}.mole-spelling span{width:22px}}

.mole-animal{animation:mole-rise .32s ease-out}.mole-option{max-height:100px;overflow:auto}@keyframes mole-rise{from{transform:translateY(12px);opacity:.6}to{transform:translateY(0);opacity:1}}body.mole-full header,body.mole-full footer{display:none}body.mole-full .mole-play{max-width:1250px;min-height:95vh;display:flex;flex-direction:column;justify-content:center;margin:20px auto}.mole-full .mole-meadow{width:100%}@media(prefers-reduced-motion:reduce){.mole-animal{animation:none;transition:none}}