header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;margin-bottom:3.75rem;padding:.625rem var(--padding-horizontal) .75rem;position:fixed;transition:.15s ease;width:100%;z-index:8}header .logo{height:3.125rem;margin-right:auto}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){header .logo{display:none}}header .logo img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}@media (max-width:600px),screen and (max-width:850px) and (max-aspect-ratio:8/5){header .logo img{height:2.25rem;width:auto}}header .container{display:none;flex-direction:column}@media (max-width:600px),screen and (max-width:850px) and (max-aspect-ratio:8/5){header .container{align-items:center;align-self:center;grid-area:timer;margin-bottom:0}}header .user{align-items:center;display:flex}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){header .user{margin-right:auto}}header .user .user-rubies{font-size:1rem;line-height:1rem;margin-right:1.875rem}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){header .user .user-rubies{margin-right:1.25rem}}header .user .energy-wrapper{align-items:center;display:flex}header .user .energy-wrapper .energy{color:#ffbc09;font-size:1rem;margin-right:.75rem}header .user .energy-wrapper .add-energy{align-items:center;background:rgba(191,213,255,.1);border-radius:.5rem;cursor:pointer;display:flex;height:2.5rem;justify-content:center;transition:.15s ease;width:2.5rem}@media screen and (max-width:500px){header .user .energy-wrapper .add-energy{display:none}}header .user .energy-wrapper .add-energy img{height:1rem;-o-object-fit:contain;object-fit:contain;width:1rem}header .user .energy-wrapper .add-energy:hover{background:rgba(191,213,255,.2)}header .user-info-wrapper{align-items:center;display:flex;margin-left:1.25rem;padding-left:1.25rem;position:relative}header .user-info-wrapper:before{background:rgba(191,212,255,.3);content:"";height:1.5rem;left:0;position:absolute;top:50%;transform:translateY(-50%);width:1px}header .user-info-wrapper .user-info{display:flex;flex-direction:column;gap:.5rem}header .user-info-wrapper .user-info .currency-wrapper{align-items:center;display:flex;margin-right:1.875rem}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){header .user-info-wrapper .user-info .currency-wrapper{margin-right:1.25rem}}header .user-info-wrapper .user-info .currency-wrapper .currency{color:var(--Light,#bfd5ff);font-size:1rem;font-weight:500;line-height:1rem}@media screen and (max-width:500px){header .user-info-wrapper .user-info .currency-wrapper .currency{font-size:.85rem}header .user-info-wrapper .user-info .currency-wrapper .currency:before{height:.8rem;width:.8rem}}@media (max-width:600px),screen and (max-width:850px) and (max-aspect-ratio:8/5){header .user-info-wrapper .user-info{margin-bottom:.5rem}header .user-info-wrapper{align-items:start;flex-direction:column;gap:0;grid-area:user;justify-content:flex-end;margin-left:.875rem}}@media screen and (max-width:600px){header .user-info-wrapper{margin-left:1rem}}@media screen and (max-width:500px){header .user-info-wrapper{margin-left:0}}header .name{font-size:1rem;font-weight:500;letter-spacing:.025em;line-height:1rem;margin-right:1.875rem}@media (max-width:600px),screen and (max-width:850px) and (max-aspect-ratio:8/5){header .name{margin-right:0}}header .logout-button{align-items:center;background:var(--green);border:none;border-radius:.5rem;color:var(--dark-blue);cursor:pointer;display:flex;font-family:Rubik;font-size:1rem;font-weight:500;height:2.5rem;justify-content:center;line-height:1rem;min-width:6.25rem;outline:none;padding:1rem 1.2rem;text-transform:uppercase;transition:.3s ease;width:100%}header .logout-button:hover{background:var(--white)}@media (max-width:600px),screen and (max-width:900px) and (max-aspect-ratio:8/5){header .logout-button{min-width:unset}}@media (max-width:600px),screen and (max-width:850px) and (max-aspect-ratio:8/5){header .logout-button{background:none;color:var(--green);height:auto;justify-content:flex-start;padding:0}header .logout-button:hover{background:none;opacity:.8}}header .button,header input{align-items:center;background:var(--green);border-radius:.5rem;color:var(--dark-blue);cursor:pointer;display:flex;font-size:1rem;font-weight:500;justify-content:center;line-height:100%;padding:1rem 1.25rem;text-transform:uppercase;transition:.3s ease}header .button:hover,header input:hover{background:var(--white)}header .button.disabled,header input.disabled{cursor:default;opacity:.5;pointer-events:none}@media (max-width:600px),screen and (max-width:850px) and (max-aspect-ratio:8/5){header .button,header input{grid-area:user}}header .login-popup-button{background:transparent;color:var(--green)}header .login-popup-button:hover{background:none;color:#fff}header:after{background:linear-gradient(180deg,rgba(9,24,37,.2),rgba(9,24,37,0));bottom:0;content:"";height:2.25rem;left:0;opacity:0;pointer-events:none;position:absolute;transform:translateY(100%);transition:.15s ease;width:100%}header.active{background:rgba(9,24,37,.9)}header.active:after{opacity:1}