*{margin:0;padding:0;box-sizing:border-box}body{background:#000;overflow:hidden;width:100vw;height:100vh}#app{width:100%;height:100%}#app.orient-portrait,#app.orient-portrait-flipped{width:100vh;height:100vw}#app.orient-portrait{transform:rotate(90deg) translateY(-100%);transform-origin:top left}#app.orient-portrait-flipped{transform:rotate(-90deg) translate(-100%);transform-origin:top left}#inputVideo{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}#carousel{position:fixed;inset:0;background:#000;overflow:hidden}#config{display:none;position:fixed;inset:0;flex-direction:column;align-items:center;justify-content:center;background:#000}#configCanvas{max-width:100%;max-height:80vh}#configSn{color:#fff;font-family:system-ui,sans-serif;font-size:1.5rem;text-align:center;margin-top:1rem}#app.mode-config #config{display:flex}#app.mode-config #carousel,#app.mode-play #config{display:none}#error{display:none;position:fixed;inset:0;flex-direction:column;align-items:center;justify-content:center;background:#000;color:#fff;font-family:system-ui,sans-serif;font-size:1.5rem;text-align:center}#app.mode-error #error{display:flex}#app.mode-error #carousel{display:none}.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .6s ease}.slide.active{opacity:1}.carousel-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#fff;color:#000;font-family:system-ui,sans-serif;font-size:1.5rem;text-align:center;padding:2rem}#snOverlay{position:fixed;left:50%;bottom:8vh;transform:translate(-50%);z-index:1000;padding:.6em 1.2em;border-radius:12px;background:#000c;color:#fff;font-family:system-ui,sans-serif;font-size:clamp(2rem,6vw,5rem);letter-spacing:.15em;pointer-events:none;white-space:pre;text-align:left;line-height:1.25}#snOverlay.multi{font-size:clamp(1rem,2.4vw,1.8rem);letter-spacing:.05em}