*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#06080b;color:#eef4ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#renderCanvas{display:block;width:100%;height:100%;outline:none;touch-action:none}#hud{position:fixed;top:18px;left:18px;display:grid;gap:10px;min-width:190px;padding:12px 14px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#090d12b8;box-shadow:0 20px 55px #00000042;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-user-select:none;user-select:none}.hud-row{display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px}#connection{padding:3px 8px;border-radius:999px;background:#ffffff1a;color:#dce6f7;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}#connection[data-tone=good]{background:#2dd48f2e;color:#8df0c4}#connection[data-tone=bad]{background:#ff53532e;color:#ffb4b4}.score{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:34px;font-weight:800;line-height:1}#blueScore{color:#6db7ff;text-align:right}#orangeScore{color:#ff9a66}.hint{color:#eef4ffb8;font-size:12px;line-height:1.3}@media(max-width:620px){#hud{top:12px;left:12px;min-width:166px;padding:10px 11px}.score{font-size:28px}}