*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html,body{overscroll-behavior:none;touch-action:none;background-color:#0d0f12;width:100%;height:100%;min-height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#webgl{z-index:1;outline:none;width:100dvw;height:100dvh;position:fixed;top:0;left:0}#ui-layer{z-index:10;pointer-events:none;width:100dvw;height:100dvh;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));flex-direction:column;justify-content:space-between;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;align-self:flex-end;width:100%;max-width:320px;padding:16px 20px;transition:opacity .2s,transform .2s;position:relative;box-shadow:0 10px 25px #0006}.card.hidden{opacity:0;pointer-events:none;transform:translateY(10px)}