*{box-sizing:border-box;margin:0;padding:0}html,body{color:#e8edff;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#02040f;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#sky{touch-action:none;width:100%;height:100%;position:fixed;inset:0}.hidden{opacity:0!important;pointer-events:none!important}.screen{z-index:10;justify-content:center;align-items:center;transition:opacity 1.2s;display:flex;position:fixed;inset:0}#start{background:radial-gradient(at 50% 120%,#0a1436 0%,#02040f 70%)}.start-inner{text-align:center;padding:2rem;animation:1.6s both fadeUp}.start-star{color:#ffd98a;margin-bottom:1.2rem;font-size:2rem;animation:2.4s ease-in-out infinite pulse}#start h1{letter-spacing:.08em;margin-bottom:.8rem;font-size:2.2rem;font-weight:300}#start p{color:#9fb0d8;white-space:pre-line;margin-bottom:2.4rem;font-weight:300}#start-note{opacity:.9;margin-top:-1.2rem;font-size:.9rem;color:#ffe9c2!important}#start-btn,#back-btn{font:inherit;color:#ffe9c2;cursor:pointer;background:#ffd98a14;border:1px solid #ffd98a73;border-radius:999px;padding:.9rem 2rem;font-size:1rem;transition:background .3s}#start-btn:active,#back-btn:active{background:#ffd98a38}#hint{top:max(1.4rem, env(safe-area-inset-top));text-align:center;color:#b9c7ea;white-space:pre-line;text-shadow:0 1px 8px #000;z-index:5;width:max-content;max-width:86vw;font-size:.95rem;font-weight:300;line-height:1.5;transition:opacity 1.5s;position:fixed;left:50%;transform:translate(-50%)}#arrow{color:#ffd98a;text-shadow:0 0 12px #ffd98acc;will-change:transform;z-index:5;font-size:1.7rem;transition:opacity .6s;animation:1.6s ease-in-out infinite pulse;position:fixed;top:0;left:0}#ring{z-index:5;width:84px;height:84px;transition:opacity .3s;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.ring-bg,.ring-fg{fill:none;stroke-width:3px}.ring-bg{stroke:#ffffff1f}.ring-fg{stroke:#ffd98a;stroke-linecap:round;stroke-dasharray:276.5;stroke-dashoffset:276.5px}#fx{pointer-events:none;z-index:4;width:100%;height:100%;position:fixed;inset:0}#final-msg{text-align:center;color:#ffe9c2;letter-spacing:.06em;text-shadow:0 0 18px #ffd98ad9,0 0 60px #ffb47880;pointer-events:none;z-index:6;justify-content:center;align-items:center;padding:2rem;font-size:clamp(2.2rem,9vw,4.5rem);font-weight:300;transition:opacity 2.5s;display:flex;position:fixed;inset:0}#progress{bottom:max(1.2rem, env(safe-area-inset-bottom));color:#ffd98a;letter-spacing:.45em;text-shadow:0 0 10px #ffd98a80;opacity:.85;z-index:5;pointer-events:none;font-size:.9rem;transition:opacity .6s;position:fixed;left:50%;transform:translate(-50%)}#stop-card{-webkit-backdrop-filter:blur(5px);background:#02040f73;transition:opacity .9s;overflow-y:auto}.stop-inner{width:100%;max-width:340px;padding:max(2.5rem, env(safe-area-inset-top)) 1.6rem 2.5rem;text-align:center;margin:auto}#stop-mes{letter-spacing:.08em;color:#ffe9c2;margin-bottom:1.2rem;font-weight:300;animation:1.2s both fadeUp}.polaroid-sm{max-width:250px;margin-bottom:1.4rem;padding-bottom:14px;animation:1.2s .3s both fadeUp;transform:rotate(1.5deg)}#stop-frase{color:#dfe6fb;white-space:pre-line;margin-bottom:1.8rem;font-weight:300;line-height:1.7;animation:1.2s .7s both fadeUp}#next-btn{font:inherit;color:#ffe9c2;cursor:pointer;background:#ffd98a14;border:1px solid #ffd98a73;border-radius:999px;padding:.9rem 2rem;font-size:1rem;transition:background .3s;animation:1.2s 1s both fadeUp}#next-btn:active{background:#ffd98a38}#reveal{-webkit-backdrop-filter:blur(6px);background:#02040f8c;transition:opacity 1.8s;overflow-y:auto}.reveal-inner{width:100%;max-width:420px;padding:max(3rem, env(safe-area-inset-top)) 1.6rem 3rem;text-align:center;margin:auto}#reveal h2{letter-spacing:.06em;color:#ffe9c2;margin-bottom:1.6rem;font-weight:300;animation:1.4s both fadeUp}.polaroid{background:#f5f1e8;border-radius:4px;max-width:320px;margin:0 auto 2rem;padding:12px 12px 40px;animation:1.4s .5s both fadeUp;transform:rotate(-2deg);box-shadow:0 12px 40px #0009}.polaroid img{object-fit:cover;background:#d8d2c4;border-radius:2px;width:100%;min-height:180px;display:block}.polaroid figcaption{color:#6b6353;padding-top:12px;font-size:.85rem;font-style:italic}#reveal-letter{text-align:left;color:#dfe6fb;white-space:pre-line;background:#0a123099;border:1px solid #8ca5dc40;border-radius:14px;margin-bottom:2rem;padding:1.6rem;font-weight:300;line-height:1.8;animation:1.4s 1.1s both fadeUp}#back-btn{animation:1.4s 1.6s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}