*{margin:0;padding:0;box-sizing:border-box}
body{min-height:100vh;background:#1A1A2E;font-family:'Segoe UI','PingFang SC',sans-serif;display:flex;justify-content:center;align-items:center;overflow:hidden;user-select:none;-webkit-user-select:none}
.back-btn{position:fixed;top:12px;left:12px;z-index:100;background:rgba(255,255,255,0.12);color:#fff;padding:7px 15px;border-radius:30px;text-decoration:none;font-size:14px;font-weight:600;backdrop-filter:blur(6px)}
.game-wrap{position:relative;width:min(420px,100vw);height:100vh}
canvas{width:100%;height:100%;display:block;touch-action:none}
.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(26,26,46,0.75);z-index:20;opacity:0;pointer-events:none;transition:opacity .3s}
.overlay.show{opacity:1;pointer-events:auto}
.card{background:rgba(255,255,255,0.95);border-radius:20px;padding:28px 24px;text-align:center;box-shadow:0 8px 30px rgba(0,0,0,0.3);animation:pop .35s ease-out;max-width:300px;width:88%}
.card-emoji{font-size:42px;margin-bottom:6px}
.card h2{font-size:24px;color:#1A1A2E;margin-bottom:8px}
.card p{color:#888;font-size:14px;line-height:1.6;margin-bottom:16px}
.card .final-score{font-size:48px;font-weight:800;color:#E94560;margin:6px 0}
.card .best-line{font-size:14px;color:#aaa;margin-bottom:10px}
.btn-start{padding:12px 36px;background:linear-gradient(135deg,#E94560,#C62848);color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(233,69,96,0.35)}
.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}}

@supports(height:100dvh){.game-wrap{height:100dvh}}