html,body,#root,#app-root{height:100%;width:100%;margin:0;overflow:hidden}:root{--bg: #0d0f12;--fg: #fff}body{font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--fg);background:linear-gradient(180deg,#0b0c0d,#0f1416)}canvas,#app-root{touch-action:none}#webgl-canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block;z-index:0}#ui-layer{position:fixed;left:20px;top:20px;z-index:4;color:#fff;pointer-events:none}.panel{background:#00000059;padding:14px 16px;border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h1{font-size:clamp(2rem,6vw,4rem);margin:0 0 .5rem}h2{font-size:2rem}.lead{max-width:700px;text-align:left;opacity:.9;margin:0}#avatar-overlay{z-index:10;transform:translate(-50%,-50%)}.avatar-popup{background:#050a12c7;color:var(--fg);padding:10px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:180px;text-align:center;position:relative;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 32px #00000059}.avatar-popup img{width:160px;height:160px;border-radius:8px;object-fit:cover;object-position:center top}.avatar-popup .meta{font-size:14px;line-height:1.15}.avatar-popup .meta .name{font-weight:700}.avatar-popup .meta .occupation{opacity:.95;font-size:13px;margin-top:6px}.avatar-popup .meta .birthplace{opacity:.82;font-size:12px;margin-top:4px}.avatar-popup .meta .tag{opacity:.95;font-size:12px;margin-top:6px}.avatar-popup .meta .description{opacity:.82;font-size:12px;line-height:1.35;margin-top:6px}.avatar-popup.product-card{min-width:220px;max-width:260px}.avatar-popup .product-art{width:78px;height:78px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(135deg,#81c78447,#ffe08247);border:1px solid rgba(255,255,255,.12)}.avatar-popup .close{position:absolute;top:8px;right:8px;width:28px;height:28px;border:0;border-radius:999px;background:#ffffff24;color:#fff;cursor:pointer}