:root{--color-bg:#f0ad4e;--color-surface:#fff;--color-accent:#d03f2c;--color-border:#000;--color-text:#000;--color-text-inverse:#fff;--color-divider:#0000001f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Nanum Gothic Coding", "Fira Code", Menlo, Monaco, Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--border-width:2px;--border-thick:var(--border-width) solid var(--color-border);--border-offset:6px;--radius-md:12px;--radius-pill:9999px;--transition-bounce:transform .25s cubic-bezier(.175, .885, .32, 1.275);--transition-base:.2s ease}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;height:100%}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;height:100%;line-height:1.6;display:flex;overflow-x:hidden}canvas{outline:none}main{flex:1}p{font-family:var(--font-mono)}.museum-header{background:var(--color-accent);border-bottom:var(--border-thick);z-index:100;justify-content:center;align-items:center;padding:.25rem .5rem;display:flex;position:sticky;top:0}.museum-header .header-controls{align-items:center;display:flex;position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}.brand{color:inherit;max-width:220px;text-decoration:none;display:flex}.brand img{max-width:100%;height:auto;display:block}.gallery-section{max-width:1400px;margin:0 auto;padding:2rem 2rem 4rem}.section-label{font-family:var(--font-mono);font-size:var(--text-base);letter-spacing:.15em;text-transform:uppercase;align-items:center;margin-bottom:2rem;font-weight:500;display:flex}.artwork-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:2.5rem;display:grid}.artwork-card{background:var(--color-surface);border:var(--border-thick);border-bottom-width:var(--border-offset);border-radius:var(--radius-md);color:inherit;transition:var(--transition-bounce);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.artwork-card:hover{transform:translateY(-4px)scale(1.02)}.card-preview{aspect-ratio:16/10;background:#000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.card-preview-media{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.card-preview-image{z-index:1}.card-preview-video{z-index:2;opacity:0;pointer-events:none;transition:opacity .3s}.artwork-card:hover .card-preview-video{opacity:1}.card-body{text-align:center;flex-direction:column;justify-content:center;padding:.75rem 1rem 1rem;display:flex}.card-title{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:500}.museum-footer{background:var(--color-border);color:var(--color-text-inverse);border-top:var(--border-thick);text-align:right;font-family:var(--font-mono);font-size:var(--text-sm);width:100%;padding:1rem 1.5rem;font-weight:500;position:absolute;bottom:0}.viewer-header{z-index:50;pointer-events:none;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;right:0}.viewer-header>*{pointer-events:auto}.viewer-controls{align-items:center;gap:.5rem;display:flex}.lang-toggle-btn{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em;-webkit-user-select:none;user-select:none;padding:.5rem .9rem}.lang-toggle-btn .lang-opt{opacity:.35;transition:opacity var(--transition-base);font-weight:500}.lang-toggle-btn .lang-opt.active{opacity:1;font-weight:700}.lang-toggle-btn .lang-divider{opacity:.3;margin:0 .2rem}.back-btn,.action-btn{background:var(--color-surface);border:var(--border-thick);color:var(--color-border);border-radius:var(--radius-pill);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-bounce);justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:600;text-decoration:none;display:inline-flex}.action-btn>span,.back-btn>span{display:inline-flex}.back-btn:hover,.action-btn:hover{transform:translateY(-2px)scale(1.06)}.canvas-stage{background:#000;flex:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.canvas-stage canvas{width:100%;height:100%;display:block}.docent-plaque{z-index:50;background:var(--color-surface);border:var(--border-thick);border-bottom-width:var(--border-offset);border-right-width:var(--border-offset);border-radius:var(--radius-md);width:calc(100% - 3rem);max-width:440px;transition:var(--transition-base), opacity .35s cubic-bezier(.4, 0, .2, 1), transform .35s cubic-bezier(.4, 0, .2, 1);padding:1.25rem 1.5rem;position:fixed;bottom:1.5rem;left:1.5rem}.docent-plaque.collapsed{transform:translateY(calc(100% - 3.2rem))}body.ui-hidden .viewer-header{opacity:0;pointer-events:none;transform:translateY(-24px)}body.ui-hidden .viewer-header>*{pointer-events:none}body.ui-hidden .docent-plaque{opacity:0;pointer-events:none;transform:translateY(32px)}.restore-ui-btn{z-index:60;opacity:0;pointer-events:none;background:var(--color-surface);border:var(--border-thick);color:var(--color-border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-xs);transition:opacity .3s ease, transform var(--transition-bounce);gap:.5rem;padding:.55rem 1rem;font-weight:700;position:fixed;top:1.25rem;right:1.5rem;box-shadow:0 4px 14px #00000040}body.ui-hidden .restore-ui-btn{pointer-events:none;opacity:0}body.ui-hidden .restore-ui-btn.visible{pointer-events:auto;opacity:.85}body.ui-hidden .restore-ui-btn.visible:hover{opacity:1;transform:translateY(-2px)scale(1.05)}body.clean-mode .restore-ui-btn{display:none!important}.plaque-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.plaque-title-group h2{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600}.plaque-toggle{color:var(--color-border);font-size:var(--text-lg);cursor:pointer;background:0 0;border:none;padding:.25rem;line-height:1}.plaque-content{border-top:1px solid var(--color-divider);font-size:var(--text-sm);color:var(--color-text);margin-top:.875rem;padding-top:.875rem;line-height:1.6}.plaque-credits{border-top:1px dashed var(--color-divider);font-size:var(--text-xs);color:#000000bf;margin-top:.875rem;padding-top:.75rem;line-height:1.5}.plaque-credits-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);margin-bottom:.35rem;font-weight:600;display:block}.plaque-credits-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.plaque-credit-item{word-break:break-word}.plaque-credit-item a{color:inherit;text-underline-offset:2px;transition:opacity var(--transition-base);text-decoration:underline}.plaque-credit-item a:hover{opacity:.6}.plaque-credit-asset{font-family:var(--font-mono);opacity:.8;font-weight:500}.plaque-credit-license{font-family:var(--font-mono);background:#0000000f;border-radius:4px;margin-left:.25rem;padding:.1rem .35rem;font-size:.7rem;display:inline-block}@media (width<=768px){.museum-header{justify-content:flex-start;padding:.25rem 1rem}.museum-header .brand{max-width:180px}.museum-header .header-controls{right:1rem}.gallery-section{padding:1.5rem 1rem 3rem}.artwork-grid{grid-template-columns:1fr;gap:1.5rem}.docent-plaque{width:calc(100% - 2rem);max-width:none;bottom:1rem;left:1rem}}.custom-loading-screen{z-index:9999;pointer-events:auto;opacity:1;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .5s;display:flex;position:fixed;top:0;left:0}.custom-loading-screen.fade-out{opacity:0;pointer-events:none}.loading-logo{width:60%;max-width:260px;height:auto;animation:2s ease-in-out infinite logoPulse;display:block}@keyframes logoPulse{0%,to{opacity:.8;transform:scale(.96)}50%{opacity:1;transform:scale(1.02)}}.webgpu-fallback-overlay{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d1;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.webgpu-fallback-card{background:var(--color-surface);border:var(--border-thick);border-bottom-width:var(--border-offset);border-right-width:var(--border-offset);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:1.25rem;width:100%;max-width:520px;padding:2.25rem 2rem;display:flex;box-shadow:0 10px 30px #0006}.webgpu-fallback-icon{border:var(--border-thick);width:60px;height:60px;color:var(--color-accent);background:#fff1f0;border-radius:50%;justify-content:center;align-items:center;display:flex}.webgpu-fallback-icon svg{width:30px;height:30px}.webgpu-fallback-badge{color:var(--color-accent);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;background:#fef2f2;border:1px solid #fecaca;padding:.25rem .75rem;font-weight:700;display:inline-block}.webgpu-fallback-title{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-text);font-weight:700;line-height:1.35}.webgpu-fallback-desc{font-family:var(--font-mono);font-size:var(--text-sm);color:#374151;white-space:pre-line;line-height:1.65}.webgpu-fallback-btn{background:var(--color-accent);color:var(--color-text-inverse);border:var(--border-thick);border-radius:var(--radius-pill);font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);transition:var(--transition-bounce);cursor:pointer;align-items:center;gap:.5rem;margin-top:.5rem;padding:.75rem 1.6rem;text-decoration:none;display:inline-flex}.webgpu-fallback-btn:hover{transform:translateY(-2px)scale(1.04)}