:root{color-scheme:dark;background-color:#000;font-family:Noto Sans JP,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;background:#000;color:#fff}.app-shell{position:relative;width:100%;height:100%;min-height:100svh;overflow:hidden}.video-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:#000}.video-element{width:100%;height:100%;object-fit:cover}.video-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;pointer-events:none}.desktop-only-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#000;display:flex;justify-content:center;overflow:hidden}.desktop-only-panel{position:relative;width:553px;height:982px;background:#888;overflow:hidden}.desktop-only-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.desktop-only-title{position:absolute;top:378px;left:50%;width:262px;height:128px;transform:translate(-50%);z-index:1}.desktop-only-qr{position:absolute;top:540px;left:50%;width:140px;height:140px;transform:translate(-50%);z-index:1}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;justify-content:center;align-items:flex-start;pointer-events:auto}.screen-splash{justify-content:center;align-items:center}.screen-input{cursor:text}.screen-scroll{overflow-y:auto;align-items:flex-start;-webkit-overflow-scrolling:touch;padding-bottom:80px;background:#000}.playback-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#000;display:flex;align-items:center;justify-content:center}.playback-debug{position:absolute;top:12px;left:12px;right:12px;max-height:40vh;overflow:auto;z-index:3;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.4;white-space:pre-wrap;color:#c7ffb0;background:#0000008c;border:1px solid rgba(199,255,176,.35);padding:8px 10px;border-radius:6px}.playback-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;background:#000}.playback-overlay{position:absolute;left:50%;top:50%;transform-origin:center center;pointer-events:none;z-index:1}.playback-overlay-box{position:absolute;border-radius:0;mix-blend-mode:screen;transform-origin:center center}.playback-overlay-box.is-active{animation:playback-blink .6s steps(2,end) infinite}.playback-overlay-box.is-entrance{animation:playback-stretch .3s ease-out}@keyframes playback-blink{0%{opacity:1}49%{opacity:1}50%{opacity:.2}to{opacity:.2}}@keyframes playback-stretch{0%{transform:scaleY(1)}40%{transform:scaleY(3)}to{transform:scaleY(1)}}.playback-status{position:absolute;bottom:24px;left:50%;transform:translate(-50%);font-size:14px;letter-spacing:.08em;color:#ffffffb3}.playback-status.is-loading{animation:loading-wiggle 1.2s ease-in-out infinite}@keyframes loading-wiggle{0%{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-6px)}to{transform:translate(-50%) translateY(0)}}.playback-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:#000000a6;text-align:center;padding:24px}.playback-error-text{font-size:14px;letter-spacing:.08em;color:#ffffffd9}.playback-error-actions{display:flex;gap:12px}.playback-error-button{border:1px solid rgba(255,255,255,.6);background:transparent;color:#fff;padding:10px 18px;font-size:14px;letter-spacing:.08em;cursor:pointer}.playback-tap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center}.playback-play-button{border:none;background:transparent;padding:0;cursor:pointer;transform:translateY(140px)}.playback-play-button img{display:block;width:122px;height:auto}.design-stage{width:100%;display:flex;justify-content:center;align-items:flex-start}.design-stage-inner{position:relative;transform-origin:top center}.screen-canvas{position:relative;width:100%;height:100%}.result-canvas{background:#000}.result-hero-bg{position:absolute;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.result-video-bg{position:absolute;overflow:hidden;z-index:1;background:#000}.result-video-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;pointer-events:none}.result-video{position:absolute;overflow:hidden;z-index:2;background:#000;border:1px solid #fff}.result-video-el{width:100%;height:100%;object-fit:cover}.result-debug{position:fixed;top:12px;left:12px;right:12px;z-index:50;max-height:30vh;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:11px;line-height:1.4;white-space:pre-wrap;color:#c7ffb0;background:#000000a6;border:1px solid rgba(199,255,176,.35);padding:8px 10px;border-radius:6px;pointer-events:none}.map-region-button{position:absolute;background:transparent;border:none;padding:0;margin:0;cursor:pointer;z-index:2}.map-region-button:focus-visible{outline:2px solid #fff;outline-offset:2px}.image-layer{position:absolute;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:3}.hit-area{position:absolute;background:transparent;border:none;padding:0;margin:0;cursor:pointer;z-index:4}.hit-area:focus-visible{outline:2px solid #fff;outline-offset:4px}.mute-line{position:absolute;border-top:2px solid #ff4040;transform:rotate(45deg);transform-origin:center}.input-capture{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;z-index:20;cursor:text}.digit-box{position:absolute;border:2px solid #ffffff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#000}.digit-hyphen{position:absolute;background:#fff9}.postcode-error{position:absolute;font-size:14px;letter-spacing:.04em;color:#fff;text-align:center}.postcode-row{position:absolute;display:flex;gap:8px}.postcode-box{width:21px;height:29px;border:1px solid #ffffff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#000}.postcode-address{position:absolute;width:200px;text-align:center;font-size:12px;color:#fff}.action-card{position:absolute}.action-card-image{width:100%;height:100%;object-fit:cover;display:block}.action-card-label{position:absolute;left:50%;transform:translate(-50%);height:13px;width:auto}.artist-website-link{position:absolute;z-index:4;font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:10px;line-height:1.4;padding:10px 0;color:#fff;text-decoration:none;word-break:break-all}.artist-website-url{text-decoration:underline;text-decoration-thickness:from-font;text-underline-offset:2px}.artist-website-link:focus-visible{outline:2px solid #fff;outline-offset:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c}.modal-content{position:relative;width:min(90vw,640px);aspect-ratio:16 / 9;background:#000;border:1px solid rgba(255,255,255,.2);border-radius:12px;overflow:hidden;z-index:1}.modal-content iframe{width:100%;height:100%;border:none}.modal-close{position:absolute;top:8px;right:8px;z-index:2;width:32px;height:32px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:18px;cursor:pointer}.modal-close-image-button{width:40px;height:40px;background:transparent;border:none;border-radius:0}.modal-close-image{width:100%;height:100%;object-fit:contain;display:block}.video-modal{width:100%;height:100%}.map-modal-content{width:min(92vw,720px);aspect-ratio:4 / 3}.map-modal{width:100%;height:100%}@media(max-width:480px){.design-stage{align-items:flex-start}.app-shell{height:100svh}}