*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body{background-color:#0d0f12;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#webgl{z-index:1;outline:none;width:100vw;height:100vh;position:fixed;top:0;left:0}#ui-layer{z-index:10;pointer-events:none;flex-direction:column;justify-content:space-between;width:100vw;height:100vh;padding:24px;display:flex;position:fixed;top:0;left:0}.interactive-el{pointer-events:auto}.hud-top{color:#fff;justify-content:space-between;align-items:center;display:flex}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:8px 16px;font-weight:500;transition:background .15s}button:hover{background:#1d4ed8}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e2e8f0;background:#121622d9;border:1px solid #ffffff1f;border-radius:10px;min-width:240px;padding:16px 20px;transition:opacity .2s,transform .2s;position:absolute;bottom:24px;right:24px;box-shadow:0 10px 25px #0006}.card.hidden{opacity:0;pointer-events:none;transform:translateY(10px)}