:root{--pink:#ff5d8f;--yellow:#ffd60a;--blue:#3a86ff;--dark:#1d2145;--green:#00e5a0}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:#0b0e2a;width:100%;height:100%;overflow:hidden}body{-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;font-family:Trebuchet MS,Comic Sans MS,system-ui,sans-serif}#game{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#ui-root{pointer-events:none;position:fixed;inset:0}#ui-root>*{pointer-events:auto}.big-title{letter-spacing:2px;color:#fff;-webkit-text-stroke:3px var(--dark);paint-order:stroke fill;text-shadow:0 6px 0 var(--dark), 0 12px 24px #00000059;font-size:clamp(44px,9vw,96px);font-weight:900;transform:rotate(-2deg)}.big-title .accent{color:var(--yellow)}.btn{cursor:pointer;border:none;border-radius:18px;font-family:inherit;font-weight:900;transition:transform .12s cubic-bezier(.34,1.56,.64,1),filter .12s}.btn:hover{filter:brightness(1.1);transform:scale(1.05)rotate(-1deg)}.btn:active{transform:scale(.96)}.menu{background:radial-gradient(at 50% 120%,#1d21458c,#0b0e2a26 60%,#0000);flex-direction:column;justify-content:center;align-items:center;gap:26px;animation:.4s fadeIn;display:flex;position:absolute;inset:0}@keyframes fadeIn{0%{opacity:0}}.menu .subtitle{color:#eaf2ff;text-shadow:0 2px 8px #0009;margin-top:-14px;font-size:clamp(14px,2.2vw,20px);font-weight:700}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(220px,260px));justify-content:center;gap:18px;max-width:1200px;padding:0 20px;display:grid}.mode-card{border:4px solid var(--dark);text-align:left;box-shadow:0 8px 0 var(--dark), 0 16px 30px #0006;background:linear-gradient(160deg,#fff,#e9edff);border-radius:22px;padding:20px 18px 18px;position:relative}.mode-card:hover:not(.locked){box-shadow:0 11px 0 var(--dark), 0 20px 36px #00000073}.mode-card .icon{margin-bottom:6px;font-size:40px;display:block}.mode-card h3{color:var(--dark);margin-bottom:6px;font-size:21px}.mode-card p{color:#4a4f78;font-size:13.5px;font-weight:600;line-height:1.35}.mode-card .best{background:var(--yellow);color:var(--dark);border:2px solid var(--dark);border-radius:99px;margin-top:10px;padding:3px 10px;font-size:12px;font-weight:900;display:inline-block}.mode-card.locked{filter:saturate(.25)brightness(.8);cursor:not-allowed}.mode-card.locked:after{content:"🔒 v0.2";color:var(--dark);font-size:14px;font-weight:900;position:absolute;top:12px;right:14px}.hud{pointer-events:none;position:absolute;inset:0}.hud .score-box{color:#fff;text-shadow:0 3px 0 var(--dark), 0 6px 14px #0006;-webkit-text-stroke:1.5px var(--dark);paint-order:stroke fill;font-weight:900;position:absolute;top:18px;left:22px}.hud .score-box .score{font-size:clamp(30px,5vw,46px)}.hud .score-box .coins{color:var(--yellow);font-size:clamp(17px,2.6vw,24px)}.hud .mult{color:var(--yellow);-webkit-text-stroke:2px var(--dark);paint-order:stroke fill;text-shadow:0 4px 0 var(--dark);font-size:clamp(24px,4.4vw,40px);font-weight:900;transition:transform .15s cubic-bezier(.34,1.56,.64,1);position:absolute;top:18px;right:22px}.hud .mult.pop{transform:scale(1.5)rotate(6deg)}.hud .combo-bar{border:2px solid var(--dark);background:#0006;border-radius:99px;width:110px;height:10px;position:absolute;top:68px;right:22px;overflow:hidden}.hud .combo-bar i{background:linear-gradient(90deg, var(--yellow), #ff9e00);border-radius:99px;height:100%;transition:width .1s linear;display:block}.hud .heat-wrap{text-align:center;width:min(320px,44vw);position:absolute;top:18px;left:50%;transform:translate(-50%)}.hud .heat-label{color:#fff;letter-spacing:2px;-webkit-text-stroke:1px var(--dark);paint-order:stroke fill;text-shadow:0 2px 0 var(--dark);font-size:13px;font-weight:900}.hud .heat-bar{border:3px solid var(--dark);background:#ffffff40;border-radius:99px;height:16px;margin-top:4px;overflow:hidden}.hud .heat-bar i{background:linear-gradient(90deg,#3a86ff,#f24);border-radius:99px;height:100%;transition:width .2s;display:block}.hud .heat-wrap.danger{animation:.5s infinite alternate heatPulse}@keyframes heatPulse{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.07)}}.hud .objective{color:var(--dark);border:3px solid var(--dark);box-shadow:0 4px 0 var(--dark);white-space:nowrap;background:#ffffffeb;border-radius:14px;padding:7px 16px;font-size:clamp(13px,2vw,17px);font-weight:900;position:absolute;top:78px;left:50%;transform:translate(-50%)}.hud .timer{color:#fff;-webkit-text-stroke:2px var(--dark);paint-order:stroke fill;text-shadow:0 4px 0 var(--dark);font-size:clamp(26px,4vw,38px);font-weight:900;position:absolute;top:128px;left:50%;transform:translate(-50%)}.hud .timer.low{color:#f35;animation:.3s infinite alternate heatPulse}.toast{-webkit-text-stroke:2.5px var(--dark);paint-order:stroke fill;text-shadow:0 5px 0 var(--dark), 0 10px 24px #0006;opacity:0;pointer-events:none;font-size:clamp(28px,5.4vw,52px);font-weight:900;animation:1.5s cubic-bezier(.34,1.56,.64,1) forwards toastIn;position:absolute;top:24%;left:50%;transform:translate(-50%,-50%)scale(.3)rotate(-4deg)}@keyframes toastIn{10%{opacity:1;transform:translate(-50%,-50%)scale(1.15)rotate(2deg)}20%{transform:translate(-50%,-50%)scale(1)rotate(-1deg)}75%{opacity:1;transform:translate(-50%,-55%)scale(1)}to{opacity:0;transform:translate(-50%,-80%)scale(.9)}}.flash{opacity:0;animation:.5s ease-out flashAnim;position:absolute;inset:0}@keyframes flashAnim{0%{opacity:.55}to{opacity:0}}.gameover{background:radial-gradient(#140a288c,#0a061ad9);flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.35s fadeIn;display:flex;position:absolute;inset:0}.gameover .fail-title{color:#f35;-webkit-text-stroke:4px #fff;paint-order:stroke fill;text-shadow:0 8px 0 var(--dark), 0 16px 40px #0009;font-size:clamp(52px,11vw,110px);font-weight:900;animation:.45s cubic-bezier(.34,1.56,.64,1) slam;transform:rotate(-3deg)}@keyframes slam{0%{opacity:0;transform:scale(3)rotate(-10deg)}}.gameover .fail-sub{color:#cfd6ff;font-size:clamp(14px,2.2vw,19px);font-weight:700}.gameover .stats{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:10px;display:flex}.gameover .stat{border:4px solid var(--dark);box-shadow:0 6px 0 var(--dark);text-align:center;background:#fff;border-radius:18px;min-width:110px;padding:12px 22px}.gameover .stat b{color:var(--dark);font-size:28px;display:block}.gameover .stat span{color:#6b6f9c;letter-spacing:1px;font-size:12px;font-weight:800}.newbest{background:var(--yellow);color:var(--dark);border:3px solid var(--dark);box-shadow:0 4px 0 var(--dark);border-radius:99px;padding:6px 20px;font-weight:900;animation:.6s infinite alternate heatPulse2}@keyframes heatPulse2{0%{transform:scale(1)rotate(-2deg)}to{transform:scale(1.1)rotate(2deg)}}.btn.primary{background:linear-gradient(180deg, var(--pink), #e0447a);color:#fff;border:4px solid var(--dark);box-shadow:0 7px 0 var(--dark);margin-top:12px;padding:16px 46px;font-size:22px}.btn.secondary{color:var(--dark);border:3px solid var(--dark);box-shadow:0 5px 0 var(--dark);background:#fff;padding:10px 26px;font-size:15px}.pause-btn{top:calc(14px + env(safe-area-inset-top));right:calc(16px + env(safe-area-inset-right));width:46px;height:46px;color:var(--dark);border:3px solid var(--dark);box-shadow:0 4px 0 var(--dark);pointer-events:auto;background:#ffffffeb;border-radius:14px;font-size:20px;position:absolute}.hud .mult,.hud .combo-bar{right:76px}.powers{bottom:calc(18px + env(safe-area-inset-bottom));right:calc(16px + env(safe-area-inset-right));flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute}.power-chip{border:3px solid var(--dark);box-shadow:0 3px 0 var(--dark);color:var(--dark);background:#fff;border-radius:99px;padding:5px 12px;font-size:16px;font-weight:900;animation:.25s cubic-bezier(.34,1.56,.64,1) chipIn}.power-chip.shield{background:#d8f3ff}.power-chip.magnet{background:#ffe0e9}.power-chip.boost{background:#fff3c4}@keyframes chipIn{0%{transform:scale(.3)}}.missions{bottom:calc(18px + env(safe-area-inset-bottom));left:calc(16px + env(safe-area-inset-left));flex-direction:column;gap:5px;display:flex;position:absolute}.mission-chip{border:2.5px solid var(--dark);color:var(--dark);box-shadow:0 3px 0 var(--dark);background:#ffffffd9;border-radius:10px;padding:4px 10px;font-size:12.5px;font-weight:800}.mission-chip.done{opacity:.8;background:#d3f8c6;text-decoration:line-through}.pause-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0a22b8;flex-direction:column;justify-content:center;align-items:center;gap:16px;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.gameover .bank{color:var(--yellow);text-shadow:0 2px 0 var(--dark);font-size:16px;font-weight:900}.hud .lives{letter-spacing:2px;filter:drop-shadow(0 2px 0 var(--dark));font-size:20px;position:absolute;top:96px;left:22px}.turn-hint{background:var(--yellow);color:var(--dark);border:3px solid var(--dark);box-shadow:0 5px 0 var(--dark);border-radius:14px;padding:8px 18px;font-size:clamp(15px,2.6vw,22px);font-weight:900;animation:.4s infinite alternate heatPulse3;position:absolute;top:64%;left:50%;transform:translate(-50%)}@keyframes heatPulse3{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.08)}}.sprint-btn{bottom:calc(84px + env(safe-area-inset-bottom));right:calc(16px + env(safe-area-inset-right));border:4px solid var(--dark);width:62px;height:62px;box-shadow:0 5px 0 var(--dark);pointer-events:auto;background:#2b2d42;border-radius:50%;padding:0;position:absolute;overflow:hidden}.sprint-btn i{background:linear-gradient(#00e5a0,#06d6a0);height:0%;transition:height .15s linear;position:absolute;bottom:0;left:0;right:0}.sprint-btn span{filter:grayscale()opacity(.6);font-size:24px;position:relative}.sprint-btn.ready span{filter:none}.sprint-btn.ready{animation:.5s infinite alternate heatPulse2}.sprint-btn.active{box-shadow:0 5px 0 var(--dark), 0 0 22px #00e5a0}.mini-toast{-webkit-text-stroke:1.5px var(--dark);paint-order:stroke fill;text-shadow:0 3px 0 var(--dark);pointer-events:none;opacity:0;font-size:clamp(17px,2.6vw,26px);font-weight:900;animation:1.1s ease-out forwards miniUp;position:absolute;top:52%;transform:translate(-50%)}@keyframes miniUp{10%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(-50%,-70px)}}.menu-row{gap:12px;display:flex}.menu.shop{justify-content:flex-start;padding:30px 0 40px;overflow-y:auto}.shop-section{color:#eaf2ff;letter-spacing:3px;text-shadow:0 2px 0 var(--dark);font-size:14px;font-weight:900}.shop-grid{grid-template-columns:repeat(auto-fit,minmax(150px,190px));justify-content:center;gap:12px;max-width:900px;padding:0 18px;display:grid}.shop-item{border:3.5px solid var(--dark);text-align:center;box-shadow:0 5px 0 var(--dark);background:linear-gradient(160deg,#fff,#e9edff);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:12px;display:flex}.shop-item b{color:var(--dark);font-size:15px}.shop-item .desc{color:#4a4f78;font-size:11.5px;font-weight:700}.shop-item .swatch{border:3px solid var(--dark);border-radius:50%;width:34px;height:34px}.shop-item .price{background:var(--yellow);color:var(--dark);border:2px solid var(--dark);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:900}.shop-item.equipped{outline:4px solid var(--green)}.shop-item.equipped .price{background:var(--green)}.tips{bottom:calc(18px + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;gap:10px;max-width:92vw;transition:opacity 1s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tips.fade{opacity:0}.tips span{color:var(--dark);border:2.5px solid var(--dark);box-shadow:0 3px 0 var(--dark);background:#ffffffeb;border-radius:99px;padding:5px 13px;font-size:13px;font-weight:900;animation:.3s cubic-bezier(.34,1.56,.64,1) chipIn}.event-banner{text-align:center;pointer-events:none;animation:.4s cubic-bezier(.34,1.56,.64,1) slam;position:absolute;top:185px;left:50%;transform:translate(-50%)}.event-banner .ev-label{color:#fff;border:3px solid var(--dark);box-shadow:0 5px 0 var(--dark), 0 10px 30px #7b2cbf80;background:linear-gradient(#7b2cbf,#5a189a);border-radius:14px;padding:8px 20px;font-size:clamp(14px,2.4vw,20px);font-weight:900}.event-banner .ev-bar{border:2px solid var(--dark);background:#0006;border-radius:99px;width:70%;height:7px;margin:6px auto 0;overflow:hidden}.event-banner .ev-bar i{background:linear-gradient(90deg,#c77dff,#7b2cbf);width:100%;height:100%;transition:width linear;display:block}@media (width<=700px),(orientation:portrait) and (width<=900px){.menu{padding-top:calc(34px + env(safe-area-inset-top));justify-content:flex-start;gap:16px;overflow-y:auto}.mode-grid{grid-template-columns:minmax(240px,340px);gap:12px}.mode-card{padding:14px 16px 12px}.mode-card .icon{margin-bottom:2px;font-size:30px}.mode-card h3{font-size:18px}.hint{display:none}.hud .score-box{top:calc(12px + env(safe-area-inset-top));left:calc(14px + env(safe-area-inset-left))}.hud .mult{top:calc(12px + env(safe-area-inset-top))}.hud .combo-bar{top:calc(58px + env(safe-area-inset-top))}.hud .heat-wrap{top:calc(64px + env(safe-area-inset-top));width:min(240px,60vw)}.hud .objective{top:calc(110px + env(safe-area-inset-top));white-space:normal;text-align:center;max-width:92vw;font-size:12px}.hud .timer{top:calc(150px + env(safe-area-inset-top))}.missions{transform-origin:0 100%;transform:scale(.9)}.gameover .stats{gap:10px;padding:0 12px}.gameover .stat{min-width:86px;padding:8px 14px}.gameover .stat b{font-size:20px}}.hint{color:#ffffffd9;text-shadow:0 2px 6px #000000b3;text-align:center;font-size:13px;font-weight:700;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}