.game-root{position:fixed;inset:0;overflow:hidden;font-family:Fredoka,sans-serif;background:#7ed6df}#c{display:block;width:100%;height:100%}.msr{font-family:Material Symbols Rounded;font-size:22px;line-height:1;vertical-align:middle}.pill{background:rgba(255,255,255,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.7);border-radius:999px;box-shadow:0 4px 20px rgba(40,80,120,.18);color:#37474f;display:flex;align-items:center;gap:8px;padding:10px 18px;font-weight:600}#hud,.pill{pointer-events:none}#hud{position:fixed;inset:0;z-index:5}#hearts{position:absolute;top:16px;left:16px;font-size:22px}#hearts .msr{color:#ff4d6d;font-size:26px}#timer{position:absolute;top:16px;left:50%;transform:translateX(-50%);font-size:26px;min-width:120px;justify-content:center}#timer .msr{color:#5c7cfa}#timer.urgent{color:#e03131;animation:pulse .5s infinite alternate}@keyframes pulse{0%{transform:translateX(-50%) scale(1)}to{transform:translateX(-50%) scale(1.07)}}#fuelWrap{top:14px;right:16px;width:92px;height:92px;background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.7);box-shadow:0 4px 20px rgba(40,80,120,.18)}#fuelLamp,#fuelWrap{position:absolute;border-radius:50%}#fuelLamp{top:6px;right:112px;width:18px;height:18px;background:#cfd8dc;box-shadow:0 0 0 3px rgba(255,255,255,.6);display:none}#fuelLamp.on{display:block;animation:blink .4s infinite alternate}@keyframes blink{0%{background:#e03131;box-shadow:0 0 14px #e03131}to{background:#ffa8a8}}#hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:15px}#hint b{color:#1971c2}#fuelBanner{position:absolute;top:120px;left:50%;transform:translateX(-50%);background:rgba(224,49,49,.85);color:#fff;border:none;display:none;font-size:17px}#fuelBanner.on{display:flex;animation:bannerpop .5s infinite alternate}@keyframes bannerpop{0%{opacity:.85}to{opacity:1}}#vignette{position:fixed;inset:0;pointer-events:none;z-index:4;opacity:0;background:radial-gradient(ellipse at center,transparent 55%,rgba(224,49,49,.55) 100%);transition:opacity .3s}#vignette.on{animation:vig .8s infinite alternate}@keyframes vig{0%{opacity:.25}to{opacity:.75}}#refuelBar{position:absolute;bottom:90px;left:50%;transform:translateX(-50%);width:220px;height:18px;border-radius:999px;background:rgba(255,255,255,.55);border:1.5px solid rgba(255,255,255,.8);overflow:hidden;display:none;box-shadow:0 4px 20px rgba(40,80,120,.18)}#refuelFill{height:100%;width:0;background:linear-gradient(90deg,#51cf66,#94d82d);border-radius:999px}#card{position:absolute;top:50%;right:-340px;transform:translateY(-50%);width:300px;background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:2px solid rgba(255,255,255,.9);border-radius:28px;box-shadow:0 12px 40px rgba(40,80,120,.3);padding:16px;text-align:center;transition:right .45s cubic-bezier(.2,1.4,.4,1)}#card.show{right:20px}#card img{width:100%;border-radius:20px;aspect-ratio:2/3;object-fit:cover}#cardName{font-size:26px;font-weight:700;color:#37474f;margin-top:8px}#cardPts{font-size:22px;font-weight:700;color:#ff4d6d}#cardPts.rare{color:#f59f00}.overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center}#title{align-items:flex-end;padding-bottom:56px}#title .panel{padding:28px 44px}#title h1{font-size:44px}#title h1 .msr{font-size:38px}.panel{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.9);border-radius:36px;box-shadow:0 20px 60px rgba(40,80,120,.35);padding:44px 56px;text-align:center;max-width:min(640px,92vw);max-height:90vh;overflow-y:auto}.panel h1{font-size:58px;font-weight:700;color:#ff4d6d;text-shadow:0 3px 0 rgba(255,255,255,.8)}.panel h1 .msr{font-size:50px;color:#ff4d6d}.panel p{font-size:18px;color:#455a64;margin:14px 0 26px;font-weight:500}.bigbtn{font-family:Fredoka;font-size:26px;font-weight:700;color:#fff;letter-spacing:1px;background:linear-gradient(180deg,#ff6b6b,#e03131);border:none;border-radius:999px;padding:16px 56px;cursor:pointer;box-shadow:0 8px 0 #b02525,0 14px 30px rgba(224,49,49,.4);transition:transform .1s,box-shadow .1s}.bigbtn:hover{transform:translateY(2px);box-shadow:0 6px 0 #b02525,0 10px 24px rgba(224,49,49,.4)}.bigbtn:active{transform:translateY(6px);box-shadow:0 2px 0 #b02525}#results{display:none}#resHearts{font-size:40px;font-weight:700;color:#ff4d6d}#resRank{font-size:28px;font-weight:700;color:#f59f00;margin:6px 0 16px}#resGrid{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:24px}#resGrid .gi{width:84px;text-align:center}#resGrid img{width:84px;height:112px;object-fit:cover;border-radius:14px;border:2px solid #fff;box-shadow:0 4px 12px rgba(40,80,120,.25)}#resGrid .gi span{font-size:13px;font-weight:600;color:#546e7a;display:block}#joy{position:fixed;bottom:30px;left:30px;width:130px;height:130px;border-radius:50%;background:rgba(255,255,255,.3);border:2px solid rgba(255,255,255,.6);display:block;z-index:6;touch-action:none}#joyKnob{position:absolute;left:40px;top:40px;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.8);box-shadow:0 4px 12px rgba(40,80,120,.3)}#tiltBtn{position:fixed;bottom:30px;right:30px;z-index:6;display:none;pointer-events:auto;cursor:pointer;font-size:15px;font-family:Fredoka}#tiltBtn.on{background:rgba(81,207,102,.65)}#tiltBtn .msr{color:#37474f}@media (pointer:coarse){#hint{display:none}#tiltBtn{display:flex}}