.start-page[data-v-b0daacb4]{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.start-header[data-v-b0daacb4]{position:absolute;top:8%;text-align:center}.school-name[data-v-b0daacb4]{font-size:.5rem;font-weight:700;color:#333;margin-bottom:.2rem}.class-name[data-v-b0daacb4]{font-size:.35rem;color:#666}.start-footer[data-v-b0daacb4]{position:absolute;bottom:8%;font-size:.2rem;color:#999;text-align:center}#startButton[data-v-b0daacb4]{position:absolute;top:50%;left:50%;width:30%;height:30%;transform:translate(-50%,-50%);padding:15px 30px;font-size:24px;font-weight:700;background-color:#fff;color:#3690fb;border:none;border-radius:30px;cursor:pointer;z-index:10;box-shadow:0 4px 8px #0003;transition:all .3s ease}#startButton[data-v-b0daacb4]:hover{background-color:#3690fb;color:#fff;box-shadow:0 6px 12px #0000004d}.ready-popup[data-v-b0daacb4]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:3000}.ready-popup-content[data-v-b0daacb4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 80px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:30px;box-shadow:0 10px 40px #0000004d}.ready-logo[data-v-b0daacb4]{width:150px;height:150px;margin-bottom:30px;border-radius:20px}.ready-text[data-v-b0daacb4]{font-size:36px;font-weight:700;color:#fff;text-align:center;line-height:1.5;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.choice-button[data-v-7d7bacc7]{width:150px;height:60px}.choice-button img[data-v-7d7bacc7]{width:100%;height:100%;transition:transform .2s ease}.countdown-display[data-v-7d7bacc7]{position:fixed;top:40%;left:50%;transform:translate(-50%,-50%);font-size:80px;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.3);z-index:1500}.feedback-image[data-v-7d7bacc7]{position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1500}.feedback-image img[data-v-7d7bacc7]{width:150px;height:150px}.training-end-page[data-v-012664d2]{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;z-index:3000}.countdown[data-v-012664d2]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);font-size:120px;font-weight:700;color:#fff;text-shadow:4px 4px 8px rgba(0,0,0,.5)}*{padding:0;margin:0}body,html{position:absolute;width:100%;height:100%;overflow-x:hidden}:root{--px: 1.5;--cppx: 2;--rppx: .5;--sj: 12;--op: 1;--op-left: 1;--op-right: 1}.app-container,.bigbox{position:absolute;width:100%;height:100%}.hidden{display:none!important}.initial-background{background-image:linear-gradient(#439cfb,#61acfe,transparent)}.exit-button{position:fixed;left:0;top:50%;transform:translateY(-50%);width:80px;height:40px;background-color:#fffc;border:none;border-radius:0 20px 20px 0;font-size:18px;font-weight:700;color:#333;cursor:pointer;z-index:1000;box-shadow:2px 2px 8px #0003;transition:all .3s ease}.exit-button:hover{background-color:#ff6b6b;color:#fff}#bj{position:absolute;width:100%;height:100%;background-size:cover;background-position:bottom;z-index:3}.bl{width:5.12rem;height:5.12rem;mix-blend-mode:multiply;z-index:1}#yp{position:absolute;top:25%;left:5%;opacity:0}#hy{position:absolute;transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}#ly{position:absolute;left:calc(calc(var(--px) / -2) * 1rem);transform:scale(.45)}#tp1{position:absolute;top:25%;left:0%}#tp2{position:absolute;top:25%;left:38%}#tp3{position:absolute;top:25%;left:73%}#l1,#l2,#l3{opacity:var(--op-left)!important;position:absolute;left:calc(calc(var(--px) / -2) * 1rem);transform:scale(.45)}#h1,#h2,#h3{opacity:var(--op-right)!important;position:absolute;transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}.xs{animation:yc 2s linear}@keyframes yc{0%{opacity:0}40%{opacity:0}60%{opacity:0}to{opacity:0}}.cx{animation:yx 2s linear}@keyframes yx{0%{opacity:0}40%{opacity:1}60%{opacity:1}to{opacity:0}}.wz1-1{animation:hua7 calc(var(--sj) * 1s) linear forwards}.wz1-2{animation:hua4 calc(var(--sj) * 1s) linear forwards}.wz1-3{animation:hua1 calc(var(--sj) * 1s) linear forwards}.lx1-1{animation:huah7 calc(var(--sj) * 1s) linear forwards}.lx1-2{animation:huah4 calc(var(--sj) * 1s) linear forwards}.lx1-3{animation:huah1 calc(var(--sj) * 1s) linear forwards}.hx1-1{animation:hual7 calc(var(--sj) * 1s) linear forwards}.hx1-2{animation:hual4 calc(var(--sj) * 1s) linear forwards}.hx1-3{animation:hual1 calc(var(--sj) * 1s) linear forwards}.wz2-1{animation:hua5 calc(var(--sj) * 1s) linear forwards}.wz2-2{animation:hua2 calc(var(--sj) * 1s) linear forwards}.wz2-3{animation:hua8 calc(var(--sj) * 1s) linear forwards}.lx2-1{animation:huah5 calc(var(--sj) * 1s) linear forwards}.lx2-2{animation:huah2 calc(var(--sj) * 1s) linear forwards}.lx2-3{animation:huah8 calc(var(--sj) * 1s) linear forwards}.hx2-1{animation:hual5 calc(var(--sj) * 1s) linear forwards}.hx2-2{animation:hual2 calc(var(--sj) * 1s) linear forwards}.hx2-3{animation:hual8 calc(var(--sj) * 1s) linear forwards}.wz3-1{animation:hua3 calc(var(--sj) * 1s) linear forwards}.wz3-2{animation:hua9 calc(var(--sj) * 1s) linear forwards}.wz3-3{animation:hua6 calc(var(--sj) * 1s) linear forwards}.lx3-1{animation:huah3 calc(var(--sj) * 1s) linear forwards}.lx3-2{animation:huah9 calc(var(--sj) * 1s) linear forwards}.lx3-3{animation:huah6 calc(var(--sj) * 1s) linear forwards}.hx3-1{animation:hual3 calc(var(--sj) * 1s) linear forwards}.hx3-2{animation:hual9 calc(var(--sj) * 1s) linear forwards}.hx3-3{animation:hual6 calc(var(--sj) * 1s) linear forwards}@keyframes hua7{0%{top:25%;left:0%}10%{top:35%;left:35%}20%{top:25%;left:70%}30%{top:15%;left:35%}40%{top:25%;left:0%}50%{top:35%;left:35%}60%{top:25%;left:70%}70%{top:15%;left:35%}80%{top:25%;left:0%}90%{top:25%;left:0%}to{top:25%;left:0%}}@keyframes hua4{0%{top:25%;left:0%}10%{top:35%;left:35%}20%{top:25%;left:70%}30%{top:15%;left:35%}40%{top:25%;left:0%}50%{top:35%;left:35%}60%{top:25%;left:70%}70%{top:15%;left:35%}80%{top:25%;left:0%}90%{top:25%;left:0%}to{top:25%;left:38%}}@keyframes hua1{0%{top:25%;left:0%}10%{top:35%;left:35%}20%{top:25%;left:70%}30%{top:15%;left:35%}40%{top:25%;left:0%}50%{top:35%;left:35%}60%{top:25%;left:70%}70%{top:15%;left:35%}80%{top:25%;left:0%}90%{top:25%;left:0%}to{top:25%;left:73%}}@keyframes hua5{0%{top:25%;left:35%}10%{top:25%;left:0%}20%{top:35%;left:35%}30%{top:25%;left:70%}40%{top:15%;left:35%}50%{top:25%;left:0%}60%{top:35%;left:35%}70%{top:25%;left:70%}80%{top:15%;left:35%}90%{top:25%;left:70%}to{top:25%;left:0%}}@keyframes hua2{0%{top:25%;left:35%}10%{top:25%;left:0%}20%{top:35%;left:35%}30%{top:25%;left:70%}40%{top:15%;left:35%}50%{top:25%;left:0%}60%{top:35%;left:35%}70%{top:25%;left:70%}80%{top:15%;left:35%}90%{top:25%;left:70%}to{top:25%;left:38%}}@keyframes hua8{0%{top:25%;left:35%}10%{top:25%;left:0%}20%{top:35%;left:35%}30%{top:25%;left:70%}40%{top:15%;left:35%}50%{top:25%;left:0%}60%{top:35%;left:35%}70%{top:25%;left:70%}80%{top:15%;left:35%}90%{top:25%;left:70%}to{top:25%;left:73%}}@keyframes hua3{0%{top:25%;left:70%}10%{top:15%;left:35%}20%{top:25%;left:0%}30%{top:35%;left:35%}40%{top:25%;left:70%}50%{top:15%;left:35%}60%{top:25%;left:0%}70%{top:35%;left:35%}80%{top:25%;left:70%}90%{top:25%;left:35%}to{top:25%;left:0%}}@keyframes hua9{0%{top:25%;left:70%}10%{top:15%;left:35%}20%{top:25%;left:0%}30%{top:35%;left:35%}40%{top:25%;left:70%}50%{top:15%;left:35%}60%{top:25%;left:0%}70%{top:35%;left:35%}80%{top:25%;left:70%}90%{top:25%;left:35%}to{top:25%;left:38%}}@keyframes hua6{0%{top:25%;left:70%}10%{top:15%;left:35%}20%{top:25%;left:0%}30%{top:35%;left:35%}40%{top:25%;left:70%}50%{top:15%;left:35%}60%{top:25%;left:0%}70%{top:35%;left:35%}80%{top:25%;left:70%}90%{top:25%;left:35%}to{top:25%;left:73%}}@keyframes huah7{0%{transform:scale(.45);left:calc(calc(var(--px) / -2) * 1rem)}10%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}30%{transform:scale(.45);left:calc(calc(var(--cppx) / -2) * 1rem)}50%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}70%{transform:scale(.45);left:calc(calc(var(--cppx) / -2) * 1rem)}80%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}to{transform:scale(.45);left:calc(calc(var(--px) / -2) * 1rem)}}@keyframes huah4{0%{transform:scale(.45);left:calc(calc(var(--px) / -2) * 1rem)}10%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}30%{transform:scale(.45);left:calc(calc(var(--cppx) / -2) * 1rem)}50%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}70%{transform:scale(.45);left:calc(calc(var(--cppx) / -2) * 1rem)}80%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}to{transform:scale(.45);left:calc(calc(var(--px) / -2) * 1rem)}}@keyframes huah1{0%{transform:scale(.45);left:calc(calc(var(--px) / -2) * 1rem)}10%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}30%{transform:scale(.45);left:calc(calc(var(--cppx) / -2) * 1rem)}50%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}70%{transform:scale(.45);left:calc(calc(var(--cppx) / -2) * 1rem)}80%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}to{transform:scale(.45);left:calc(calc(var(--px) / -2) * 1rem)}}@keyframes huah5{0%{transform:scale(.45);left:calc(calc(var(--px) / -2) * 1rem)}20%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}40%{transform:scale(.45);left:calc(calc(var(--cppx) / -2) * 1rem)}60%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}80%{transform:scale(.45);left:calc(calc(var(--cppx) / -2) * 1rem)}90%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}to{transform:scale(.45);left:calc(calc(var(--px) / -2) * 1rem)}}@keyframes huah2{0%{transform:scale(.45);left:calc(calc(var(--px) / -2) * 1rem)}20%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}40%{transform:scale(.45);left:calc(calc(var(--cppx) / -2) * 1rem)}60%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}80%{transform:scale(.45);left:calc(calc(var(--cppx) / -2) * 1rem)}90%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}to{transform:scale(.45);left:calc(calc(var(--px) / -2) * 1rem)}}@keyframes huah8{0%{transform:scale(.45);left:calc(calc(var(--px) / -2) * 1rem)}20%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}40%{transform:scale(.45);left:calc(calc(var(--cppx) / -2) * 1rem)}60%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}80%{transform:scale(.45);left:calc(calc(var(--cppx) / -2) * 1rem)}90%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}to{transform:scale(.45);left:calc(calc(var(--px) / -2) * 1rem)}}@keyframes huah3{0%{transform:scale(.45);left:calc(calc(var(--px) / -2) * 1rem)}10%{transform:scale(.45);left:calc(calc(var(--cppx) / -2) * 1rem)}30%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}50%{transform:scale(.45);left:calc(calc(var(--cppx) / -2) * 1rem)}70%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}80%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}to{transform:scale(.45);left:calc(calc(var(--px) / -2) * 1rem)}}@keyframes huah9{0%{transform:scale(.45);left:calc(calc(var(--px) / -2) * 1rem)}10%{transform:scale(.45);left:calc(calc(var(--cppx) / -2) * 1rem)}30%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}50%{transform:scale(.45);left:calc(calc(var(--cppx) / -2) * 1rem)}70%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}80%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}to{transform:scale(.45);left:calc(calc(var(--px) / -2) * 1rem)}}@keyframes huah6{0%{transform:scale(.45);left:calc(calc(var(--px) / -2) * 1rem)}10%{transform:scale(.45);left:calc(calc(var(--cppx) / -2) * 1rem)}30%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}50%{transform:scale(.45);left:calc(calc(var(--cppx) / -2) * 1rem)}70%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}80%{transform:scale(.15);left:calc(calc(var(--rppx) / 2) * 1rem)}to{transform:scale(.45);left:calc(calc(var(--px) / -2) * 1rem)}}@keyframes hual7{0%{transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}10%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}30%{transform:scale(.45);left:calc(calc(var(--cppx) / 2) * 1rem)}50%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}70%{transform:scale(.45);left:calc(calc(var(--cppx) / 2) * 1rem)}80%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}to{transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}}@keyframes hual4{0%{transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}10%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}30%{transform:scale(.45);left:calc(calc(var(--cppx) / 2) * 1rem)}50%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}70%{transform:scale(.45);left:calc(calc(var(--cppx) / 2) * 1rem)}80%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}to{transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}}@keyframes hual1{0%{transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}10%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}30%{transform:scale(.45);left:calc(calc(var(--cppx) / 2) * 1rem)}50%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}70%{transform:scale(.45);left:calc(calc(var(--cppx) / 2) * 1rem)}80%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}to{transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}}@keyframes hual5{0%{transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}20%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}40%{transform:scale(.45);left:calc(calc(var(--cppx) / 2) * 1rem)}60%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}80%{transform:scale(.45);left:calc(calc(var(--cppx) / 2) * 1rem)}90%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}to{transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}}@keyframes hual2{0%{transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}20%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}40%{transform:scale(.45);left:calc(calc(var(--cppx) / 2) * 1rem)}60%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}80%{transform:scale(.45);left:calc(calc(var(--cppx) / 2) * 1rem)}90%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}to{transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}}@keyframes hual8{0%{transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}20%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}40%{transform:scale(.45);left:calc(calc(var(--cppx) / 2) * 1rem)}60%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}80%{transform:scale(.45);left:calc(calc(var(--cppx) / 2) * 1rem)}90%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}to{transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}}@keyframes hual3{0%{transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}10%{transform:scale(.45);left:calc(calc(var(--cppx) / 2) * 1rem)}30%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}50%{transform:scale(.45);left:calc(calc(var(--cppx) / 2) * 1rem)}70%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}80%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}to{transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}}@keyframes hual9{0%{transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}10%{transform:scale(.45);left:calc(calc(var(--cppx) / 2) * 1rem)}30%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}50%{transform:scale(.45);left:calc(calc(var(--cppx) / 2) * 1rem)}70%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}80%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}to{transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}}@keyframes hual6{0%{transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}10%{transform:scale(.45);left:calc(calc(var(--cppx) / 2) * 1rem)}30%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}50%{transform:scale(.45);left:calc(calc(var(--cppx) / 2) * 1rem)}70%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}80%{transform:scale(.15);left:calc(calc(var(--rppx) / -2) * 1rem)}to{transform:scale(.45);left:calc(calc(var(--px) / 2) * 1rem)}}#djs{position:absolute;width:1.6rem;height:1.8rem;left:50%;transform:translate(-50%);top:20%}#zz1,#zz2,#zz3{position:absolute;opacity:0}#zz1{width:.96rem;height:1.59rem;left:25%}#zz2{width:1.45rem;height:1.62rem;left:10%;top:0%}#zz3{width:1.51rem;height:1.67rem;left:10%;top:0%}.ds1,.ds2,.ds3{animation:sz 1s linear forwards}@keyframes sz{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}.safety-tip{position:absolute;left:50%;top:5%;transform:translate(-50%);display:flex;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(240,248,255,.95));border-radius:20px;padding:12px 20px;box-shadow:0 8px 32px #00000026;z-index:100;max-width:85%}.safety-tip-icon{font-size:32px;margin-right:12px}.safety-tip-content{display:flex;flex-direction:column}.safety-tip-category{font-size:12px;color:#666;margin-bottom:4px;padding:2px 8px;background:linear-gradient(135deg,#439cfb,#61acfe);color:#fff;border-radius:8px;display:inline-block;width:fit-content}.safety-tip-text{font-size:18px;color:#333;font-weight:700;line-height:1.3}#tx{position:absolute;width:5.12rem;height:5.12rem;background-image:url(/background-img/effect_star.gif);background-size:contain;top:27%;opacity:0;z-index:100}#qjjw{position:absolute;width:5.12rem;height:1.18rem;top:62%;left:72%;transform:scale(.7);opacity:0}.start-page{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.start-header{position:absolute;top:8%;text-align:center}.school-name{font-size:.5rem;font-weight:700;color:#333;margin-bottom:.2rem}.class-name{font-size:.35rem;color:#666}.start-footer{position:absolute;bottom:8%;font-size:.2rem;color:#999;text-align:center}#startButton{position:absolute;top:50%;left:50%;width:30%;height:30%;transform:translate(-50%,-50%);padding:15px 30px;font-size:24px;font-weight:700;background-color:#fff;color:#3690fb;border:none;border-radius:30px;cursor:pointer;z-index:10;box-shadow:0 4px 8px #0003;transition:all .3s ease}#startButton:hover{background-color:#3690fb;color:#fff;box-shadow:0 6px 12px #0000004d}#musicout{position:fixed;top:20px;right:20px;width:50px;height:50px;background:rgba(255,255,255,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;color:#fff;z-index:9999;transition:all .3s ease;box-shadow:0 2px 10px #0000004d;border:none;outline:none;animation:breathing 1s ease-in-out infinite}@keyframes breathing{0%,to{transform:scale(1.05)}50%{transform:scale(1.1)}}#musicout:hover{transform:scale(1.15)!important;background:rgba(0,0,0,.9);animation:none}