*,: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}.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-stick-base{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#0d0d0f47;border:1.5px solid #e8e6e159;border-radius:50%;width:112px;height:112px;margin:-56px 0 0 -56px;position:absolute}.touch-stick-thumb{background:#e8e6e18c;border-radius:50%;width:52px;height:52px;margin:-26px 0 0 -26px;position:absolute;top:50%;left:50%;box-shadow:0 0 18px #e8e6e159}.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))}