:root{--jupiter-image:url(/awards/planets/jupiter.png);--jupiter-tilt:rotate(10deg);--jupiter-day:50;--jupiter-color:#c9b5a4;--jupiter-shadow-color:#c9b5a4;--mercury-image:url(/awards/planets/mercury.jpg);--mercury-tilt:rotate(-10deg);--mercury-day:50;--mercury-color:#999;--mercury-shadow-color:#999;--mars-image:url(/awards/planets/mars.jpg);--mars-tilt:rotate(5deg);--mars-day:50;--mars-color:#c07158;--mars-shadow-color:#c07158;--neptune-image:url(/awards/planets/neptune.jpg);--neptune-tilt:rotate(-11deg);--neptune-day:50;--neptune-color:#5e73bb;--neptune-shadow-color:#5e73bb;--jupiter-shadow-distance:-1.75vh;--jupiter-shadow-blur:1.75vh;--jupiter-shadow-spread:-1.75vh;--mercury-shadow-distance:-1.75vh;--mercury-shadow-blur:1.75vh;--mercury-shadow-spread:-1.75vh;--mars-shadow-distance:-1.75vh;--mars-shadow-blur:1.75vh;--mars-shadow-spread:-1.75vh;--neptune-shadow-distance:-1.75vh;--neptune-shadow-blur:1.75vh;--neptune-shadow-spread:-1.75vh;--jupiter-glow-inner:1.75vh;--jupiter-glow-outer:1.75vh;--mercury-glow-inner:1.75vh;--mercury-glow-outer:1.75vh;--mars-glow-inner:1.75vh;--mars-glow-outer:1.75vh;--neptune-glow-inner:1.75vh;--neptune-glow-outer:1.75vh;--jupiter-glow-inner-third:1.75vh;--jupiter-glow-outer-third:1.75vh;--mercury-glow-inner-third:1.75vh;--mercury-glow-outer-third:1.75vh;--mars-glow-inner-third:1.75vh;--mars-glow-outer-third:1.75vh;--neptune-glow-inner-third:1.75vh;--neptune-glow-outer-third:1.75vh;--jupiter-glow-inner-tablet:1vh;--jupiter-glow-outer-tablet:1vh;--mercury-glow-inner-tablet:1vh;--mercury-glow-outer-tablet:1vh;--mars-glow-inner-tablet:1vh;--mars-glow-outer-tablet:1vh;--neptune-glow-inner-tablet:1vh;--neptune-glow-outer-tablet:1vh;--jupiter-glow-inner-third-tablet:1vh;--jupiter-glow-outer-third-tablet:1vh;--mercury-glow-inner-third-tablet:1vh;--mercury-glow-outer-third-tablet:1vh;--mars-glow-inner-third-tablet:1vh;--mars-glow-outer-third-tablet:1vh;--neptune-glow-inner-third-tablet:1vh;--neptune-glow-outer-third-tablet:1vh}.dark{--jupiter-shadow-color:rgba(255,215,0,.6);--mercury-shadow-color:rgba(200,200,200,.6);--mars-shadow-color:rgba(255,140,100,.6);--neptune-shadow-color:rgba(100,150,255,.6)}@media (prefers-color-scheme:dark){:root:not(.light){--jupiter-shadow-color:rgba(255,215,0,.6);--mercury-shadow-color:rgba(200,200,200,.6);--mars-shadow-color:rgba(255,140,100,.6);--neptune-shadow-color:rgba(100,150,255,.6)}}@keyframes planetRotate{0%{background-position:0%}to{background-position:-200%}}.solar-system{border-radius:50%;justify-content:center;align-items:center;width:200vw;height:200vh;display:flex;position:absolute;bottom:-100%;left:-100%;overflow:visible}@keyframes move-on-orbit1-next{0%{offset-distance:475%;transform:scale(1)}to{offset-distance:410%;transform:scale(.364432)}}@keyframes move-on-orbit2-next{0%{offset-distance:489%;transform:scale(1)}to{offset-distance:475%;transform:scale(1.4)}}@keyframes move-on-orbit3-next{0%{offset-distance:498%;transform:scale(1)}to{offset-distance:488%;transform:scale(1.4)}}@keyframes move-on-orbit4-next{0%{offset-distance:510%;transform:scale(1)}to{offset-distance:498%;transform:scale(1.4)}}@keyframes move-on-orbit1-prev{0%{offset-distance:475%;transform:scale(1)}to{offset-distance:489%;transform:scale(.714286)}}@keyframes move-on-orbit2-prev{0%{offset-distance:489%;transform:scale(1)}to{offset-distance:499%;transform:scale(.714286)}}@keyframes move-on-orbit3-prev{0%{offset-distance:499%;transform:scale(1)}to{offset-distance:510%;transform:scale(.714286)}}@keyframes move-on-orbit4-prev{0%{offset-distance:410%;transform:scale(1)}to{offset-distance:475%;transform:scale(2.744)}}@keyframes horizontalRotate{0%{transform:rotateY(0)scale(1.5)}to{transform:rotateY(180deg)scale(1.5)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}html,body{width:100%;height:100%;margin:0;padding:0}.current-step{color:#4caf50;margin-top:10px;font-size:1rem;font-weight:700}.orbit-steps{pointer-events:none;width:60vw;height:60vw;transition:all 1.2s;position:absolute;top:-12%;left:50%}.orbit-steps.steps-changing{opacity:.3;transform:scale(.95)rotateY(35deg)}.step-indicator{cursor:pointer;z-index:30;transition:all .3s;position:absolute;top:45%;left:5%}.rover-indicator{z-index:20;transition:transform .5s;position:absolute;top:45%;left:5%}.step-indicator:hover .step-icon{border-color:rgba(255,255,255,.5);transform:scale(1.1)}.step-indicator.active .step-icon{border-color:#4caf50;box-shadow:0 0 20px rgba(76,175,80,.5)}.step-indicator.completed .step-icon{opacity:.8;border-color:gold}.rover-icon{background:rgba(255,255,255,.3);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;animation:2s infinite pulse;display:flex;box-shadow:0 0 25px rgba(255,255,255,.7)}.step-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;animation:2s infinite pulse;display:flex}.award-changing{opacity:.4;transition:all 1s}.card{flex-direction:column;align-items:center;display:flex;position:relative}.card--mercury .planet__atmosphere{box-shadow:inset 10px 0px 12px -2px rgba(255,255,255,.2),inset -70px 0px 50px 0px black,var(--mercury-shadow-distance)0px var(--mercury-shadow-blur)var(--mercury-shadow-spread)var(--mercury-shadow-color),0px 0px var(--mercury-glow-inner)0px silver,0px 0px var(--mercury-glow-outer)3px rgba(192,192,192,.3)}.card--mercury .planet__surface{background-image:var(--mercury-image);transform:var(--mercury-tilt)scale(1.2);animation:planetRotate calc(var(--mercury-day)*.1s)linear infinite}.card--mars .planet__atmosphere{box-shadow:inset 10px 0px 12px -2px rgba(255,255,255,.2),inset -70px 0px 50px 0px black,var(--mars-shadow-distance)0px var(--mars-shadow-blur)var(--mars-shadow-spread)var(--mars-shadow-color),0px 0px var(--mars-glow-inner)0px #cd7f32,0px 0px var(--mars-glow-outer)2px rgba(205,127,50,.3)}.card--mars .planet__surface{background-image:var(--mars-image);transform:var(--mars-tilt)scale(1.2);animation:planetRotate calc(var(--mars-day)*.1s)linear infinite}.card--jupiter .planet__atmosphere{box-shadow:inset 10px 0px 12px -2px rgba(255,255,255,.2),inset -70px 0px 30px 0px black,var(--jupiter-shadow-distance)0px var(--jupiter-shadow-blur)var(--jupiter-shadow-spread)var(--jupiter-shadow-color),0px 0px var(--jupiter-glow-inner)0px gold,0px 0px var(--jupiter-glow-outer)5px rgba(255,215,0,.3)}.card--jupiter .planet__surface{background-image:var(--jupiter-image);transform:var(--jupiter-tilt)scale(1.2);animation:planetRotate calc(var(--jupiter-day)*.1s)linear infinite}.card--neptune .planet__atmosphere{box-shadow:inset 10px 0px 12px -2px rgba(255,255,255,.2),inset -70px 0px 50px 0px black,var(--neptune-shadow-distance)0px var(--neptune-shadow-blur)var(--neptune-shadow-spread)var(--neptune-shadow-color),0px 0px var(--neptune-glow-inner)0px var(--neptune-color),0px 0px var(--neptune-glow-outer)1px rgba(94,115,187,.3)}.card--neptune .planet__surface{background-image:var(--neptune-image);transform:var(--neptune-tilt)scale(1.2);animation:planetRotate calc(var(--neptune-day)*.1s)linear infinite}.planet__atmosphere{background:radial-gradient(circle at 30%,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 65%);border-radius:50%;position:relative;overflow:hidden}.planet__surface{z-index:-1;background-size:cover;width:100%;height:100%;position:absolute}@media (max-width:768px){.planet-container{width:60vw}}@media (min-width:1250px) and (max-width:1430px){.step-indicator{cursor:pointer;z-index:10;transition:all .3s;position:absolute;top:45%;left:5%}.rover-indicator{z-index:20;transition:transform .5s;position:absolute;top:45%;left:5%}}@media (min-width:960px) and (max-width:1250px){.step-indicator{cursor:pointer;z-index:10;transition:all .3s;position:absolute;top:42%;left:-0%}.rover-indicator{z-index:20;transition:transform .5s;position:absolute;top:42%;left:-0%}}@media (min-width:769px) and (max-width:960px){.step-indicator{cursor:pointer;z-index:10;transition:all .3s;position:absolute;top:35%;left:-11%}.rover-indicator{z-index:20;transition:transform .5s;position:absolute;top:35%;left:-11%}}@media (min-width:240px) and (max-width:769px){.solar-system{border-radius:50%;justify-content:center;align-items:center;width:100vw;height:40vh;display:flex;position:absolute;top:0%;left:0%;overflow:visible}.orbit-steps{pointer-events:none;width:10vw;height:10vw;transition:all 1.2s;position:absolute;top:0;left:0}.step-indicator{cursor:pointer;z-index:10;transition:all .3s;position:absolute;top:56%;left:-5%;transform:translate(15vh)translateY(-15vh)}@keyframes move-on-orbit1-next{0%{offset-distance:475%;transform:scale(1)}to{offset-distance:420%;transform:scale(.2551)}}@keyframes move-on-orbit2-next{0%{offset-distance:495%;transform:scale(1)}to{offset-distance:475%;transform:scale(2)}}@keyframes move-on-orbit3-next{0%{offset-distance:510%;transform:scale(1)}to{offset-distance:495%;transform:scale(1.4)}}@keyframes move-on-orbit4-next{0%{offset-distance:520%;transform:scale(1)}to{offset-distance:510%;transform:scale(1.4)}}@keyframes move-on-orbit1-prev{0%{offset-distance:475%;transform:scale(1)}to{offset-distance:495%;transform:scale(.5)}}@keyframes move-on-orbit2-prev{0%{offset-distance:495%;transform:scale(1)}to{offset-distance:510%;transform:scale(.714286)}}@keyframes move-on-orbit3-prev{0%{offset-distance:510%;transform:scale(1)}to{offset-distance:520%;transform:scale(.714286)}}@keyframes move-on-orbit4-prev{0%{offset-distance:520%;transform:scale(1)}to{offset-distance:575%;transform:scale(2.744)}}.card--jupiter .planet__atmosphere{box-shadow:inset 3px 0px 4px -2px rgba(255,255,255,.15),inset -30px 0px 10px 0px black,var(--jupiter-shadow-distance)0px var(--jupiter-shadow-blur)var(--jupiter-shadow-spread)var(--jupiter-shadow-color),0px 0px 2px 0px gold,0px 0px 3px 2px rgba(255,215,0,.2)}.card--mercury .planet__atmosphere{box-shadow:inset 3px 0px 4px -2px rgba(255,255,255,.15),inset -30px 0px 10px 0px black,var(--mercury-shadow-distance)0px var(--mercury-shadow-blur)var(--mercury-shadow-spread)var(--mercury-shadow-color),0px 0px 1px 0px silver,0px 0px 2px 2px rgba(192,192,192,.2)}.card--mars .planet__atmosphere{box-shadow:inset 3px 0px 4px -2px rgba(255,255,255,.15),inset -30px 0px 10px 0px black,var(--mars-shadow-distance)0px var(--mars-shadow-blur)var(--mars-shadow-spread)var(--mars-shadow-color),0px 0px 1px 0px #cd7f32,0px 0px 2px 2px rgba(205,127,50,.2)}.card--neptune .planet__atmosphere{box-shadow:inset 3px 0px 4px -2px rgba(255,255,255,.15),inset -30px 0px 10px 0px black,var(--neptune-shadow-distance)0px var(--neptune-shadow-blur)var(--neptune-shadow-spread)var(--neptune-shadow-color),0px 0px 1px 0px var(--neptune-color),0px 0px 2px 1px rgba(94,115,187,.2)}}