*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body,#app{width:100%;height:100%;overflow:hidden;background:#1a1f2b;font-family:Segoe UI,system-ui,Arial,sans-serif;touch-action:none}#app{position:relative}#game-canvas{display:block;width:100%;height:100%}#ui-root{position:absolute;inset:0;pointer-events:none}#ui-root>*{pointer-events:auto}.topbar{position:absolute;top:env(safe-area-inset-top,12px);left:0;right:0;display:flex;justify-content:center;gap:12px;padding:10px 14px;pointer-events:none}.pill{display:flex;align-items:center;gap:8px;background:#ffffffeb;border-radius:999px;padding:6px 16px 6px 8px;font-weight:800;font-size:18px;color:#2a2f3a;box-shadow:0 3px #00000026;min-width:120px}.pill .icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:16px}.pill .icon.coin{background:radial-gradient(circle at 35% 30%,#ffe07a,#f5a623)}.pill .icon.gem{background:radial-gradient(circle at 35% 30%,#c08bff,#7b2ff7);clip-path:polygon(50% 0,100% 38%,50% 100%,0 38%);border-radius:0}.gear-btn{position:absolute;top:env(safe-area-inset-top,12px);right:14px;width:46px;height:46px;border-radius:14px;border:none;background:linear-gradient(#5db4ff,#2f86e8);box-shadow:0 4px #1f64bd;color:#fff;font-size:24px;cursor:pointer}.healthbar{position:absolute;left:50%;bottom:150px;transform:translate(-50%);width:220px;height:16px;background:#00000059;border-radius:999px;overflow:hidden;border:2px solid rgba(255,255,255,.5)}.healthbar .fill{height:100%;width:100%;background:linear-gradient(#7dff7d,#2ecc40);transition:width .12s linear}.bossbar{position:absolute;top:70px;left:50%;transform:translate(-50%);width:70%;max-width:420px;height:18px;background:#0006;border-radius:999px;overflow:hidden;border:2px solid rgba(255,255,255,.6);display:none}.bossbar.show{display:block}.bossbar .fill{height:100%;width:100%;background:linear-gradient(#ff6b6b,#d11a1a);transition:width .1s linear}.panel{position:absolute;inset:0;background:#0c1018c7;display:none;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center}.panel.show{display:flex}.panel h1{color:#fff;font-size:34px;text-shadow:0 3px 0 rgba(0,0,0,.4);letter-spacing:1px}.panel p{color:#cfd6e4;font-size:15px;max-width:340px;line-height:1.4}.cards{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.card{width:150px;background:linear-gradient(#a7c6ff,#d9b3ff);border-radius:16px;padding:12px;box-shadow:0 5px #00000040;display:flex;flex-direction:column;align-items:center;gap:6px}.card .emoji{font-size:40px}.card .lvl{background:#fff;border-radius:8px;font-weight:800;font-size:13px;padding:3px 10px;color:#2a2f3a}.card .name{color:#fff;font-weight:700;font-size:14px;text-shadow:0 1px 0 rgba(0,0,0,.3)}.card button{border:none;border-radius:10px;padding:9px 0;width:100%;font-weight:800;font-size:14px;cursor:pointer;color:#fff}.card button.buy{background:linear-gradient(#5fe06a,#2fae3a);box-shadow:0 3px #1f7d29}.card button.buy:disabled{filter:grayscale(.7) brightness(.85);cursor:not-allowed}.card button.ad{background:linear-gradient(#ffcf4d,#f5a623);box-shadow:0 3px #c97e10;color:#5a3b00}.bigbtn{border:none;border-radius:18px;padding:16px 48px;font-size:22px;font-weight:900;letter-spacing:1px;color:#fff;cursor:pointer;background:linear-gradient(#5db4ff,#2f86e8);box-shadow:0 6px #1f64bd}.bigbtn.green{background:linear-gradient(#5fe06a,#2fae3a);box-shadow:0 6px #1f7d29}.bigbtn.red{background:linear-gradient(#ff6b6b,#e23b3b);box-shadow:0 6px #b01f1f}.run-powerups{position:absolute;right:12px;bottom:24px;display:flex;flex-direction:column;gap:10px}.pwr-btn{width:64px;height:64px;border-radius:16px;border:none;background:linear-gradient(#ffcf4d,#f5a623);box-shadow:0 4px #c97e10;font-size:28px;cursor:pointer;position:relative}.pwr-btn .adtag{position:absolute;top:-6px;right:-6px;background:#e23b3b;color:#fff;font-size:9px;font-weight:800;padding:2px 5px;border-radius:6px}.pwr-btn:disabled{filter:grayscale(.6) brightness(.85)}.toast-layer{position:absolute;top:30%;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.toast{background:#0009;color:#fff;font-weight:800;padding:8px 16px;border-radius:999px;font-size:16px;animation:pop .9s ease forwards}@keyframes pop{0%{transform:scale(.6) translateY(10px);opacity:0}20%{transform:scale(1.05) translateY(0);opacity:1}to{transform:scale(1) translateY(-30px);opacity:0}}.dialogue{position:absolute;inset:0;display:none;cursor:pointer;z-index:5}.dialogue.show{display:block}.dialogue-portrait{position:absolute;left:0;bottom:0;height:100%;width:auto;max-width:48%;object-fit:contain;object-position:left bottom;pointer-events:none;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45));animation:dlg-slide-left .35s ease both}.dialogue-box{position:absolute;left:24%;right:2%;bottom:4%;padding:22px 28px;border-radius:18px;background:linear-gradient(135deg,#3a60e6d1,#783ce6d1);border:2px solid rgba(255,255,255,.55);box-shadow:0 8px 28px #0006;color:#fff;backdrop-filter:blur(2px);animation:dlg-slide-up .35s ease both}.dialogue-name{font-size:clamp(22px,3.4vw,40px);font-weight:900;letter-spacing:1px;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.35);margin-bottom:8px}.dialogue-text{font-size:clamp(15px,2vw,26px);font-weight:600;line-height:1.35;text-shadow:0 1px 0 rgba(0,0,0,.3)}.dialogue-hint{margin-top:14px;font-size:13px;font-weight:700;opacity:.85;text-align:right;animation:dlg-pulse 1.2s ease-in-out infinite}@keyframes dlg-slide-left{0%{transform:translate(-40px);opacity:0}}@keyframes dlg-slide-up{0%{transform:translateY(40px);opacity:0}}@keyframes dlg-pulse{50%{opacity:.4}}.ad-overlay{position:absolute;inset:0;background:#000;color:#fff;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:20px}.ad-overlay.show{display:flex}.ad-overlay .spinner{width:42px;height:42px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}