*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden}body{font-family:"Baloo 2",Comic Sans MS,Segoe UI,system-ui,sans-serif;background:#8ec9e8;color:#2d2416;user-select:none}#app{position:relative;width:100vw;height:100vh}#game{position:absolute;inset:0;touch-action:none}#game canvas{display:block}#hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:10px 14px;pointer-events:none}#hud>*{pointer-events:auto}#hud-center{flex:1;text-align:center}#level-name{display:inline-block;background:#fff8e6;border:3px solid #2d2416;border-radius:14px;padding:6px 22px;font-size:18px;font-weight:700;box-shadow:0 4px #2d241659}#hud-progress{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:88px}.pct{font-size:14px;font-weight:800;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.3)}#progress-bar{width:88px;height:12px;background:#2d241666;border-radius:8px;overflow:hidden;border:2px solid rgba(45,36,22,.6)}#progress-fill{height:100%;width:0;background:#f5c842;border-radius:6px;transition:width .3s}.btn{display:inline-flex;flex-direction:column;align-items:center;gap:2px;background:#fff8e6;border:3px solid #2d2416;border-radius:16px;padding:8px 14px;font-family:inherit;font-size:20px;font-weight:800;color:#2d2416;cursor:pointer;box-shadow:0 5px #2d241688;transition:transform .08s,box-shadow .08s}.btn span{font-size:11px}.btn:active{transform:translateY(4px);box-shadow:0 1px #2d241688}.btn-primary{background:#7cbd4b}.btn-icon{padding:8px 12px;font-size:18px}#tutorial-tip{position:absolute;top:74px;left:50%;transform:translate(-50%);max-width:min(420px,86vw);background:#fff8e6;border:3px solid #2d2416;border-radius:16px;padding:10px 18px;font-size:15px;font-weight:600;text-align:center;box-shadow:0 5px #2d241659;animation:bob 2s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}}#toolbar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:10px}@media(max-width:480px){#toolbar{gap:6px}.btn{padding:7px 10px;font-size:17px;border-radius:13px}#level-name{font-size:15px;padding:5px 14px}}#drawer{position:absolute;top:0;left:0;bottom:0;width:min(300px,82vw);background:#fff8e6;border-right:4px solid #2d2416;z-index:30;padding:16px;overflow-y:auto;transition:transform .25s}#drawer.hidden{transform:translate(-110%)}.drawer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.drawer-head h2{font-size:22px}#lvl-list{display:flex;flex-direction:column;gap:8px}.lvl-item{display:flex;align-items:center;gap:12px;background:#fff;border:3px solid #2d2416;border-radius:12px;padding:10px 12px;font-family:inherit;font-size:15px;font-weight:700;color:#2d2416;cursor:pointer;box-shadow:0 3px #2d24164d;text-align:left}.lvl-item:active{transform:translateY(2px);box-shadow:0 1px #2d24164d}.lvl-item.active{background:#f5c842}.lvl-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#2d2416;color:#fff8e6;font-size:13px}#win-modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#2d241673;z-index:40}.win-card{background:#fff8e6;border:4px solid #2d2416;border-radius:24px;padding:30px 36px;text-align:center;box-shadow:0 8px #2d241680;animation:pop-in .35s cubic-bezier(.2,1.6,.4,1)}@keyframes pop-in{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}#win-title{font-size:24px;font-weight:900;margin-bottom:8px}.win-stars{font-size:34px;margin-bottom:18px;letter-spacing:6px}.win-actions{display:flex;gap:12px;justify-content:center}.hidden{display:none!important}#seo-content{position:absolute;top:100vh;left:0;right:0;background:#fff8e6;padding:28px 20px 40px;font-size:14px;line-height:1.6;z-index:5}#seo-content h1{font-size:20px;margin-bottom:10px}#seo-content h2{font-size:16px;margin:14px 0 6px}#seo-content h3{font-size:14px;margin:10px 0 4px}#seo-content ul{padding-left:20px}#seo-content .footer-note{margin-top:16px;opacity:.6;font-size:12px}