.fancy-box{box-shadow:0 0 10% rgba(0,0,0,.5);border-radius:8px;color:#f0f0f0;text-align:center;transition:box-shadow .3s,transform .3s;max-width:900px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin:0 auto;animation:1s ease-out fadeInIntro}.fancy-box-no-hover{box-shadow:0 0 10% rgba(0,0,0,.5);border-radius:8px;color:#f0f0f0;text-align:center;transition:box-shadow .3s,transform .3s;max-width:900px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px auto;margin-top:4rem!important;animation:1s ease-out fadeInIntro}.fancy-box-initial{margin-top:10rem!important}@media (max-width:500px){.fancy-box-initial{margin-top:5rem!important}}.fancy-box-initial:hover{transform:scale(1.02)}.fancy-box-main{box-shadow:0 0 10% rgba(0,0,0,.5);border-radius:8px;padding:4% 3%;color:#f0f0f0;text-align:center;transition:box-shadow .3s,transform .3s;max-width:1000px!important;margin:20px auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.fancy-box::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:115vw;height:120vh;opacity:.5;pointer-events:none}.fancy-text{font-size:clamp(1rem, 1.2vw, 1.15rem);line-height:1.6;font-weight:400;max-width:800px;text-align:center;margin-left:auto;margin-right:auto}.equation-intro,.fancy-message,.question-text{font-size:clamp(1.1rem, 1.4vw, 1.3rem);line-height:1.8;font-weight:400;color:#e0f7fa}.fancy-subtitle{font-size:clamp(1.3rem, 1.8vw, 1.6rem);font-weight:700;color:#00d2f1;text-transform:uppercase;letter-spacing:1.5px;text-shadow:0 0 5px rgba(0,140,186,.5);margin-top:2rem}.fancy-title{font-weight:700;text-transform:uppercase;letter-spacing:1.5px;font-size:clamp(1.6rem, 2.5vw, 2.3rem);margin-top:2rem;background:linear-gradient(90deg,#00d2f1,#47f6c9,#00d2f1);background-size:200%;-webkit-background-clip:text;color:transparent;animation:6s infinite gradientText}@keyframes gradientText{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.question-text{transition:opacity .5s}@media (max-width:450px){.question-text{font-size:.8rem!important}}@keyframes fadeInIntro{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-out{opacity:0}@media (max-width:768px){.fancy-title{font-size:1.5rem}.fancy-message,.fancy-text{font-size:.9rem;line-height:1.6}.game-container{width:90vw;height:50vh}.swing-container{margin:20px 0;height:200px}.amplitude-energy-container{margin-top:10px}@media (max-width:450px){.fancy-message,.fancy-text,.question-text{font-size:.9rem!important}}}