html,body{touch-action:none!important;-ms-touch-action:none!important;-webkit-text-size-adjust:100%!important;-moz-text-size-adjust:100%!important;-ms-text-size-adjust:100%!important;text-size-adjust:100%!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-khtml-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;overscroll-behavior:none!important;zoom:reset!important;-webkit-tap-highlight-color:transparent!important}body{font-family:Avenir,sans-serif;background-color:#000;margin:0;padding:0;overflow:hidden;height:100vh;width:100vw;position:relative}#videoContainer{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;background-color:#000;display:flex;align-items:center;justify-content:center;z-index:1}#cameraFeed{width:100%;height:100%;object-fit:cover;background-color:#000}.mirror-mode{transform:scaleX(-1)}#footer-bar{position:fixed;bottom:0;left:0;right:0;height:65px;background-color:transparent;display:flex;justify-content:space-around;align-items:center;z-index:100}#footer-bar a{color:#fff;text-decoration:none;font-size:22px;display:flex;justify-content:center;align-items:center;height:100%;flex:1;text-shadow:0 2px 4px rgba(0,0,0,.8)}#draggableRecordContainer{position:fixed;bottom:100px;left:50%;transform:translate(-50%);z-index:110;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}#draggableRecordContainer button{width:70px;height:70px;border-radius:50%;background-color:#0009;border:3px solid rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;position:relative}#draggableRecordContainer button:active{transform:scale(.95)}#draggableRecordContainer button:disabled{cursor:not-allowed!important;pointer-events:none}#startRecordButton:disabled,#stopRecordButton:disabled{opacity:.5}.record-btn{color:#fff!important;font-size:42px!important}.stop-btn{color:#dc3545!important;font-size:28px!important}#recordingIndicator{position:absolute;top:80px;right:20px;z-index:100;display:none;animation:blink 1s infinite}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}#recordingTimer{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:120;color:#fff;font-size:16px;font-weight:700;font-family:monospace;background-color:#000000b3;padding:8px 16px 8px 40px;border-radius:20px;display:flex;align-items:center;gap:8px}#recordingTimer .recording-dot{position:absolute;left:12px;width:12px;height:12px;background-color:#dc3545;border-radius:50%;animation:blink 1s infinite}.hidden{display:none!important}#chatContainer{position:fixed;bottom:60px;right:10px;width:90%;max-width:400px;max-height:50vh;background-color:#000000d9;border-radius:10px;display:none;flex-direction:column;z-index:105}#chatContainer.open{display:flex}#chatHeader{padding:10px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center}#chatMessages{flex-grow:1;overflow-y:auto;padding:10px;max-height:calc(50vh - 120px)}.chat-message{margin-bottom:8px;word-wrap:break-word}.message-header{font-size:12px;opacity:.7;margin-bottom:2px}.message-content{font-size:14px;line-height:1.4}#chatInputContainer{display:flex;padding:8px;border-top:1px solid rgba(255,255,255,.2)}#chatInput{flex-grow:1;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#fff;padding:8px 12px;border-radius:20px;font-size:14px;margin-right:8px}#sendChatButton{background-color:#ead2a3;color:#000;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;display:flex;justify-content:center;align-items:center;cursor:pointer}#zoomControls{position:absolute;right:0;top:50%;transform:translateY(-50%);padding:10px;z-index:95;display:none;flex-direction:column;align-items:center;height:70%;min-height:300px}@media screen and (orientation: landscape){#zoomControls{top:40%}}#zoomRuler{height:100%;width:60px;margin:10px 0;overflow-y:scroll;position:relative;scrollbar-width:none;-ms-overflow-style:none;cursor:ns-resize;box-sizing:border-box;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 15%,black 85%,transparent 100%)}#zoomRuler::-webkit-scrollbar{display:none}#zoomTrack{width:4px;background-color:#ffffff4d;border-radius:2px;position:relative;margin:0 auto}#zoomHandle{position:fixed;width:0;height:0;right:0;top:50%;transform:translate(-50%,-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:14px solid white;pointer-events:none;z-index:3}#zoomHandle.active{border-right-color:gold;transition:border-right-color .2s}.zoom-tick{width:30px;height:30px;background-color:transparent;position:relative;display:flex;align-items:center;margin:0 auto}.zoom-tick:before{content:"";position:absolute;width:20px;height:2px;background-color:#ffffff80;left:50%;top:50%;transform:translate(-50%)}.zoom-tick[data-zoom-value$=".0"]:not([data-zoom-value="1.0"]):before{width:25px;height:3px;background-color:#fffc}.zoom-tick[data-zoom-value="1.0"]:before{width:20px;height:2px;background-color:#ffffff80}.zoom-tick-label{position:absolute;color:#ffffffb3;font-size:12px;right:100%;margin-right:8px;top:50%;transform:translateY(-50%);font-weight:700}#zoomControls,#zoomRuler,#zoomTrack,#zoomFill{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#disableZoom{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-1;touch-action:manipulation}#debugOverlay{position:fixed;top:10px;left:10px;background:#000000b3;color:#0f0;font-family:monospace;font-size:10px;padding:5px;z-index:201;max-width:90%;max-height:30%;overflow-y:auto;display:none}#toggleDebugBtn{position:fixed;bottom:180px;right:10px;z-index:202;background:#00000080;color:#fff;border:1px solid white;border-radius:50%;width:30px;height:30px;font-size:12px;display:none}#gamificationBar{position:fixed;top:0;left:0;right:0;height:60px;background:transparent;display:flex;align-items:center;padding:0 10px;gap:5px;z-index:100}.gamification-section{display:flex;align-items:center;gap:6px;padding:0 8px;height:40px;cursor:pointer;transition:background-color .2s}.gamification-section:hover{background-color:#ffffff1a}.back-button{background:none;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.back-button:hover{opacity:.7}.back-button i{color:#fff;font-size:16px;text-shadow:0 2px 2px rgba(0,0,0,.4)}.gamification-logo{height:30px;width:auto;object-fit:contain;margin:0 5px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.4))}#upload-badge{color:orange}.video-stats{display:flex;align-items:center;gap:15px}.stat-item{display:flex;align-items:center;gap:5px}.stat-icon{font-size:16px;text-shadow:0 2px 2px rgba(0,0,0,.4)}.stat-value{color:#fff;font-weight:700;font-size:16px;text-shadow:0 2px 2px rgba(0,0,0,.4)}.recorded-icon{color:#ff6b6b}.recording-active .recorded-icon{animation:recording-pulse 1s infinite}.uploaded-icon{color:#51cf66}@keyframes recording-pulse{0%{opacity:1;color:#ff6b6b}50%{opacity:.4;color:#f44}to{opacity:1;color:#ff6b6b}}.coins-section{display:flex;align-items:center;justify-content:center;gap:6px;flex:1}.coin-display{display:flex;align-items:center;gap:6px}#gamificationBar .coin-icon{font-size:clamp(16px,4vw,22px);text-shadow:0 2px 2px rgba(0,0,0,.4)}#gamificationBar .coin-value{color:#fff;font-weight:700;font-size:clamp(14px,3.5vw,20px);font-family:monospace;text-shadow:0 2px 2px rgba(0,0,0,.4)}.total-coins-icon{color:gold}.streaming-icon-small{color:#4fc3f7}.upload-icon-small{color:#81c784}.pending-indicator-small{font-size:12px;color:#ffa726;margin-left:2px}.progress-section{display:flex;align-items:center;gap:8px;min-width:120px}.upload-progress{flex:1;height:6px;background:#fff3;border-radius:3px;overflow:hidden;min-width:80px}.upload-progress-fill{height:100%;background:#51cf66;transition:width .3s ease}.progress-text{color:#fffc;font-size:11px;white-space:nowrap}.multiplier-section{display:flex;align-items:center;justify-content:center;flex:1}.multiplier-wrapper{display:flex;flex-direction:column;gap:3px;align-items:center;width:100%}.multiplier-display{display:flex;align-items:center;gap:6px}.multiplier-icon{font-size:clamp(16px,4vw,22px);color:#ffa726;animation:fire-pulse 1.5s infinite;text-shadow:0 2px 2px rgba(0,0,0,.4)}.multiplier-value{color:#fff;font-weight:700;font-size:clamp(14px,3.5vw,20px);font-family:monospace;text-shadow:0 2px 2px rgba(0,0,0,.4)}.multiplier-value.level-1{color:gold}.multiplier-value.level-2{color:#ffa726}.multiplier-value.level-3{color:#ff7043}.multiplier-value.level-4{color:#ff5722}.multiplier-value.level-5{color:#f44336;text-shadow:0 2px 2px rgba(0,0,0,.4)}@keyframes fire-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.coin-wrapper{display:flex;flex-direction:column;gap:3px;align-items:center;width:100%}.coin-progress{width:100%;margin-top:5px}.coin-progress-bar{width:100%;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.coin-progress-fill{height:100%;background:gold;transition:width .1s linear}.multiplier-progress{width:100%;margin-top:5px}.multiplier-progress-bar{width:100%;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.multiplier-progress-fill{height:100%;background:#ffa726;transition:width 1s linear}.quality-wrapper{display:flex;flex-direction:column;gap:3px;align-items:center;width:100%}.quality-display{display:flex;align-items:center;gap:6px}.quality-icon{font-size:clamp(16px,4vw,22px);text-shadow:0 2px 2px rgba(0,0,0,.4)}.quality-value{color:#fff;font-weight:700;font-size:clamp(14px,3.5vw,20px);font-family:monospace;text-shadow:0 2px 2px rgba(0,0,0,.4)}.quality-progress{width:100%;margin-top:5px}.quality-progress-bar{width:100%;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.quality-progress-fill{height:100%;transition:width .3s ease,background-color .3s ease;border-radius:2px}.multiplier-time{color:#ffffffb3;font-size:10px;font-family:monospace;min-width:30px}.toast-notification{position:fixed;top:70px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:15px 25px;border-radius:25px;font-size:16px;font-weight:700;z-index:200;animation:toast-slide-in .5s ease-out;border:2px solid}.toast-notification.warning{border-color:#ffa726}.toast-notification.success{border-color:#4caf50}.toast-notification.milestone{border-color:#2196f3;background:#2196f333}@keyframes toast-slide-in{0%{transform:translate(-50%,-100px);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-100px);opacity:0}}@keyframes coin-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(calc(100vh + 50px)) rotate(360deg);opacity:0}}.help-button{background:none;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0;margin-left:auto}.help-button:hover{opacity:.7}.help-button i{color:#fff;font-size:16px;text-shadow:0 2px 2px rgba(0,0,0,.4)}.refresh-button{position:fixed;left:10px;top:50%;transform:translateY(-50%);width:40px;height:40px;background:#00000080;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:99;transition:all .3s ease}.refresh-button:hover{background:#000000b3;border-color:#ffffff80;transform:translateY(-50%) scale(1.1)}.refresh-button i{color:#fff;font-size:18px;text-shadow:0 2px 2px rgba(0,0,0,.4)}.refresh-button:active{transform:translateY(-50%) scale(.95)}.stats-toggle-button{position:fixed;left:10px;top:calc(50% + 60px);transform:translateY(-50%);width:40px;height:40px;background:#00000080;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1001;transition:all .3s ease}.stats-toggle-button:hover{background:#000000b3;border-color:#ffffff80;transform:translateY(-50%) scale(1.1)}.stats-toggle-button i{color:#fff;font-size:18px;text-shadow:0 2px 2px rgba(0,0,0,.4)}.stats-toggle-button:active{transform:translateY(-50%) scale(.95)}.stats-toggle-button.active{background:#ff6b35cc;border-color:#ff6b35;color:#ff6b35}.stats-toggle-button.active i{color:#fff}.stats-toggle-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.stats-toggle-button:disabled:hover{background:#00000080;border-color:#ffffff4d;transform:translateY(-50%)}.info-card{position:fixed;top:70px;background:#000000f2;border-radius:15px;padding:20px;z-index:201;border:1px solid rgba(255,255,255,.2);display:none;max-width:480px;min-width:260px;animation:info-card-appear .3s ease-out}@keyframes info-card-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.info-card-close{position:absolute;top:10px;right:10px;background:none;border:none;color:#fff9;font-size:20px;cursor:pointer}.info-card h3{color:#fff;margin:0 0 15px;font-size:18px}.info-card p{color:#fffc;margin:5px 0;font-size:14px;line-height:1.5}.info-card .stat-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.info-card .stat-label{color:#fff9}.info-card .stat-value{color:#fff;font-weight:700}.help-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:300;display:none;overflow-y:auto;padding:20px}.help-modal-content{max-width:600px;margin:0 auto;background:#141414f2;border-radius:20px;padding:30px;position:relative}.help-modal-close{position:absolute;top:15px;right:15px;background:#ffffff1a;border:none;color:#fff;font-size:24px;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.help-modal h2{color:#fff;margin:0 0 20px;font-size:24px;text-align:center}.help-modal h3{color:gold;margin:20px 0 10px;font-size:18px}.help-modal p{color:#fffc;line-height:1.6;margin:10px 0}.multiplier-table{width:100%;border-collapse:collapse;margin:15px 0}.multiplier-table th,.multiplier-table td{padding:10px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}.multiplier-table th{color:gold;font-weight:700}.multiplier-table td{color:#fffc}.multiplier-table .multiplier-value-cell{font-weight:700;font-size:16px}@media (max-width: 480px){.help-modal{padding:10px}.help-modal-content{padding:20px;border-radius:15px}.help-modal h2{font-size:20px;margin-bottom:15px}.help-modal h3{font-size:16px}.help-modal p{font-size:13px}.multiplier-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -10px;padding:0 10px}.multiplier-table{min-width:320px;font-size:12px}.multiplier-table th,.multiplier-table td{padding:8px 5px;white-space:nowrap}.multiplier-table .multiplier-value-cell{font-size:14px}.help-modal-close{width:35px;height:35px;font-size:20px;top:10px;right:10px}}#errorMsg,#updateMsg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#dc3545cc;color:#fff;padding:15px;border-radius:5px;z-index:200;max-width:80%;text-align:center}#updateMsg{background-color:#007bffe6;padding:20px;display:flex;flex-direction:column;gap:10px}#updateMsg button{background-color:#fff;color:#007bff;border:none;padding:8px 12px;border-radius:5px;font-weight:700;margin-top:10px}#coinCounter{position:fixed;top:70px;right:20px;background:#000c;border-radius:25px;padding:10px 20px;display:flex;align-items:center;gap:15px;z-index:98;border:1px solid rgba(255,255,255,.1);min-width:200px}.coin-section{display:flex;align-items:center;gap:8px;flex:1}.coin-icon{font-size:20px;color:gold}.coin-value{color:#fff;font-weight:700;font-size:16px;font-family:monospace;min-width:40px;text-align:right}.coin-label{color:#ffffffb3;font-size:11px;text-transform:uppercase;letter-spacing:.5px}.coin-divider{width:1px;height:25px;background:#fff3}.streaming-coins{color:#4fc3f7}.upload-coins{color:#81c784}.pending-indicator{font-size:10px;color:#ffa726;margin-left:5px}@keyframes coin-increment{0%{transform:translate(-50%) translateY(0) scale(.5);opacity:0}20%{transform:translate(-50%) translateY(-5px) scale(1.2);opacity:1}to{transform:translate(-50%) translateY(-30px) scale(.8);opacity:0}}.coin-increment-animation{position:absolute;color:gold;font-weight:700;font-size:20px;pointer-events:none;animation:coin-increment 1s ease-out forwards;text-shadow:0 2px 2px rgba(0,0,0,.4);display:flex;align-items:center;gap:5px}.coin-increment-animation i{font-size:16px;animation:coin-spin .5s ease-out}@keyframes coin-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}#upload-badge{align-items:center;justify-content:center;position:relative}#upload-badge #upload-counter{background:transparent;display:block;line-height:1}.upload-processing-indicator{display:flex;align-items:center;gap:5px;color:#ffa726;font-size:14px}.upload-status-icon{font-size:18px;transition:all .3s ease}.upload-status-icon.uploading{color:#4fc3f7}.upload-status-icon.processing{color:#ffa726}.upload-status-icon.complete{color:#81c784;animation:success-pulse .5s ease}.upload-status-icon.error{color:#e57373}@keyframes success-pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.upload-status-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:gold;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:700;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .3s ease;margin-bottom:10px;z-index:1000}.upload-status-tooltip.show{opacity:1}.upload-status-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#000000e6}@media screen and (max-width: 400px){#gamificationBar{gap:3px;padding:0 5px}.gamification-section{padding:0 4px;gap:4px}.gamification-logo{height:25px}.help-button{width:32px;height:32px}.help-button i{font-size:12px}.back-button{width:32px;height:32px}.back-button i{font-size:14px}.video-stats{gap:6px}.coins-section,.coin-display,.multiplier-display{gap:4px}}@media screen and (orientation: landscape){#gamificationBar{height:50px;padding:0 8px;gap:4px}.gamification-section{padding:0 6px;height:35px;gap:5px}.back-button{width:32px;height:32px}.gamification-logo{height:22px}.help-button{width:32px;height:32px}.help-button i{font-size:12px}.pending-indicator-small{font-size:10px}.upload-progress{height:5px;min-width:60px}.progress-text{font-size:10px}#footer-bar{height:50px}#chatContainer{bottom:50px;height:30vh}.logo{max-width:15%;max-height:60px}#draggableRecordContainer{bottom:70px}#draggableRecordContainer button{width:60px;height:60px}.record-btn{font-size:36px!important}.stop-btn{font-size:24px!important}}#upload-badge{background:none!important;padding:8px 12px!important;border-radius:12px!important;align-items:center!important;gap:5px!important;transition:all .3s ease!important;cursor:pointer!important}#upload-badge:hover{background:#fff3!important;transform:translateY(-2px)!important}#upload-status-text{align-items:center!important;gap:6px!important;font-size:13px!important;font-weight:600!important}#upload-badge .fas{font-size:14px!important}#upload-badge .fa-sync.fa-spin{animation:fa-spin 1s infinite linear!important}#upload-badge .fa-check-circle{color:#4caf50!important}@media (max-width: 480px){#upload-badge{font-size:12px!important;padding:3px 8px!important;top:35px!important}#upload-badge .fas{font-size:12px!important}}.driver-popover{background:#000000f2!important;color:#fff!important;border:2px solid #ffd700!important;padding:25px!important;border-radius:12px!important}.driver-popover[style*="left: 50%"]{transform:translate(-50%,-50%)!important;top:50%!important;min-width:340px!important;max-width:90vw!important}.driver-popover-close-btn{position:absolute!important;top:10px!important;right:10px!important}.driver-popover-title{color:gold!important;font-size:20px!important;font-weight:700!important;margin-bottom:10px!important;text-shadow:0 2px 2px rgba(0,0,0,.4)}.driver-popover-description{color:#fff!important;font-size:16px!important;line-height:1.5!important;text-shadow:0 2px 2px rgba(0,0,0,.4)}.driver-popover-arrow{background:#000000f2!important;border-color:gold!important}.driver-popover-navigation-btns{gap:10px!important;margin-top:20px!important;display:flex!important;justify-content:center!important;align-items:center!important}.driver-popover-next-btn,.driver-popover-prev-btn{background:gold!important;color:#000!important;border:none!important;padding:12px 24px!important;border-radius:25px!important;font-weight:700!important;font-size:14px!important;transition:all .3s ease!important;cursor:pointer!important;text-transform:uppercase!important;min-width:120px!important}.driver-popover-next-btn:hover,.driver-popover-prev-btn:hover{background:#ffed4e!important;transform:scale(1.05)!important;box-shadow:0 5px 15px #ffd70066!important}.driver-popover-close-btn{color:gold!important;width:35px!important;height:35px!important;font-size:24px!important;font-weight:700!important;background:#ffd7001a!important;border:2px solid #ffd700!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important}.driver-popover-close-btn:hover{background:#ffd70033!important;transform:scale(1.1)!important;box-shadow:0 0 10px #ffd70080!important}.driver-popover-progress-text{color:gold!important;font-size:14px!important;font-weight:600!important;margin-bottom:15px!important;text-align:center!important;letter-spacing:1px!important;text-shadow:0 2px 2px rgba(0,0,0,.4)}.driver-popover-prev-btn:disabled{background:#ffd7004d!important;color:#00000080!important;cursor:not-allowed!important;transform:none!important}.driver-popover-prev-btn:disabled:hover{background:#ffd7004d!important;transform:none!important;box-shadow:none!important}.driver-popover-footer{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important}.driver-popover{text-align:center!important}.driver-popover-description{text-align:left!important}.driver-highlighted-element{z-index:999999!important}.driver-overlay{background-color:#000000bf!important}.coin-increment-animation{position:fixed;font-size:24px;font-weight:700;opacity:0;transform:translate(-50%) translateY(0);pointer-events:none;transition:none;display:flex;align-items:center;gap:5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.coin-increment-animation i{font-size:20px}.coin-increment-animation.animate{animation:coinFloat 2s ease-out forwards}@keyframes coinFloat{0%{opacity:1;transform:translate(-50%) translateY(0) scale(.5)}20%{transform:translate(-50%) translateY(-20px) scale(1.2)}to{opacity:0;transform:translate(-50%) translateY(-100px) scale(1)}}