*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#79d7ef;font-family:system-ui,sans-serif;color:#173751;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#game,#view{width:100vw;height:100vh;display:block}#view{position:fixed;inset:0}#hud{position:fixed;inset:0;pointer-events:none;padding:20px;font-weight:800;text-shadow:0 2px 0 #fff;font-size:22px}#count{font-size:clamp(25px,4vw,43px);background:#fff8d7;border:4px solid #173751;border-radius:19px;padding:5px 19px;display:inline-block;box-shadow:0 5px 0 #173751}#count b{color:#ef6b38}#energy{position:absolute;left:22px;bottom:25px;background:#fff8d7;border:3px solid #173751;border-radius:17px;padding:4px 12px;font-size:18px}#energy i{display:inline-block;width:130px;height:17px;border:2px solid #173751;border-radius:10px;background:linear-gradient(90deg,#76c947 80%,transparent 80%)}#level{position:absolute;right:24px;top:25px}.hide{display:none!important}#points{position:absolute;right:24px;top:57px;color:#e66d31}#hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:20px;background:#fff8d7cc;border-radius:12px;padding:4px 14px;opacity:0;transition:.2s}.show{opacity:1!important}#home,#finish{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(#65c8efcc,#8ed871cc);padding:16px}.card{width:min(570px,100%);max-height:95vh;overflow:auto;text-align:center;background:#fff6d5;border:5px solid #173751;border-radius:30px;padding:20px;box-shadow:0 12px 0 #173751}.logo{font-size:clamp(45px,9vw,74px);font-weight:800;line-height:.8;letter-spacing:-3px;color:#4f9a3f;text-shadow:3px 3px 0 #173751}.logo span{color:#ed713e}.tag{font-size:20px;margin:12px}.drawing{float:right;width:145px;background:#fff;border:3px dashed #ef9c37;border-radius:15px;padding:5px;margin:-3px 3px 5px 12px}.drawing canvas{width:100%;height:105px;display:block}.drawing em{font-size:13px;line-height:1}.drawing.missing:before{content:'🦕';font-size:70px;display:block;height:100px}.drawing.missing img{display:none}.how{display:flex;justify-content:space-around;gap:5px;clear:both;padding:12px 0}.how div{font-size:28px}.how small{display:block;font-size:13px}.buttons{display:flex;gap:14px;justify-content:center}button{font:800 25px system-ui,sans-serif;border:3px solid #173751;border-radius:16px;padding:6px 23px;cursor:pointer;box-shadow:0 5px 0 #173751;background:#75c851;color:#173751}button:hover{transform:translateY(2px);box-shadow:0 3px 0 #173751}.buttons button:last-child{background:#ef793f}.keys{font-size:13px;margin:13px 0 4px}#scores{font-size:14px;border-top:2px dotted #8a795d;margin-top:10px;padding-top:6px}@media(max-width:700px){.card{padding:15px}.drawing{width:115px}.drawing canvas,.drawing.missing:before{height:78px}.how{padding:4px}.how div{font-size:22px}button{font-size:21px}}
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#79d7ef;font-family:system-ui,sans-serif;color:#173751}#game,#view{width:100vw;height:100vh;display:block}#view{position:fixed;inset:0}#hud{position:fixed;inset:0;pointer-events:none;padding:20px;font-weight:800;text-shadow:0 2px 0 #fff;font-size:22px}#count{font-size:clamp(25px,4vw,43px);background:#fff8d7;border:4px solid #173751;border-radius:19px;padding:5px 19px;display:inline-block;box-shadow:0 5px 0 #173751}#count b{color:#ef6b38}#energy{position:absolute;left:22px;bottom:25px;background:#fff8d7;border:3px solid #173751;border-radius:17px;padding:4px 12px;font-size:18px}#energy i{display:inline-block;width:130px;height:17px;border:2px solid #173751;border-radius:10px;background:linear-gradient(90deg,#76c947 80%,transparent 80%)}#level{position:absolute;right:24px;top:25px}.hide{display:none!important}#points{position:absolute;right:24px;top:57px;color:#e66d31}#hint{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:20px;background:#fff8d7cc;border-radius:12px;padding:4px 14px;opacity:0;transition:.2s}.show{opacity:1!important}#home,#finish{position:fixed;inset:0;display:grid;place-items:center;background:linear-gradient(#65c8efcc,#8ed871cc);padding:16px}.card{width:min(570px,100%);max-height:95vh;overflow:auto;text-align:center;background:#fff6d5;border:5px solid #173751;border-radius:30px;padding:20px;box-shadow:0 12px 0 #173751}.logo{font-size:clamp(45px,9vw,74px);font-weight:800;line-height:.8;letter-spacing:-3px;color:#4f9a3f;text-shadow:3px 3px 0 #173751}.logo span{color:#ed713e}.tag{font-size:20px;margin:12px}.drawing{float:right;width:145px;background:#fff;border:3px dashed #ef9c37;border-radius:15px;padding:5px;margin:-3px 3px 5px 12px}.drawing img{width:100%;height:100px;object-fit:contain;display:block}.drawing em{font-size:13px;line-height:1}.drawing.missing:before{content:'🦕';font-size:70px;display:block;height:100px}.drawing.missing img{display:none}.how{display:flex;justify-content:space-around;gap:5px;clear:both;padding:12px 0}.how div{font-size:28px}.how small{display:block;font-size:13px}.buttons{display:flex;gap:14px;justify-content:center}button{font:800 25px system-ui,sans-serif;border:3px solid #173751;border-radius:16px;padding:6px 23px;cursor:pointer;box-shadow:0 5px 0 #173751;background:#75c851;color:#173751}button:hover{transform:translateY(2px);box-shadow:0 3px 0 #173751}.buttons button:last-child{background:#ef793f}.keys{font-size:13px;margin:13px 0 4px}#scores{font-size:14px;border-top:2px dotted #8a795d;margin-top:10px;padding-top:6px}#touch{position:fixed;right:22px;bottom:22px;z-index:4;display:none;align-items:end;gap:16px;touch-action:none;-webkit-user-select:none;user-select:none}.pad{width:210px;height:210px;position:relative}.pad button,#touch .jump{position:absolute;width:82px;height:82px;padding:0;border-radius:50%;box-shadow:0 6px 0 #173751;background:#fff6d5;font-size:34px;touch-action:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.pad .up{left:64px;top:0}.pad .down{left:64px;bottom:0}.pad .left{left:0;top:64px}.pad .right{right:0;top:64px}#touch .jump{position:relative;width:105px;height:105px;background:#ef793f;font-size:24px}#touch button.pressed{transform:translateY(5px) scale(.96);box-shadow:0 1px 0 #173751;background:#ffd06a}@media(pointer:coarse){#touch:not(.hide){display:flex}}@media(max-width:450px){.card{padding:15px}.drawing{width:115px}.drawing img,.drawing.missing:before{height:78px}.how{padding:4px}.how div{font-size:22px}button{font-size:21px}#touch{right:10px;bottom:10px;gap:5px;transform:scale(.8);transform-origin:bottom right}}
.enemy-choice{clear:both;padding:8px 0 12px}.enemy-choice small{font-weight:800;margin-right:6px}.enemy-choice button{font-size:13px;padding:5px 8px;border-radius:10px;box-shadow:0 2px 0 #173751;background:#d9e8d0}.enemy-choice button.chosen{background:#ffcf62}.touch-actions{display:flex;flex-direction:column;gap:10px}.touch-actions .star{position:relative!important;width:105px!important;height:76px!important;background:#ffcf62!important;font-size:16px!important}.touch-actions .jump{position:relative!important}