@import url('https://fonts.googleapis.com/css2?family=Mitr:wght@400;600;700&display=swap');*{box-sizing:border-box}html,body,main,.screen{margin:0;width:100%;height:100%;overflow:hidden;font-family:Mitr,sans-serif;color:#173a61}button{font-family:inherit;cursor:pointer}.screen{position:fixed;inset:0;background:url('assets/castle-bg.png') center/cover}.hide{display:none!important}.intro,.overlay{display:grid;place-items:center;background-image:linear-gradient(#0b559755,#13255377),url('assets/castle-bg.png')}.panel{background:#fffdf1f2;border:5px solid #fff;border-radius:30px;box-shadow:0 10px 0 #246da1,0 18px 35px #14385d55}.intro-card{width:min(620px,92vw);padding:25px;text-align:center}.crest{font-size:72px;line-height:1}.eyebrow,.type-tag{display:inline-block;margin:4px;padding:5px 16px;border-radius:99px;background:#2b7bd5;color:#fff}.intro h1,.win-card h1{margin:4px;font-size:clamp(35px,6vw,58px);line-height:1.15}.legend{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:16px}.legend span{padding:7px 12px;border-radius:13px;background:#e6f4ff}.primary{border:3px solid #fff;border-radius:16px;padding:10px 24px;background:linear-gradient(#ffd94d,#ef9d14);color:#4c2c04;font-weight:700;font-size:20px;box-shadow:0 6px 0 #b56b0c}.primary:disabled{filter:grayscale(1);opacity:.5}header{position:absolute;z-index:20;top:8px;left:10px;right:10px;height:62px;padding:8px 18px;display:flex;align-items:center;justify-content:space-between;border:4px solid white;border-radius:20px;background:#f8fff5ed;box-shadow:0 5px #246da1}header button{border:0;border-radius:11px;background:#fff;padding:7px;font-size:18px}.progress{text-align:center;width:min(380px,35vw)}.progress i{display:block;height:9px;margin-top:4px;border-radius:9px;background:#c8dbe8;overflow:hidden}.progress b{display:block;width:8%;height:100%;background:linear-gradient(90deg,#40d36f,#ffd947)}.battlefield{position:absolute;inset:75px 0 42%;}.castle-hp{position:absolute;left:3%;top:5%;padding:7px 14px;border-radius:15px;background:#fffddd;font-weight:700}.enemy{position:absolute;left:50%;bottom:4%;transform:translateX(-50%);text-align:center;transition:.35s}.enemy.hit{animation:hit .45s}.enemy-badge{display:inline-block;padding:5px 13px;border-radius:12px;background:#68398f;color:white}.enemy-icon{font-size:clamp(70px,11vw,130px);filter:drop-shadow(0 10px 8px #17395777)}.enemy.armored .enemy-icon{filter:drop-shadow(0 0 12px #7df) drop-shadow(0 10px 8px #17395777)}.enemy.boss .enemy-icon{font-size:clamp(95px,14vw,160px)}.enemy-problem{margin:-8px auto 0;padding:6px 20px;width:max-content;border:4px solid white;border-radius:17px;background:#173a61;color:white;font-size:25px;box-shadow:0 5px #091d34}.shot{position:absolute;left:50%;bottom:0;font-size:45px;opacity:0}.shot.fire{animation:fire .55s}.control{position:absolute;z-index:10;left:3%;right:3%;bottom:2%;height:39%;padding:12px 22px;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:20px;align-items:center}.lesson{text-align:center}.lesson h2{margin:5px;font-size:clamp(20px,2.2vw,30px)}.work-row{display:contents}.vertical{width:220px;margin:auto;font-size:32px;font-weight:700}.heads,.number,.answer{display:grid;grid-template-columns:1fr 1fr;text-align:center}.heads{font-size:14px;color:#547086}.carry-row{height:31px;display:flex;justify-content:flex-start;padding-left:43px}.carry-box{width:45px;height:29px;border:2px dashed #f0a11c;border-radius:9px;color:#ef721c;text-align:center;font-size:20px}.carry-box:empty{opacity:.25}.number{height:40px}.plus{position:relative;border-bottom:4px solid #173a61}.plus i{position:absolute;left:0}.answer{gap:7px;margin-top:5px}.digit-box{height:48px;border:3px dashed #397aa5;border-radius:12px;background:#fff;font-size:28px;font-weight:700;color:#173a61}.digit-box.active{border-color:#ffc829;box-shadow:0 0 0 4px #ffe57b}.weapon{text-align:center}.weapon-title{font-weight:700}.meter{height:14px;border:3px solid #fff;border-radius:12px;background:#b8cad6;overflow:hidden}.meter b{display:block;width:5%;height:100%;background:linear-gradient(90deg,#4ad36f,#ffce2f,#ff633d);transition:.35s}.weapon-icon{font-size:50px}.keypad{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.keypad button{min-height:43px;border:3px solid white;border-radius:11px;background:#dff3ff;color:#173a61;font-size:21px;font-weight:700;box-shadow:0 4px #75a6bd}.toast{position:fixed;z-index:100;left:50%;top:46%;transform:translate(-50%,-50%);padding:12px 25px;border-radius:20px;background:#fff;color:#173a61;font-weight:700;opacity:0;pointer-events:none}.toast.show{animation:toast 1s}.overlay{position:fixed;z-index:99;inset:0;background-color:#16395a99}.win-card{padding:30px;text-align:center}.win-card p{font-size:18px}@keyframes fire{0%{opacity:1;transform:translate(-250px,150px)}70%{opacity:1;transform:translate(0,-100px) scale(1.6)}100%{opacity:0;transform:translate(0,-130px) scale(2)}}@keyframes hit{35%{transform:translateX(-50%) rotate(10deg) scale(.85);filter:brightness(2)}}@keyframes toast{20%,75%{opacity:1}}@media(max-width:760px),(max-height:620px){header{height:48px;font-size:13px;padding:4px 10px}.battlefield{inset:59px 0 48%}.castle-hp{font-size:12px}.control{height:45%;padding:5px 10px;grid-template-columns:.9fr 1fr .9fr;gap:7px}.lesson small{display:none}.type-tag{padding:2px 7px;font-size:11px}.lesson h2{font-size:17px}.vertical{width:170px;font-size:24px}.number{height:31px}.carry-row{height:23px;padding-left:31px}.carry-box{height:23px;font-size:15px}.digit-box{height:37px;font-size:21px}.weapon-icon{font-size:31px}.weapon .primary{font-size:14px;padding:5px 12px}.keypad{gap:3px}.keypad button{min-height:30px;font-size:16px}.enemy-icon{font-size:60px}.enemy-problem{font-size:18px;padding:3px 13px}.intro-card{padding:10px}.crest{font-size:45px}.legend{margin:8px}.intro-card p{margin:5px}}