*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#1a1d27;font-family:system-ui,-apple-system,sans-serif;overflow:hidden;-webkit-tap-highlight-color:transparent}.app{width:100vw;height:100dvh;display:flex;justify-content:center;align-items:center;position:relative}.game-canvas{display:block;height:min(100dvh,175vw);aspect-ratio:400 / 700;image-rendering:pixelated;border-radius:4px}.info-btn,.mute-btn{position:fixed;z-index:100;width:40px;height:40px;border-radius:50%;border:2px solid rgba(255,255,255,.3);background:#0006;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:background .15s,border-color .15s}.info-btn:hover,.mute-btn:hover{background:#0009;border-color:#ffffff80}.info-btn{top:12px;right:12px;font-style:italic;font-weight:700;font-family:Georgia,Times New Roman,serif}.mute-btn{top:12px;right:60px}.overlay{position:fixed;inset:0;z-index:50;display:flex;justify-content:center;align-items:center;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.menu{text-align:center;color:#fff;padding:2rem}.menu h1{font-size:3rem;font-weight:800;letter-spacing:-1px;margin-bottom:.5rem}.menu .subtitle{color:#fff9;font-size:1rem;margin-bottom:2rem}.difficulty-picker{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.diff-btn{padding:.5rem 1.2rem;border-radius:8px;border:2px solid rgba(255,255,255,.2);background:#ffffff14;color:#ffffffb3;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s}.diff-btn:hover{border-color:#fff6}.diff-btn.active{border-color:#4f6ef7;background:#4f6ef733;color:#fff}.play-btn{display:inline-block;padding:.8rem 3rem;border-radius:12px;border:none;background:#4f6ef7;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .1s}.play-btn:hover{opacity:.88}.play-btn:active{transform:scale(.97)}.high-score-hint{margin-top:1rem;color:#fff6;font-size:.85rem}.game-over{text-align:center;color:#fff;padding:2rem}.game-over h2{font-size:2.2rem;font-weight:800;margin-bottom:1.2rem}.final-score{background:#ffffff14;border-radius:12px;padding:1rem 2rem;margin-bottom:1rem;min-width:220px}.score-row{display:flex;justify-content:space-between;padding:.4rem 0;font-size:1.1rem}.score-val{font-weight:700}.new-best{color:#f5c542;font-weight:700;font-size:1.1rem;margin-bottom:.5rem}.menu-btn{display:inline-block;margin-top:.75rem;padding:.5rem 1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#ffffffb3;font-size:.95rem;cursor:pointer;transition:border-color .15s,color .15s}.menu-btn:hover{border-color:#fff6;color:#fff}.info-modal{background:#1a1d27;color:#e8eaf0;border:1px solid #2e3044;border-radius:14px;padding:2rem;max-width:380px;width:90%;position:relative}.info-modal h2{font-size:1.6rem;font-weight:700;margin-bottom:.75rem}.info-modal h3{font-size:1rem;font-weight:600;margin-top:1rem;margin-bottom:.3rem;color:#4f6ef7}.info-modal p{font-size:.9rem;color:#7c8098;line-height:1.5}.info-modal ul{list-style:none;font-size:.9rem;color:#7c8098}.info-modal li{padding:.2rem 0}.info-modal li strong{color:#e8eaf0}.close-btn{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;border:none;background:transparent;color:#7c8098;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s,color .15s}.close-btn:hover{background:#ffffff1a;color:#fff}@media(max-width:480px){.menu h1{font-size:2.2rem}.menu .subtitle{font-size:.9rem}.diff-btn{padding:.4rem .9rem;font-size:.9rem}.play-btn{padding:.7rem 2.5rem;font-size:1.1rem}.info-modal{padding:1.5rem}}