*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#10150d;font-family:Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#game{display:block;width:100vw;height:100vh;cursor:crosshair}#hud-top{position:fixed;top:10px;left:10px;display:flex;gap:16px;padding:8px 14px;background:#0a0e08bf;border:1px solid #3a4a2c;border-radius:6px;color:#d8e6c8;font-size:14px}#hud-top span{white-space:nowrap}#hud-bottom{position:fixed;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:8px;padding:8px;background:#0a0e08bf;border:1px solid #3a4a2c;border-radius:6px;min-height:46px}#action-bar{display:flex;gap:8px}#action-bar .info{display:flex;align-items:center;padding:8px 14px;background:#00000059;color:#a8d28a;border:1px solid #4a5f38;border-radius:4px;font-size:13px;white-space:nowrap}#hud-bottom button{padding:8px 14px;background:#2a3a1e;color:#d8e6c8;border:1px solid #4a5f38;border-radius:4px;font-size:13px;cursor:pointer;white-space:nowrap}#hud-bottom button:hover{background:#39502a}#hud-bottom button.active{background:#4a6a30;border-color:#8fc066}#hud-help{position:fixed;top:10px;right:10px;width:34px;height:34px;border-radius:50%;background:#0a0e08bf;border:1px solid #3a4a2c;color:#a8d28a;font-size:18px;font-weight:700;line-height:1;cursor:pointer}#hud-help:hover{background:#39502a;border-color:#4a5f38}#help-panel{position:fixed;top:52px;right:10px;width:320px;max-height:calc(100vh - 70px);overflow-y:auto;background:#10160bf5;border:1px solid #3a4a2c;border-radius:8px;color:#d8e6c8;box-shadow:0 6px 24px #00000080}#help-panel.hidden{display:none}.help-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #3a4a2c;font-weight:700;color:#a8d28a;font-size:14px}#help-close{background:none;border:none;color:#d8e6c8;font-size:20px;line-height:1;cursor:pointer;padding:0 4px}#help-close:hover{color:#fff}.help-body{padding:6px 0}.help-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:5px 14px;font-size:13px}.help-row:hover{background:#3a4a2c4d}.help-row .key{color:#a8d28a;white-space:nowrap}.help-row span:last-child{text-align:right;color:#b8c8a8}#overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#080c06b3}#overlay.hidden{display:none}#panel{background:#1a2413;border:1px solid #3a4a2c;border-radius:10px;padding:28px 40px;text-align:center;color:#d8e6c8;min-width:320px}#panel h1{font-size:28px;margin-bottom:12px;color:#a8d28a}#panel p{margin-bottom:18px;font-size:15px;min-height:20px}#panel-btn{padding:10px 28px;font-size:16px;background:#2a3a1e;color:#d8e6c8;border:1px solid #4a5f38;border-radius:6px;cursor:pointer}#panel-btn:hover{background:#39502a}