:root{color-scheme:dark;--accent: #f15822;--black: #000000;--fade-duration: .22s}*{box-sizing:border-box}html,body,#app{width:100%;min-width:100%;height:100%;min-height:100%;margin:0}html{background:var(--black)}body{overflow:hidden;background:var(--black);color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button{font:inherit}#app{display:grid;place-items:center;background:var(--black)}.totem-shell{position:relative;width:min(100vw,calc(100svh * 16 / 9));height:min(100svh,56.25vw);aspect-ratio:16 / 9;overflow:hidden;isolation:isolate;background:var(--black)}.screen-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--black);opacity:1;transition:opacity var(--fade-duration) ease}.screen-stage.is-changing{opacity:0}.screen-image{display:block;width:100%;height:100%;border:0;object-fit:fill;pointer-events:none}.hotspots-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.hotspot{position:absolute;margin:0;padding:0;overflow:hidden;border:0;outline:none;background:transparent;color:transparent;cursor:pointer;pointer-events:auto;touch-action:manipulation}.hotspot:focus-visible{z-index:3;outline:3px solid var(--accent);outline-offset:-3px}.fullscreen-control{position:absolute;top:12px;right:12px;z-index:4;display:grid;width:34px;height:34px;padding:0;place-items:center;border:1px solid transparent;border-radius:2px;background:#0000007a;color:#fff;cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--fade-duration) ease,border-color var(--fade-duration) ease}.totem-shell:hover .fullscreen-control,.fullscreen-control:focus-visible{opacity:1;pointer-events:auto}.fullscreen-control:focus-visible{border-color:var(--accent);outline:3px solid var(--accent);outline-offset:2px}@media(hover:none){.fullscreen-control{opacity:.72;pointer-events:auto}}.status-message{position:absolute;right:16px;bottom:16px;left:16px;z-index:5;max-width:min(680px,calc(100% - 32px));margin:0 auto;padding:11px 15px;border:1px solid rgba(241,88,34,.76);border-radius:2px;background:#000000db;color:#fff;font-size:clamp(12px,1.15vw,18px);line-height:1.35;text-align:center;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity var(--fade-duration) ease,transform var(--fade-duration) ease}.status-message.is-visible{opacity:1;transform:translateY(0)}.zoom-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:clamp(20px,4vw,64px);background:#000000f0}.zoom-card{position:relative;display:grid;width:min(100%,1300px);height:min(100%,860px);place-items:center}.zoom-image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.zoom-close{position:absolute;top:-12px;right:-12px;min-width:84px;min-height:42px;padding:8px 14px;border:1px solid var(--accent);border-radius:2px;background:#000000e6;color:#fff;cursor:pointer;touch-action:manipulation}.zoom-close:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.screen-stage,.fullscreen-control,.status-message{transition:none}}
