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}.time-control{margin:10px 0 8px}.time-control label{display:flex;justify-content:space-between;gap:10px;font-size:13px;line-height:1.3}.time-control input{width:100%;margin-top:6px;accent-color:#79a8ff}#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}