body{box-sizing:border-box;background-color:#d9d9d9;color:#000;overscroll-behavior:none;overflow-x:hidden}#root{box-sizing:border-box;min-height:100dvh;margin:0 auto;text-align:center;display:flex;flex-direction:column}.App{box-sizing:border-box;position:relative;height:100%;flex:1;display:flex;flex-direction:column;justify-content:space-between;max-width:900px;min-height:100dvh;width:100dvw;margin:0 auto;padding-bottom:48px}.App .box{position:relative;border:1px solid #ccc;width:calc(90% - 24px);max-width:1080px;aspect-ratio:3/2;margin:48px auto;background:#000}.App .box:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:url(/ui/frame.png) no-repeat center center;background-size:100% 100%;transform:translate(-50%) translateY(-50%);z-index:1000;pointer-events:none}.App .box img{display:block;width:100%;height:auto;object-fit:cover}.App .box .large-photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.App .button{box-sizing:border-box;height:4rem;padding:0 2rem;border:none;border-radius:1rem;font-family:Helvetica;font-size:1.2rem;line-height:100%;letter-spacing:1px;text-transform:uppercase;background:#000;color:#fff;font-weight:700}.App .button:active,.App .button:hover{background:var(--primary);cursor:pointer}.App .advance-button{background:var(--primary);color:#fff}.App .advance-button:disabled{opacity:.3;filter:grayscale(.5)}.App .actions{width:calc(80% - 24px);max-width:1080px;padding:12px;margin:12px auto 12vh}.placeholder{position:fixed;top:0;left:0;width:100%;height:100%}.placeholder img{display:block;width:100%;height:100%;object-fit:contain;margin-top:-3vh}