*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;font-family:Trebuchet MS,Segoe UI,Comic Sans MS,sans-serif;background:#bcd8f0;touch-action:none;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}#vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 120% 105% at 50% 45%,#0000 62%,#3c5a8c24)}#warn-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 120% 105% at 50% 45%,#ff464600 55%,#ff3c3c59);opacity:0;transition:opacity .13s ease}#warn-flash.show{opacity:1}#ui-root{position:absolute;inset:0;pointer-events:none}#ui-root>*{pointer-events:auto}.ku-btn{border:none;background:transparent;cursor:pointer;padding:0;transition:transform .12s ease}.ku-btn:active{transform:scale(.9)}#gear-btn{position:absolute;top:14px;left:14px;width:52px;height:52px}#gear-btn canvas{width:100%;height:100%}#level-title{position:absolute;top:12px;left:50%;transform:translate(-50%);color:#fff;font-size:26px;font-weight:800;letter-spacing:2px;text-shadow:0 2px 0 rgba(90,120,170,.55),0 4px 10px rgba(70,100,150,.35);pointer-events:none;white-space:nowrap}#level-strip{position:absolute;top:48px;left:50%;transform:translate(-50%);display:flex;gap:5px;align-items:center}#level-strip .lvl-chip{width:30px;height:30px;border-radius:8px;background:#ffffff59;box-shadow:inset 0 0 0 1px #ffffff73,0 2px 4px #506ea033;display:flex;align-items:center;justify-content:center;opacity:.62;transition:all .2s ease;cursor:pointer;border:none;padding:2px}#level-strip .lvl-chip.active{width:38px;height:38px;opacity:1;background:#ffffffd9;box-shadow:0 3px 8px #506ea059}#level-strip .lvl-chip canvas{width:100%;height:100%}#coin-pill{position:absolute;top:16px;right:16px;height:42px;display:flex;align-items:center;background:linear-gradient(180deg,#607494d9,#465876d9);border-radius:24px;padding:0 6px 0 4px;box-shadow:0 3px 8px #3c558259,inset 0 1px #ffffff40}#coin-pill canvas.coin-ico{width:38px;height:38px;margin-left:-8px;filter:drop-shadow(0 2px 3px rgba(120,90,0,.4))}#coin-count{color:#fff;font-weight:800;font-size:20px;padding:0 10px 0 6px;min-width:52px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.3)}#coin-plus{width:32px;height:32px}#coin-plus canvas{width:100%;height:100%;filter:drop-shadow(0 0 6px rgba(80,220,90,.8))}#progress-badge{position:absolute;top:26%;left:0;display:flex;align-items:center;background:linear-gradient(180deg,#96b2d6e6,#7494c0e6);border-radius:0 22px 22px 0;padding:5px 16px 5px 8px;box-shadow:0 3px 8px #3c55824d,inset 0 1px #ffffff59}#progress-badge canvas{width:40px;height:40px;margin-right:6px}#progress-text{color:#fff;font-weight:800;font-size:19px;text-shadow:0 1px 2px rgba(30,60,110,.45)}#zoom-slider{position:absolute;left:20px;bottom:12%;width:26px;height:170px;display:flex;flex-direction:column;align-items:center}#zoom-plus,#zoom-minus{color:#7ea8d8;background:#ffffff8c;width:24px;height:24px;border-radius:8px;font-size:18px;font-weight:900;line-height:22px;text-align:center;box-shadow:0 2px 4px #506ea040}#zoom-track{position:relative;flex:1;width:10px;margin:6px 0;border-radius:6px;background:linear-gradient(180deg,#ffffffbf,#d2e4f6bf);box-shadow:inset 0 1px 3px #506ea059;cursor:pointer}#zoom-thumb{position:absolute;left:50%;width:24px;height:24px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#ffe28a,#ffb62e 70%);box-shadow:0 2px 5px #96640066,inset 0 -2px 3px #b46e0059;cursor:grab}#booster-bar{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:26px}.booster-btn{position:relative;width:68px;height:68px}.booster-btn canvas{width:100%;height:100%}.booster-btn .lock-badge{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;pointer-events:none}.booster-btn.selected canvas.main-ico{filter:drop-shadow(0 0 10px rgba(140,120,255,.95))}#toast{position:absolute;bottom:110px;left:50%;transform:translate(-50%) translateY(10px);background:#465a7deb;color:#fff;font-weight:700;font-size:15px;padding:9px 20px;border-radius:20px;opacity:0;transition:all .25s ease;pointer-events:none!important;white-space:nowrap}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}.modal-scrim{position:absolute;inset:0;background:#3c557d73;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease}.modal-scrim.show{opacity:1}.modal-card{background:linear-gradient(180deg,#fdfbff,#e8f1fc);border-radius:26px;padding:26px 34px;text-align:center;box-shadow:0 14px 40px #283c6466,inset 0 2px #fff;transform:scale(.7);transition:transform .3s cubic-bezier(.34,1.56,.64,1);max-width:320px}.modal-scrim.show .modal-card{transform:scale(1)}.modal-card h2{color:#5a7db0;font-size:26px;margin-bottom:8px;letter-spacing:1px}.modal-card p{color:#7d93b5;font-size:15px;font-weight:600;margin-bottom:16px}.modal-card .primary-btn{background:linear-gradient(180deg,#7ed957,#4cb944);color:#fff;font-size:19px;font-weight:800;border:none;border-radius:18px;padding:12px 34px;cursor:pointer;box-shadow:0 4px #3a9137,0 6px 14px #3c963c66;transition:transform .12s ease;letter-spacing:1px}.modal-card .primary-btn:active{transform:translateY(3px)}.modal-card .row{display:flex;gap:10px;justify-content:center;margin-bottom:14px;flex-wrap:wrap}.modal-card .chip-btn{background:#7ea8d82e;border:2px solid rgba(126,168,216,.5);color:#5a7db0;font-weight:800;font-size:14px;border-radius:14px;padding:8px 14px;cursor:pointer}.modal-card .chip-btn.on{background:#7ea8d8;color:#fff}#debug-panel{position:absolute;right:10px;bottom:10px;background:#141e32c7;color:#9fe8ff;font-family:monospace;font-size:11px;line-height:1.5;padding:8px 12px;border-radius:10px;display:none;pointer-events:none!important;white-space:pre}#debug-panel.show{display:block}@media(max-width:520px){#level-title{font-size:21px}#booster-bar{gap:16px}.booster-btn{width:58px;height:58px}#zoom-slider{height:130px;left:12px}#progress-badge{top:21%}}