html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#02030a;color:#dce7ff;font-family:Arial,sans-serif}#renderCanvas{width:100%;height:100%;display:block;outline:none}#hud{position:fixed;top:16px;left:16px;width:280px;padding:14px;background:#050a18bf;border:1px solid rgba(180,210,255,.25);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.title{font-size:18px;font-weight:700;margin-bottom:10px}#stats{font-size:13px;line-height:1.5;white-space:pre-line}.controls{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}button{background:#1d335c;color:#e8f0ff;border:1px solid #405f9d;border-radius:8px;padding:7px 10px;cursor:pointer}button:hover{background:#294779}