.app{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000}.screen{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.video-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#f3ede1;background-image:url(/zarfv2.png);background-size:cover;background-position:center;filter:blur(18px);transform:scale(1.1)}@media (orientation: landscape){.video{inset:auto;top:50%;left:50%;width:auto;height:166.67%;max-width:none;object-fit:contain;transform:translate(-50%,-50%)}}.video.layer-1{z-index:1;opacity:1}.video.layer-2{z-index:2;opacity:0;transition:opacity .4s ease}.video.layer-2.show{opacity:1}.envelope{z-index:10}.final-screen{z-index:20}.final-media{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100vh;height:100dvh;width:56.25vh}@media (min-aspect-ratio: 2304 / 4096){.final-media{width:100vw;height:calc(100vw * 4096 / 2304)}}@media (orientation: landscape){.final-media{height:166.67vh;width:calc(166.67vh * 2304 / 4096)}}.final-media img{display:block;width:100%;height:100%;object-fit:fill}.hotspot{position:absolute;left:21.397%;top:64.526%;width:57.205%;height:35.474%;cursor:pointer}.hotspot .tap-hint{position:absolute;left:50%;top:44%;transform:translate(-50%)}.tap-hint{position:relative;width:clamp(44px,9vmin,88px);height:clamp(44px,9vmin,88px);display:flex;align-items:center;justify-content:center;pointer-events:none}.tap-hint .ripple{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 0 12px #00000059;animation:ripple 1.8s ease-out infinite}.tap-hint .hand{position:relative;width:60%;height:60%;fill:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.55));animation:tap 1.8s ease-in-out infinite}@keyframes ripple{0%{transform:scale(.7);opacity:.9}70%{transform:scale(1.4);opacity:0}to{transform:scale(1.4);opacity:0}}@keyframes tap{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-14%) scale(.92)}}.envelope .overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:12vh;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(to top,rgba(0,0,0,.45),transparent 40%)}.tap{color:#fff;font-size:clamp(1.6rem,6vw,3rem);letter-spacing:.15em;text-shadow:0 2px 18px rgba(0,0,0,.6)}.tap.dim{opacity:.85;font-size:clamp(1.1rem,4vw,1.8rem)}.pulse{animation:pulse 1.8s ease-in-out infinite}.enter-hint{display:flex;flex-direction:column;align-items:center;gap:.6rem}.enter-hint .tap-hint{width:clamp(40px,8vmin,72px);height:clamp(40px,8vmin,72px)}@keyframes pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.loading{display:flex;flex-direction:column;align-items:center;gap:1rem}.bar{width:min(70vw,340px);height:6px;border-radius:999px;background:#ffffff40;overflow:hidden}.bar-fill{height:100%;background:#fff;border-radius:999px;transition:width .25s ease}.pctText{color:#ffffffd9;font-size:.95rem;letter-spacing:.1em}.fade-in{animation:fadeIn 1.2s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;height:100dvh;overflow:hidden;background:#000}body{font-family:Georgia,Times New Roman,serif;-webkit-tap-highlight-color:transparent}