*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{color:#e8e6e1;-webkit-font-smoothing:antialiased;background:#0d0d0f;font-family:Helvetica Neue,PingFang TC,system-ui,sans-serif}#root{position:relative}.app-shell{width:100%;height:100%;position:relative}.app-shell.is-rotated{overflow:hidden}.canvas-layer{position:absolute;inset:0}.overlay-layer{pointer-events:none;position:absolute;inset:0}.overlay-layer>*{pointer-events:auto}.entrance{background:linear-gradient(#0d0d0f8c,#0d0d0fd9);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;height:100%;display:flex}.entrance-eyebrow{letter-spacing:.4em;color:#9a958c;font-size:.75rem}.entrance-title{letter-spacing:.12em;font-size:clamp(2.5rem,6vw,5rem);font-weight:300}.entrance-enter{letter-spacing:.3em;color:#e8e6e1;cursor:pointer;background:0 0;border:1px solid #8a857c;margin-top:1rem;padding:.9rem 3rem;font-size:1rem;transition:background .3s,color .3s}.entrance-enter:hover{color:#0d0d0f;background:#e8e6e1}.dev-drive{opacity:.35;gap:.3rem;display:flex;position:absolute;top:.6rem;right:.6rem}.dev-drive #dev-status{color:#e8e6e1;letter-spacing:.05em;background:#0d0d0f99;align-self:center;padding:.25rem .5rem;font-size:.62rem}.dev-drive button{color:#e8e6e1;cursor:pointer;background:#0d0d0f99;border:1px solid #e8e6e140;width:1.6rem;height:1.6rem;font-size:.7rem}.fade-layer{opacity:0;background:#f8f6f1;position:absolute;inset:0;pointer-events:none!important}.crosshair{mix-blend-mode:difference;background:#ffffffbf;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%;pointer-events:none!important}.visit-hint{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0d0f8c;border:1px solid #e8e6e12e;flex-direction:column;align-items:center;gap:.5rem;padding:1rem 2.2rem;animation:.6s hint-in;display:flex;position:absolute;bottom:14%;left:50%;transform:translate(-50%);pointer-events:none!important}.visit-hint-title{letter-spacing:.35em;text-indent:.35em;font-size:1rem}.visit-hint-keys{letter-spacing:.18em;color:#9a958c;font-size:.72rem}@keyframes hint-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}}.visit-placard{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d0d0f8c;border-left:2px solid #c9a86a;padding:.5rem 1.1rem;position:absolute;bottom:1.5rem;left:1.5rem}.visit-placard-name{letter-spacing:.25em;color:#e8e6e1;font-size:.85rem}.curator-whisper{text-align:center;letter-spacing:.28em;text-indent:.28em;color:#e8e6e1d1;text-shadow:0 1px 12px #0009;opacity:0;max-width:32rem;padding:0 1rem;font-size:.92rem;line-height:1.9;transition:opacity 2.4s ease-in-out;position:absolute;bottom:22%;left:50%;transform:translate(-50%);pointer-events:none!important}.curator-whisper.is-visible{opacity:1}.touch-zone{touch-action:none;-webkit-user-select:none;user-select:none;pointer-events:auto;position:absolute;top:0;bottom:0}.touch-look{width:50%;left:0}.touch-move{width:50%;right:0}.touch-move-visual{pointer-events:none;position:absolute;inset:0}.touch-stick-base{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0d0d0f42;border:1.5px solid #e8e6e166;border-radius:50%;width:104px;height:104px;margin:-52px 0 0 -52px;position:absolute}.touch-stick-thumb{background:#e8e6e18c;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;position:absolute;top:50%;left:50%;box-shadow:0 0 18px #e8e6e159}.touch-hint{bottom:max(18%, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#e8e6e1b8;pointer-events:none;opacity:1;background:#0d0d0f38;border:1.5px solid #e8e6e14d;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;width:92px;height:92px;transition:opacity .4s;animation:3.4s ease-in-out infinite touch-hint-breathe;display:flex;position:absolute}.touch-hint.is-active{animation:none}.touch-hint-look.is-active{opacity:.28}.touch-hint-look{left:max(9%, env(safe-area-inset-left))}.touch-hint-move{right:max(9%, env(safe-area-inset-right))}.touch-hint-label{letter-spacing:.28em;text-indent:.28em;color:#e8e6e19e;font-size:.62rem}@keyframes touch-hint-breathe{0%,to{border-color:#e8e6e138}50%{border-color:#e8e6e170}}.touch-start{color:inherit;font:inherit;cursor:pointer;pointer-events:auto;background:#0d0d0f59;border:none;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;display:flex;position:absolute;inset:0}.visit-placard{left:max(1.5rem, env(safe-area-inset-left));bottom:max(1.5rem, env(safe-area-inset-bottom))}