*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;overflow:hidden}
body{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);font-family:'Segoe UI','PingFang SC',sans-serif;display:flex;flex-direction:column;align-items:center;user-select:none;-webkit-user-select:none}
.back-btn{position:fixed;top:12px;left:12px;z-index:100;background:rgba(255,255,255,0.15);color:#fff;padding:7px 15px;border-radius:30px;text-decoration:none;font-size:14px;font-weight:600;box-shadow:0 4px 12px rgba(0,0,0,0.2);backdrop-filter:blur(8px)}
.game-wrap{position:relative;width:min(420px,100vw);height:100dvh;height:100vh;margin:0 auto;overflow:hidden}
@supports(height:100dvh){.game-wrap{height:100dvh}}
.hud{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-around;background:rgba(0,0,0,0.35);border-radius:16px;padding:8px;z-index:10;backdrop-filter:blur(6px)}
.hud-item{display:flex;flex-direction:column;align-items:center}
.hud .label{font-size:10px;color:rgba(255,255,255,0.6);font-weight:600}
.hud .val{font-size:18px;font-weight:800;color:#fff}
#lives{font-size:14px;letter-spacing:2px}
canvas{display:block;width:100%;height:100%;touch-action:none}
.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(15,15,30,0.85);z-index:20;opacity:0;pointer-events:none;transition:opacity .3s;backdrop-filter:blur(4px)}
.overlay.show{opacity:1;pointer-events:auto}
.card{background:rgba(255,255,255,0.95);border-radius:18px;padding:28px 24px;text-align:center;box-shadow:0 6px 24px rgba(0,0,0,0.3);animation:pop .35s ease-out;max-width:320px;width:90%}
.card-emoji{font-size:42px;margin-bottom:6px}
.card h2{font-size:24px;color:#e74c3c;margin-bottom:8px}
.card p{color:#888;font-size:14px;line-height:1.6;margin-bottom:14px}
.card .final-score{font-size:48px;font-weight:800;color:#e74c3c;margin:6px 0}
.card .best-line{font-size:14px;color:#aaa;margin-bottom:10px}
.btn-start{padding:12px 36px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(231,76,60,0.4)}
.btn-start:hover{transform:scale(1.05)}
@keyframes pop{0%{transform:scale(0.7);opacity:0}70%{transform:scale(1.05)}100%{transform:scale(1);opacity:1}}