@import url(https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{align-items:center;background:#f3f2ec;color:#fff;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;text-align:center}.audio-mixer{background-color:#00000080;border-radius:10px;max-width:800px;padding:30px;width:100%}.audio-mixer h2{color:#f5f5f5;font-size:2.2rem;margin-bottom:30px}.track-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.track-control{background-color:#282828cc;border-radius:8px;padding:20px;transition:all .3s ease}.track-control:hover{background-color:#3c3c3ccc}.track-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.track-header h3{color:#f5f5f5;font-size:1.4rem;margin:0}.track-buttons{display:flex;gap:10px}.mute-button,.solo-button{border:none;border-radius:4px;cursor:pointer;font-weight:700;padding:8px 15px;transition:all .2s ease}.mute-button{background-color:#ff4136;color:#fff}.mute-button.active{background-color:#555;color:#fff}.solo-button{background-color:#ffdc00;color:#333}.solo-button.active{background-color:#ffb700;color:#333}.slider-container{align-items:center;display:flex;gap:15px}.volume-slider{-webkit-appearance:none;background:#444;border-radius:6px;flex-grow:1;height:12px;overflow:hidden}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#1db954;border-radius:50%;box-shadow:-100vw 0 0 100vw #1db954;cursor:pointer;height:20px;width:20px}.volume-value{color:#ccc;font-size:1rem;font-weight:700;min-width:50px}.mixer-instructions{background-color:#1db9541a;border-left:4px solid #1db954;border-radius:4px;margin-top:30px;padding:15px;text-align:left}.mixer-instructions p{color:#ccc;margin:5px 0}.message{animation:fadeIn .5s ease;background-color:#1db954;border-radius:8px;color:#fff;margin-bottom:20px;padding:15px}.congratulations{animation:popIn .5s ease;background-color:#00000080;border-radius:10px;max-width:600px;padding:40px;text-align:center}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.congratulations h2{color:#1db954;font-size:3rem;margin-bottom:20px}.congratulations p{color:#f5f5f5;font-size:1.2rem;margin-bottom:30px}.social-links{margin:30px 0}.social-links h3{color:#ccc;font-size:1.4rem;margin-bottom:15px}.links{display:flex;gap:20px;justify-content:center}.social-button{border-radius:30px;color:#fff;display:inline-block;font-weight:700;padding:12px 25px;text-decoration:none;transition:all .3s ease}.soundcloud{background-color:#f70}.youtube{background-color:red}.social-button:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-3px)}.restart-button{background-color:#555;border:none;border-radius:30px;color:#fff;cursor:pointer;font-size:1.2rem;margin-top:20px;padding:12px 30px;transition:all .3s ease}.restart-button:hover{background-color:#777}.image-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0;opacity:1;transition:opacity .5s ease}.image-grid img{height:auto;object-fit:cover;width:100%}.mixer-section{opacity:0;transition:opacity .5s ease}.message-container{margin-bottom:2rem;text-align:center}.general-note{font-size:1.5rem;margin-bottom:1rem}.callout{color:#333;font-size:1.2rem;font-weight:700;position:relative}.hidden{opacity:0;pointer-events:none}.visible{opacity:1;pointer-events:auto}.moodboard{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:-10000}.moodboard-img{box-shadow:0 4px 8px #00000005;max-width:200px;position:absolute;z-index:-1000000}.img1{left:-15%;top:1%}.img2{right:5%;top:10%}.img3{bottom:15%;left:8%}.img4{right:8%;top:50%}.img5{left:100px;max-width:120px;top:10%}.img6{max-width:123px;right:6%;top:3%}.img7{max-width:130px;right:12%;top:12%}@media (max-width:1214px){.img5{display:none}}@media (max-width:940px){.img7{display:none}}.moodboard-img:hover{opacity:1;z-index:-10000}.container{position:relative;z-index:1}.text-content{transition:all .5s ease-out}.container{display:block;margin:0 auto;text-align:left;width:800px}.text-content{margin-bottom:1rem}.text-fr{height:250px;padding:1rem 1rem 0;position:relative}.title{color:#2f2b24;font-family:Lora,serif;font-size:2.5rem;font-weight:700;margin:0}.subtitle{font-size:1.25rem;margin:.5rem 0 1.5rem}.description,.subtitle{color:#2f2b24;font-family:Lora,serif;font-weight:400}.description{font-size:1rem;line-height:1.4;margin:0 0 2rem;max-width:600px}.mixer-scroll{display:flex;gap:2rem;min-height:550px;overflow-x:scroll;padding:1rem 1rem 2rem 3rem;position:relative;scrollbar-color:#666 #333;scrollbar-width:thin;width:800px}.mixer-components{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;gap:2rem;min-width:max-content}.mixer-scroll::-webkit-scrollbar{height:8px}.mixer-scroll::-webkit-scrollbar-track{background:#333;border-radius:4px}.mixer-scroll::-webkit-scrollbar-thumb{background-color:#666;border-radius:4px}.start-button{align-items:center;background-color:#2f2b24;background:#2c2c2c;border:2px solid #1a1a1a;border-radius:5px;box-shadow:0 8px 16px #000c;color:#f3f2ec;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.75rem 1rem;position:relative;transition:all .3s ease}.start-button:hover{border:2px solid #ff6b4a}.moodboard-img{height:auto;object-fit:cover;width:100%}@media (max-width:768px){.container{padding:.5rem;width:100%}.moodboard-img{opacity:0}.mixer-scroll{padding:3rem 1rem 2rem 4rem;width:100%}.mixer-components{gap:1rem;padding:1rem 0 0}.title{font-size:2rem}.subtitle{font-size:1.2rem}}.mpc-wrapper{align-items:center;animation:slideInRight .5s ease;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;margin-bottom:1rem;min-width:fit-content}@keyframes slideInRight{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.mpc-title{color:#f5f5f5;font-size:1.6rem;margin-bottom:.5rem}.mpc-description{color:#ccc;margin-bottom:1rem}.scroll-indicator{animation:pulse 1.5s infinite;color:#ff6b4a;font-size:3rem;left:45%;opacity:.8;pointer-events:none;position:absolute;top:4rem;z-index:10}@keyframes pulse{0%{opacity:.4;transform:translateY(-50%) translateX(0)}50%{opacity:.8;transform:translateY(-50%) translateX(10px)}to{opacity:.4;transform:translateY(-50%) translateX(0)}}.mixer-container{display:flex;flex-direction:column;flex-shrink:0;min-height:100%;position:relative}.mixer-frame{background:#2c2c2c;border:2px solid #1a1a1a;border-radius:8px;box-shadow:0 8px 16px #000c;padding:1.5rem;position:relative;width:fit-content}@media (max-width:768px){.mixer-frame{padding:1rem}.channel-strips{gap:8px;padding:.8rem}.channel-strip{gap:.6rem;width:60px}.fader-container{height:170px}.fader-slot{height:140px}.fader{width:140px}}@media (max-width:375px){.channel-strips{gap:6px;padding:.6rem}.channel-strip{gap:.4rem;width:50px}.fader{width:120px}.control-btn{font-size:10px;height:20px;width:20px}}.mixer-branding{align-items:center;display:flex;gap:.5rem;left:1.5rem;position:absolute;top:.8rem}.brand-name{background:#000;border:1px solid #444;color:#fff;font-size:1rem;font-weight:700;letter-spacing:1px;padding:.2rem .5rem}.model-name{color:#ff6b4a;font-size:.8rem;font-weight:700}.vu-meter-section{background:#1a1a1a;border:1px solid #444;border-radius:4px;display:flex;justify-content:space-around;margin-bottom:1.5rem;padding:1rem;width:93%}.vu-meter{background:#181818;border:1px solid #444;border-radius:2px;box-shadow:inset 0 0 10px #000c;height:60px;position:relative;width:80px}.vu-meter:before{background:#0000;border-left:2px solid #444;border-radius:50% 50% 0 0;border-right:2px solid #444;border-top:2px solid #444;bottom:18px;content:"";height:30px;left:10%;opacity:.6;position:absolute;width:80%}.vu-needle{background:#ff6b4a;box-shadow:0 0 2px red;height:38px;transform:rotate(-30deg);transform-origin:bottom center;transition:transform .3s ease;width:2px;z-index:200}.vu-meter:after,.vu-needle{bottom:10px;left:50%;position:absolute}.vu-meter:after{background:#333;border:1px solid #444;border-radius:50%;box-shadow:0 0 2px #000c;content:"";height:6px;width:6px;z-index:300}.vu-label,.vu-meter:after{transform:translateX(-50%)}.vu-label{bottom:-12px;color:#aaa;font-size:10px;left:50%;position:absolute}.play-pause-button{align-items:center;background:#ff6b4a;border:2px solid #ff6b4a;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:1.5rem;top:1rem;width:40px}.play-pause-button:hover{box-shadow:0 4px 8px #0006;transform:scale(1.05)}.play-pause-button:before{border-color:#0000 #0000 #0000 #fff;border-style:solid;border-width:8px 0 8px 12px;content:"";height:0;margin-left:4px;width:0}.play-pause-button.paused:before{background:#fff;border:none;box-shadow:4px 0 0 #fff;height:16px;margin:0;width:4px}.channel-strips{background:linear-gradient(45deg,#252525,#2d2d2d);border:1px solid #333;border-radius:4px;display:flex;gap:12px;padding:1rem}.channel-strip{align-items:center;background:#2a2a2a;border-radius:4px;box-shadow:0 2px 4px #0000004d;display:flex;flex-direction:column;gap:.8rem;padding:.5rem .2rem;width:70px}.aux-section,.eq-section{flex-wrap:wrap;gap:8px;width:100%}.aux-section,.eq-section,.knob{display:flex;justify-content:center;position:relative}.knob{align-items:center;background:radial-gradient(circle at 30% 30%,#555,#222);border-radius:50%;box-shadow:0 2px 4px #0009,inset 0 1px 2px #fff3;cursor:pointer;height:25px;width:25px}.knob-line{background:#fff;height:10px;transform-origin:bottom center;width:2px}.knob.red{background:radial-gradient(circle at 30% 30%,#555,#311);border:2px solid #8b0000}.knob.green{background:radial-gradient(circle at 30% 30%,#555,#131);border:2px solid #006400}.knob.blue{background:radial-gradient(circle at 30% 30%,#555,#113);border:2px solid #00008b}.knob.orange{background:radial-gradient(circle at 30% 30%,#555,#321);border:2px solid #8b4500}.overload-indicator{align-items:center;display:flex;flex-direction:column;gap:3px;margin-bottom:5px}.overload-indicator span{color:#666;font-size:6px;letter-spacing:.5px;text-transform:uppercase}.overload-indicator:after{background-color:#400;border-radius:50%;content:"";display:block;height:6px;transition:all .2s ease;width:6px}.overload-indicator.active:after{background-color:red;box-shadow:0 0 6px red}.led-meters{display:flex;flex-direction:column;gap:4px;margin:.5rem 0}.led{border-radius:50%;box-shadow:0 0 2px #000c;height:6px;transition:all .2s ease;width:6px}.led.red{background:#400}.led.yellow{background:#440}.led.green{background:#040}.led.active.red{background:red;box-shadow:0 0 6px red}.led.active.yellow{background:#ff0;box-shadow:0 0 6px #ff0}.led.active.green{background:#0f0;box-shadow:0 0 6px #0f0}.channel-controls{display:flex;gap:4px}.control-btn{align-items:center;background:#333;border:1px solid #444;border-radius:3px;box-shadow:0 2px 4px #0006,inset 0 1px 1px #ffffff1a;color:#aaa;cursor:pointer;display:flex;font-size:11px;font-weight:700;height:24px;justify-content:center;transition:all .15s ease;width:24px}.control-btn:active{box-shadow:inset 0 2px 4px #0006;transform:translateY(1px)}.control-btn.mute.active{background:#a22}.control-btn.mute.active,.control-btn.solo.active{box-shadow:inset 0 2px 4px #0006;color:#fff;transform:translateY(1px)}.control-btn.solo.active{background:#aa2}.fader-container{flex-direction:column;gap:8px;height:180px}.fader-container,.fader-slot{align-items:center;display:flex;position:relative}.fader-slot{background:#111;border-radius:4px;box-shadow:inset 0 2px 8px #000c;height:150px;justify-content:center;overflow:hidden;padding:5px 0;width:30px}.fader-slot:before{bottom:5px;color:#aaa;content:"10\A 9\A 8\A 7\A 6\A 5\A 4\A 3\A 2\A 1\A 0";font-size:8px;height:auto;left:-16px;line-height:1;text-align:right;white-space:pre}.fader-slot:before,.fader-tick-marks{display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;position:absolute;top:5px}.fader-tick-marks{height:calc(100% - 10px);left:0;padding:0 4px;width:100%}.fader-tick{background-color:#444;height:1px;width:100%}.fader-slot:after{background:#222;bottom:5px;content:"";left:50%;position:absolute;top:5px;transform:translateX(-50%);width:2px}.fader{-webkit-appearance:none;appearance:none;background:#0000;height:20px;left:-60px;margin:0;position:absolute;top:65px;transform:rotate(-90deg);transition:0;width:150px;z-index:2000}.fader::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(180deg,#f4f4f4,#e0e0e0);border:1px solid #999;border-radius:2px;box-shadow:0 2px 4px #0006,inset 0 1px 1px #fff;cursor:pointer;height:36px;margin-top:-18px;width:26px}.fader::-moz-range-thumb{background:linear-gradient(180deg,#f4f4f4,#e0e0e0);border:1px solid #999;border-radius:2px;box-shadow:0 2px 4px #0006,inset 0 1px 1px #fff;cursor:pointer;height:36px;width:26px}.fader::-webkit-slider-runnable-track{background:#0000;border-radius:0;cursor:pointer;height:2px;width:100%}.fader::-moz-range-track{background:#0000;border-radius:0;cursor:pointer;height:2px;width:100%}.channel-label{align-items:center;display:flex;flex-direction:column;gap:2px}.channel-number{color:#ff6b4a;font-size:12px;font-weight:700}.track-name{color:#aaa;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.help-button{align-items:center;background:#2a2a2a;border:2px solid #ff6b4a;border-radius:50%;box-shadow:0 2px 4px #0006;color:#ff6b4a;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:30px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .2s ease;width:30px}.help-button:hover{background:#ff6b4a;color:#222;transform:scale(1.1)}.instructions-popup{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1001}.popup-backdrop{cursor:pointer;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.instructions-panel{background:#2a2a2a;border:1px solid #444;border-radius:8px;box-shadow:0 8px 32px #000000b3;max-width:500px;min-width:300px;padding:1.5rem;position:relative}.close-instructions{background:none;border:none;color:#ff6b4a;cursor:pointer;font-size:24px;height:30px;position:absolute;right:10px;top:10px;width:30px}.instructions-panel h3{border-bottom:1px solid #444;color:#ff6b4a;font-size:18px;letter-spacing:2px;margin-bottom:1rem;margin-top:0;padding-bottom:10px;text-align:center}.instructions-content{color:#ddd}.instructions-content p{line-height:1.5;margin:.8rem 0}.message-overlay{bottom:2rem;display:flex;justify-content:center;left:0;position:fixed;width:100%;z-index:90}.message{background:#000c;border:1px solid #444;border-radius:4px;box-shadow:0 4px 8px #00000080;color:#ff6b4a;font-weight:700;padding:1rem 2rem;text-align:center}.social-links{display:flex;gap:20px;justify-content:center;margin-top:20px}.social-link{align-items:center;border-radius:25px;color:#fff;display:flex;font-weight:500;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.social-link.soundcloud{background-color:#f50}.social-link.youtube{background-color:red}.social-link.play-again{background-color:#2c2c2c;border:none;cursor:pointer}.social-link:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.social-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;height:20px;width:20px}.soundcloud-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M11.56 8.87V17h8.76a3.35 3.35 0 1 0-.93-6.57C19.17 8.49 17.07 7 14.62 7c-1.16 0-2.23.35-3.06.87zM7.5 17h1.4V9.76c-.47-.23-.97-.36-1.4-.36V17zm-3-6.67c-.14 0-.27.02-.4.05V17h1.4V9.43c-.34.06-.69.18-1 .33v.57zm-2.25 4.23c-.15.12-.27.26-.37.4V17h.93v-3.27c-.2.27-.38.56-.56.83zM0 15.64C0 16.39.6 17 1.35 17H2v-2.71c-.6.21-1.24.61-1.82 1.08l-.18.27z'/%3E%3C/svg%3E")}.youtube-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E")}.play-again-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z'/%3E%3C/svg%3E")}.social-text{font-size:16px}.fade-enter{opacity:0}.fade-enter-active{opacity:1}.channel-strip{animation:fadeIn .8s ease-out forwards;opacity:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.channel-strip:first-child{animation-delay:0ms}.channel-strip:nth-child(2){animation-delay:.2s}.channel-strip:nth-child(3){animation-delay:.4s}.channel-strip:nth-child(4){animation-delay:.6s}.channel-strip:nth-child(5){animation-delay:.8s}.channel-strip:nth-child(6){animation-delay:1s}.description,.objective-container{animation:fadeIn .8s ease-out forwards;opacity:0}.objective-container{animation-delay:.4s}.mpc-container{display:flex;justify-content:center;margin-bottom:1rem;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.mpc-frame{align-items:center;background:linear-gradient(145deg,#e6e6e6,#d1d1d1);border:1px solid #999;border-radius:12px;box-shadow:0 10px 20px #0000004d;display:flex;flex-direction:column;padding:1.5rem;position:relative;width:380px}.mpc-branding{align-items:flex-end;display:flex;left:1.5rem;position:absolute;top:1rem}.mpc-brand{color:#e30613;font-size:1.8rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.mpc-model{color:#333;font-size:.8rem;font-style:italic;margin-bottom:4px;margin-left:6px}.mpc-lcd{background:#333;border:2px solid #222;border-radius:4px;height:40px;margin:2rem 0 1.5rem;padding:4px;width:180px}.lcd-screen,.mpc-lcd{align-items:center;display:flex;justify-content:center}.lcd-screen{background:#94c11f;color:#333;font-family:Courier New,monospace;font-size:.9rem;font-weight:700;height:100%;text-transform:uppercase;width:100%}.mpc-pad-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-rows:repeat(4,1fr);margin-bottom:1rem}.mpc-pad-row{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(4,1fr)}.mpc-pad{-webkit-tap-highlight-color:transparent;align-items:center;background:#888;border:none;border-radius:4px;box-shadow:0 2px 4px #0000004d,inset 0 -2px 0 #0003;cursor:pointer;display:flex;height:60px;justify-content:center;padding:0;touch-action:manipulation;transition:all .1s ease;width:60px}.mpc-pad:hover{background:#999}.mpc-pad.active,.mpc-pad:active{background:#777;box-shadow:0 1px 2px #0000004d,inset 0 -1px 0 #0003;transform:translateY(2px)}.pad-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.pad-content,.pad-number{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.pad-number{color:#ffffffe6;font-size:1rem;margin-bottom:2px}.pad-key{border:1px solid #ffffff4d;border-radius:2px;color:#fff9;font-size:.7rem;line-height:1;padding:1px 3px;text-transform:uppercase;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.mpc-controls{border-top:1px solid #ccc;display:flex;justify-content:space-around;margin-top:1rem;padding-top:1rem;width:100%}.control-section{display:flex;gap:1rem}@media (max-width:480px){.mpc-frame{padding:1rem;width:320px}.mpc-pad{height:50px;width:50px}.mpc-brand{font-size:1.5rem}}@media (min-width:1200px){.mpc-container{margin-left:1rem}}@media (min-width:1600px){.mpc-container{margin-left:2rem}}.typewriter-text{display:inline-block}.typewriter-text:after{animation:blink 1s step-end infinite;content:"|";margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes ripple{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes glow{0%,to{opacity:.8}50%{opacity:1}}@keyframes yellow-glow{0%,to{box-shadow:0 0 10px #ffd7004d;opacity:.8}50%{box-shadow:0 0 15px #ffd70080;opacity:1}}@keyframes green-glow{0%,to{box-shadow:0 0 10px #00ff004d;opacity:.8}50%{box-shadow:0 0 15px #00ff0080;opacity:1}}.objective-container{align-items:center;background:#2c2c2c;border:2px solid #1a1a1a;border-radius:8px;box-shadow:0 8px 16px #000c;display:inline-flex;gap:12px;opacity:1;padding:1rem;position:relative;transition:opacity .3s ease-in-out;width:fit-content}.objective-container.fade-enter{opacity:0}.objective-container.fade-enter-active,.objective-container.fade-exit{opacity:1}.objective-container.fade-exit-active{opacity:0}.target-marker{align-items:center;display:flex;height:16px;justify-content:center;position:relative;transition:all .3s ease-in-out;width:16px}.target-marker.yellow{filter:drop-shadow(0 0 4px rgba(255,215,0,.3))}.target-marker.green{filter:drop-shadow(0 0 4px rgba(0,255,0,.3))}.target-marker:before{border-radius:50%;content:"";height:5px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out;width:5px;z-index:2}.target-marker.yellow:before{animation:yellow-glow 2s ease-in-out infinite;background-color:gold;box-shadow:0 0 8px #ffd70080}.target-marker.green:before{animation:green-glow 2s ease-in-out infinite;background-color:#0f0;box-shadow:0 0 8px #00ff0080}.target-marker:after{border-radius:50%;content:"";height:10px;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease-in-out;width:10px}.target-marker.yellow:after{border:1.5px solid gold;box-shadow:0 0 6px #ffd7004d}.target-marker.green:after{border:1.5px solid #0f0;box-shadow:0 0 6px #00ff004d}.ripple{animation:ripple 3s ease-out infinite;border-radius:50%;height:100%;left:-7.7%;opacity:0;position:absolute;top:-4.5%;transform:translate(-50%,-50%);transition:border-color .3s ease-in-out;width:100%}.target-marker.yellow .ripple{border:1px solid gold}.target-marker.green .ripple{border:1px solid #0f0}.ripple:nth-child(2){animation-delay:1.5s}.objective-text{color:#dedede;font-family:Arial,Helvetica,sans-serif;font-weight:500;margin-left:4px;transition:opacity .3s ease-in-out}.ringer-popup{animation:slideUp .3s ease-out,fadeOut .3s ease-out 4.7s;background:#000c;border-radius:12px;bottom:20px;color:#fff;left:50%;padding:15px 20px;position:fixed;transform:translateX(-50%);z-index:1000}.ringer-popup-content{align-items:center;display:flex;gap:10px}.ringer-icon{animation:ring 1s ease-in-out infinite;font-size:20px}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes ring{0%{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-15deg)}60%{transform:rotate(7deg)}80%{transform:rotate(-7deg)}to{transform:rotate(0)}}
/*# sourceMappingURL=main.8aa7ebf3.css.map*/