.showroom-page{width:100%;height:100%;overflow:hidden;background:#1c0e05}.showroom-page .nav{background-color:#2c1a0ee0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#showroom-canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%!important;height:100%!important}#loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--color-walnut);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;transition:opacity .7s ease}#loading-screen.hidden{opacity:0;pointer-events:none}.loading-logo{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.6rem);font-weight:700;color:var(--color-cream)}.loading-sub{font-size:.8rem;letter-spacing:.32em;text-transform:uppercase;color:var(--color-sawdust)}.loading-bar-wrap{width:min(320px,80vw);height:3px;background:#c9a97a33;border-radius:100px;overflow:hidden}#loading-bar{height:100%;width:8%;background:var(--color-sawdust);border-radius:100px;transition:width .2s ease}#loading-pct{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#c9a97ab3}#webgl-fallback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:flex;align-items:center;justify-content:center;padding:calc(var(--nav-height) + 2rem) 1.5rem 2rem;background:linear-gradient(135deg,#2c1a0eeb,#4a2e1ae0),#2c1a0e}#webgl-fallback[hidden]{display:none}.fallback-card{max-width:28rem;text-align:center}.fallback-card h1{color:var(--color-cream);margin-bottom:.85rem}.fallback-card p{color:#f5f0e8bf;margin:0 auto 1.5rem}#labels{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.project-label{position:absolute;transform:translate(-50%,-50%);text-align:center;pointer-events:none;transition:opacity .2s}.project-label__name{display:block;font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.06em;color:var(--color-cream);text-shadow:0 1px 8px rgba(0,0,0,.7)}.project-label__hint{display:block;margin-top:.15rem;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-sawdust);opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.project-label.hovered .project-label__hint{opacity:1;transform:translateY(0)}#piece-panel{position:fixed;top:calc(var(--nav-height) + 1rem);right:1rem;z-index:60;width:min(360px,calc(100vw - 2rem));max-height:calc(100vh - var(--nav-height) - 2rem);overflow:auto;background:#f5f0e8f5;border:1px solid rgba(201,169,122,.35);border-radius:8px;box-shadow:var(--shadow-lg);padding:1.25rem 1.25rem 1.4rem}#piece-panel[hidden]{display:none}#piece-close{position:absolute;top:.65rem;right:.65rem;width:2rem;height:2rem;border-radius:50%;color:var(--color-walnut);background:#2c1a0e14}#piece-photo{width:100%;height:200px;object-fit:cover;border-radius:4px;margin-bottom:.9rem;background:var(--color-parchment)}.piece-panel__meta{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-gold);margin-bottom:.35rem}#piece-title{font-size:1.35rem;margin-bottom:.55rem}#piece-desc{font-size:.92rem;margin-bottom:1.1rem}.piece-panel__actions{display:flex;flex-direction:column;gap:.55rem}.btn--ghost-dark{justify-content:center;background:transparent;color:var(--color-walnut);border:1.5px solid rgba(44,26,14,.25)}.btn--ghost-dark:hover{border-color:var(--color-walnut)}#showroom-ui{position:fixed;inset:auto 0 1.15rem;z-index:50;display:flex;flex-direction:column;align-items:center;gap:.65rem;pointer-events:none}#hint-bar{display:flex;gap:1.25rem;padding:.45rem 1.15rem;background:#1c0e0594;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:100px;border:1px solid rgba(201,169,122,.18);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#f5f0e89e;white-space:nowrap}#reset-view{pointer-events:auto;padding:.4rem .95rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-cream);background:#1c0e0594;border:1px solid rgba(201,169,122,.28);border-radius:100px}#reset-view:hover{border-color:var(--color-sawdust)}#brand-legal{font-size:.68rem;letter-spacing:.06em;color:#f5f0e873;max-width:none}body.hovering-display{cursor:pointer}@media (max-width: 720px){#hint-bar{display:none}#piece-panel{top:auto;bottom:0;right:0;left:0;width:100%;max-height:52vh;border-radius:12px 12px 0 0}#piece-photo{height:160px}.project-label__name{font-size:.68rem}}