*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;background:#3f9df0;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui-root{position:absolute;inset:0;pointer-events:none}#topbar{position:absolute;top:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:6px 10px}#level-badge{pointer-events:none;color:#fff;text-shadow:0 1px 3px rgba(20,60,120,.5);font-weight:700;font-size:14px}#progress{margin-top:4px;width:130px;height:8px;border-radius:6px;background:#ffffff4d;overflow:hidden}#progress-fill{height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#8fd814,#ffcf3f);transition:width .25s ease}#top-buttons{display:flex;gap:8px;pointer-events:auto}#top-buttons button{width:36px;height:36px;border:none;border-radius:12px;background:#ffffffe6;color:#2b6cb0;font-size:18px;font-weight:800;cursor:pointer;box-shadow:0 2px #1e509659}#top-buttons button:active{transform:translateY(1px);box-shadow:none}#top-buttons button.off{opacity:.45;text-decoration:line-through}#toast{position:absolute;left:50%;bottom:12%;transform:translate(-50%) translateY(10px);background:#193c6ed9;color:#fff;font-size:14px;font-weight:700;padding:8px 16px;border-radius:20px;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0f285073;pointer-events:auto;z-index:10}#overlay.hidden{display:none}.panel{background:#fff;border-radius:22px;padding:26px 28px;width:min(86vw,360px);text-align:center;box-shadow:0 14px 40px #0a235059;animation:panel-pop .3s ease-out}@keyframes panel-pop{0%{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}.panel-emoji{font-size:44px;margin-bottom:6px}.panel h2{color:#1e4e8c;font-size:24px;margin-bottom:6px}.panel p{color:#5a7396;font-size:14px;margin-bottom:18px}.panel-buttons{display:flex;gap:10px;justify-content:center}.panel-buttons button{border:none;border-radius:14px;padding:12px 20px;font-size:15px;font-weight:800;cursor:pointer}.panel-buttons .primary{background:linear-gradient(180deg,#8fd814,#6db30a);color:#fff;box-shadow:0 3px #518406}.panel-buttons .secondary{background:#e8eef6;color:#3a5a86;box-shadow:0 3px #c3d0e2}.panel-buttons button:active{transform:translateY(2px);box-shadow:none}.level-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;max-height:46vh;overflow-y:auto}.level-item{display:flex;align-items:center;gap:12px;border:none;border-radius:14px;padding:10px 14px;background:#eef4fb;cursor:pointer;font-size:15px;font-weight:700;color:#2b5486}.level-item.current{outline:3px solid #8fd814}.level-item.locked{opacity:.55;cursor:default}.level-item .level-num{width:28px;height:28px;border-radius:50%;background:#3f9df0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}.level-item .lock{margin-left:auto}.level-item .level-title{flex:1;text-align:left}#debug{position:absolute;left:10px;bottom:10px;background:#0009;color:#aef;font:11px/1.5 monospace;padding:8px 10px;border-radius:8px;pointer-events:none;white-space:pre}#debug.hidden{display:none}