*{margin:0;padding:0;box-sizing:border-box}
body{min-height:100vh;background:#E8F5E9;font-family:'Segoe UI','PingFang SC',sans-serif;display:flex;justify-content: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.85);color:#2E7D32;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.1)}
.game-wrap{position:relative;width:min(400px,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(232,245,233,0.8);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 28px rgba(0,80,0,0.12);animation:pop .35s ease-out;max-width:300px;width:88%}
.card-emoji{font-size:42px;margin-bottom:6px}
.card h2{font-size:24px;color:#2E7D32;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:#FF9800;margin:6px 0}
.card .best-line{font-size:14px;color:#aaa;margin-bottom:10px}
.btn-start{padding:12px 36px;background:linear-gradient(135deg,#66BB6A,#43A047);color:#fff;border:none;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(67,160,71,0.3)}
.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}}