:root{--bg:#0b0d10;--panel:#101318c7;--panel-border:#ffffff14;--fg:#e8eaed;--fg-dim:#9aa3ad;--accent:#f5a524;--font:ui-sans-serif, -apple-system, "Segoe UI", Inter, Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#c{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.hud{z-index:2;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed}.hud>*{pointer-events:auto}.hud-top{align-items:center;gap:12px;display:flex;top:16px;left:16px}.brand{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;align-items:center;gap:8px;padding:8px 12px 8px 10px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #ffd27a);border-radius:3px;width:14px;height:14px}.brand-name{letter-spacing:.08em;font-size:12px;font-weight:700}.asset{background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;max-width:min(60vw,520px);padding:6px 14px}.asset h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;font-weight:600;overflow:hidden}.asset p{color:var(--fg-dim);font-size:11px;font-family:var(--mono);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;overflow:hidden}.hud-right{flex-direction:column;gap:8px;display:flex;top:16px;right:16px}.icon-btn{width:38px;height:38px;color:var(--fg);background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;border-radius:10px;place-items:center;display:grid}.icon-btn:hover{background:#ffffff14}.icon-btn:active{transform:translateY(1px)}.hud-bottom{justify-content:space-between;align-items:flex-end;gap:12px;display:flex;bottom:14px;left:16px;right:16px}.stats{font-family:var(--mono);color:var(--fg-dim);background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:11px}.stats b{color:var(--fg);font-weight:600}.hint{color:var(--fg-dim);text-align:right;font-size:11px}.progress{z-index:3;pointer-events:none;opacity:0;height:2px;transition:opacity .25s;position:fixed;top:0;left:0;right:0}.progress.active{opacity:1}.progress .bar{background:var(--accent);width:0%;height:100%;transition:width .2s ease-out}.overlay{z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0b0d1099;place-items:center;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}.overlay-card{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;max-width:420px;padding:22px 24px}.overlay-card h2{margin:0 0 8px;font-size:16px}.overlay-card p{color:var(--fg-dim);margin:0;font-size:13px;line-height:1.5}.overlay-card code{font-family:var(--mono);color:var(--fg)}@media (max-width:640px){.hint{display:none}.asset{max-width:calc(100vw - 150px)}}