.penguin-lesson .pg-top{display:flex;align-items:center;justify-content:space-between;padding:12px 0;color:white;font-size:12px}.pg-top .text-button{color:white;font-size:11px}.pg-panel{padding:0 0 16px;overflow:hidden;border-radius:22px;background:#effbff}.pg-stage{position:relative;height:510px;background:#a4d8ec;border-bottom:3px solid #376780}.pg-stage #penguin-world{position:absolute;inset:0}.pg-stage canvas{display:block;width:100%;height:100%;touch-action:manipulation}.pg-hud{position:absolute;left:13px;right:13px;top:17px;display:flex;justify-content:space-between;pointer-events:none}.pg-hud small{font-size:9px;font-weight:700;letter-spacing:2px;display:block;color:#547f99}.pg-hud strong{font:900 37px Consolas,monospace;letter-spacing:-2px;color:#fff1c8;text-shadow:-2px -2px #285773,2px -2px #285773,-2px 2px #285773,2px 2px #285773}.pg-hud em{font-size:12px;font-style:normal;letter-spacing:0}.pg-record{text-align:right;font-size:10px;color:#527e95}.pg-record b{display:block;font:900 16px Consolas,monospace;margin:7px 0}.pg-record button{pointer-events:auto;background:#eefaffce;border:1px solid white;color:#537d95;border-radius:13px;padding:6px;font-size:10px}.pg-caption{position:absolute;bottom:9px;left:10px;right:10px;margin:0;padding:8px 4px;background:#effbffad;border-radius:9px;color:#426e86;font-size:11px;line-height:1.7;pointer-events:none}.pg-panel>div:not(.pg-stage){margin:16px 14px}.pg-panel h2{font-size:19px}.pg-panel p{font-size:13px;margin:10px 0}.pg-panel .sound-button{font-size:13px;padding:10px 15px}.pg-answers{display:flex;gap:8px;margin:13px 0}.pg-answers button{flex:1;min-width:0;overflow-wrap:anywhere;border:2px solid white;background:#e6f1ed;border-radius:13px;padding:13px 4px;font-size:14px;color:#4c8185;box-shadow:0 3px #adccbf44}.pg-answers button>span{font-size:35px}.pg-answers img,.pg-target img{width:55px;height:46px;object-fit:contain}.pg-target{font-size:42px;margin-top:12px}.pg-energy{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#608591;margin-bottom:12px;gap:4px}.pg-energy>span{display:flex;align-items:center;gap:5px}.pg-energy img{height:22px;width:25px;object-fit:contain}.pg-energy .emoji{font-size:22px}.pg-energy small{background:#dcefe0;color:#53866f;padding:5px;white-space:nowrap}.pg-panel .pg-launch{background:linear-gradient(#ffd580,#efac4b);border:2px solid #ffe6ab;border-bottom:5px solid #bd7c30;color:#815527;box-shadow:none;border-radius:12px;font-size:18px}.pg-panel>[data-action=next]{width:calc(100% - 28px);margin:0 14px}.pg-panel [hidden]{display:none!important}.pg-panel .feedback{margin:10px 14px;font-size:13px}.pg-panel .letters{gap:5px}.pg-panel .letters button{width:34px;height:42px}.penguin-lesson>.notice{font-size:12px}.pg-fallback{padding:100px 20px;text-align:center}.pg-panel .spell{font-size:25px}@media(max-width:350px){.pg-stage{height:450px}.pg-top b{font-size:12px}.pg-energy{font-size:10px}}

.pg-panel .pg-launch{text-shadow:none}