*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;font-family:Noto Sans TC,system-ui,sans-serif;overflow:hidden}#scene{width:100%;height:100%;display:block;position:fixed;inset:0}#hud{z-index:5;color:#e2e8f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none;-webkit-user-select:none;user-select:none;background:#0f172aa8;border:1px solid #94a3b859;border-radius:12px;width:min(460px,100vw - 28px);padding:10px 12px;position:fixed;bottom:14px;right:14px}#hud h1{margin:0 0 8px;font-size:1.05rem}#hud p{color:#cbd5e1;margin:0;font-size:.88rem;line-height:1.4}.status-row{flex-wrap:wrap;gap:8px 14px;margin-top:8px;font-size:.92rem;display:flex}.status-row span{background:#1e293be6;border:1px solid #64748b6b;border-radius:8px;padding:4px 8px}.btn-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.btn-row button{color:#f8fafc;cursor:pointer;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:#1e293bf0;border:1px solid #94a3b873;border-radius:8px;padding:8px 10px;transition:all .18s}.btn-row button:hover{background:#334155}