.firework-stage{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:50;padding:10px;box-sizing:border-box}.firework-photo{max-width:90%;max-height:70%;margin-bottom:16px;border-radius:16px;opacity:0;animation:popIn .6s forwards;object-fit:contain;box-shadow:0 0 25px #ffffffb3,0 0 40px #ff64964d;transition:transform .3s,box-shadow .3s;will-change:transform,opacity}.final-photo{animation:finalPop 3s ease-in-out forwards}@keyframes popIn{0%{opacity:0;transform:scale(.3) rotate(-30deg)}60%{opacity:1;transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes finalPop{0%{opacity:0;transform:scale(.1) rotate(0)}80%{opacity:1;transform:scale(1) rotate(2160deg)}to{opacity:1;transform:scale(1) rotate(2160deg)}}.close-cross{position:fixed;top:15px;left:15px;font-size:2.5rem;color:#fff;cursor:pointer;z-index:60;text-shadow:0 0 10px rgba(255,255,255,.7);transition:transform .2s,color .2s}.close-cross:hover{color:#fd5;transform:scale(1.1)}.arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);font-size:3.5rem;color:#ffffffe6;cursor:pointer;z-index:60;user-select:none;text-shadow:0 0 12px rgba(255,255,255,.6)}.arrow.left{left:5%}.arrow.right{right:5%}.arrow:hover{color:#fd5}@media (min-width: 768px){.arrow{display:block}}.mini-bar-container{position:fixed;bottom:10px;left:50%;transform:translate(-50%);width:95%;display:flex;flex-direction:column;align-items:center;z-index:55}.mini-bar{display:flex;gap:6px;overflow-x:auto;width:100%;scrollbar-width:none}.mini-bar::-webkit-scrollbar{display:none}.mini-photo{width:42px;height:32px;object-fit:cover;border-radius:6px;opacity:.4;cursor:pointer;transition:transform .3s,opacity .3s,box-shadow .3s;flex-shrink:0}.mini-photo.active{opacity:1;transform:scale(1.3);border:2px solid white;box-shadow:0 0 10px #fffc;will-change:transform,box-shadow,opacity}.progress-bar{width:0%;height:3px;margin-top:4px;background:linear-gradient(90deg,#fc8,#f8a);border-radius:2px;transition:width .3s linear}.slider-button{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:80%;max-width:420px;padding:14px 20px;font-size:1.3rem;font-weight:600;text-align:center;color:#fff;background:#ffffff1f;border:2px solid rgba(255,255,255,.45);border-radius:16px;box-shadow:0 0 15px #fff6,0 0 25px #ff64964d;cursor:pointer;z-index:50;backdrop-filter:blur(6px);animation:bounce 2s infinite;opacity:0;pointer-events:none;transition:opacity 1s ease}.slider-button.visible{opacity:1;pointer-events:auto}.slider-button:hover{background:#ffffff40;transform:translate(-50%) scale(1.05)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-12px)}60%{transform:translate(-50%) translateY(-6px)}}.final-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;padding:20px 30px;border-radius:16px;color:#fff;text-align:center;z-index:100;width:90%;max-width:380px;animation:fadeIn .5s ease forwards}.final-modal h2{margin-bottom:12px;font-size:1.4rem}.final-modal p{margin-bottom:20px;font-size:1rem}.final-modal .modal-close{padding:10px 20px;font-size:1rem;background:#f8a;border:none;border-radius:8px;cursor:pointer;color:#fff}@media (min-width: 480px){.final-modal{padding:25px 40px;max-width:420px}.final-modal h2{font-size:1.6rem}.final-modal p{font-size:1.1rem}}@media (min-width: 768px){.final-modal{padding:30px 50px;max-width:500px}.final-modal h2{font-size:1.8rem}.final-modal p{font-size:1.2rem}}.firework-stage,.firework-stage *{caret-color:transparent}.slider-button:focus,.close-cross:focus,.arrow:focus,.mini-photo:focus,.final-modal .modal-close:focus{outline:none}html,body{margin:0;padding:0;height:100%;background:radial-gradient(circle at center,#1a1a2e,#16213e,#0f3460);font-family:Segoe UI,sans-serif;overflow:hidden;color:#fff}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.08),transparent 70%),radial-gradient(circle at 75% 80%,rgba(255,255,255,.1),transparent 70%);pointer-events:none;animation:shimmer 10s linear infinite;z-index:1}@keyframes shimmer{0%,to{background-position:25% 20%,75% 80%}50%{background-position:50% 40%,50% 60%}}video.background-video{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:0;opacity:0;transition:opacity 1s ease;pointer-events:none}canvas.confetti-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:5}.message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;opacity:0;transition:opacity 1.5s ease;padding:0 20px;max-width:90vw}.message h1{font-size:2.2rem;margin-bottom:.5em;text-shadow:0 0 10px rgba(255,255,255,.8)}.message p{font-size:1.2rem;line-height:1.4}#startButton{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;padding:14px 36px;font-size:1.4rem;color:#fff;background:linear-gradient(135deg,#f78ca0,#f9748f,#fd868c);border:none;border-radius:50px;box-shadow:0 8px 15px #f78ca099;cursor:pointer}#soundToggle{position:fixed;top:20px;right:20px;z-index:20;width:42px;height:42px;background:#fff3;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}#soundToggle svg{width:24px;height:24px;fill:#fff}@media (max-width: 480px){#startButton{font-size:1.2rem;padding:12px 30px}}.message h1{font-size:2.2rem;margin-bottom:.5em;text-shadow:0 0 10px rgba(255,255,255,.8);white-space:normal}@media (min-width: 481px){.message h1:after{content:" 🐅";display:inline}}@media (max-width: 480px){.message h1:after{content:"🐅";display:block;margin-top:4px;font-size:1.5em;line-height:1}.message h1{font-size:1.6rem;white-space:nowrap}.message p{font-size:1rem}}#startButton{display:block;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;padding:14px 36px;font-size:1.4rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#f78ca0,#f9748f,#fd868c);border:none;border-radius:50px;box-shadow:0 8px 15px #f78ca099;cursor:pointer;animation:pulse 2s infinite;text-align:center}#startButton:hover{transform:translate(-50%,-50%) scale(1.05)}@keyframes pulse{0%,20%,50%,80%,to{transform:translate(-50%,-50%) scale(1)}40%{transform:translate(-50%,-50%) scale(1.1)}60%{transform:translate(-50%,-50%) scale(1.05)}}.preloader-stage{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .7s}.preloader-firework{display:flex;flex-direction:column;align-items:center;gap:24px}.preloader-circle{position:relative;width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#f78ca0 40%,#fd868c);box-shadow:0 0 40px 10px #fd868c44,0 0 80px 20px #f78ca044;overflow:hidden;display:flex;align-items:center;justify-content:center}.preloader-progress{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#fc8,#f8a);border-radius:50%;transition:width .4s cubic-bezier(.4,2,.3,1);z-index:2}.preloader-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;font-size:2.2rem;font-weight:700;color:#fff;text-shadow:0 0 10px #ff88aa,0 0 20px #fd868c;animation:pulse 1.5s infinite;pointer-events:none;width:100%;text-align:center}@media (max-width: 480px){.preloader-circle{width:80px;height:80px}.preloader-text{font-size:1.3rem}}.preloader-message{font-size:1.2rem;color:#fff;text-align:center;text-shadow:0 0 10px #ff88aa,0 0 20px #fd868c;animation:fadeIn 1.2s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}