:root{font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,sans-serif;color:#202938;background:#cfd8e4;--owner-color: #c7d2fe}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.7),transparent 32%),linear-gradient(145deg,#dbe4ee,#bdc9d8)}canvas{display:block;touch-action:none}.hud{position:fixed;top:22px;left:22px;width:min(260px,calc(100vw - 44px));padding:16px;border:1px solid rgba(255,255,255,.72);border-radius:16px;background:#f8fafcd1;box-shadow:0 10px 35px #2632422e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:none}.title{font-weight:750;letter-spacing:-.02em}.status{margin-top:8px;font-size:13px;color:#9a3412}.status:before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:currentColor}.status.online{color:#15803d}.help{margin:12px 0;color:#64748b;font-size:12px}button{width:100%;padding:10px 12px;border:1px solid rgba(32,41,56,.16);border-radius:10px;color:#202938;background:color-mix(in srgb,var(--owner-color) 68%,white);font:inherit;font-size:13px;font-weight:650;cursor:pointer;pointer-events:auto}button:hover:not(:disabled){filter:brightness(.97);transform:translateY(-1px)}button:disabled{cursor:default;opacity:.45}@media(max-width:620px){.hud{top:12px;left:12px;padding:12px;width:220px}.help{display:none}}