*{box-sizing:border-box;margin:0;padding:0}html,body{background:#f8eee9;width:100%;height:100%;font-family:Arial,sans-serif;overflow:hidden}body{justify-content:center;display:flex}#game-container{background:radial-gradient(circle at 50% 15%,#fffc,#0000 30%),linear-gradient(#fff5ed 0%,#ffe9df 52%,#f6dfee 100%);width:100%;max-width:500px;height:100vh;position:relative;overflow:hidden}#gameCanvas{z-index:1;touch-action:none;width:100%;height:100%;transition:opacity .15s;display:block;position:absolute;inset:0}.game-header{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc2;border-bottom:1px solid #9b587514;justify-content:space-between;align-items:center;width:100%;height:76px;padding:12px 18px;display:flex;position:absolute;top:0;left:0}.stat{flex-direction:column;gap:3px;display:flex}.lives-stat{align-items:flex-end}.label{letter-spacing:1.7px;color:#a17e8d;font-size:9px;font-weight:800}#score{color:#684958;font-size:23px;font-weight:900}#lives{letter-spacing:2px;min-height:20px;font-size:15px}.game-title{letter-spacing:2.5px;color:#a35678;font-size:13px;font-weight:900}.screen{z-index:20;text-align:center;background:radial-gradient(circle at 50% 20%,#ffffffe6,#0000 35%),linear-gradient(#fff6effa,#f9e0edfa);flex-direction:column;justify-content:center;align-items:center;padding:32px;animation:.35s screenIn;display:flex;position:absolute;inset:0}.hidden{display:none!important}.start-decoration{filter:drop-shadow(0 8px 15px #af667e2e);margin-bottom:18px;font-size:42px;animation:3s ease-in-out infinite float}.eyebrow{letter-spacing:2.2px;color:#a57989;margin-bottom:12px;font-size:10px;font-weight:800}h1{letter-spacing:-2px;color:#70495b;text-shadow:0 5px #ffffffb3;margin-bottom:20px;font-size:clamp(48px,14vw,70px);line-height:.88}.tagline{color:#886875;margin-bottom:34px;font-size:16px;line-height:1.6}button{cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;font-family:inherit}.primary-button{color:#fff;letter-spacing:1.5px;background:linear-gradient(135deg,#a9577b,#c26c91);border-radius:18px;width:min(280px,100%);height:56px;font-size:13px;font-weight:900;transition:transform .15s,box-shadow .15s;box-shadow:0 12px 25px #a5577b40}.primary-button:active{transform:scale(.96);box-shadow:0 6px 14px #a5577b33}.secondary-button{color:#92576f;letter-spacing:1.2px;background:#ffffffb8;border:1px solid #a5577b24;border-radius:16px;width:min(280px,100%);height:50px;margin-top:13px;font-size:12px;font-weight:800;transition:background .15s,transform .15s}.secondary-button:active{background:#fff;transform:scale(.97)}.text-button{color:#9a7181;letter-spacing:1px;background:0 0;margin-top:15px;padding:8px 12px;font-size:11px;font-weight:800}.text-button:active{transform:scale(.96)}.name-description{color:#92727f;max-width:280px;margin-top:-8px;margin-bottom:22px;font-size:13px;line-height:1.5}.name-input{color:#70495b;text-align:center;background:#ffffffd9;border:1px solid #a5577b29;border-radius:18px;outline:none;width:min(280px,100%);height:56px;padding:0 18px;font-family:inherit;font-size:15px;font-weight:700;transition:border-color .15s,box-shadow .15s;box-shadow:0 10px 25px #78465a0f}.name-input::placeholder{color:#b69ca7;font-weight:500}.name-input:focus{border-color:#a9577b73;box-shadow:0 10px 25px #a9577b1f}.name-input+.primary-button{margin-top:16px}.status-message{color:#a9577b;min-height:18px;margin-top:12px;font-size:11px;font-weight:700}.current-player{color:#a9577b;letter-spacing:.3px;margin-bottom:8px;font-size:12px;font-weight:800}.back-button{color:#8d6172;background:0 0;font-size:14px;font-weight:700;position:absolute;top:24px;left:22px}.how-content{width:100%;max-width:420px;margin-top:25px}h2{letter-spacing:-1px;color:#70495b;margin-bottom:25px;font-size:36px}.instruction-card{text-align:left;background:#ffffffb3;border:1px solid #a5577b14;border-radius:18px;align-items:center;gap:15px;width:100%;margin-bottom:10px;padding:15px;display:flex;box-shadow:0 8px 25px #78465a0d}.instruction-icon{background:#fff0e7;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:23px;display:flex}.instruction-card h3{color:#714c5c;margin-bottom:4px;font-size:14px}.instruction-card p{color:#967b86;font-size:11px;line-height:1.45}.blessing-card{background:linear-gradient(135deg,#fff4dcd9,#ffebf3cc)}.game-over-icon{margin-bottom:15px;font-size:42px;animation:3s ease-in-out infinite float}.final-score-card{background:#ffffffc7;border:1px solid #a5577b1a;border-radius:24px;flex-direction:column;gap:5px;width:min(250px,100%);margin-bottom:12px;padding:22px;display:flex;box-shadow:0 15px 35px #78465a14}.final-score-card strong{color:#a9577b;font-size:44px;line-height:1}.final-message{color:#92727f;margin-bottom:17px;font-size:13px}#save-score-button{margin-top:0}#leaderboard-button{margin-top:10px}#restart-button{margin-top:7px}.leaderboard-content{width:100%;max-width:420px;margin-top:18px}.leaderboard-content h2{margin-bottom:20px}.leaderboard-list{background:#ffffff73;border-radius:22px;width:100%;max-height:410px;padding:5px;overflow-y:auto}.leaderboard-row{background:#ffffffd1;border:1px solid #a5577b12;border-radius:16px;align-items:center;gap:12px;width:100%;min-height:54px;margin-bottom:7px;padding:10px 13px;display:flex;box-shadow:0 5px 15px #78465a0a}.leaderboard-row:last-child{margin-bottom:0}.rank{color:#a9577b;text-align:center;flex-shrink:0;width:28px;font-size:13px;font-weight:900}.leaderboard-name{text-overflow:ellipsis;white-space:nowrap;color:#70495b;text-align:left;flex:1;min-width:0;font-size:13px;font-weight:800;overflow:hidden}.leaderboard-score{color:#a9577b;font-size:14px;font-weight:900}.leaderboard-empty{color:#9a7d89;padding:25px 15px;font-size:12px;line-height:1.5}.leaderboard-note{color:#aa8c99;margin-top:10px;font-size:10px}@keyframes screenIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (height<=700px){.screen{padding:20px}.start-decoration{margin-bottom:10px;font-size:32px}h1{margin-bottom:14px;font-size:48px}.tagline{margin-bottom:22px}.instruction-card{padding:11px}.instruction-icon{width:40px;height:40px}h2{margin-bottom:17px;font-size:31px}.leaderboard-list{max-height:330px}.final-score-card{padding:16px}.final-score-card strong{font-size:38px}}
