*{margin:0;padding:0;box-sizing:border-box}html,body,#hud,#modal,#help-modal{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}html,body{width:100%;height:100%;overflow:hidden;background:#6ba3d6}#app{width:100vw;height:100vh;display:block;touch-action:none}#hud{position:fixed;inset:0;pointer-events:none;font-family:Segoe UI,system-ui,sans-serif;color:#fff;display:flex;flex-direction:column;align-items:center}#topbar{margin-top:14px;display:flex;gap:12px;align-items:center;pointer-events:auto}.panel{background:#14181cc7;border:2px solid #2d2f33;border-radius:8px;padding:8px 14px;font-weight:700;font-size:18px;letter-spacing:1px;display:flex;gap:6px;align-items:center}#difficulty button{font:inherit;font-size:14px;cursor:pointer;background:#3a3f45;color:#ddd;border:1px solid #555;border-radius:5px;padding:6px 10px}#difficulty button:hover{background:#4a5057}#difficulty button.active{background:#5aa84b;color:#fff;border-color:#3c7a32}#reset{background:#c9772f!important;color:#fff!important;border-color:#9a5a22!important}#help,#music,#track,#night{font:inherit;font-size:16px;cursor:pointer;background:#3a3f45;color:#fff;border:1px solid #555;border-radius:5px;padding:4px 10px}#help:hover,#music:hover,#track:hover,#night:hover{background:#4a5057}#hint{margin-top:10px;font-size:13px;opacity:.85;background:#14181c8c;padding:5px 12px;border-radius:6px}#modal,#help-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#0000008c;pointer-events:auto;z-index:10}#modal.hidden,#help-modal.hidden{display:none}.help-card{max-width:460px;text-align:left}.help-card h1{text-align:center;font-size:26px}.help-goal{opacity:.9;margin-bottom:16px;line-height:1.45}.help-list{list-style:none;margin:0 0 16px;padding:0}.help-list li{padding:7px 0;border-bottom:1px solid #313640;line-height:1.4}.help-list b{color:#69bd58}.help-note{opacity:.85;font-size:14px;margin-bottom:20px;line-height:1.45}.help-card button{display:block;margin:0 auto}.modal-card{background:#20242b;border:3px solid #3a3f45;border-radius:14px;padding:32px 40px;text-align:center;color:#fff;min-width:280px}.modal-card h1{font-size:34px;margin-bottom:8px}.modal-card p{opacity:.8;margin-bottom:20px}.modal-card button{font:inherit;font-size:16px;font-weight:700;cursor:pointer;background:#5aa84b;color:#fff;border:none;border-radius:8px;padding:12px 26px}.modal-card button:hover{background:#69bd58}